/* M18: quiet industrial precision with blue actions and cool neutral working surfaces.
   M18：克制的工业精度，蓝色操作与冷中性工作面。 */
:root { --mos-sidebar:228px; --mos-radius-panel:16px; }
.nav { padding:18px 12px 14px; gap:17px; background:var(--mos-surface-subtle); }
.nav__brand { gap:9px; padding:0 11px 3px; min-height:34px; }
.nav__brand img { width:28px; height:28px; }
.nav__brand strong { font-size:21px; letter-spacing:-.8px; }
#m8-navigation { gap:15px; }
.m13-company { gap:9px; padding:10px 8px 13px; margin:0 2px; border:0; border-bottom:1px solid var(--mos-border); border-radius:0; background:none; }
.m17-company-glyph { display:grid; place-items:center; flex:none; width:29px; height:32px; color:var(--mos-text-secondary); }
.m17-company-glyph svg { width:18px; height:18px; stroke-width:1.4; }
.m13-company strong { font-size:12px; font-weight:600; line-height:1.7; }
.m13-company small { display:block; font-size:10px; line-height:1.6; }
.m13-nav-group { gap:4px; }
.m13-nav-label { margin-bottom:6px; font-size:10px; letter-spacing:.07em; }
.m13-nav-link { border-radius:9px; gap:9px; }
.m13-nav-link[aria-current="page"],.m13-nav-link.is-active { background:var(--mos-accent-soft); border-color:color-mix(in srgb,var(--mos-accent) 17%,var(--mos-border)); color:var(--mos-text); box-shadow:0 1px 2px #102a2410; }
.m13-nav-link[aria-current="page"]::after { content:""; width:4px; height:4px; border-radius:50%; background:var(--mos-accent); flex:none; }
.m13-nav-bottom { padding-top:10px; }
.m13-nav-note { font-size:10px; margin-top:10px; }
.topbar { border-bottom:1px solid color-mix(in srgb,var(--mos-border) 65%,transparent); margin-bottom:14px; height:50px; min-height:50px; }
.topbar__context { font-size:11px; letter-spacing:.01em; }
.shell { grid-template-rows:64px 1fr auto; }
.topbar .icon-btn,.search-trigger { border-radius:8px; }
.topbar .icon-btn:focus-visible,.search-trigger:focus-visible { outline:2px solid var(--mos-focus); outline-offset:2px; }
.search-trigger { border:1px solid transparent; }
.search-trigger:hover { border-color:var(--mos-border); background:var(--mos-surface); }
.agent-avatar { border-radius:28%; background:color-mix(in srgb,var(--mos-surface-subtle) 85%,var(--mos-accent-soft)); }
.specialist-identity { position:relative; isolation:isolate; display:inline-flex; flex:none; }
.agent-avatar--helper { border-radius:50%; background:var(--mos-accent-soft); box-shadow:inset 0 0 0 1px var(--mos-border); }
.agent-avatar--helper .agent-avatar-image { border-radius:50%; background:transparent; object-fit:contain; padding:2px; }
.specialist-code { position:absolute; right:-3px; bottom:-3px; min-width:17px; height:15px; display:grid; place-items:center; padding:0 3px; background:var(--mos-surface); color:var(--mos-accent); border:1px solid var(--mos-border-control); border-radius:5px; font:600 8px/1 var(--mos-font-id); }
.btn { border-radius:9px; font-weight:550; transition:background .13s,border-color .13s; }
.btn:focus-visible { outline:2px solid var(--mos-focus); outline-offset:3px; }
.m8-heading { padding:5px 0 18px; }
.m8-heading h1,.settings-page h1 { font-size:25px; font-weight:620; line-height:1.4; letter-spacing:-.5px; }
.m8-module-grid { gap:10px; }
.m8-module { border-radius:13px; padding:17px; min-height:160px; box-shadow:0 2px 5px #143a3104; }
.m8-module-head { gap:10px; }
.m8-module-head strong { font-size:14px; }
.m8-locked { border-radius:16px; padding:30px; box-shadow:var(--mos-shadow-1); }
.m13-setup-lead { border-radius:16px; background:var(--mos-surface); }
.m13-setup-lead h2 { font-weight:600; }
.m13-data-checklist article { border-radius:13px; padding:20px; }
.m13-empty-workplace { border-radius:16px; box-shadow:var(--mos-shadow-1); }
.settings-page { max-width:1040px; }
.settings-panel { border-radius:14px; box-shadow:0 2px 7px #143a3104; }
.settings-row { padding-block:17px; }
.settings-row select { min-width:136px; min-height:36px; background:var(--mos-surface); color:var(--mos-text); }
.m17-governance { padding:22px; margin-block:16px; }
.m17-governance-header { display:flex; gap:12px; align-items:center; margin-bottom:18px; }
.m17-governance h2 { font-size:15px; margin:0 0 4px; }
.m17-governance p { font-size:12px; color:var(--mos-text-secondary); line-height:1.8; }
.m17-authority-chain { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.m17-authority-chain article { position:relative; padding:16px; border:1px solid var(--mos-border); border-radius:12px; background:var(--mos-canvas); }
.m17-authority-chain article>small { display:block; color:var(--mos-accent); font:500 10px/1.5 var(--mos-font-id); margin-bottom:10px; }
.m17-authority-chain h3 { font-size:13px; margin:10px 0 5px; }
.m17-authority-chain p { margin:0; font-size:11px; }
.m17-authority-note { display:flex; gap:9px; margin-top:15px; padding-top:13px; border-top:1px solid var(--mos-border); }
.m17-authority-note svg { width:16px; height:16px; flex:none; color:var(--mos-accent); margin-top:3px; }
.m17-authority-note p { margin:0; font-size:11px; }
.cx-header { margin-bottom:14px; }
.cx-header h1 { font-weight:600; }
.cx-header-title { gap:12px; }
.cx-statusbar { border-radius:10px; background:var(--mos-surface); }
.cx-facts article,.cx-panel { border-radius:13px; }
.cx-node { border-radius:11px; background:var(--mos-surface); }
.cx-node:hover,.cx-node[aria-pressed="true"] { border-color:var(--mos-accent); background:var(--mos-accent-soft); }
.cx-hub { border-radius:11px; background:var(--mos-accent-soft); }
.cx-node-head strong { font-size:13px; }
.companion__head { padding-bottom:16px; border-bottom:1px solid var(--mos-border); }
.companion__title { font-size:16px; }
.companion__label { font-size:10px; line-height:1.7; }
.companion__body { line-height:1.85; font-size:13px; }
.companion__suggestions { display:grid; grid-template-columns:1fr; gap:7px; }
.companion__suggestions button { padding:11px 12px; text-align:left; border:1px solid var(--mos-border); border-radius:10px; background:var(--mos-surface); color:var(--mos-text-secondary); font-size:12px; }
.companion__suggestions button:hover { background:var(--mos-accent-soft); border-color:var(--mos-accent); color:var(--mos-text); }
.companion__admin-note { font-size:11px; color:var(--mos-text-muted); line-height:1.8; padding:12px 0 0; }
.companion__turn { border-radius:11px; }
@media(min-width:1200px) { .nav { width:228px; } }
@media(max-width:1199px) { .nav { width:250px; } .topbar .icon-btn { min-height:40px; min-width:40px; } }
@media(max-width:700px) { .m17-authority-chain { grid-template-columns:1fr; } .m17-governance { padding:18px; } .m17-authority-chain article { display:grid; grid-template-columns:40px 1fr; gap:0 12px; align-items:center; } .m17-authority-chain article>small { grid-column:1/-1; margin-bottom:7px; } .m17-authority-chain article>p { grid-column:2; } .m17-authority-chain h3 { margin:0 0 4px; } .topbar { margin-bottom:10px; } .shell { grid-template-rows:60px 1fr auto; } .m8-heading h1,.settings-page h1 { font-size:23px; } }
@media(prefers-reduced-motion:reduce) { .btn,.m13-nav-link { transition:none!important; } }

@media(max-width:420px) {
  .topbar { gap:4px; padding-inline:8px; }
  .topbar__context { flex:1 1 0; min-width:0; }
  #route-context { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .topbar__spacer { display:none; }
  #activity-trigger-root { flex:none; }
  .topbar .activity-trigger { width:36px; min-height:40px; padding:6px; margin:0; justify-content:center; }
  .topbar .activity-trigger>span:last-child { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .topbar .profile-menu,.topbar>.icon-btn,.topbar>.search-trigger { flex:none; }
}

/* Company context is account data, not another product title. / 企业标识来自账号，不重复产品标题。 */
.m13-company { padding:5px 8px 12px; }
.m13-company-context { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.m13-company strong { font-size:12px; line-height:1.65; }
.m13-company .m18-review-label { display:inline-flex; font-size:10px; line-height:1.4; padding:2px 5px; border:1px solid var(--mos-border); border-radius:4px; color:var(--mos-text-muted); background:var(--mos-canvas); }

/* Neutral disabled controls remain readable on light and dark settings surfaces. */
.settings-page .btn:disabled { opacity:1; }