/* Office reference: shared real views retain their domain editors and viewers. */
:root{--body:#f1f7ff;--panel:rgba(255,255,255,.88);--solid:rgba(251,253,255,.96);--side:rgba(239,246,255,.88);--text:#102b49;--muted:#526b85;--line:rgba(116,158,198,.34);--blue:#0879d7;--pale:#e4f1ff;--shadow:0 12px 32px rgba(24,70,120,.12)}
html[data-theme=dark]{--body:#03132d;--panel:rgba(5,23,49,.88);--solid:rgba(6,24,50,.96);--side:rgba(3,17,39,.91);--text:#eff7ff;--muted:#a9c3df;--line:rgba(72,151,218,.3);--blue:#48c9ff;--pale:#0d3158;--shadow:0 14px 38px rgba(0,7,24,.35)}
html{background-color:var(--body)}
body{background:radial-gradient(ellipse at 84% 2%,rgba(75,168,255,.16),transparent 52%),linear-gradient(180deg,#f9fcff 0%,var(--body) 68%,#e9f3ff 100%);background-attachment:fixed}
html[data-theme=dark] body{background:radial-gradient(ellipse at 84% 2%,rgba(33,112,190,.25),transparent 54%),linear-gradient(180deg,#02102a 0%,#071b38 64%,#092342 100%);background-attachment:fixed}
body:before{inset:auto -8vw -6vh 10vw;height:42vh;min-height:240px;background:radial-gradient(ellipse at 10% 100%,rgba(58,166,255,.17),transparent 61%),radial-gradient(ellipse at 74% 82%,rgba(117,100,255,.12),transparent 58%),linear-gradient(164deg,transparent 35%,rgba(49,157,235,.09) 36%,transparent 54%,rgba(105,95,235,.07) 55%,transparent 66%);clip-path:none;transform:skewY(-3deg)}
html[data-theme=dark] body:before{background:radial-gradient(ellipse at 10% 100%,rgba(0,150,255,.18),transparent 61%),radial-gradient(ellipse at 74% 82%,rgba(112,80,255,.15),transparent 58%),linear-gradient(164deg,transparent 35%,rgba(0,160,255,.1) 36%,transparent 54%,rgba(111,79,255,.1) 55%,transparent 66%)}
body:after{inset:auto 0 0;height:34vh;background:linear-gradient(166deg,transparent 35%,rgba(36,161,234,.08) 36%,transparent 53%,rgba(117,92,236,.06) 54%,transparent 66%)}
html[data-theme=dark] body:after{background:linear-gradient(166deg,transparent 35%,rgba(0,155,255,.12) 36%,transparent 53%,rgba(112,76,255,.1) 54%,transparent 66%)}
.sidebar{width:220px;flex-basis:220px;background:linear-gradient(180deg,var(--side),rgba(226,239,253,.72));backdrop-filter:blur(22px) saturate(1.12);padding:20px 10px}
html[data-theme=dark] .sidebar{background:linear-gradient(180deg,rgba(3,17,39,.96),rgba(5,26,53,.9))}
.sidebar nav button{border-radius:9px;margin:3px 0;min-height:46px}
.sidebar nav button.selected{background:linear-gradient(100deg,var(--pale),#246ffc18);border:1px solid var(--blue);box-shadow:inset 3px 0 0 var(--blue),0 3px 16px rgba(21,133,220,.12)}
.brand{margin-bottom:25px}.side-bottom{font-size:10px}.sidebar-spacer{min-height:24px}
.topbar{padding:16px 24px 0;gap:18px}.top-right{padding-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:nowrap;gap:10px}
.top-right #global-search{min-width:100px;max-width:540px;flex:1}.client-picker{min-width:0}.client-picker select{max-width:min(31vw,520px)}
#profile-menu{margin-left:auto;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border-color:transparent;color:var(--text)}
.display-scale-control label{display:none}.display-scale-control input{width:65px}
.topbar h1{font-size:30px;line-height:1.2;margin:5px 0}.topbar-name{padding-top:0}
#content{padding:14px 24px 30px}.warning-strip{margin:12px 24px 0;font-size:11px;padding:7px 10px}
.workspace-navigation{display:flex;gap:8px;margin:14px 24px 0;flex-wrap:wrap}.workspace-navigation[hidden]{display:none}.workspace-navigation button{padding:8px 13px}
.workspace-navigation button.selected{border-color:var(--blue);background:var(--pale)}
.panel{border-radius:12px;padding:16px;box-shadow:var(--shadow);border:1px solid var(--line)}
.office-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.office-metrics button{display:flex;text-align:left;align-items:center;gap:12px;white-space:normal;min-height:96px;padding:14px;background:var(--panel);border:1px solid var(--line);border-top:2px solid #2193ed;border-radius:11px}
.office-metrics button:nth-child(2){border-top-color:#08b5bf}.office-metrics button:nth-child(3){border-top-color:#d19a34}.office-metrics button:nth-child(4){border-top-color:#8c67ed}
.office-metrics strong{display:block;font-size:28px;line-height:1.5}.metric-icon{font-size:26px;color:var(--blue);background:var(--pale);padding:6px 12px;border-radius:10px}
.office-mandates,.office-mandates+.panel{margin-bottom:16px}.office-findings{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.office-finding{display:block;width:100%;text-align:left;white-space:normal;border-width:0 0 1px;background:none;padding:12px 0}.office-finding span,.office-finding small{display:block;margin-top:5px;font-weight:normal}.office-finding small{color:var(--muted)}
.chat-avatar{width:36px;height:32px;border-radius:12px;background:linear-gradient(130deg,#0c78c5,#493b95);border:1px solid #67d9ff;box-shadow:0 0 12px #27aaf333;transform:rotate(-5deg)}
.assistant-eyes{font-size:28px;line-height:14px;letter-spacing:3px;color:#71f2ff;transform:translateY(-3px)}
.chat-header{padding:14px}.chat-header small{font-size:10px}.chat-bubbles{padding:12px}.chat-bubble{font-size:13px;background:var(--panel)}
.privacy-state{padding:10px;border:1px solid var(--line);border-radius:9px;margin:12px 0}.privacy-state strong{display:block}
body[data-page=dashboard] .warning-strip{max-width:calc(100% - 48px)}
.inspector-ai-summary{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.inspector-ai-summary p{white-space:pre-wrap;overflow-wrap:anywhere}
.booking-page-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0 15px}.booking-page-navigation span{font-size:12px;color:var(--muted)}
.chat-answer-source{display:block;margin-top:10px;border-top:1px solid var(--line);padding-top:7px;color:var(--muted);font-size:10px}
@media(min-width:1250px){body[data-page=dashboard] .warning-strip{margin-right:366px}}
@media(min-width:1250px){body[data-page=dashboard] #content{margin-right:342px}body[data-page=dashboard] .chat-pane.open{top:115px;right:20px;bottom:22px;width:320px;height:auto;max-height:calc(var(--viewport-height,100vh) - 140px);box-shadow:none}body[data-page=dashboard] #chat-fab{display:none}body[data-page=dashboard] .overview-lead{margin-top:0}.office-metrics button{gap:8px;padding:10px}.office-metrics .metric-icon{padding:4px 8px;font-size:22px}}
@media(max-width:1350px){.top-right .display-scale-control input{width:45px}.client-picker-label{display:none}.office-findings{grid-template-columns:1fr}.office-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.top-right{flex-wrap:wrap}.sidebar{width:180px;flex-basis:180px}.client-picker select{max-width:55vw}#profile-menu{max-width:160px}.topbar,#content{padding-left:16px;padding-right:16px}}
@media(max-width:700px){.sidebar{width:100%;height:auto;padding:10px;flex-basis:auto}.sidebar nav button{min-height:42px}.brand{margin-bottom:10px}.sidebar-spacer{display:none}.top-right #global-search{flex-basis:100%;order:3}.topbar h1{font-size:25px}.office-metrics{gap:8px}.office-metrics button{padding:10px;min-height:85px}.metric-icon{display:none}.warning-strip{margin-left:16px;margin-right:16px}.workspace-navigation{margin-left:16px;margin-right:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition:none!important}}

.office-body .topbar{background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.12));backdrop-filter:blur(18px) saturate(1.12)}
html[data-theme=dark] .office-body .topbar{background:linear-gradient(180deg,rgba(5,25,52,.7),rgba(5,25,52,.18))}
.office-body .topbar,#office-notice{border-color:var(--line)}
.office-body .panel{background:linear-gradient(145deg,var(--panel),var(--solid));backdrop-filter:blur(14px) saturate(1.08);box-shadow:var(--shadow)}