.brand{padding:0 3px;gap:9px;font-size:16px;letter-spacing:-.3px}.brand-mark{width:35px;height:39px;font-size:21px;flex-shrink:0}.brand-sub{font-size:10px;letter-spacing:.4px}.sidebar .side-caption{margin-top:31px}.nav-help{font-size:11px;color:#6f88a6;line-height:1.8;margin:6px 14px 24px}.nav-settings{border-top:1px solid #263a53;padding-top:14px;margin-top:12px}.module-tabs{display:flex;gap:5px;padding:5px;background:#e9eff7;border:1px solid #dfe7f2;border-radius:10px;margin-bottom:22px;overflow-x:auto;max-width:100%;scrollbar-width:thin;position:sticky;top:76px;z-index:8}.module-tabs a{padding:8px 19px;border-radius:7px;font-size:13px;color:#677f9c;white-space:nowrap;flex:0 0 auto}.module-tabs a:hover{color:#315f9b;background:#f4f8fd}.module-tabs a[aria-current=page]{color:#264f8b;background:#fff;box-shadow:0 2px 6px #192b4008;font-weight:600}.cockpit-head{background:linear-gradient(110deg,#142b4a,#24578a);color:#fff;border:1px solid #25496e;border-radius:14px;padding:19px 23px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;overflow:hidden}.cockpit-head:after{content:'';position:absolute;right:250px;top:-105px;width:230px;height:230px;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none}.cockpit-head .eyebrow{color:#a3c7e9;font-size:10px;letter-spacing:1px}.cockpit-head h1{font-size:26px;letter-spacing:0;margin:3px 0 8px}.cockpit-subline{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px;color:#b5cee6}.cockpit-subline strong{font-size:11px;color:#f6d8a9;font-weight:500;background:#e4a9531b;border:1px solid #ddb77230;border-radius:6px;padding:2px 7px}.cockpit-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.cockpit-actions .button{background:#ffffff12;border-color:#ffffff30;color:#e8f2ff;font-size:12px}.cockpit-actions .button.primary{background:#edf5ff;color:#1f4e81;border-color:#edf5ff}.cockpit-actions .button:hover{background:#ffffff22}.cockpit-actions .button.primary:hover{background:#fff}.workspace-role-selector{display:flex;align-items:center;gap:15px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:15px;flex-wrap:wrap}.workspace-role-selector label{display:flex;align-items:center;gap:10px;font-size:12px;color:#66809a}.workspace-role-selector select{width:200px;max-width:100%;font-size:13px}.workspace-role-selector>span{margin-left:auto;font-size:12px;color:#7b8ba1}.workspace-role-selector .badge{margin-left:0}.role-context{margin-bottom:10px}.role-context label{margin-left:0}.role-context>span{margin-left:auto}.role-directory-fold{margin-top:18px}.role-directory-fold>summary{padding:15px 17px;color:#5f7996;font-size:12px;cursor:pointer}.role-directory-fold .role-directory{padding:0 15px 15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.role-directory-fold .role-directory-card{padding:15px}.role-directory-fold .role-directory-card h2{font-size:14px}.role-directory-fold .role-directory-card p{font-size:12px;margin:9px 0}.role-directory-fold .role-directory-card small{font-size:11px}.role-directory-fold .role-card-foot{font-size:11px;gap:10px}.role-directory-card[aria-current=page]{border-color:#8eb2e7;background:#f5f9ff}.role-tools .button{font-size:12px}.module-tabs + .page-heading{margin-top:0}
@media(max-width:1150px){.cockpit-head{align-items:flex-start}.role-directory-fold .role-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-head:after{display:none}}
@media(max-width:720px){.module-tabs{position:static;margin-bottom:18px;gap:3px}.module-tabs a{padding:8px 13px;font-size:12px}.cockpit-head{padding:17px;border-radius:11px;flex-direction:column;gap:13px}.cockpit-head h1{font-size:24px}.cockpit-subline{gap:8px;font-size:11px}.cockpit-actions{justify-content:flex-start}.cockpit-actions .button{font-size:11px;padding:8px 12px}.workspace-role-selector{padding:13px;gap:10px}.workspace-role-selector label{width:100%;justify-content:space-between}.workspace-role-selector select{width:180px}.workspace-role-selector>span{margin-left:0;font-size:11px}.role-context>span{margin-left:0}.role-context label{width:100%;justify-content:space-between}.role-context select{max-width:180px;width:55%}.role-directory-fold .role-directory{grid-template-columns:1fr}.nav-help{margin-bottom:18px}}

/* 品牌与常驻信息：工作页突出业务，运行详情集中在系统信息。 */
.sidebar .brand { gap:9px; padding:0 2px; min-height:44px; letter-spacing:0; }
.sidebar .brand-mark { display:block; width:38px; height:38px; border-radius:11px; background:none; }
.brand-name { font-size:15px; font-weight:650; white-space:nowrap; }
.data-date { font-size:11px; color:#6a7a8f; white-space:nowrap; padding:5px 10px; border:1px solid #e5ebf2; border-radius:7px; background:#f7f9fc; }
.data-date:hover { color:#315ea4; border-color:#becfe7; }
.page-footer a { color:inherit; }
.page-footer a:hover { color:var(--blue); }
.system-details { margin:0 0 16px; border:1px solid var(--line); border-radius:10px; background:#fff; color:var(--muted); font-size:12px; }
.system-details > summary { padding:12px 16px; cursor:pointer; color:#536c87; }
.system-details > .system-detail-body { padding:0 16px 14px; line-height:1.8; }
.system-detail-body p { margin:0 0 7px; }
.system-detail-body p:last-child { margin-bottom:0; }
.system-details .walkthrough { padding-top:5px; }
.system-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.system-summary article { padding:17px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.system-summary span { color:var(--muted); font-size:12px; }
.system-summary strong { display:block; margin-top:6px; font-size:17px; color:#263a52; }
.system-summary small { display:block; margin-top:5px; color:var(--muted); font-size:11px; }
.source-context { font-size:11px; color:var(--muted); margin:12px 0 0; }
.source-context > summary { cursor:pointer; }
.source-context p { margin:6px 0 0; line-height:1.7; }
@media(max-width:720px) { .data-date { font-size:10px; padding:4px 7px; }.system-summary { grid-template-columns:1fr; gap:8px; }.system-summary article { padding:13px; }.system-summary strong { font-size:15px; }.sidebar .brand { min-height:44px; }.system-details > summary { padding:11px 13px; } }

/* 常驻工作区：右侧内容独立滚动，导航与顶部信息始终可见。 */
:root { --bg:#f4f6f9; --line:#e0e7ef; --muted:#66778c; --radius:12px; --shadow:0 2px 8px #192b4004; }
html,body,#app { height:100%; }
body { overflow:hidden; }
.workspace { height:100dvh; min-height:0; display:flex; flex-direction:column; }
.topbar { position:relative; top:auto; flex:0 0 60px; height:60px; min-height:60px; padding:0 24px; z-index:15; background:#fff; }
.top-right { gap:10px; }
.breadcrumb { font-size:13px; }
.breadcrumb b { font-weight:600; color:#30485f; }
.workspace > main { flex:1; min-height:0; width:100%; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:0 24px 20px; }
.workspace > main::before { content:''; display:block; height:20px; }
.page-footer { flex:none; width:100%; margin:0 auto; padding:8px 24px; border-top:1px solid var(--line); background:#fff; font-size:10px; }
.sidebar { padding-top:23px; }
#navigation { min-height:0; overflow:auto; scrollbar-width:thin; }
.sidebar-note { padding:14px 12px; flex:none; }
.side-footer { flex:none; padding-top:14px; margin-top:auto; }
.nav-help { margin-bottom:16px; }
.sidebar .side-caption { margin-top:25px; }
.workspace-tools { position:sticky; top:0; z-index:8; padding:12px 16px; margin-bottom:14px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 3px 14px #192b400a; }
.workspace-tools .page-heading { align-items:center; gap:12px; margin:0; }
.workspace-tools .page-heading h1 { font-size:22px; letter-spacing:-.3px; }
.workspace-tools .page-heading .eyebrow { display:none; }
.workspace-tools .heading-actions { margin:0; flex-wrap:wrap; justify-content:flex-end; }
.workspace-tools .module-tabs { position:static; padding:8px 0 0; margin:10px 0 0; gap:4px; border:0; border-top:1px solid var(--line); border-radius:0; background:#fff; }
.workspace-tools .module-tabs a { padding:6px 12px; font-size:12px; border-radius:6px; }
.workspace-tools .module-tabs a[aria-current=page] { background:var(--blue-soft); color:#245eb1; box-shadow:none; }
.workspace-description { color:var(--muted); font-size:12px; line-height:1.7; margin:-3px 3px 16px; }
.workspace-controls { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-top:10px; }
.workspace-controls .filters { width:100%; margin:0; gap:8px; }
.workspace-controls .search { min-width:180px; }
.workspace-controls .workspace-role-selector { flex:1; margin:0; padding:0; border:0; border-radius:0; gap:10px; }
.workspace-controls .role-context { margin:0; }
.workspace-controls .role-context label { margin:0; }
.workspace-controls .workspace-role-selector > span { font-size:11px; }
.workspace-tools .ai-actor select { max-width:190px; }

/* 表格保留全部记录；标题固定，订单横向查看时保留订单号。 */
.workspace .table-wrap { max-height:min(62dvh,520px); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.workspace table,.dialog-body table { border-collapse:separate; border-spacing:0; font-size:13px; }
.workspace th,.dialog-body th { position:sticky; top:0; z-index:2; padding:11px 14px; font-size:11px; font-weight:600; color:#5d7087; background:#f5f8fc; box-shadow:0 1px 0 var(--line); }
.workspace td { padding:12px 14px; }
.workspace td small { font-size:11px; color:#738398; }
#orders-table .table-wrap { max-height:max(240px,calc(100dvh - var(--workspace-tools-height,158px) - 215px)); }
#orders-table th:first-child,#orders-table td:first-child { position:sticky; left:0; background:#fff; box-shadow:1px 0 0 var(--line); z-index:1; }
#orders-table th:first-child { z-index:3; background:#f5f8fc; }
#orders-table tr:hover td { background:#f7faff; }
.table-wrap:focus-visible { outline:2px solid #92b7ef; outline-offset:-2px; }
.panel,.board-metric,.stat-card { border-radius:12px; }
.panel-header,.board-panel-head { background:#fff; }
.board-metric { padding:15px 17px; box-shadow:var(--shadow); }
.board-metric > span { color:#60738a; font-size:12px; }
.board-metric > strong { font-weight:700; letter-spacing:-.5px; }
.executive-board .board-kpis > :nth-child(2),.executive-board .board-kpis > :nth-child(3),.executive-board .board-kpis > :nth-child(4) { border-top:3px solid #d9a25b; padding-top:13px; }
.executive-board .board-kpis > :nth-child(5) { border-top:3px solid #d27e7a; padding-top:13px; }
.cockpit-head { position:sticky; top:0; z-index:8; padding:16px 20px; background:#1c3a60; box-shadow:0 3px 14px #12223815; }
.cockpit-head:after { display:none; }
.cockpit-head h1 { font-size:23px; margin-bottom:5px; }
.cockpit-head .eyebrow { display:none; }
.cockpit-subline { font-size:11px; }
.attention-item > summary:hover { background:#f7faff; }
.attention-item[open] > summary { background:#fff8ec; }
.department-tile { background:#fafbfd; }
.badge { font-weight:600; }
.stat-foot,.connection-hint { color:#738398; }
.assistant-layout > aside { align-self:start; position:sticky; top:calc(var(--workspace-tools-height,110px) + 12px); max-height:calc(100dvh - var(--workspace-tools-height,110px) - 140px); overflow:auto; }
.assistant-card { overflow:visible; }
@media(min-width:1151px) {
 .role-content > div:last-child { position:sticky; top:calc(var(--workspace-tools-height,110px) + 12px); max-height:calc(100dvh - var(--workspace-tools-height,110px) - 140px); overflow:auto; scrollbar-width:thin; border-radius:12px; }
}
#assistant-form { position:sticky; top:calc(var(--workspace-tools-height,110px) + 12px); z-index:5; background:#fff; padding:12px; border:1px solid var(--line); border-radius:10px; box-shadow:0 3px 12px #192b4008; }
#ai-assets,#ai-runs { scroll-margin-top:calc(var(--workspace-tools-height,110px) + 16px); }
#simulation-results { scroll-margin-top:calc(var(--workspace-tools-height,110px) + 16px); }
.dialog-body .table-wrap { max-height:360px; }
.form-dialog .form-actions { position:sticky; bottom:0; background:#fff; padding:12px 0; z-index:4; border-top:1px solid var(--line); }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #639ce8; outline-offset:3px; }
@media(max-width:1100px) {
 .workspace-tools .page-heading { flex-wrap:wrap; }
 .workspace-controls .workspace-role-selector { flex-basis:100%; }
 .workspace-tools .ai-actor { font-size:12px; }
}
@media(max-width:720px) {
 .topbar { flex-basis:58px; height:58px; min-height:58px; padding:8px 12px; gap:5px; flex-wrap:nowrap; }
 .top-right { gap:5px; flex:1; justify-content:flex-end; flex-wrap:nowrap; min-width:0; }
 .topbar .demo-pill { padding:4px 6px; max-width:190px; overflow:hidden; text-overflow:ellipsis; font-size:10px; }
 .topbar .ai-pill,.topbar .data-freshness { display:none; }
 .topbar .icon-button { min-width:36px; height:36px; }
 .workspace > main { padding:0 12px 12px; scrollbar-gutter:auto; }
 .workspace > main::before { height:12px; }
 .page-footer { padding:6px 12px; font-size:10px; }
 .page-footer > span:last-child { display:none; }
 .workspace-tools { padding:10px; margin-bottom:12px; border-radius:10px; }
 .workspace-tools .page-heading { flex-direction:row; gap:8px; align-items:center; }
 .workspace-tools .page-heading h1 { font-size:18px; }
 .workspace-tools .heading-actions { gap:6px; justify-content:flex-start; }
 .workspace-tools .heading-actions .button { min-height:32px; font-size:11px; padding:5px 8px; }
 .workspace-tools .module-tabs { margin-top:8px; padding-top:7px; }
 .workspace-tools .module-tabs a { min-height:34px; padding:6px 10px; }
 /* 手机仅固定紧凑标题和页签；筛选移到内容区，避免遮挡。 */
 .workspace-controls { padding:12px; margin:0 0 12px; background:#fff; border:1px solid var(--line); border-radius:10px; }
 .workspace-controls .filters { gap:8px; }
 .workspace-controls .filters .search { min-width:100%; }
 .workspace-controls .filters select { width:calc(50% - 4px); min-width:calc(50% - 4px); flex:1 1 calc(50% - 4px); }
 .workspace-controls .filters > .field { flex:1 1 160px; }
 .workspace-controls .workspace-role-selector label,.workspace-controls .role-context label { width:100%; font-size:12px; }
 .workspace-controls .workspace-role-selector > span { margin:0; }
 .workspace-controls .workspace-role-selector select { width:170px; }
 .workspace-controls .role-context { width:100%; }
 .workspace-controls .role-context label { justify-content:space-between; }
 .workspace-tools .ai-actor { flex-direction:row; align-items:center; width:auto; white-space:normal; }
 .workspace-tools .ai-actor select { width:160px; max-width:100%; }
 .workspace-description { margin:0 2px 12px; font-size:11px; }
 .task-progress-counts { gap:4px; }
 .cockpit-head { padding:12px 14px; gap:8px; border-radius:10px; }
 .cockpit-head h1 { font-size:21px; }
 .cockpit-actions { gap:6px; }
 .cockpit-actions .button { padding:5px 9px; min-height:30px; }
 .cockpit-subline { gap:6px; font-size:10px; }
 .assistant-layout > aside { position:static; max-height:none; }
 #assistant-form { position:static; padding:10px; }
 #orders-table .table-wrap { max-height:62dvh; }
 .workspace td { padding:11px 12px; }
}
@media(max-height:600px) {
 .sidebar-note,.nav-help { display:none; }
 .sidebar .side-caption { margin-top:15px; }
}