/* Company identity in the menu and overview header */
.company-menu-identity{display:flex;align-items:center;gap:14px;padding:12px 0 20px;margin-bottom:12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.company-menu-identity img{width:104px;height:44px;object-fit:contain;padding:5px}.company-menu-identity strong{display:block;font-size:15px}.company-menu-identity small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.overview-header-logo{display:none}
@media(max-width:900px){.appbar .big{display:flex;align-items:center;justify-content:space-between;gap:16px}.appbar .overview-header-logo{display:block;flex-shrink:0;width:96px;height:34px;object-fit:contain;margin:0;padding:3px 5px;border-radius:4px;background:white}}
/* Country labels and counts share contrast-safe foregrounds, including the native layer. */
html .chip,html.native-ios .chip,html .cchip:not(.cchip-unpaid),html.native-ios .cchip:not(.cchip-unpaid){background:var(--chip-idle-bg,#fff);color:var(--chip-idle-fg,#000)}
html .chip.on,html.native-ios .chip.on,html .cchip:not(.cchip-unpaid)[aria-pressed="true"],html.native-ios .cchip:not(.cchip-unpaid)[aria-pressed="true"]{background:var(--chip-selected-bg,#14243b);border-color:var(--chip-selected-bg,#14243b);color:var(--chip-selected-fg,#fff)}
html .chip .muted,html .chip.on .muted,html.native-ios .chip .muted,html.native-ios .chip.on .muted,html .cchip:not(.cchip-unpaid) .num,html.native-ios .cchip:not(.cchip-unpaid) .num{color:inherit;opacity:1}
/* Navigation labels sit on the tab bar; selected icons have their own contrasting pill. */
html .tabbar,html.native-ios .tabbar{background:var(--chip-idle-bg,#fff);border-top:1px solid var(--line)}
html .tabbar button,html .tabbar button[aria-current="true"],html.native-ios .tabbar button,html.native-ios .tabbar button[aria-current="true"]{color:var(--chip-idle-fg,#000)}
html .tabbar button[aria-current="true"]{font-weight:700}
html .tabbar button[aria-current="true"] svg,html.native-ios .tabbar button[aria-current="true"] svg{background:var(--chip-selected-bg,#14243b);color:var(--chip-selected-fg,#fff)}
/* Phone branding lives in the Overview masthead, leaving page titles uncluttered. */
@media(max-width:900px){
 .appbar img.company-logo.mark{display:none}
 .company-overview{flex-direction:row;align-items:center;text-align:start;gap:12px;padding:4px 0 14px;margin-bottom:14px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
 .company-overview-logo{width:112px;height:44px;border:0;border-radius:0;background:transparent}
 .company-overview-logo img{padding:4px;background:white;border-radius:4px}
 .company-overview h2{font-size:14px;overflow-wrap:anywhere}
 .company-overview p{display:none}
}
/* Organization colors override inherited fixed brand surfaces. Status colors retain meaning. */
.rail,.ledger{background:var(--company-primary,#14243b)}
.btn.primary,.btn.primary:hover{background:var(--company-primary,#14243b);border-color:var(--company-primary,#14243b)}
.btn.go,.btn.go:hover{background:var(--nile);border-color:var(--nile)}
.company-overview{background:var(--card);border-color:var(--line)}
@media(max-width:900px){.content .company-overview{display:none}}
html[data-company-dark="true"] .panel,html[data-company-dark="true"] .appbar,html[data-company-dark="true"] .modal{background:var(--card);color:var(--ink)}
html[data-company-dark="true"] input,html[data-company-dark="true"] select{background:var(--card);color:var(--ink)}
html[data-company-dark="true"] .check:has(input:checked){color:var(--ink)}
html[data-company-dark="true"] .t-paid,html[data-company-dark="true"] .t-part{color:var(--ink)}   /* their tinted backgrounds turn dark with the theme, so the dark-green and brown text must turn light */
html[data-company-dark="true"] .t-neutral{color:#3b3c3c}   /* this one keeps a light background, so its text must stay dark */   /* the light-theme tick colour is dark green: unreadable on the dark card */