.site-menu-toggle{display:none}
.site-header{position:relative;z-index:20;background:#fff}
.site-header nav a{padding:8px 2px;transition:color .18s}
.site-header nav a:hover{color:var(--green)}
.header-actions{display:flex;align-items:center;gap:12px}
@media(max-width:760px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:12px 20px}
  .site-header .brand img{width:135px;height:43px}
  .site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:12px;font-weight:800}
  .site-header nav{display:none;grid-column:1/-1;order:initial;width:100%;padding:9px 0 2px;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line)}
  .site-header nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-header nav a{padding:11px;background:var(--paper);border-radius:8px;font-size:12px}
  .site-header .header-actions{grid-column:3;grid-row:1}
  .site-header .header-actions .button{padding:9px 11px}
}
@media(max-width:390px){.site-header .brand img{width:105px}.site-header .header-actions .button{font-size:11px}}

/* Match the logo to the actual chrome surface. Content and tenant colours stay independent. */
.footer-brand-logo img{display:block;width:100%;height:auto}
.site-header .brand picture{display:block;line-height:0}
.site-header.workspace-site-header{min-height:88px;gap:24px;padding:14px 4.5%;background:#fff;color:#19352a}
.workspace-site-header .brand{flex:0 0 auto;line-height:0}
.workspace-site-header .brand img{display:block;width:174px;height:56px;object-fit:contain}
.workspace-header-links{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.2vw,34px);flex:1 1 auto;min-width:0}
.workspace-header-links a{padding:8px 2px;color:#365341;font-size:13px;font-weight:700;white-space:nowrap}
.workspace-header-links a:hover{color:#1e6b43;text-decoration:underline}
.workspace-header-account{display:flex;align-items:center;gap:13px;min-width:0;color:#3f5b47;font-size:12px;font-weight:700}
.workspace-header-account span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-header-account a{padding:8px 12px;border:1px solid #d9e6db;border-radius:8px;white-space:nowrap}
.workspace-header-account a:hover{background:#f0f6f0;text-decoration:none}
@media(max-width:1050px){.workspace-header-account span{display:none}.workspace-header-links{gap:16px}}
@media(max-width:760px){.site-header.workspace-site-header{min-height:72px;padding:10px 20px}.workspace-site-header .brand img{width:135px;height:45px}.workspace-header-links,.workspace-header-account{display:none}.workspace-site-header .dashboard-header-toggle{display:inline-flex}}
@media(prefers-color-scheme:dark){
  .site-header,.site-footer{background:#072a35;color:#f4f8f9;border-color:#284b55}
  .site-header nav a:hover,.site-footer a:hover{color:#c8dfa1}
  .site-header .header-login,.site-footer p,.site-footer .footer-bottom{color:#c0d1d5}
  .site-header .site-menu-toggle,.site-header .dashboard-header-toggle{background:#103e47;color:#fff;border-color:#41616a}
  .site-header nav a{background:transparent;color:inherit}
  .site-header.workspace-site-header{background:#fff;color:#19352a;border-color:#dfe8df}
}