:root{--page:#f5f5f3;--surface:#fff;--text:#202b28;--muted:#52665b;--border:#b7c3bc;--accent:#135f52;--soft:#e1eee6;--danger:#b42318;--warning:#fff0ed;--field:#fff;color-scheme:light}
:root[data-theme=dark]{--page:#121916;--surface:#1d2822;--text:#edf4ef;--muted:#b7cbbc;--border:#647c6b;--accent:#91dec0;--soft:#2c4436;--danger:#ff9f94;--warning:#402721;--field:#19251e;color-scheme:dark}
html,body{background:var(--page);color:var(--text)}header,.topbar,.panel,.card,.save-bar{background:var(--surface);color:var(--text);border-color:var(--border)}a{color:var(--accent)}button,input,textarea,select,input::file-selector-button{background:var(--field);color:var(--text);border-color:var(--border)}button:hover:not(:disabled){background:var(--soft)}button:disabled{background:var(--surface);color:var(--muted);border-color:var(--border)}.reason,.source{color:var(--muted)}.badge,.chip{background:var(--soft);color:var(--text)}.error,.banner{background:var(--warning);color:var(--danger)}.remove-icon{color:var(--danger);background:var(--surface);border-color:var(--danger)}.photo,td,th,.material-row{border-color:var(--border)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.login-theme{display:flex;justify-content:flex-end;padding:12px}.copy-tabs,.export-links,.price-band{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.copy-tabs button[aria-selected=true],.chips button[aria-pressed=true]{background:var(--soft);outline:2px solid var(--accent);outline-offset:-2px}.copy-block{border-top:1px solid var(--border);padding:8px 0}.price-band>div{flex:1;min-width:85px;background:var(--soft);padding:8px;border-radius:8px}.download-link{display:inline-flex;align-items:center;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:6px}.copy-block p{overflow-wrap:anywhere}.margin-green{background:#d9f0df;color:#175a28}.margin-yellow{background:#fff1bb;color:#684a00}.margin-red{background:#fbe1df;color:#8b201b}

/* 6.7: one compact navigation row, tenant identity below it. */
header.compact-header {display:grid;grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:0 8px;padding:8px;}
.compact-header nav {display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:0;}
.compact-header nav a {font-size:12px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;}
.compact-header .brand {font-size:14px;white-space:nowrap;}
.compact-header .theme-toggle {margin:0;grid-column:3;grid-row:1;width:44px;min-width:44px;padding:8px;}
.compact-header .identity-line {grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12px;}
.identity-line .tenant-name {font-weight:600;}
.identity-line #logout {margin-left:auto;min-height:44px;font-size:12px;padding:4px 8px;}
.alert-popover:not([data-blocking]) > summary {color:inherit;font-size:12px;width:auto;min-width:44px;}
@media(min-width:600px){.compact-header .brand{font-size:18px}.compact-header nav a{font-size:15px}.compact-header nav{gap:16px}}

.identity-line > span {min-width:0;overflow-wrap:anywhere}.identity-line .tenant-name {max-width:45%}