/* Shared working surfaces: one heading, one action area, then data. */
:root{--ops-bg:#101820;--ops-surface:#17232d;--ops-raised:#1c2934;--ops-line:#334451;--ops-faint:#263642;--ops-text:#e9f0f3;--ops-muted:#acbdc7;--ops-accent:#81dacc;--ops-radius:6px}
#app .lanyao-v2,#app .admin-shell{font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-variant-numeric:tabular-nums;background:var(--ops-bg);color:var(--ops-text)}
#app .lanyao-v2 main,#app .admin-main{min-width:0;color:var(--ops-text);background:var(--ops-bg)}
#app .lanyao-v2 main{padding-inline:clamp(14px,2.3vw,38px)}
#app .page-heading{border:0;border-bottom:1px solid var(--ops-line);padding:10px 0 17px;margin-bottom:16px;background:none;box-shadow:none;border-radius:0}
#app .page-heading h1,#app .admin-main h1{font-weight:650;letter-spacing:0;line-height:1.3;font-size:clamp(23px,2vw,32px);color:var(--ops-text)}
#app .page-heading p,#app .admin-muted{color:var(--ops-muted);line-height:1.6}
#app .nav-button{min-height:34px;border-radius:5px}
#app .reference-actions{height:auto;margin:0 0 12px}
#app :is(.panel,.admin-panel,.sales-card,.strategic-card,.knowledge-panel,.live-card,.crm-panel,.boss-panel,.assistant-list,.ai-conversation){border:0;border-top:1px solid var(--ops-line);border-radius:0;background:transparent;box-shadow:none;min-width:0}
#app :is(.phd,.panel-title,.admin-panel-title,.knowledge-panel-head,.strategic-card-head,.live-card-head,.sales-card>header){color:var(--ops-text);text-align:left;justify-content:space-between;background:transparent}
#app :is(.panel,.admin-panel,.sales-card,.knowledge-panel,.strategic-card,.live-card) h2,#app :is(.sales-card,.knowledge-panel,.strategic-card,.live-card) h3{color:var(--ops-text);text-align:left;letter-spacing:0;font-weight:650}
#app :is(.knowledge-panel-head,.strategic-card-head) :is(p,small),#app .boss-panel-body{color:var(--ops-muted)}
#app :is(.admin-kpis,.crm-kpis,.sales-kpis,.live-metrics,.strategic-kpis,.reference-stats,.knowledge-metrics,.boss-kpis){gap:0;max-width:100%;border-block:1px solid var(--ops-line);background:var(--ops-surface);border-radius:var(--ops-radius);padding:7px 0}
#app :is(.admin-kpis,.crm-kpis,.sales-kpis,.live-metrics,.strategic-kpis,.reference-stats,.knowledge-metrics,.boss-kpis)>:is(div,article,button){border:0;border-right:1px solid var(--ops-line);border-radius:0;background:none;box-shadow:none;min-width:0;padding:11px 17px}
#app :is(.admin-kpis,.crm-kpis,.sales-kpis,.live-metrics,.strategic-kpis,.reference-stats,.knowledge-metrics,.boss-kpis)>:last-child{border-right:0}
#app .admin-kpis{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr))}
#app .ops-worklist{display:block;width:100%;min-width:0}
#app :is(.ops-register,.admin-table-wrap,.tbl-wrap){min-width:0;max-width:100%}
#app .ops-register-head,#app .ops-pages{display:flex;align-items:center;gap:14px;padding:12px 0}
#app .ops-register-head{justify-content:space-between}
#app .ops-register h2{font-size:18px;font-weight:650;margin:0;color:var(--ops-text)}
#app :is(.ops-register-head>span,.ops-pages>span){font-size:13px;color:var(--ops-muted)}
#app .ops-pages{justify-content:flex-end;border-top:1px solid var(--ops-line)}
#app .ops-pages>span{margin-right:auto}
#app .ops-register table{border-collapse:collapse;width:100%;text-align:left;font-size:14px;color:var(--ops-text)}
#app .ops-register thead{background:var(--ops-surface)}
#app .ops-register :is(th,td){padding:12px 11px;border-bottom:1px solid var(--ops-faint);text-align:left}
#app .ops-register th{font-size:12px;color:var(--ops-muted);font-weight:550;white-space:nowrap}
#app .ops-register td:not(:first-child){white-space:nowrap;color:#c5d3dc}
#app .ops-register td:first-child{width:44%}
#app .ops-register tbody tr:hover{background:var(--ops-surface)}
#app .ops-record-open{color:var(--ops-text);border:0;padding:2px 0;background:none;text-align:left;font:inherit;font-weight:550;line-height:1.55;cursor:pointer}
#app .ops-record-open:hover{color:var(--ops-accent);text-decoration:underline;text-underline-offset:3px}
#app .ops-status{font-size:12px;background:#243a40;color:#bde5dc;border-radius:4px;padding:3px 6px}
#app :is(.ops-sales-toolbar,.ops-crm-toolbar,.live-workbench-head){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 14px;border:0;border-radius:0;background:none;box-shadow:none;min-height:0}
#app .ops-sales-toolbar h2,#app .ops-crm-toolbar h2{font-size:17px;margin:0;color:var(--ops-text)}
#app .sales-grid:has(>.sales-card:only-child),#app .knowledge-governance-grid:has(>.knowledge-panel:only-child){grid-template-columns:1fr}
#app .sales-page,#app .knowledge-center,#app .strategic-workbench,#app .live-commerce-panel{border:0;box-shadow:none;background:none;padding:0}
#app .knowledge-domain-grid,#app .connection-grid,#app .admin-module-grid,#app .hr-card-grid,#app .business-lead-grid{display:grid;gap:0;grid-template-columns:1fr}
#app .knowledge-domain-card,#app .connection-card,#app .admin-module-grid>label,#app .hr-card-grid>.admin-panel,#app .business-lead-grid>.admin-panel{border:0;border-bottom:1px solid var(--ops-faint);border-radius:0;background:transparent;box-shadow:none;text-align:left;padding:12px 6px}
#app .knowledge-domain-card{display:flex;align-items:center;gap:12px}
#app .knowledge-domain-copy{flex:1;min-width:0}
#app .connection-card{display:grid;grid-template-columns:40px minmax(120px,.8fr) minmax(200px,2fr) auto;align-items:center;gap:12px}
#app .connection-card>:is(h2,h3,p){margin:0}
#app .hr-card-grid>.admin-panel{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(120px,.8fr) minmax(180px,1.2fr) auto;align-items:center;gap:8px 18px}
#app .hr-card-grid .admin-panel-title{margin:0}
#app .hr-card-grid .hr-notes{grid-column:1/-1;grid-row:2;background:none;padding:0;margin:0}
#app .recruit-metrics{gap:8px;margin:0}
#app .business-lead-grid>.admin-panel{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(200px,1.2fr) minmax(190px,1fr);column-gap:20px;align-items:center}
#app .business-lead-grid .admin-panel-title{margin:0}
#app .admin-module-grid>label{display:flex;align-items:center;justify-content:space-between}
#app .admin-module-grid>label>div{display:flex;align-items:center;gap:16px}
#app .assistant-list{padding:0 14px 12px 0;border:0;border-right:1px solid var(--ops-line)}
#app .assistant-list>button{border-radius:4px;margin:0;padding:9px 10px}
#app .ai-conversation{border:1px solid var(--ops-line);background:var(--ops-surface);border-radius:var(--ops-radius)}
#app .ai-welcome{padding:24px;align-items:flex-start;text-align:left}
#app :is(.boss-clock,.boss-scan){animation:none}
#app .boss-panel{background:var(--ops-surface);border-radius:var(--ops-radius);animation:none}
#app .boss-kpi svg{display:none}
#app :is(.toolbar,.filters,.daily-toolbar){flex-wrap:wrap}
#app:not(:has(.auth-screen)) :is(button,a,select,input,textarea):focus-visible{outline:2px solid var(--ops-accent);outline-offset:3px}
@media(min-width:1000px){#app .knowledge-domain-grid{grid-template-columns:1fr 1fr;column-gap:26px}#app .admin-module-grid{grid-template-columns:1fr 1fr;column-gap:30px}}
@media(max-width:990px){#app .business-lead-grid>.admin-panel,#app .hr-card-grid>.admin-panel{display:block}#app .connection-card{grid-template-columns:36px 1fr}#app .connection-card>p,#app .connection-card>a{grid-column:2}#app .hr-card-grid .recruit-metrics{margin:8px 0}}
@media(max-width:767px){#app .ops-register table,#app .ops-register tbody{display:block}#app .ops-register thead{display:none}#app .ops-register tr{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;border-top:1px solid var(--ops-line);padding:10px 0}#app .ops-register td,#app .ops-register td:first-child{border:0;padding:1px 0;width:auto;white-space:normal}#app .ops-register td:first-child{grid-column:1/-1}#app .ops-register td:not(:first-child){font-size:12px}#app .ops-register td:not(:first-child):before{content:attr(data-label) " ";color:var(--ops-muted);margin-right:4px}#app .assistant-list{border-right:0}#app .ops-sales-toolbar,#app .ops-crm-toolbar{flex-wrap:wrap}#app :is(.admin-kpis,.crm-kpis,.sales-kpis,.live-metrics,.strategic-kpis,.reference-stats,.knowledge-metrics,.boss-kpis){grid-template-columns:1fr 1fr}#app .page-heading{padding-top:4px}}
@media(prefers-reduced-motion:reduce){#app :is(.boss-panel,.boss-kpi,.record-card,.knowledge-domain-card){animation:none;transition:none}}
#app .boss-panel>header h2{color:var(--ops-text);font-size:15px;line-height:1.4;letter-spacing:0}
#app .boss-panel>header em,#app .boss-footer{color:var(--ops-muted)}
#app .ops-subtoolbar{display:flex;justify-content:flex-end;gap:8px;padding:10px 0}
#app .connection-card{grid-template-columns:38px minmax(110px,.8fr) minmax(170px,1.2fr) minmax(140px,1fr) auto}
#app .connection-card>small{color:var(--ops-muted)}
#app .ops-register-head span,#app .ops-pages>span{font-variant-numeric:tabular-nums}
#app .knowledge-panel-head:before,#app .knowledge-panel-head:after{display:none}
@media(max-width:990px){#app .connection-card{grid-template-columns:36px minmax(0,1fr)}#app .connection-card>:is(p,a,small,button){grid-column:2}}
#app .live-connect-grid:has(>.live-card:only-child),#app .live-ai-grid:has(>.live-card:only-child){grid-template-columns:1fr}
#app .live-kpis{gap:0;background:var(--ops-surface);border-block:1px solid var(--ops-line)}
#app .live-kpis>.live-metric{border:0;border-right:1px solid var(--ops-line);border-radius:0;box-shadow:none;background:none}
#app .ops-sales-toolbar small{color:var(--ops-muted)}
#app :is(.record-dialog,.crm-modal,.admin-modal,.boss-detail,.content-dialog){max-height:90dvh;overflow-y:auto}
[role=dialog] :is(button,input,textarea,select):focus-visible{outline:2px solid #74dbce;outline-offset:3px}