:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#202a3d;background:#f6f8fc;line-height:1.5}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#111827;color:#afbbcf;padding:24px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:5px 10px 32px;color:#fff}.brand b{display:block;font-size:17px}.brand small{display:block;font-size:11px;color:#7d8aa2}.brand-mark{height:34px;width:34px;border-radius:10px;background:linear-gradient(135deg,#6174ef,#9a76f4);display:grid;place-items:center;font-weight:800}.nav{display:flex;flex-direction:column;gap:3px}.nav p{font-size:11px;letter-spacing:.1em;color:#68758e;margin:18px 11px 7px}.nav p:first-child{margin-top:0}.nav-item{border:0;background:transparent;color:#b3bed0;text-align:left;padding:10px 11px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;transition:background .16s,color .16s}.nav-item i{font-style:normal;display:inline-grid;width:22px;margin-right:8px;color:#8d9ab1}.nav-item:hover{background:#1d293d;color:#fff}.nav-item.active{background:#3c4c82;color:#fff}.sidebar-foot{margin-top:auto;padding:14px 11px;border-top:1px solid #293347;font-size:12px}.live-dot{display:inline-block;width:7px;height:7px;background:#45c995;border-radius:50%;margin-right:7px}.workspace{margin-left:246px;width:calc(100% - 246px);padding:0 38px 48px}.topbar{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e8f1}.eyebrow{font-size:10px;letter-spacing:.14em;color:#8995a7;margin:0 0 4px;font-weight:700}.topbar h1{margin:0;font-size:24px;letter-spacing:-.02em}.profile{display:flex;gap:11px;align-items:center;color:#6f7b8e;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8ebff;color:#4e61c9;display:grid;place-items:center;font-weight:700}#notice{min-height:22px;margin:14px 0 0;color:#bd3b4b;font-size:13px}.ok{color:#149265!important}.dashboard{max-width:1320px;margin:24px auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:5px 0 22px}.page-intro h2,.section-title{font-size:21px;margin:0;letter-spacing:-.02em}.page-intro p:not(.eyebrow),.section-desc{margin:5px 0 0;color:#768296;font-size:13px}.intro-actions,.form-actions,.stack-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid transparent;border-radius:8px;padding:9px 13px;background:#edf1f7;color:#34415c;font:600 13px inherit;cursor:pointer;transition:background .16s,transform .16s}.btn:hover{background:#e3e8f2}.btn:active{transform:translateY(1px)}.btn.primary{background:#5968df;color:#fff}.btn.primary:hover{background:#4b5bd0}.btn.danger{color:#bd3b4b;background:#fff0f2}.btn:disabled{opacity:.45;cursor:not-allowed}.text-btn{border:0;background:transparent;color:#5666d4;font:600 13px inherit;cursor:pointer;padding:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.card{background:#fff;border:1px solid #e7ebf3;border-radius:13px;box-shadow:0 3px 14px #1c294009}.metric{padding:18px;min-height:123px}.metric .label{font-size:12px;color:#7b879a}.metric b{display:block;font-size:28px;margin:8px 0 2px;letter-spacing:-.03em}.metric small,.sub,.hint{font-size:12px;color:#8793a5}.metric.good b{color:#1c956c}.metric.warning b{color:#b97d1f}.card{padding:19px}.card h2,.card h3{font-size:15px;margin:0}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head p{margin:4px 0 0;font-size:12px;color:#8490a2}.panel-grid,.two-col,.permission-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px}.two-col,.permission-grid{grid-template-columns:1fr 1fr}.chart{height:210px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #edf0f5;padding:0 4px;position:relative}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:min(36px,70%);background:linear-gradient(180deg,#8b99fa,#5867db);border-radius:6px 6px 0 0}.bar-group span:last-child{position:absolute;bottom:-24px;font-size:10px;color:#8b95a5}.bar-value{position:absolute;bottom:calc(var(--height) + 3px);font-size:10px;color:#69768b}.summary-list p{display:flex;justify-content:space-between;border-bottom:1px solid #eef1f5;padding:9px 0;margin:0;color:#667286}.template-overview{margin-top:16px}.template-summary,.scope-tags,.template-cards{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tag{background:#eef1ff;color:#5060c4;border-radius:6px;padding:4px 7px;font-size:11px;display:inline-flex;gap:8px;align-items:center}.tag b{font-size:12px}.tag.removable button{border:0;background:transparent;color:#6978c8;padding:0;cursor:pointer;font-size:15px;line-height:1}.tabs{display:flex;gap:4px;border-bottom:1px solid #e6eaf1;margin-bottom:16px}.tabs button{border:0;background:transparent;padding:10px 14px;color:#778397;font:600 13px inherit;cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:#5261d1;border-color:#5968df}.toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;margin-bottom:14px}.approval-toolbar{grid-template-columns:minmax(180px,1.3fr) minmax(130px,.8fr) minmax(110px,.65fr) minmax(120px,.65fr) minmax(120px,.65fr) auto auto}.input,select,textarea{width:100%;border:1px solid #dfe4ed;background:#fff;border-radius:8px;padding:9px 10px;color:#27334d;font:13px inherit;outline-color:#7582eb}textarea{min-height:92px;resize:vertical}.table-meta{display:flex;justify-content:space-between;color:#8793a5;font-size:12px;padding:0 0 11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:760px}th{text-align:left;color:#8290a4;font-weight:600;padding:10px;border-bottom:1px solid #e9edf3;white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid #eef1f5;vertical-align:top}.link-btn{border:0;background:none;color:#5261d1;font:600 12px inherit;cursor:pointer;padding:0;text-align:left}.link-btn+small{display:block;color:#98a2b1;margin-top:3px}.code{font-family:ui-monospace,Consolas,monospace;color:#647188}.status{display:inline-flex;padding:3px 7px;border-radius:20px;background:#eef8f4;color:#208a67;font-size:11px;white-space:nowrap}.status.warn{background:#fff6e8;color:#af7316}.status.danger{background:#fdeef0;color:#b3414f}.pager{display:flex;justify-content:flex-end;gap:9px;align-items:center;padding-top:14px;font-size:12px;color:#7d899a}.empty{padding:28px;text-align:center;color:#8490a1;font-size:13px}.empty b,.empty small{display:block}.empty small{margin-top:4px;font-size:12px;font-weight:400}.scope-box h3,.visible-scope h3{margin:0;font-size:15px}.scope-box p,.visible-scope p{font-size:12px;color:#8290a4;min-height:36px}.visible-scope{margin-top:16px;display:flex;justify-content:space-between;gap:18px}.stack-actions{align-self:center}.check-row{font-size:12px;color:#68758b;white-space:nowrap}.picker{margin-top:16px}.directory-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px;margin-top:12px}.directory-item{border:1px solid #e0e5ee;border-radius:8px;background:#fff;padding:10px;font-size:12px}.directory-item b{display:block;margin-bottom:8px}.mini{font-size:11px;padding:5px 7px;margin-right:4px}.template-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));margin:0}.template-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center}.template-card .btn{grid-column:2;justify-self:start}.template-card p{margin:2px 0 0;color:#8591a4;font-size:11px}.template-icon{color:#5d6cdb;font-size:24px}.editor-card{margin-top:16px}.template-detail{margin-top:16px}.node-list{display:grid;gap:8px;margin:16px 0}.node-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;background:#f7f8fc;border-radius:7px;font-size:12px}.node-list span{color:#8390a2;font-family:ui-monospace,Consolas,monospace}.node-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;border-top:1px solid #eef1f5;padding-top:15px}.node-editor label,.field{display:grid;gap:5px;font-size:12px;color:#6f7d91}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.switch-row small{display:block;color:#8290a3;font-size:11px;margin-top:3px}.switch-row.emphasis{padding-top:18px}.toggle{appearance:none;width:40px;height:23px;border-radius:12px;background:#d6dce7;position:relative;cursor:pointer;flex:none}.toggle:checked{background:#5968df}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:.16s}.toggle:checked:after{left:20px}.callout{font-size:12px;color:#69758b;background:#f7f8fd;border-left:3px solid #6978df;padding:9px 11px;margin:15px 0}.drawer-backdrop{position:fixed;inset:0;background:#11182755;z-index:20;display:flex;justify-content:flex-end}.drawer{background:#fff;width:min(560px,100vw);height:100%;padding:30px;overflow:auto;box-shadow:-10px 0 30px #11182722}.close{float:right;border:0;background:#f1f3f8;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:9px;font-size:13px}.detail-grid span,.drawer dt{color:#8490a2}.drawer dl{display:grid;grid-template-columns:130px 1fr;gap:9px;font-size:12px}.drawer dd{margin:0;word-break:break-word}.drawer h3{font-size:14px;margin-top:23px}.review{border-left:3px solid #6876df;padding:8px 10px;margin:9px 0;background:#f8f9fc;font-size:12px}.review p{margin:5px 0}.review small{color:#8490a2}.skeleton-page{padding-top:24px}.skeleton{background:linear-gradient(90deg,#edf0f5 20%,#f7f8fb 40%,#edf0f5 60%);background-size:200% 100%;animation:loading 1.2s infinite;border-radius:7px}.skeleton.title{width:180px;height:25px}.skeleton.subtitle{width:320px;max-width:70%;height:14px;margin:10px 0 26px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skeleton-grid i,.skeleton.panel{height:124px}.skeleton.panel{height:270px;margin-top:16px}@keyframes loading{to{background-position:-200% 0}}@media(max-width:1180px){.approval-toolbar{grid-template-columns:1fr 1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.sidebar{width:64px;padding:18px 8px}.brand div,.nav p,.nav-item{font-size:0}.brand{padding:4px 7px 25px}.nav-item{height:42px;text-align:center}.nav-item i{font-size:17px;margin:0;width:auto}.sidebar-foot span:not(.live-dot){display:none}.workspace{margin-left:64px;width:calc(100% - 64px);padding:0 20px}.panel-grid,.permission-grid,.two-col{grid-template-columns:1fr}.visible-scope{display:block}.stack-actions{margin-top:14px}.node-editor{grid-template-columns:1fr}}@media(max-width:700px){.workspace{padding:0 13px}.topbar{height:84px}.topbar h1{font-size:20px}.profile{font-size:0}.page-intro{align-items:flex-start;flex-direction:column}.toolbar,.approval-toolbar{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.intro-actions{width:100%}.intro-actions .btn{flex:1}.drawer{padding:20px}.drawer dl{grid-template-columns:1fr}.detail-grid{grid-template-columns:90px 1fr}.skeleton-grid{grid-template-columns:1fr 1fr}}

/* Department drill-down breadcrumb row in the org picker */
.breadcrumb-row { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #f5f6f8; border-radius: 8px; margin-bottom: 6px; }
.breadcrumb-row small { color: #86909c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.selection-chip.cover { opacity: .8; }