/* 0.10.0 R20 · MC Promo brand dark is black, sampled from the positive logo (#1f1b20), never navy. */
:root{--brand-black:#1f1b20;--brand-black-raised:#2b272c;--navy:var(--brand-black);--navy2:var(--brand-black-raised);--ink:var(--brand-black);--inbox-navy:var(--brand-black)}

/* Shared shell, authentication and protected values. */
.sidebar{background:var(--brand-black)}
.sidebar-status,.sidebar .sidebar-account-details[open] .sidebar-account-menu,.sidebar-account-details[open] .sidebar-account-menu{background:var(--brand-black-raised);border-color:#484348}
.sidebar-divider,.sidebar-account-details{border-color:#484348}.sidebar-divider{background:#484348}
.auth-page{background:radial-gradient(circle at top right,#3a353b 0,var(--brand-black) 52%,#0d0b0e 100%)}
.secret-box{background:var(--brand-black)}
.conflict-dialog::backdrop{background:#0008}
.mobile-menu-close{background:var(--brand-black-raised);border-color:#5c565e}
.mobile-menu-shade{background:rgba(0,0,0,.52)}

/* Commercial areas and calendars. */
.crm-dashboard,.crm-workspace{--crm-navy:var(--brand-black);--crm-ink:var(--brand-black)}
.crm-dashboard-hero,.crm-workspace-head{background:linear-gradient(125deg,var(--brand-black) 0,#29252a 72%,#353036 100%);box-shadow:0 16px 42px rgba(31,27,32,.16)}
.crm-queue-summary .total{background:var(--brand-black);border-color:var(--brand-black)}
.calendar-navigation .is-today,.sales-nav a[aria-current=page]{background:var(--brand-black);border-color:var(--brand-black)}
.callback-summary-title h3 span,.callback-queue-empty h3 span{background:var(--brand-black)}

/* Invoices, integrations and public legal pages. */
.invoice-dashboard-intro,.invoice-year-badge,.integration-endpoint span{background:var(--brand-black)}
.invoice-dashboard-intro{box-shadow:0 8px 22px rgba(31,27,32,.1)}
.legal-hero h1{color:var(--brand-black)}
.legal-callout{background:linear-gradient(135deg,var(--brand-black),#332e34)!important;border-color:#332e34!important}

/* Operational inbox and modal overlays. */
.inbox-head,.inbox-card-actions a,.inbox-rail-toggle{background:var(--brand-black)}
.inbox-rail-toggle{box-shadow:0 8px 24px rgba(31,27,32,.22)}
.inbox-shade{background:rgba(0,0,0,.4)}
.work-dialog::backdrop,#invoice-group-agent::backdrop,#invoice-suggestion-review::backdrop,#invoice-agent-picker::backdrop{background:#0008}

/* 0.10.0 R23 · one fast local type system, accessible red actions and lighter CRM rendering. */
:root{
 --brand-red:#e62e39;
 --brand-red-action:#d71922;
 --brand-red-action-hover:#b6151d;
 --red:var(--brand-red);
 --red-dark:var(--brand-red-action-hover);
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{line-height:1.5;text-rendering:optimizeLegibility}
.button.primary{background:var(--brand-red-action);color:#fff}.button.primary:hover,.button.primary:focus-visible{background:var(--brand-red-action-hover)}
.sidebar nav .nav-item.active{background:linear-gradient(90deg,#9f1118,var(--brand-red-action) 62%,#c31720);border-color:#ed626a;color:#fff}
.sidebar nav .nav-item{font-size:13px;line-height:1.35}.sidebar .nav-section-title{font-size:10px}.sidebar-status>strong{font-size:13px}.sidebar-status>small{font-size:11px}
.desktop-page-heading span{font-size:13px;line-height:1.4}.desktop-page-heading strong{color:var(--brand-black)}
th{font-size:11px}.badge:not(.large){font-size:11px}.result-count,.pagination{font-size:13px}
.mobile-brand img{display:block;width:174px;height:auto;max-height:48px;object-fit:contain}
.crm-view-toolbar-copy>span{font-size:13px}.crm-view-toolbar-copy>small,.crm-view-save-status{font-size:12px}
.crm-view-switch button,.crm-focus-toolbar>span{font-size:13px}
.crm-workspace [data-crm-view-card] :is(.button,.crm-stage-button,.crm-text-action,.crm-more>summary,.crm-more button),.crm-compact-actions>summary{font-size:13px;line-height:1.35}
.crm-workspace .crm-card-code,.crm-workspace .crm-stage-actions-label,.crm-workspace .crm-facts small,.crm-workspace .crm-deal-facts small,.crm-workspace .crm-commercial-brief small{font-size:11px}
.crm-dashboard :is(.metric strong,.kpi strong),.crm-workspace :is(.crm-facts b,.crm-deal-facts b){font-variant-numeric:tabular-nums}
:focus-visible{outline-color:var(--brand-red-action)}
@supports (content-visibility:auto){.crm-workspace [data-crm-view-card]{content-visibility:auto;contain-intrinsic-size:auto 340px}.crm-workspace [data-crm-view-card]:focus-within{content-visibility:visible}}
@media(max-width:700px){.mobile-brand img{width:160px;max-height:42px}.desktop-page-heading span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}