/* ProPest Hub 267.22: scoped readability; original controls and data stay authoritative. */
body.pph-v67-ui .department-ops-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
body.pph-v67-ui .department-ops-card { padding: 22px; border-radius: 18px; background: var(--card) !important; }
body.pph-v67-ui .department-ops-head { gap: 16px; margin-bottom: 16px; }
body.pph-v67-ui .department-ops-head h3 { font-size: 22px; }
body.pph-v67-ui .department-ops-head p,
body.pph-v67-ui .department-ops-note,
body.pph-v67-ui .department-ops-issue { font-size: 14px; line-height: 1.6; color: var(--text2); }
body.pph-v67-ui .department-ops-title { flex-wrap: wrap; gap: 12px; }
body.pph-v67-ui .department-ops-title strong { font-size: 20px; }
body.pph-v67-ui .department-ops-status { font-size: 12px; letter-spacing: .03em; padding: 7px 11px; }
body.pph-v67-ui .department-ops-status.unknown { color: var(--text2); }
body.pph-v67-ui .department-ops-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 12px 0; }
body.pph-v67-ui .department-ops-metric { min-height: 72px; padding: 10px 14px; border: 1px solid var(--border2); background: var(--bg2); border-radius: 16px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
body.pph-v67-ui .department-ops-metric b { font-size: 26px; line-height: 1.15; color: var(--text); font-family: var(--font-body); overflow-wrap: anywhere; }
body.pph-v67-ui .department-ops-metric span { font-size: 14px; line-height: 1.45; font-weight: 600; color: var(--text2); }
body.pph-v67-ui .department-ops-card .btn { min-height: 44px; font-size: 14px; }

#company-setup-progress { padding: 20px !important; }
#company-setup-summary-text { font-size: 14px !important; color: var(--text2) !important; line-height: 1.6 !important; }
#panel-settings[data-settings-page="setup"] .company-setup-steps { grid-template-columns: minmax(0,1fr) !important; gap: 18px; }
.company-setup-phase { min-width: 0; border: 1px solid var(--border2); border-radius: 16px; padding: 16px; background: var(--bg2); }
.company-setup-phase h3 { font-size: 18px; margin: 0 0 12px; line-height: 1.4; }
.company-setup-phase .company-setup-step { padding: 14px; margin-top: 10px; align-items: start; }
.company-setup-phase .company-setup-step strong { font-size: 16px; }
.company-setup-phase .company-setup-step small { font-size: 14px; color: var(--text2); line-height: 1.55; }
.company-setup-phase .company-setup-state { font-size: 12px; white-space: normal; overflow-wrap: anywhere; }
.company-setup-phase .btn { font-size: 14px; min-height: 44px; }
.company-setup-phase.current { border-color: var(--teal); }
.company-setup-next { color: var(--text); font-weight: 600; margin-top: 8px; }
.company-setup-active { position: sticky; top: 0; z-index: 42; padding: 16px 20px; margin: 0 16px 12px; border: 1px solid var(--border2); border-radius: 16px; background: var(--bg2); box-shadow: var(--shadow); }
.company-setup-active[hidden] { display: none !important; }
.company-setup-active strong { font-size: 17px; display: block; }
.company-setup-active p { font-size: 14px; line-height: 1.5; color: var(--text2); margin: 7px 0; }
.company-setup-active-controls { display: flex; gap: 8px; flex-wrap: wrap; }
.company-setup-active .btn { font-size: 14px; min-height: 44px; }
.company-setup-active [role="status"] { font-size: 14px; margin-top: 8px; color: var(--text2); }

.calendar-month-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: 10px; }
#panel-schedule .calendar-month-scroll .cal-grid,
#panel-schedule .calendar-month-scroll .cal-weekdays { min-width: 980px; }
#panel-schedule .cal-cell { min-height: 180px; padding: 8px; border-radius: 10px; }
#panel-schedule .cal-cell-num { font-size: 18px; line-height: 1.4; }
#panel-schedule .cal-chip { font-size: 14px; font-weight: 600; line-height: 1.45; padding: 5px 6px; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; margin-top: 5px; }
#panel-schedule .cal-more { font-size: 14px; font-weight: 600; color: var(--text2); padding-top: 5px; }
#panel-schedule .cal-weekdays > div { font-size: 14px; color: var(--text2); padding: 8px; }
#panel-schedule .cal-cell.other-month { opacity: 1; background: var(--bg2); }
#panel-schedule .cal-cell.other-month .cal-cell-num { color: var(--text2); }
#panel-schedule .cal-chip.done { opacity: 1; }
.calendar-scroll-hint { font-size: 14px; line-height: 1.5; color: var(--text2); margin: 8px 0; }
#panel-schedule .cal-viewswitch { flex-wrap: wrap; width: 100%; gap: 6px; }
#panel-schedule .cal-vbtn { min-height: 44px; font-size: 14px; color: var(--text2); }
#panel-schedule .cal-vbtn.active { color: #fff; }
#panel-schedule .cal-label, #panel-schedule .week-label { font-size: 20px; text-align: center; line-height: 1.4; }
#panel-schedule .cal-nav, #panel-schedule .week-nav { gap: 10px; }
#panel-schedule .day-strip { overflow-x: auto; grid-template-columns: repeat(7,minmax(72px,1fr)); padding-bottom: 6px; }
#panel-schedule .day-name { font-size: 14px; }
#panel-schedule .day-date { font-size: 22px; }
#panel-schedule .day-btn div[style*="font-size"] { font-size: 14px !important; }
#panel-schedule .job-card div[style*="font-size"],
#panel-schedule #schedule-search-results div[style*="font-size"],
#panel-schedule #recurring-list div[style*="font-size"],
#panel-schedule #gcal-list div[style*="font-size"] { font-size: 14px !important; line-height: 1.5; }
#panel-schedule .dispatch-col-head, #panel-schedule .dispatch-card-title { font-size: 17px; line-height: 1.4; }
#panel-schedule .dispatch-card-meta, #panel-schedule .dispatch-warning, #panel-schedule .dispatch-location { font-size: 14px; line-height: 1.5; }
#panel-schedule .dispatch-card-meta { color: var(--text2); }
#panel-schedule .dispatch-card-controls input, #panel-schedule .dispatch-card-controls select { font-size: 16px; min-height: 44px; }
#panel-schedule .dispatch-mobile-actions .btn { min-height: 44px; font-size: 14px; }
#panel-settings #gcal-connect-status, #panel-settings #gcal-connect-msg { font-size: 14px !important; color: var(--text2); line-height: 1.5; }
#panel-settings [data-connect-group="Calendar"] { min-height: 44px; font-size: 16px; }
@media (max-width: 800px) {
  body.pph-v67-ui .department-ops-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.pph-v67-ui .department-ops-card { padding: 16px; }
  body.pph-v67-ui .department-ops-metric { padding: 14px; }
  .company-setup-active { margin: 0 8px 10px; padding: 14px; }
  .company-setup-phase { padding: 12px; }
  .company-setup-phase .company-setup-step { grid-template-columns: 24px minmax(0,1fr); gap: 8px; padding: 12px; }
  .company-setup-phase .company-setup-state { grid-column: 2; justify-self: start; }
  #panel-schedule .cal-nav, #panel-schedule .week-nav { flex-wrap: wrap; justify-content: center; }
}

body.pph-v67-ui .department-ops-legacy { font-size: 14px; line-height: 1.6; color: var(--text2); }
#panel-schedule .dispatch-clearance, #panel-schedule .dispatch-col-head > span:last-child { font-size: 14px !important; line-height: 1.5; }
#panel-settings [data-connect-group="Calendar"] + .company-selected-connection [style*="font-size"] { font-size: 14px !important; line-height: 1.5; }
#panel-settings [data-connect-group="Calendar"] + .company-selected-connection .btn { min-height: 44px; font-size: 14px; }

.company-setup-phase > summary { cursor: pointer; min-height: 44px; padding: 7px 0; font-size: 18px; line-height: 1.5; color: var(--text); }
.company-setup-phase > summary > span { font-size: 14px; color: var(--text2); margin-left: 12px; white-space: nowrap; }
.company-setup-phase > summary > strong { font-size: 18px; }

body.pph-v67-ui #panel-schedule .dispatch-col-head, body.pph-v67-ui #panel-schedule .dispatch-card-title { font-size: 17px !important; line-height: 1.4; }
body.pph-v67-ui #panel-schedule .dispatch-card-meta { font-size: 14px !important; color: var(--text2) !important; }
#panel-schedule .dispatch-card-controls > div[style*="font-size"] { font-size: 14px !important; }
body.pph-v67-ui #panel-schedule .dispatch-card-controls input, body.pph-v67-ui #panel-schedule .dispatch-card-controls select { font-size: 16px !important; }
#panel-schedule .dispatch-card-controls { grid-template-columns: minmax(0,1fr) 110px; }
#panel-schedule #dispatch-status, #panel-schedule #dispatch-summary, #panel-schedule .dispatch-clearance, #panel-schedule .dispatch-location { font-size: 14px !important; }
body.pph-v67-ui #panel-settings [data-connect-group="Calendar"] { font-size: 16px !important; }

@media(min-width:1100px){body.pph-v67-ui .department-ops-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}