/* Shared Portal presentation, derived from the chat palette. Load last.
   Inline company accent and the existing density/theme settings remain effective. */
.workspace,main,.view,.page-head>div,.panel,.demo-content,
.knowledge-main,.desk-shell,.platform-v30-body {min-width:0}
main {padding:22px clamp(16px,2.5vw,36px) 36px}
.page-head {gap:16px;margin-bottom:18px;align-items:center}
.page-head h1 {font-size:clamp(25px,2.5vw,32px);line-height:1.2;margin:4px 0 6px;letter-spacing:-.025em}
.page-head p {font-size:13px;line-height:1.5;max-width:68ch}
.page-head>button {flex-shrink:0}
.kicker {letter-spacing:.09em;font-weight:700}
.sidebar {background:var(--surface-2);border-color:var(--line)}
.sidebar .brand {padding:20px 18px 16px}
.sidebar nav section+section {margin-top:22px}
.sidebar nav section>p {font-size:11px;letter-spacing:.09em;font-weight:600;color:var(--muted)}
.sidebar nav button {min-height:42px;font-weight:500;gap:10px}
.sidebar nav button.active {background:var(--ui-soft);color:var(--ink);box-shadow:inset 2px 0 var(--teal);font-weight:600}
.sidebar nav button.active i,.sidebar nav button.active .ui-icon {color:var(--teal)}
.sidebar nav button :is(i,.ui-icon) {width:18px;height:18px;flex-shrink:0}
.topbar {height:64px;gap:12px;padding-inline:22px}
.top-actions {gap:8px;min-width:0}
.search,.company-picker,.icon-button {border-radius:10px}
.panel {padding:18px}
.module-panel,.companies-panel {padding:0}
.panel-head {gap:12px;margin-bottom:12px}
.panel-head h2 {font-size:18px;line-height:1.35}
.metric-grid,.demo-metrics,.desk-metrics,.ops-grid {gap:var(--ui-gap)}
.metric-grid article {padding:16px;gap:5px}
.metric-grid strong {font-size:28px}
.dashboard-grid {gap:var(--ui-gap);margin-top:var(--ui-gap);grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
.toolbar,.admin-toolbar,.desk-controls,.knowledge-toolbar,.platform-v30-toolbar {gap:8px;flex-wrap:wrap}
.toolbar {padding:12px}
.toolbar>label,.desk-controls>label:first-child,.knowledge-toolbar>label:first-child {min-width:min(100%,220px);flex:1}
.toolbar select {min-width:0}
.toolbar button {min-height:40px;border-radius:10px}
.table-head,.company-row {padding:12px 16px;gap:12px}
.company-row strong,.admin-list strong {overflow-wrap:anywhere}
.knowledge-shell {grid-template-columns:220px minmax(0,1fr)}
.knowledge-main {padding:16px}
.knowledge-grid,.platform-v30-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.knowledge-card {padding:14px;min-height:170px}
.knowledge-card h3 {font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.knowledge-card p {font-size:13px}
.knowledge-card:hover {transform:none}
.knowledge-reader,.desk-detail-panel {padding:22px;max-width:100%;height:100dvh;overscroll-behavior:contain}
.knowledge-content img {max-width:100%;height:auto}
.knowledge-content pre {max-width:100%;overflow:auto}
.platform-v30-tabs,.desk-queues,.knowledge-sidebar {overscroll-behavior-x:contain}
.platform-v30-tabs,.desk-queues {gap:6px;overflow-x:auto;flex-wrap:nowrap}
.platform-v30-tabs button,.desk-queues button {flex-shrink:0;min-height:38px;border-radius:9px;font-size:13px}
.platform-v30-tabs button.active,.desk-queues button.active,.knowledge-sidebar>button.active {background:var(--ui-soft);color:var(--teal);border-color:var(--line)}
.platform-v30-head {gap:12px;flex-wrap:wrap}
.platform-v30-card h3 {font-size:16px;overflow-wrap:anywhere}
.platform-v30-board {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.admin-toolbar {padding:14px 16px;border-radius:14px}
.admin-list article {gap:12px;padding:12px 14px}
.notification-drawer {height:100dvh;max-width:100%;background:var(--surface);border-color:var(--line);overscroll-behavior:contain}
.notice-v25 {border-color:var(--line);border-radius:12px}
.global-search-results button {min-width:0;gap:10px}
.global-search-results button>span {min-width:0;overflow-wrap:anywhere}
html[data-density="compact"] main {padding-top:16px}
html[data-density="compact"] .panel:not(.module-panel):not(.companies-panel),html[data-density="compact"] .metric-grid article {padding:12px}
html[data-density="compact"] :is(.demo-table,.desk-table) :is(th,td) {padding:8px 10px}
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}button,.sidebar,.notification-drawer {transition:none;animation:none}}
@media(max-width:1050px) {.dashboard-grid {grid-template-columns:minmax(0,1fr)}}

:root .chat-workspace,:root .whistle-chat-view .sidebar {--cv-secondary:var(--muted);--cv-muted:var(--muted);--cv-accent:var(--teal);--cv-border:var(--line);--cv-soft:var(--ui-soft)}