/* CIVADELIA_CALENDAR_HEIGHT_V3_0_6
   Purpose: make the dashboard two-week calendar visibly taller without changing data or logic. */

/* Exact V4 calendar used by the current student/lecturer dashboard. */
body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-grid-v4,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-grid-v4,
.co-ui-v4 .co-two-week-v4 .co-two-week-grid-v4 {
  align-items:stretch !important;
}

body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-day,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-day,
.co-ui-v4 .co-two-week-v4 .co-two-week-day {
  min-height:168px !important;
  height:168px !important;
  box-sizing:border-box !important;
}

/* Keep the date header compact so the added room goes into the body of each day. */
body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-day > header,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-day > header,
.co-ui-v4 .co-two-week-v4 .co-two-week-day > header {
  height:42px !important;
  min-height:42px !important;
  padding:7px 9px !important;
  box-sizing:border-box !important;
}

body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-day-events,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-day-events,
.co-ui-v4 .co-two-week-v4 .co-day-events {
  min-height:126px !important;
  padding:10px 8px !important;
  align-content:start !important;
  box-sizing:border-box !important;
}

/* Give the calendar a little separation from the KPI row, but don't overdo it. */
body.co-ui-v1 .co-stat-row {
  margin-bottom:20px !important;
}

@media (max-width:1200px) {
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-day,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-day,
  .co-ui-v4 .co-two-week-v4 .co-two-week-day {
    min-height:154px !important;
    height:154px !important;
  }
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-day-events,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-day-events,
  .co-ui-v4 .co-two-week-v4 .co-day-events {
    min-height:112px !important;
  }
}

@media (max-width:980px) {
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-day,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-day,
  .co-ui-v4 .co-two-week-v4 .co-two-week-day {
    min-height:140px !important;
    height:140px !important;
  }
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-day-events,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-day-events,
  .co-ui-v4 .co-two-week-v4 .co-day-events {
    min-height:98px !important;
  }
}

@media (max-width:640px) {
  body.co-ui-v1 .co-stat-row { margin-bottom:14px !important; }
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-two-week-day,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-two-week-day,
  .co-ui-v4 .co-two-week-v4 .co-two-week-day {
    min-height:126px !important;
    height:126px !important;
  }
  body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-day-events,
  body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-day-events,
  .co-ui-v4 .co-two-week-v4 .co-day-events {
    min-height:84px !important;
    padding:7px 6px !important;
  }
}

/* CIVADELIA_CALENDAR_HEADER_SPACING_V3_0_7
   Adds breathing room above the Academic Calendar label
   and below the date-range/subtitle line. */

body.co-ui-v1.co-ui-v4 .co-two-week-v4 > .co-panel-head,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 > .co-panel-head,
.co-ui-v4 .co-two-week-v4 > .co-panel-head {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/* More room between Academic Calendar and Next 2 Weeks */
body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-page-kicker,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-page-kicker,
.co-ui-v4 .co-two-week-v4 .co-page-kicker {
    display: block !important;
    margin-bottom: 8px !important;
}

/* More room between Next 2 Weeks and the date range */
body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-panel-head h2,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-panel-head h2,
.co-ui-v4 .co-two-week-v4 .co-panel-head h2 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Give the date/subtitle line some breathing room */
body.co-ui-v1.co-ui-v4 .co-two-week-v4 .co-panel-head small,
body.co-ui-v1 .co-ui-v4 .co-two-week-v4 .co-panel-head small,
.co-ui-v4 .co-two-week-v4 .co-panel-head small {
    display: block !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}