/* Keep the footer brand, remove the slogan and its loose spacing. */
.page-footer{margin-top:12px;justify-content:flex-end}
@media(max-width:850px){
  /* Avoid iPhone focus zoom without restricting user pinch-zoom. */
  .search input{font-size:16px}
  /* Keep the existing opaque olive banner and its safe-area geometry. */
  .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;opacity:1;background:var(--fieldplan-banner)}
  .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
  .modal-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
}
@media(max-width:600px){
  /* Mobile Month and the inspection calendar use compact date markers.
     Week view and all desktop span rendering remain unchanged. */
  .month-calendar .calendar-spans{display:none}
  .month-calendar .month-week.has-spans{display:contents}
  .month-calendar .month-day{min-height:55px!important;height:55px}
  .month-calendar .month-week.has-spans>.month-day{display:block}
  .month-calendar .month-jobs{display:none}
  .month-calendar .month-dots{margin-top:0!important;width:100%;gap:2px}
  .month-calendar .month-dots i{height:8px;width:8px;flex:0 0 8px}
  .month-calendar .month-dots i.multi-day-indicator{width:14px;min-width:9px;flex:0 1 14px;border-radius:999px}
}
