/* CommercialOS V7.3 — Accessibility / Contrast Hardening
   Loaded after page-specific styles so legacy low-contrast declarations cannot win.
   Intentional dark surfaces remain dark; only foreground text/controls are strengthened.
*/
:root{
  --cos-muted-on-dark:#b8c7da;
  --cos-soft-on-dark:#aebdd1;
  --cos-subtle-on-dark:#9fb0c9;
}

/* Global dark application chrome */
.app .page-subtitle{color:#b8c7da!important}
.app .table th{color:#b8c7da!important}
.app .header-user small,.app .header-logout{color:#b8c7da!important}
.app .muted,.app .helper{color:#b8c7da!important}
.app .settings-profile-chip span,.app .settings-nav-title,.app .settings-section-title p,.app .setting-row small{color:#aebdd1!important}
.app .settings-panel p,.app .settings-panel small{color:#b8c7da!important}
.app .settings-panel label,.app .settings-form-grid label{color:#dbe5f3!important}

/* Generic dark cards: strengthen secondary copy without touching inputs/buttons. */
.app .card p,.app .card li,.app .card small{color:#b8c7da}
.app .card .muted,.app .card .helper{color:#b8c7da!important}
.app .card h2,.app .card h3,.app .card h4{color:#f4f7fb}

/* Central de Ajuda — this was the most visible regression: light-text rules
   are intentionally used because the global .card surface is dark. */
.app .help-search-card.card{background:#111c2e!important;color:#f4f7fb!important}
.app .help-search-card input{color:#f4f7fb!important}
.app .help-search-card input::placeholder{color:#aebdd1!important}
.app .help-search-card span,.app .help-search-icon{color:#aebdd1!important}
.app .help-category.card,.app .help-contact.card{background:#111c2e!important;color:#f4f7fb!important}
.app .help-category h2,.app .help-contact h2{color:#f4f7fb!important}
.app .help-category summary{color:#dbe7f7!important}
.app .help-category details p,.app .help-contact-copy p,.app .help-contact-copy small{color:#b8c7da!important}
.app .help-form label{color:#dbe5f3!important}

/* Settings / integrations */
.app .integration-copy p,.app .integration-points{color:#b8c7da!important}
.app .integration-copy p{line-height:1.5}
.app .integration-item span{color:#aebdd1!important}
.app .shortcut-list div{color:#dbe5f3!important}
.app .shortcut-list span{color:#b8c7da!important}

/* Dark operational modules */
.app .billing-kpi span,.app .billing-kpi small,.app .billing-empty{color:#b8c7da!important}
.app .billing-panel-head p,.app .billing-form-grid small,.app .billing-check small{color:#b8c7da!important}
.app .followup-date,.app .followup-company span,.app .followup-empty,.app .cadence-kpi span,.app .cadence-kpi small,.app .cadence-steps span{color:#b8c7da!important}
.app .report-kpi span,.app .report-kpi small,.app .report-guidance p,.app .report-table-head span,.app .report-table th,.app .report-empty{color:#b8c7da!important}
.app .email-account span,.app .email-crm-box small,.app .email-list-toolbar span,.app .email-row-top time,.app .email-row-snippet,.app .email-meta span,.app .email-meta time,.app .email-crm-context span{color:#aebdd1!important}
.app .email-empty,.app .email-loading{color:#aebdd1!important}
.app .email-connect-copy p{color:#b8c7da!important}

/* WhatsApp: timestamps/help text were using dark-theme-inappropriate slate values. */
.app .wpp-profile-help,.app .wpp-profile-status,.app .wpp-access-header small,.app .wpp-access-card-head span,.app .wpp-access-user small{color:#b8c7da!important}
.app .wpp-access-loading,.app .wpp-access-empty{color:#b8c7da!important}
.app .wpp-media-meta small,.app .wpp-bubble-time{color:#aebdd1!important;-webkit-text-fill-color:#aebdd1!important}
.app .wpp-profile-help-inline,.app .wpp-automation-badge{color:#aebdd1!important}

/* Focus visibility: visible against both dark and light surfaces. */
.app a:focus-visible,.app button:focus-visible,.app input:focus-visible,.app select:focus-visible,.app textarea:focus-visible,.app summary:focus-visible{
  outline:3px solid #60a5fa!important;outline-offset:2px;
}

/* Never use opacity to communicate normal text state. Disabled controls keep their
   explicit disabled treatment elsewhere. */
.app .cos-message-toast .cos-toast-text{color:#b8c7da!important}

@media(max-width:700px){
  .app .card p,.app .card li,.app .card small{font-size:inherit}
}