/* ProPest Hub 267.23: one retained section at a time; compact responsive calendar. */
.pph-section-hidden,[hidden].company-setup-phase,[hidden]#lead-detail-page,#panel-leads [hidden]{display:none!important}
.pph-section-nav{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:35;background:var(--bg2,#0b1d2b);border:1px solid var(--border2,#355465);border-radius:12px;padding:10px;margin-bottom:16px;grid-column:1/-1;align-items:center}
.pph-section-nav[hidden]{display:none!important}
.pph-section-nav .btn{font-size:14px;min-height:42px;white-space:normal;line-height:1.35;color:var(--text,#edf6fc)}
.pph-section-nav .active{background:var(--teal,#087e91);border-color:var(--teal,#087e91);color:#fff}
.pph-section-help{font-size:14px;line-height:1.5;color:var(--text2,#bdd0de)}
#panel-marketing>.grid-2{grid-template-columns:1fr!important}
#home-department-ops-grid .pph-section-nav{position:sticky;top:0}
#panel-schedule .calendar-month-scroll{overflow:visible;padding:0;width:100%;min-width:0}
#panel-schedule .calendar-month-scroll .cal-grid,#panel-schedule .calendar-month-scroll .cal-weekdays{min-width:0!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#panel-schedule .cal-grid{grid-template-rows:repeat(6,minmax(0,1fr));height:380px;min-height:0}
#panel-schedule .cal-cell{min-height:0!important;min-width:0;padding:3px 5px;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;gap:1px;cursor:pointer}
#panel-schedule .cal-cell:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}
#panel-schedule .cal-cell-num{font-size:14px;line-height:18px;flex-shrink:0}
#panel-schedule .cal-chip{font-size:13px;line-height:18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 3px;flex-shrink:0}
#panel-schedule .cal-more{font-size:12px;line-height:16px;padding:0;flex-shrink:0;color:var(--text2)}
#panel-schedule .cal-weekdays>div{font-size:13px;padding:4px}
#panel-schedule .calendar-scroll-hint{font-size:13px;line-height:1.3;margin:5px 0}
#panel-schedule .cal-nav{margin:5px 0!important;flex-wrap:nowrap;gap:8px}
#panel-schedule .cal-nav .cal-label{flex:1;font-size:18px}
#panel-schedule .cal-viewswitch{margin-bottom:6px!important;position:sticky;top:0;background:var(--bg2);z-index:36;padding:4px 0}
#panel-schedule .cal-vbtn{min-height:36px;padding:6px 10px}
#panel-schedule .calendar-counts-only .cal-chip{display:none}
#panel-schedule .calendar-one-chip .cal-chip:nth-of-type(n+3),#panel-schedule .calendar-two-chips .cal-chip:nth-of-type(n+4){display:none}
#panel-schedule .calendar-counts-only .cal-cell.has-jobs::after{content:'Appointments';font-size:11px;overflow:hidden;text-overflow:ellipsis;color:var(--text2);white-space:nowrap}
#panel-schedule .calendar-counts-only .cal-more{display:none}
#panel-schedule .day-strip{grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
.lead-worklist{display:grid;gap:10px}.lead-row{width:100%;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;text-align:left;border:1px solid var(--border2);border-radius:14px;background:var(--card);color:var(--text);padding:18px;font:inherit;cursor:pointer}
.lead-row strong{font-size:18px}.lead-row b{font-size:14px}.lead-row small{display:block;font-size:14px;line-height:1.5;color:var(--text2);margin-top:4px;overflow-wrap:anywhere}.lead-row .lead-overdue{color:var(--orange)}
.lead-search{margin-bottom:14px}.lead-search label,#marketing-company-setup label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}
.lead-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lead-actions .btn{font-size:14px;min-height:44px}
.lead-contact{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px}.lead-contact dt{color:var(--text2)}.lead-contact dd{margin:0;overflow-wrap:anywhere}
.lead-match{display:flex;gap:12px;padding:14px;border:1px solid var(--border2);border-radius:10px;margin:8px 0}.lead-match small{display:block;font-size:14px;line-height:1.5;color:var(--text2)}
#lead-detail-page .card p{font-size:14px;line-height:1.6;color:var(--text2)}
@media(max-width:800px){.lead-row{grid-template-columns:1fr}.pph-section-nav{position:relative}.pph-section-nav .btn{font-size:14px;flex:1 1 140px}.lead-contact{grid-template-columns:1fr}.lead-contact dd{margin-bottom:6px}#panel-schedule .cal-chip{font-size:12px}#panel-schedule .cal-cell{padding:2px}#panel-schedule .cal-cell-num{font-size:13px}#panel-schedule .calendar-counts-only .cal-cell.has-jobs::after{content:'•';font-size:18px;line-height:12px}#panel-schedule .cal-nav .btn{padding:6px 8px;min-height:36px}}

#panel-schedule .cal-total{display:none;font-size:12px;line-height:15px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#panel-schedule .calendar-counts-only .cal-total,#panel-schedule .calendar-one-chip .cal-total,#panel-schedule .calendar-two-chips .cal-total{display:block}#panel-schedule .calendar-one-chip .cal-more,#panel-schedule .calendar-two-chips .cal-more{display:none}#panel-schedule .calendar-counts-only .cal-cell.has-jobs::after{display:none}

.company-setup-active:not([hidden])~.tab-panel .pph-section-nav{top:var(--pph-guide-height,0px)}

#schedule-search{width:100%;max-width:none!important}#panel-schedule .cal-nav button{font-size:14px;color:var(--text)}

/* Navigation replaces stacked workspace accordions, while retaining their forms. */
.pph-details-workspace>details:not([hidden]):not(.hidden):not(.pph-section-hidden){display:block;margin-top:0;min-height:0;height:auto}
.pph-details-workspace>details>summary{display:none!important}
.pph-details-workspace>.pph-section-nav{position:sticky;top:0}
.pph-details-workspace>details:focus-within{outline:none}
.pph-focus-container>summary{display:none!important}

/* Keep the selected work area visible against the shared button skin. */
body .pph-section-nav button.active{background:#0b6677!important;border-color:#55dce6!important;color:#fff!important}

.account-connect-shortcuts{padding:12px;border:1px solid var(--border2,#355465);border-radius:10px;margin-bottom:12px;background:var(--card,#0b3048)}
.account-connect-shortcuts strong{font-size:15px}.account-connect-shortcuts .lead-actions{margin-top:8px}
.twilio-connect-page[hidden]{display:none!important}.twilio-connect-page>.btn,#company-resend-domain-list>.btn{margin:6px 6px 6px 0}
#company-twilio-connect-status{white-space:pre-wrap;line-height:1.5}

/* Direct existing-account work uses one focused form, with a way back to provider choices. */
.account-connection-back{display:none;margin-bottom:12px}
.company-provider-choices.account-connection-focused>.account-connection-back{display:flex}
.company-provider-choices.account-connection-focused>.pph-section-nav,
.company-provider-choices.account-connection-focused>h3,
#setup-activation:has(.account-connection-focused)>#account-connect-setup-shortcuts,
#setup-activation:has(.account-connection-focused)>#setup-activation-status,
#setup-activation:has(.account-connection-focused)>#setup-activation-nav,
#pph18-connections:has(.account-connection-focused)>.account-connect-shortcuts,
#pph18-connections:has(.account-connection-focused)>p{display:none!important}

.account-connect-setup-inline{display:contents;border:0;padding:0;margin:0}
#company-setup-workspace:has(.account-connection-focused) #account-connect-setup-shortcuts{display:none!important}

.company-provider-choices .account-connect-console{color:#8edeff;text-decoration:underline;margin-right:8px}

/* 267.31: every state owns its colors; native button defaults must never leak in. */
body .pph-section-nav button,body .pph-section-nav .btn{appearance:none;background:#0a3046;background-image:none;border:1px solid #47738a;color:#edf6fc;font:inherit;font-size:14px;font-weight:700;line-height:1.35;min-height:38px;padding:8px 12px;border-radius:9px;cursor:pointer;box-shadow:none;opacity:1}
body .pph-section-nav button:hover:not(:disabled){background:#12445c;border-color:#70dce6;color:#fff}
body .pph-section-nav button.active,body .pph-section-nav button[aria-pressed=true]{background:#0b6677!important;border-color:#55dce6!important;color:#fff!important}
body .pph-section-nav button:focus-visible{outline:3px solid #8cebf2;outline-offset:3px}
body .pph-section-nav button:disabled{background:#243e50;color:#d7e4ee;border-color:#577386;cursor:wait;opacity:1}
body .pph-section-nav button[aria-busy=true]{cursor:progress}
/* Shared neutral actions also appear outside section navigation in both planes. */
body .btn.btn-ghost{appearance:none;background:#0a3046;background-image:none;color:#edf6fc;border:1px solid #47738a}
body .btn.btn-ghost:hover:not(:disabled){background:#12445c;color:#fff}
body .btn.btn-ghost:focus-visible{outline:3px solid #8cebf2;outline-offset:3px}
body .btn.btn-ghost:disabled{background:#243e50;color:#d7e4ee;opacity:1}