/* ============================================================
   IT Quiz · Support Desk — standalone stylesheet
   Design nach den Panel-Konventionen: lesbare Schrift (Basis 14px),
   einheitliche 18px-Abstände, 13px-Sektionstitel mit violettem Pipe.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#f5f6fb; --card:#ffffff; --ink:#1a1730; --muted:#6a6780; --line:#e6e4f0;
  --surface:#f6f6fb; --purple:#6748e8; --purple2:#8b4cf6; --soft:#efeaff;
  --good:#15a066; --good-soft:#e4f7ee; --warn:#c07d00; --warn-soft:#fff3d6;
  --bad:#e0483f; --bad-soft:#fdeceb; --blue:#2f6bdc; --blue-soft:#e7f0fd;
  --radius:13px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
h1,h2,h3{margin:0}

/* ---------------- Shell ---------------- */
.app{display:grid;grid-template-columns:262px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;overflow:auto;background:#fbfbfe;border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 4px}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#a056f4,var(--purple));font-size:17px}
.brand b{display:block;font-size:17px;font-weight:800}
.brand small{color:var(--muted);font-size:11px}
.brand.light b,.brand.light small{color:#fff}
.brand.light small{color:#d8cdea}
.new-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:11px;border:0;border-radius:10px;background:var(--purple);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #6748e828}
.new-btn:hover{background:#573bd0}
.side-search{display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}
.side-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}
.navsec{padding:16px 10px 7px;color:#9c99ad;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.side nav{display:grid;gap:3px}
.nav{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:#575468;font-weight:600;font-size:13.5px}
.nav .ni{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface);color:#6c6980;font-size:13px}
.nav:hover{background:#f0edfd}
.nav.on{background:var(--soft);color:var(--purple)}
.nav.on .ni{background:var(--purple);color:#fff}
.nav em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;background:var(--surface);color:var(--muted);padding:1px 8px;border-radius:20px}
.nav.on em{background:#fff;color:var(--purple)}
.side-status{margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.side-status b{display:flex;align-items:center;gap:7px;color:var(--good);font-size:12px;font-weight:800}
.side-status b i{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}
.side-status small{display:block;margin-top:3px;color:var(--muted);font-size:11px}

.content{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;height:70px;padding:0 26px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.tb-left{display:flex;align-items:center;gap:13px}
.tb-title small{display:block;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tb-title b{font-size:16px}
.nav-burger{display:none;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;font-size:17px}
.tb-actions{display:flex;align-items:center;gap:10px}
.top-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#65627a;cursor:pointer}
.top-icon:hover{border-color:var(--purple);color:var(--purple)}
.top-icon u{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--bad)}
.tb-user{display:flex;align-items:center;gap:9px}
.ava{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--purple);color:#fff;font-weight:800;font-size:13px}
.ava.mini{width:26px;height:26px;font-size:10px;display:inline-grid;vertical-align:middle}
.ava.big{width:54px;height:54px;font-size:18px}
.tb-user-t b{display:block;font-size:13px;font-weight:700}
.tb-user-t small{color:var(--muted);font-size:11px}

.main{padding:22px 26px 40px;max-width:1560px;width:100%}
.flash{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;border-radius:11px;font-weight:600;font-size:13px}
.flash.ok{background:var(--good-soft);color:#0d7a4c;border:1px solid #bfe9d3}
.flash.bad{background:var(--bad-soft);color:#a71d1d;border:1px solid #f3c9c9}

/* ---------------- Page head ---------------- */
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.pagehead label{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pagehead h1{margin:6px 0 4px;font-size:26px;font-weight:800}
.pagehead p{margin:0;color:var(--muted);font-size:13.5px}
.actions{display:flex;gap:9px;flex-wrap:wrap}

/* ---------------- Buttons ---------------- */
.primary,.secondary,.wide-btn,.wide{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;border:1px solid var(--line);transition:transform .12s,box-shadow .12s,background .12s}
.primary{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 8px 20px #6748e826}
.primary:hover{background:#573bd0}
.secondary{background:#fff;color:var(--purple)}
.secondary:hover{border-color:var(--purple)}
button:hover{transform:translateY(-1px)}
button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.wide-btn{width:100%;background:#fff;color:var(--purple);margin-top:8px}
.wide-btn.danger{color:var(--bad);border-color:#f2cdcb}
.wide-btn.danger:hover{background:var(--bad-soft)}
/* Löschen/Archivieren im Drawer-Footer: gleiche Höhe/Breite wie die anderen Buttons + roter Hintergrund (beide Themes) */
.modal-foot .wide-btn{width:auto;margin-top:0}
.modal-foot .wide-btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
.modal-foot .wide-btn.danger:hover{background:var(--bad);filter:brightness(.92)}

/* ---------------- Cards / sections ---------------- */
.card{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.main>.card,.main>.kpis,.main>.grid-2,.main>.hero,.main>.kanban,.main>.qtable,.main>.kb-grid{margin-bottom:18px}
.main>*:last-child{margin-bottom:0}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.sec-h{position:relative;padding-left:11px;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.sec-h:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:3px;background:var(--purple)}
.card-link{color:var(--purple);font-weight:700;font-size:12.5px}
.muted{color:var(--muted)}.small{font-size:12px}
.empty{padding:22px;text-align:center;color:var(--muted);font-size:13px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}

/* ---------------- Hero ---------------- */
.hero{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:28px 32px;border-radius:19px;color:#fff;background:radial-gradient(circle at 80% 15%,#55dff030,transparent 26%),linear-gradient(120deg,#17132b,#372061 54%,#59319b);box-shadow:0 18px 46px #2e1c5e22}
.hero.compact{padding:22px 30px}
.hero-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid #ffffff2e;border-radius:20px;background:#ffffff14;font-size:11px;font-weight:800;letter-spacing:.04em}
.hero-tag i{width:8px;height:8px;border-radius:50%;background:#39d98a}
.hero h2{margin:15px 0 8px;font-size:26px;font-weight:800}
.hero-main p{margin:0;color:#d9cfec;font-size:13.5px;max-width:60ch}
.hero-stats{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hero-stats b{display:grid;min-width:120px;padding:11px 13px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff0f;font-size:18px;font-weight:800}
.hero-stats small{font-size:11px;font-weight:500;color:#d9cfec}
.hero-score{position:relative;display:grid;place-items:center;width:140px;height:140px;border-radius:50%;flex:0 0 auto;background:conic-gradient(#51dfb0 calc(var(--score)*1%),#ffffff22 0)}
.hero-score:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#241a44}
.hero-score strong{position:relative;font-size:34px;font-weight:800;line-height:1}
.hero-score small{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:10px;color:#d9cfec}

/* ---------------- KPIs ---------------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.kpi-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;font-size:16px;flex:0 0 auto}
.kpi b{display:block;font-size:22px;font-weight:800;line-height:1.1}
.kpi small{color:var(--muted);font-size:12px}
.kpi em{font-style:normal;color:var(--muted);font-size:11.5px}
.violet{background:var(--soft);color:var(--purple)}
.red{background:var(--bad-soft);color:var(--bad)}
.blue{background:var(--blue-soft);color:var(--blue)}
.green{background:var(--good-soft);color:var(--good)}
.amber{background:var(--warn-soft);color:var(--warn)}

/* ---------------- Grids ---------------- */
.grid-2{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}
.grid-2.bottom{grid-template-columns:1fr 1fr;align-items:start}
.stack{display:flex;flex-direction:column;gap:18px}
.stack>.card{margin:0}

/* ---------------- Badges ---------------- */
.pbadge{display:inline-grid;place-items:center;min-width:30px;padding:3px 7px;border-radius:7px;font-size:11px;font-weight:800}
.pbadge.p1{background:var(--bad-soft);color:var(--bad)}
.pbadge.p2{background:var(--warn-soft);color:var(--warn)}
.pbadge.p3{background:var(--blue-soft);color:var(--blue)}
.pbadge.p4{background:#eef0f4;color:#6a7080}
.sbadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}
.s-new{background:#eef0f4;color:#5a6072}.s-assigned{background:var(--soft);color:var(--purple)}
.s-in_progress{background:var(--blue-soft);color:var(--blue)}.s-waiting{background:var(--warn-soft);color:var(--warn)}
.s-resolved{background:var(--good-soft);color:var(--good)}.s-closed{background:#e9eaef;color:#7a7790}
.slachip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;font-size:11.5px;font-weight:800;white-space:nowrap}
.slachip.ok{background:var(--good-soft);color:var(--good)}
.slachip.risk{background:var(--warn-soft);color:var(--warn)}
.slachip.breach{background:var(--bad-soft);color:var(--bad)}
.slachip.none{background:var(--surface);color:var(--muted)}

/* ---------------- Priority queue list ---------------- */
.qlist{display:flex;flex-direction:column}
.qrow{display:grid;grid-template-columns:34px minmax(0,1fr) 84px 122px;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid var(--line)}
.qrow:last-child{border-bottom:0}
.qrow:hover{background:var(--surface)}
.qrow>.pbadge{justify-self:center}
.qrow>.slachip,.qrow>.sbadge{justify-self:start}
.qrow-main{min-width:0}
.qrow-main b{display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qrow-main small{color:var(--muted);font-size:11.5px}
@media(max-width:560px){.qrow{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.qrow>.sbadge{display:none}}

/* Focus / radar */
.focus-ic{color:var(--purple)}
.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.focus-grid div{display:grid;gap:2px;padding:13px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:center}
.focus-grid b{font-size:21px;font-weight:800}
.focus-grid small{color:var(--muted);font-size:11px}
.radar{display:flex;align-items:center;gap:16px}
.radar-ring{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;flex:0 0 auto;background:conic-gradient(var(--bad) calc(var(--risk)*1%),#ececf3 0)}
.radar-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
.radar-ring span{position:relative;display:grid;text-align:center}
.radar-ring b{font-size:20px;font-weight:800}.radar-ring small{font-size:10px;color:var(--muted)}
.radar-list{flex:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.radar-list li{display:flex;align-items:center;gap:8px;font-size:12.5px}
.radar-list li b{margin-left:auto;font-weight:800}

/* Chart */
/* Ticketvolumen-Chart: Y-Achse, Gitternetz, ausgerichtete Labels + Legende (Footer) */
.vchart{display:flex;gap:12px;margin-top:4px}
.vaxis{display:flex;flex-direction:column;justify-content:space-between;height:172px;min-width:16px;text-align:right;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.vplot{flex:1;display:flex;flex-direction:column;min-width:0}
.vbars-row{height:172px;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 25%)}
.vcol{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;height:100%}
.vb{width:13px;border-radius:5px 5px 0 0;min-height:2px;transition:height .3s ease}
.vb-a{background:#8269eb}
.vb-b{background:#31b47d}
.vlabels{display:flex;gap:12px;margin-top:9px}
.vlabels span{flex:1;text-align:center;font-size:11.5px;color:var(--muted)}
.vlegend{display:flex;gap:16px;margin-top:14px}
.vlegend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.vlegend i{width:9px;height:9px;border-radius:3px}
.vlegend .lg-a{background:#8269eb}.vlegend .lg-b{background:#31b47d}
.legend{display:flex;gap:14px}
.legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.legend i{width:9px;height:9px;border-radius:3px}
.legend .lg-a{background:#8269eb}.legend .lg-b{background:#31b47d}

/* Activity */
.activity{display:flex;flex-direction:column}
.activity article{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}
.activity article:last-child{border-bottom:0}
.act-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:13px}
.modal-body.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .14s,background .14s,transform .14s,box-shadow .14s}
.quick-grid a:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,18,50,.10)}
.quick-grid a .act-ic{margin-bottom:7px}
.quick-grid a b{font-size:14px;font-weight:700}
.quick-grid a small{color:var(--muted);font-size:11.5px;line-height:1.35}
@media(max-width:520px){.modal-body.quick-grid{grid-template-columns:1fr}}
.activity article>div{min-width:0}
.activity b{display:block;font-size:13px;font-weight:600;line-height:1.35}
.activity small{display:block;margin-top:2px;color:var(--muted);font-size:11.5px}
/* Titel/Meta in Listen dürfen nicht in einer Zeile zusammenkleben */
.sla-item>span b,.policy-list b,.rule-main b,.audit-list b{display:block;line-height:1.35}
.sla-item>span small,.policy-list small,.rule-main small,.audit-list small{display:block;margin-top:2px}

/* ---------------- Toolbar / filters ---------------- */
.toolbar{padding:12px 16px}
.qtabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}
.qtab{padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-weight:700;font-size:12.5px;cursor:pointer}
.qtab.on{background:var(--soft);border-color:transparent;color:var(--purple)}
.filterbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.filterbar input,.filterbar select{min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px}
.filterbar input{flex:1;min-width:200px}
.viewtoggle{display:flex;gap:4px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.vbtn{width:36px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.vbtn.on{background:var(--card);color:var(--purple);box-shadow:0 2px 6px #0000000f}

/* ---------------- Kanban ---------------- */
.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}
.lane{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:120px}
.lane.dragover{border-color:var(--purple);background:#f2eeff}
.lane>header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px}
.lane>header b{font-size:12.5px;font-weight:800}
.lane>header em{font-style:normal;font-size:11px;font-weight:800;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:1px 8px;border-radius:20px}
.lane-body{display:flex;flex-direction:column;gap:9px;min-height:40px}
.tkt{background:#fff;border:1px solid var(--line);border-radius:11px;padding:11px;cursor:grab;box-shadow:0 1px 2px #0000000a}
.tkt.dragging{opacity:.5}
.tkt-top{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.tkt-ref{font-size:11px;font-weight:700;color:var(--muted);font-family:ui-monospace,monospace}
.tkt-top .slachip{margin-left:auto;padding:2px 7px;font-size:10.5px}
.tkt h3{font-size:13px;font-weight:700;line-height:1.35;margin-bottom:9px}
.tkt-foot{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.tkt-team{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.mini-ava{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--soft);color:var(--purple);font-size:9.5px;font-weight:800;font-style:normal}
.mini-ava.none{background:#eef0f4;color:#9a97a8}
.tkt-open{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border-radius:8px;background:var(--surface);color:var(--purple);font-size:12px;font-weight:700}
.tkt-open:hover{background:var(--soft)}

/* ---------------- Table ---------------- */
.qtable{overflow-x:auto;padding:0}
.qtable table{width:100%;border-collapse:collapse;min-width:640px}
.qtable th{text-align:left;padding:12px 14px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface)}
.qtable td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px}
.qtable tbody tr:hover{background:var(--surface)}
.mini-link{color:var(--purple);font-weight:700}
.tag-chip{padding:2px 9px;border-radius:20px;background:var(--surface);border:1px solid var(--line);font-size:11px;font-weight:600}
.asset-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700}
.asset-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--good)}
.asset-status.degraded{color:var(--warn)}.asset-status.degraded:before{background:var(--warn)}
.asset-status.maintenance{color:var(--blue)}.asset-status.maintenance:before{background:var(--blue)}
.asset-status.offline{color:var(--bad)}.asset-status.offline:before{background:var(--bad)}
.asset-status.operational{color:var(--good)}
/* ---------------- Assets / CMDB cards ---------------- */
.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.asset-card{display:flex;flex-direction:column;gap:13px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.asset-card>header{display:flex;align-items:center;gap:11px}
.asset-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-size:16px;flex:0 0 auto}
.asset-title{flex:1;min-width:0}
.asset-title b{display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-title small{color:var(--muted);font-size:11.5px}
.asset-card>header .asset-status{margin-left:auto;padding:4px 10px;border-radius:20px;background:var(--good-soft)}
.asset-card>header .asset-status.degraded{background:var(--warn-soft)}
.asset-card>header .asset-status.maintenance{background:var(--blue-soft)}
.asset-card>header .asset-status.offline{background:var(--bad-soft)}
.asset-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:10px;background:var(--surface)}
.asset-meta>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.asset-meta span{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.asset-meta b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-actions{display:flex;gap:8px}
.asset-actions .mini-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;height:34px;flex:1;gap:7px;padding:0 12px;font-size:12.5px;font-weight:700}
.asset-actions .mini-btn.danger{flex:0 0 auto;width:38px;color:var(--bad);border-color:#f2cdcb}
.asset-actions .mini-btn.danger:hover{background:var(--bad-soft);border-color:var(--bad)}
.role-chip{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:800}
.role-chip.admin{background:var(--soft);color:var(--purple)}.role-chip.agent{background:var(--blue-soft);color:var(--blue)}

/* ---------------- Workspace ---------------- */
.ws-hero{display:flex;justify-content:space-between;gap:22px;padding:22px 26px;border-radius:17px;color:#fff;background:radial-gradient(circle at 82% 18%,#54dff028,transparent 25%),linear-gradient(120deg,#17132b,#372061 54%,#59319b);margin-bottom:18px}
.ws-hero.breach{background:linear-gradient(120deg,#3a1420,#6b1f2e 60%,#a3283b)}
.ws-hero.risk{background:linear-gradient(120deg,#2e2410,#5c3f12 60%,#8a5a18)}
.ws-hero small{font-size:11px;font-weight:800;letter-spacing:.05em;color:#e6ddf5}
.ws-hero h2{margin:9px 0 7px;font-size:22px;font-weight:800}
.ws-hero p{margin:0;color:#d9cfec;font-size:13px;max-width:70ch}
.ws-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#d9cfec}
.ws-meta i{opacity:.8;margin-right:4px}
.ws-sla{display:grid;align-content:center;justify-items:end;min-width:150px;text-align:right}
.ws-sla small{font-size:10px;color:#e6ddf5}
.ws-sla b{font-size:27px;font-weight:800;font-variant-numeric:tabular-nums;margin:3px 0 6px}
.ws-sla .slachip{color:#fff;background:#ffffff22}
.ws-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}

.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin:-4px -4px 14px}
.tab{padding:11px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}
.tab.on{border-color:var(--purple);color:var(--purple)}
.pane{display:none}.pane.on{display:block}

.compose{border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:16px;background:var(--surface)}
.compose{position:relative}
.compose-modes{display:flex;gap:5px;margin-bottom:9px}
.cm{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer}
.cm.on{background:var(--soft);border-color:transparent;color:var(--purple)}
.formatbar{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:#fff}
.fmt{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#4a4760;cursor:pointer;font-size:14px}
.fmt[hidden]{display:none}
.fmt:hover{background:var(--surface);color:var(--purple)}
.fmt[data-cmd] b,.fmt[data-cmd] i,.fmt[data-cmd] u{font-size:14px;font-family:Georgia,serif}
.fmt-sep{width:1px;height:20px;background:var(--line);margin:0 3px}
.composer-rich{min-height:150px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:0 0 9px 9px;padding:12px;font-size:13.5px;line-height:1.55;background:#fff;color:var(--ink)}
.composer-rich:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6748e820}
.composer-rich:empty:before{content:attr(data-ph);color:var(--muted)}
.composer-rich .mention{background:var(--soft);color:var(--purple);border-radius:5px;padding:0 4px;font-weight:600;white-space:nowrap}
.rich-wrap{display:block}
.rich-ce{min-height:92px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:0 0 9px 9px;padding:10px 12px;font-size:13.5px;font-weight:400;line-height:1.55;background:#fff;color:var(--ink)}
.rich-ce:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6748e820}
.rich-ce:empty:before{content:attr(data-ph);color:var(--muted);font-weight:400}
.rich-ce b,.rich-ce strong{font-weight:700}
body.dark .rich-ce,body.dark .rich-wrap .formatbar{background:#2a2739;color:var(--ink)}
.compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.compose-foot .muted{font-size:11.5px}
.attach-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.attach-chips:empty{display:none}
.attach-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px}
.attach-chip.up{opacity:.6}
.attach-chip>i{color:var(--purple)}
.attach-chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:#e6e3f0;color:#7a7790;cursor:pointer;font-size:9px}
.attach-chip button:hover{background:var(--bad-soft);color:var(--bad)}
.mention-menu{position:absolute;z-index:30;left:12px;min-width:220px;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px -18px rgba(36,49,77,.4);padding:5px}
.mention-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}
.mention-item.on,.mention-item:hover{background:var(--soft);color:var(--purple)}
.mention-item .ava.mini{background:var(--soft);color:var(--purple)}
.msg-body{font-size:13.5px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere}
.msg-body .mention{background:var(--soft);color:var(--purple);border-radius:5px;padding:0 4px;font-weight:600}
.msg.note .msg-body .mention{background:#fff}
.msg-atts{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.att{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px;color:var(--ink);max-width:100%}
.att:hover{border-color:var(--purple);color:var(--purple)}
.att i{color:var(--purple);flex:0 0 auto}
.att span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.att em{color:var(--muted);font-style:normal;font-size:11px;flex:0 0 auto}
.att-dl{margin-left:4px;padding-left:8px;border-left:1px solid var(--line);color:var(--muted)}
.att:hover .att-dl{color:var(--purple)}
.ticket-atts{margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.ta-label{display:block;margin-bottom:9px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ta-label i{color:var(--purple);margin-right:5px}
body.dark .formatbar,body.dark .composer-rich,body.dark .attach-chip,body.dark .mention-menu{background:#2a2739;color:var(--ink)}
.thread{display:flex;flex-direction:column;gap:14px}
.msg{display:grid;grid-template-columns:38px 1fr;gap:11px}
.msg-ava{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--purple);font-weight:800;font-size:12px}
.msg.sys .msg-ava{background:var(--blue-soft);color:var(--blue)}
.msg.note .msg-ava{background:var(--warn-soft);color:var(--warn)}
.msg>div{border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff}
.msg.note>div{background:var(--warn-soft);border-color:#f0e0b8}
.msg.sys>div{background:var(--surface)}
.msg header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.msg header b{font-size:12.5px}
.msg header small{color:var(--muted);font-size:11px}
.msg p{margin:0;font-size:13.5px;line-height:1.55}

.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-grid .full{grid-column:1/-1}
.fld{display:grid;gap:5px;font-size:12.5px;font-weight:600;color:#4a4760}
.fld input,.fld select,.fld textarea{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13.5px;font-weight:400;color:var(--ink)}
.fld textarea{resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6748e820}

.ws-rail{display:flex;flex-direction:column;gap:18px}
.ws-rail .fld{margin-bottom:11px}
.rail-btns{margin-top:4px}
.sla-rows{display:flex;flex-direction:column;gap:2px}
.sla-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.sla-row:last-child{border-bottom:0}
.sla-row small{color:var(--muted)}
.sla-row b.ok,.ok{color:var(--good)}.sla-row b.warn,.warn{color:var(--warn)}.sla-row b.bad,.bad{color:var(--bad)}
.timer-box{display:flex;align-items:baseline;gap:8px;margin-bottom:11px}
.timer-box strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.timer-box small{color:var(--muted);font-size:12px}
.time-quick{display:flex;gap:7px}
.chip-btn{flex:1;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--purple);font-weight:800;font-size:13px;cursor:pointer}
.chip-btn:hover{background:var(--soft)}
.preview-card{background:linear-gradient(180deg,#faf9ff,#fff)}
.prev-badge{padding:3px 9px;border-radius:20px;background:var(--warn-soft);color:var(--warn);font-size:10px;font-weight:800;text-transform:uppercase}

.audit-list article{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.audit-list article:last-child{border-bottom:0}
.audit-list .dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--purple)}
.audit-list b{font-size:13px;font-weight:600}
.audit-list small{color:var(--muted);font-size:11.5px}

/* ---------------- SLA page ---------------- */
.sla-list{display:flex;flex-direction:column}
.sla-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line)}
.sla-item:last-child{border-bottom:0}
.sla-item:hover{background:var(--surface)}
.sla-item b{font-size:13px;font-weight:700}.sla-item small{color:var(--muted);font-size:11.5px}
.sla-rem{font-weight:800;font-size:12.5px}
.sla-rem.risk{color:var(--warn)}.sla-rem.breach{color:var(--bad)}.sla-rem.ok{color:var(--good)}
.policy-list article{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}
.policy-list article:last-child{border-bottom:0}
.policy-list b{font-size:13px}.policy-list small{color:var(--muted);font-size:11.5px}
.on-dot,.off-dot{margin-left:auto;width:9px;height:9px;border-radius:50%}
.on-dot{background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}.off-dot{background:#c9c6d4}
.escpath{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.escpath span{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12.5px;font-weight:700}
.escpath i{color:var(--muted)}
.bizhours{margin-top:14px;padding:10px 12px;border-radius:9px;background:var(--surface);color:var(--muted);font-size:12.5px}

/* ---------------- Knowledge ---------------- */
.kb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kb-card{display:flex;flex-direction:column;gap:8px}
.kb-cat{color:var(--purple);font-size:11.5px;font-weight:700}
.kb-card h3{font-size:15px;font-weight:800}
.kb-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5;flex:1}
.kb-tags{display:flex;gap:6px;flex-wrap:wrap}
.kb-tags span{padding:3px 8px;border-radius:20px;background:var(--soft);color:var(--purple);font-size:10.5px;font-weight:700}
.kb-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:11.5px;border-top:1px solid var(--line);padding-top:9px}
.kb-empty{grid-column:1/-1}
.kb-detail-content{display:flex;flex-direction:column;gap:18px}
.kb-detail-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.kb-detail-meta span{display:flex;align-items:center;gap:6px}
.kb-article-body{padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.75;white-space:normal;overflow-wrap:anywhere}

/* ---------------- Automation ---------------- */
.rule-list{display:flex;flex-direction:column}
.rule{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.rule:last-child{border-bottom:0}
.rule-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--purple)}
.rule-main{flex:1}
.rule-main b{font-size:13.5px}
.rule-main small{color:var(--muted);font-size:12px}
.rule-main code{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:0 5px;font-size:11.5px;color:var(--ink)}
.rule-runs{font-size:12px;font-weight:800;color:var(--muted)}
.toggle{width:44px;height:26px;border:0;border-radius:20px;background:#d4d1de;position:relative;cursor:pointer;transition:background .18s}
.toggle i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .18s;box-shadow:0 1px 3px #00000030}
.toggle.on{background:var(--good)}.toggle.on i{left:21px}

/* ---------------- Reporting & Analytics ---------------- */
.rpt-hero{position:relative;overflow:hidden;min-height:225px}.rpt-hero:after{content:"";position:absolute;right:100px;bottom:-275px;width:780px;height:360px;border:1px solid #ffffff12;border-radius:50%}.rpt-hero .hero-main{position:relative;z-index:1;flex:1}.rpt-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(130px,190px));gap:9px}.rpt-health{position:relative;z-index:1;display:flex;align-items:center;gap:25px;flex:0 0 auto}.rpt-health>div{position:relative;display:grid;place-content:center;width:132px;height:132px;border-radius:50%;background:conic-gradient(#42deb8 0 91%,#ffffff28 91%);text-align:center}.rpt-health>div:before,.rpt-donut:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#28184d}.rpt-health>div>*{position:relative}.rpt-health>div b{font-size:31px}.rpt-health>div small{font-size:8px;color:#d9cfec}.rpt-health ul{width:120px;margin:0;padding:0;list-style:none}.rpt-health li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin:14px 0;font-size:9px}.rpt-health li>i,.rpt-legend i,.rpt-legend-list i,.rpt-alerts article>i,.rpt-fresh i{width:8px;height:8px;border-radius:50%;background:var(--purple)}.rpt-health i.good,.rpt-legend i.green,.rpt-legend-list i.green,.rpt-fresh i{background:var(--good)}.rpt-health i.warn,.rpt-legend i.amber,.rpt-legend-list i.amber,.rpt-fresh i.warn,.rpt-alerts i.warn{background:var(--warn)}.rpt-health i.bad,.rpt-legend-list i.red,.rpt-alerts i.bad{background:var(--bad)}.rpt-legend i.blue,.rpt-legend-list i.blue{background:var(--blue)}.rpt-legend i.violet,.rpt-legend-list i.violet{background:var(--purple)}
.rpt-kpis{display:grid;grid-template-columns:repeat(6,minmax(165px,1fr));gap:12px;margin:18px 0}.rpt-kpis article{position:relative;display:flex;align-items:center;gap:11px;min-height:102px;overflow:hidden}.rpt-kpis article>div{min-width:0}.rpt-kpis small,.rpt-kpis b,.rpt-kpis em{display:block}.rpt-kpis small{color:var(--muted);font-size:9px}.rpt-kpis b{margin:2px 0;font-size:18px}.rpt-kpis em{font-size:8px;font-style:normal}.rpt-kpis .good{color:var(--good)}.rpt-kpis .bad{color:var(--bad)}.rpt-spark{position:absolute;right:-5px;bottom:0;width:68px;height:36px;opacity:.16;clip-path:polygon(0 82%,18% 48%,37% 63%,58% 18%,78% 42%,100% 0,100% 100%,0 100%)}.rpt-spark.violet{background:var(--purple)}.rpt-spark.green{background:var(--good)}.rpt-spark.blue{background:var(--blue)}.rpt-spark.amber{background:var(--warn)}.rpt-spark.red{background:var(--bad)}.rpt-spark.teal{background:#18b6a4}.kpi-ic.teal{background:#def7f4;color:#18a796}
.rpt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px!important;padding:10px 12px}.rpt-tabs{display:flex;gap:4px}.rpt-tabs button{padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.rpt-tabs button.on{background:var(--soft);color:var(--purple)}.rpt-filters{display:flex;gap:7px}.rpt-filters select{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.rpt-view{display:none}.rpt-view.on{display:block}.rpt-small{min-height:32px;padding:6px 9px;font-size:10px}.rpt-executive{display:grid;grid-template-columns:minmax(680px,1fr) 335px;gap:16px;align-items:start}.rpt-main,.rpt-rail{display:grid;gap:16px}.rpt-main>.card,.rpt-rail>.card{margin:0}.rpt-line{height:270px;padding-top:13px}.rpt-line svg{width:100%;height:215px;overflow:visible}.rpt-line g line{stroke:var(--line);stroke-width:1}.rpt-line .incoming,.rpt-line .resolved{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.rpt-line .incoming{stroke:var(--purple)}.rpt-line .resolved{stroke:var(--good)}.rpt-line .area{fill:#6b3df00c;stroke:none}.rpt-legend{display:flex;gap:15px;color:var(--muted);font-size:8px}.rpt-legend span{display:flex;align-items:center;gap:5px}.rpt-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rpt-donut{position:relative;display:grid;place-content:center;width:125px;height:125px;margin:14px auto;border-radius:50%;background:conic-gradient(var(--purple) 0 48%,var(--blue) 48% 82%,var(--good) 82% 93%,var(--warn) 93%);text-align:center}.rpt-donut:before{background:var(--card)}.rpt-donut>*{position:relative}.rpt-donut b{font-size:21px}.rpt-donut small{color:var(--muted);font-size:8px}.rpt-donut.breach{background:conic-gradient(var(--bad) 0 35%,var(--warn) 35% 64%,var(--purple) 64% 87%,var(--blue) 87%)}.rpt-donut.sentiment{background:conic-gradient(var(--good) 0 86%,var(--warn) 86% 96%,var(--bad) 96%)}.rpt-legend-list p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;margin:8px 0;font-size:8px}.rpt-channel p{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:8px;margin:16px 0;font-size:8px}.rpt-channel p>i,.rpt-targets p>i,.rpt-aging p>i,.rpt-bars p>i,.rpt-agents p>i,.rpt-ratings p>i{height:7px;border-radius:7px;background:var(--surface);overflow:hidden}.rpt-channel p>i b,.rpt-targets p>i span,.rpt-aging p>i span,.rpt-bars p>i span,.rpt-agents p>i span,.rpt-ratings p>i span{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--purple),var(--purple2))}.rpt-forecast{background:linear-gradient(145deg,var(--card),var(--soft))}.rpt-forecast h2{margin:19px 0 2px;color:var(--purple);font-size:27px}.rpt-forecast>p{color:var(--muted);font-size:9px}.rpt-forecast-bars{display:flex;align-items:flex-end;gap:6px;height:80px}.rpt-forecast-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--purple2),var(--purple))}.rpt-forecast>button,.rpt-copilot>button{width:100%;padding:9px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;cursor:pointer}.rpt-forecast>button{margin-top:12px}.rpt-main .qtable .ok{color:var(--good)}.rpt-main .qtable .warn{color:var(--warn)}.rpt-main .qtable .bad{color:var(--bad)}
.rpt-copilot{padding:0!important;overflow:hidden;background:linear-gradient(145deg,var(--card),var(--soft))}.rpt-copilot>header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line)}.rpt-copilot>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff}.rpt-copilot header div{flex:1}.rpt-copilot h3{font-size:11px}.rpt-copilot header small{color:var(--muted);font-size:8px}.rpt-copilot header em{color:var(--purple);font-size:8px;font-style:normal}.rpt-copilot>div{padding:3px 15px 12px}.rpt-copilot h4{font-size:12px}.rpt-copilot p,.rpt-copilot li{color:var(--muted);font-size:9px;line-height:1.6}.rpt-copilot>button{width:calc(100% - 30px);margin:0 15px 15px}.rpt-targets p{margin:14px 0}.rpt-targets b{display:block;font-size:9px}.rpt-targets em{float:right;font-style:normal}.rpt-targets p>i{display:block;margin-top:6px}.rpt-alerts article{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.rpt-alerts article>i{flex:0 0 auto;margin-top:3px}.rpt-alerts b,.rpt-alerts small{display:block;font-size:9px}.rpt-alerts small{margin-top:2px;color:var(--muted);font-size:8px}.rpt-fresh p{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:9px 0;font-size:9px}
.rpt-ops,.rpt-sla-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.rpt-heatmap{display:grid;grid-template-columns:48px repeat(12,1fr);gap:5px;margin-top:18px}.rpt-heatmap span{display:grid;place-items:center;height:25px;border-radius:5px;background:var(--soft);font-size:7px}.rpt-heatmap .label{background:transparent;color:var(--muted)}.rpt-aging p{display:grid;grid-template-columns:65px 1fr 25px;align-items:center;gap:8px;margin:18px 0;font-size:8px}.rpt-aging em{font-style:normal}.rpt-bars p,.rpt-agents p{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:9px;margin:13px 0;font-size:8px}.rpt-agents p>span{display:flex;align-items:center;gap:6px}.rpt-agents p>span b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--soft);color:var(--purple);font-size:7px}.rpt-agents p>i span{background:var(--blue)}.rpt-sla-grid .rpt-quality{grid-column:1/-1}.rpt-big-good{color:var(--good);font-size:24px}.rpt-state{display:inline-block;padding:4px 8px;border-radius:18px;font-size:8px;font-style:normal;font-weight:800}.rpt-state.ok{background:var(--good-soft);color:var(--good)}.rpt-state.warn{background:var(--warn-soft);color:var(--warn)}
.rpt-customer{display:grid;grid-template-columns:1fr .75fr 1.15fr;gap:16px}.rpt-csat{text-align:center;padding:17px}.rpt-csat b,.rpt-csat span,.rpt-csat small{display:block}.rpt-csat b{font-size:38px}.rpt-csat span{color:#f0b83e;font-size:19px}.rpt-csat small{color:var(--muted);font-size:8px}.rpt-ratings p{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:8px;margin:9px 0;font-size:8px}.rpt-ratings p>i span{background:var(--warn)}.rpt-feedback article{padding:10px;border-bottom:1px solid var(--line)}.rpt-feedback b,.rpt-feedback span{font-size:9px}.rpt-feedback p{margin:5px 0;color:var(--muted);font-size:8px}.rpt-feedback span{color:var(--purple)}.rpt-auto-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.rpt-auto-table{grid-column:1/-1}.rpt-auto-chart{display:flex;align-items:flex-end;gap:13px;height:250px;padding-top:25px}.rpt-auto-chart>span{position:relative;display:flex;align-items:flex-end;gap:4px;height:100%;flex:1}.rpt-auto-chart i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--purple2),var(--purple))}.rpt-auto-chart i.value{background:linear-gradient(#45dbb3,var(--good))}.rpt-auto-chart small{position:absolute;bottom:-20px;width:100%;text-align:center;color:var(--muted);font-size:8px}.rpt-savings{background:linear-gradient(145deg,var(--card),var(--good-soft))}.rpt-savings h2{margin:23px 0 3px;color:var(--good);font-size:27px}.rpt-savings>p{color:var(--muted);font-size:9px}.rpt-savings dl{display:grid;grid-template-columns:1fr auto;gap:11px;margin-top:23px;font-size:9px}.rpt-savings dt{color:var(--muted)}.rpt-savings dd{margin:0;font-weight:800}.rpt-report-head{margin:3px 1px 13px}.rpt-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rpt-report{display:flex;flex-direction:column}.rpt-report header{display:flex;align-items:center;gap:10px}.rpt-report header>i{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:var(--soft);color:var(--purple)}.rpt-report header div{flex:1}.rpt-report b,.rpt-report small{display:block}.rpt-report header small{color:var(--muted);font-size:8px}.rpt-report>p{flex:1;min-height:40px;color:var(--muted);font-size:9px}.rpt-report>div{display:flex;gap:5px}.rpt-report>div span{padding:4px 6px;border-radius:7px;background:var(--surface);font-size:7px}.rpt-report>button{align-self:flex-end;margin-top:10px;padding:7px 9px;border:0;border-radius:8px;background:var(--purple);color:#fff;font-size:8px;font-weight:700;cursor:pointer}.rpt-date-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.rpt-date-quick button{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.rpt-date-quick button.on{border-color:#d6cff6;background:var(--soft);color:var(--purple);font-weight:800}

/* ---------------- Service Catalog ---------------- */
.sc-hero{position:relative;overflow:hidden;min-height:255px}.sc-hero:after{content:"";position:absolute;right:70px;bottom:-290px;width:760px;height:390px;border:1px solid #ffffff12;border-radius:50%}.sc-hero .hero-main{position:relative;z-index:1;flex:1}.sc-hero-search{display:flex;align-items:center;gap:9px;max-width:760px;height:49px;margin-top:19px;padding:5px 6px 5px 14px;border:1px solid #ffffff35;border-radius:12px;background:#fffffff3;color:#6a6780}.sc-hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#242039}.sc-hero-search button{height:37px;padding:0 13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff;font-weight:800;cursor:pointer}.sc-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.sc-quick button{padding:6px 9px;border:1px solid #ffffff26;border-radius:8px;background:#ffffff0d;color:#eee9ff;font-size:9px;cursor:pointer}.sc-orb-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:25px;flex:0 0 auto}.sc-orb{position:relative;display:grid;place-content:center;width:132px;height:132px;border-radius:50%;background:conic-gradient(#4de0bc,var(--purple2),var(--blue),#4de0bc);text-align:center}.sc-orb:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#29194e}.sc-orb>*{position:relative}.sc-orb>i{font-size:22px}.sc-orb>b{font-size:27px;line-height:1.1}.sc-orb>small{font-size:8px;color:#d9cfec}.sc-orb-wrap ul{width:116px;margin:0;padding:0;list-style:none}.sc-orb-wrap li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin:13px 0;font-size:9px}.sc-orb-wrap li>i,.sc-ring-card>p>i{width:8px;height:8px;border-radius:50%;background:var(--purple2)}.sc-orb-wrap li>i.ok,.sc-ring-card>p>i.ok{background:var(--good)}.sc-orb-wrap li>i.warn,.sc-ring-card>p>i.warn{background:var(--warn)}
.sc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:18px!important;padding:10px 12px}.sc-tabs{display:flex;gap:4px}.sc-tabs button{padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.sc-tabs button.on{background:var(--soft);color:var(--purple)}.sc-tabs em{margin-left:3px;padding:1px 6px;border-radius:9px;background:var(--card);font-style:normal;font-size:10px}.sc-filters{display:flex;gap:8px}.sc-filters label{display:flex;align-items:center;gap:8px;min-width:220px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted)}.sc-filters input{width:100%;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink)}.sc-filters select{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.sc-view{display:none}.sc-view.on{display:block}.sc-layout{display:grid;grid-template-columns:215px minmax(560px,1fr) 310px;gap:16px;align-items:start}.sc-category{padding:13px}.sc-category .card-h{padding:2px 5px 7px}.sc-category>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;font-size:9.5px;cursor:pointer}.sc-category>button>i{width:19px;color:var(--purple)}.sc-category>button>span{flex:1}.sc-category>button>em{font-style:normal}.sc-category>button.on{background:var(--soft);color:var(--purple);font-weight:800}.sc-category hr{margin:12px 3px;border:0;border-top:1px solid var(--line)}.sc-category h4{margin:0 8px 4px;color:var(--muted);font-size:8px}.sc-section-head{margin:2px 1px 12px}.sc-view-toggle{display:flex;gap:4px}.sc-view-toggle button{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);cursor:pointer}.sc-view-toggle button.on{background:var(--soft);color:var(--purple)}.sc-service-grid{display:grid;grid-template-columns:repeat(3,minmax(175px,1fr));gap:12px}.sc-service{display:flex;flex-direction:column;min-width:0;padding:14px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.sc-service:hover{transform:translateY(-2px);border-color:#d5cdf7;box-shadow:0 13px 30px #2d205012}.sc-service-top{display:flex;align-items:flex-start;justify-content:space-between}.sc-service-top>span{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--soft);color:var(--purple);font-size:17px}.sc-heart{border:0;background:none;color:#aaa6b5;font-size:15px;cursor:pointer}.sc-heart.on{color:#ed3d5f}.sc-service h3{margin:11px 0 4px;font-size:12px}.sc-service>p{flex:1;min-height:44px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.sc-meta{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.sc-meta span{padding:4px 6px;border-radius:7px;background:var(--surface);color:var(--muted);font-size:7.5px}.sc-service footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid var(--line);font-size:8.5px}.sc-service footer>span{font-weight:700}.sc-service footer button{border:0;background:none;color:var(--purple);font-weight:800;cursor:pointer}.sc-service-grid.list{grid-template-columns:1fr}.sc-service-grid.list .sc-service{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px;align-items:center}.sc-service-grid.list .sc-service-top{display:block}.sc-service-grid.list .sc-heart{display:none}.sc-service-grid.list h3{margin:0}.sc-service-grid.list>article>p{min-height:0}.sc-service-grid.list .sc-meta{margin:0}.sc-service-grid.list footer{border:0;padding:0;gap:15px}.sc-rail{display:grid;gap:14px}.sc-rail>.card{margin:0}.sc-advisor{background:linear-gradient(145deg,var(--card),var(--soft))}.sc-advisor header{display:flex;align-items:center;gap:9px}.sc-advisor header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff}.sc-advisor header>div{flex:1}.sc-advisor h3{font-size:11px}.sc-advisor small{color:var(--muted);font-size:8px}.sc-advisor header>em{color:var(--purple);font-size:8px;font-style:normal;font-weight:800}.sc-advisor>p{padding:10px;border-radius:9px;background:var(--card);color:#5b5075;font-size:9px}.sc-advisor>button,.sc-help button{width:100%;padding:9px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;cursor:pointer}.sc-recent article{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.sc-recent article:last-child{border-bottom:0}.sc-recent article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--purple)}.sc-recent article>span{min-width:0}.sc-recent b,.sc-recent small{display:block}.sc-recent b{font-size:9.5px}.sc-recent small{color:var(--muted);font-size:8px}.sc-help{background:linear-gradient(145deg,var(--card),var(--good-soft))}.sc-help h3{font-size:12px}.sc-help p{color:var(--muted);font-size:9px}.sc-small{min-height:33px;padding:6px 9px;font-size:10px}
.sc-status{display:inline-block;padding:4px 8px;border-radius:20px;font-style:normal;font-size:8px;font-weight:800}.sc-status.progress{background:var(--soft);color:var(--purple)}.sc-status.approval{background:var(--warn-soft);color:var(--warn)}.sc-status.done{background:var(--good-soft);color:var(--good)}.sc-progress{width:95px;height:6px;border-radius:7px;background:var(--surface);overflow:hidden}.sc-progress i{display:block;height:100%;border-radius:7px;background:var(--purple)}.sc-approval-layout,.sc-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}.sc-approval{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.sc-approval>i{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--soft);color:var(--purple)}.sc-approval b,.sc-approval small{display:block}.sc-approval b{font-size:11px}.sc-approval small{margin-top:3px;color:var(--muted);font-size:8.5px}.sc-approval>div{display:flex;gap:5px}.sc-approval button{padding:6px 8px;border:0;border-radius:7px;font-size:8px;font-weight:800;cursor:pointer}.sc-approval .yes{background:var(--good-soft);color:var(--good)}.sc-approval .no{background:var(--bad-soft);color:var(--bad)}.sc-ring-card>.sec-h{display:block}.sc-ring{position:relative;display:grid;place-content:center;width:130px;height:130px;margin:20px auto;border-radius:50%;background:conic-gradient(var(--purple) 0 76%,var(--surface) 76%);text-align:center}.sc-ring.quality{background:conic-gradient(var(--good) 0 92%,var(--surface) 92%)}.sc-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--card)}.sc-ring>*{position:relative}.sc-ring b{font-size:26px}.sc-ring small{color:var(--muted);font-size:8px}.sc-ring-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0;font-size:9px}.sc-ring-card dt{color:var(--muted)}.sc-ring-card dd{margin:0;font-weight:800}.sc-ring-card>p{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:9px}.sc-admin-layout .qtable td:first-child small{display:block;color:var(--muted);font-size:8px}
.sc-drawer-tabs{display:flex;margin-bottom:16px;padding:4px;border-radius:9px;background:var(--surface)}.sc-drawer-tabs button{flex:1;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.sc-drawer-tabs button.on{background:var(--card);color:var(--purple);font-weight:800}.sc-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sc-score span{padding:11px;border-radius:9px;background:var(--surface)}.sc-score small,.sc-score b{display:block}.sc-score small{color:var(--muted);font-size:7px}.sc-score b{margin-top:3px;font-size:10px}.sc-included{padding-left:18px;color:var(--muted);font-size:10px;line-height:1.9}.sc-timeline{display:grid;gap:6px}.sc-timeline p{margin:0;padding:9px;border:1px solid var(--line);border-radius:8px;font-size:9.5px}.sc-timeline p>i{width:20px;color:var(--muted)}.sc-timeline p.done,.sc-timeline p.done>i{color:var(--good)}.sc-timeline p>span{float:right;color:var(--muted)}.sc-owner{display:flex;align-items:center;gap:9px}.sc-owner>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--purple);color:#fff;font-weight:800}.sc-owner b,.sc-owner small{display:block;font-size:9px}.sc-owner small{color:var(--muted)}.sc-steps{display:flex;align-items:center;margin-bottom:19px}.sc-steps b{color:var(--muted);font-size:8px}.sc-steps b.on{color:var(--purple)}.sc-steps i{flex:1;height:1px;margin:0 8px;background:var(--line)}.sc-upload{display:block;margin-top:13px;padding:11px;border:1px dashed #cfc9eb;border-radius:9px;color:var(--purple);text-align:center;font-size:10px;font-weight:700;cursor:pointer}.sc-upload input{display:none}.sc-summary{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:14px;padding:12px;border-radius:9px;background:var(--surface);font-size:9px}.sc-success .modal{text-align:center}.sc-success .modal-body>span{display:grid;place-items:center;width:74px;height:74px;margin:auto;border-radius:50%;background:var(--good-soft);color:var(--good);font-size:28px}.sc-success .modal-body>small{display:block;margin-top:14px;color:var(--good);font-weight:800}.sc-success .modal-body>.primary{margin-top:8px}

/* ---------------- Automation New ---------------- */
.autx-engine{position:relative;display:grid;place-items:center;width:235px;height:160px;flex:0 0 auto}.autx-engine>div{position:relative;display:grid;place-content:center;width:124px;height:124px;border-radius:50%;background:conic-gradient(#42d9b1,var(--purple2),var(--blue),#42d9b1);text-align:center;box-shadow:0 0 42px #6947e74a}.autx-engine>div:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#27174a}.autx-engine i,.autx-engine b,.autx-engine small{position:relative}.autx-engine i{font-size:24px}.autx-engine b{font-size:13px}.autx-engine small{font-size:8px;color:#d9cfec}.autx-engine>span{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 13px #fff}.autx-engine .d1{left:27px;top:35px}.autx-engine .d2{right:25px;top:82px;width:5px;height:5px}.autx-engine .d3{left:50px;bottom:21px;width:6px;height:6px}
.autx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:18px!important;padding:10px 12px}.autx-tabs{display:flex;gap:4px}.autx-tabs button{padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.autx-tabs button.on{background:var(--soft);color:var(--purple)}.autx-tabs em{margin-left:3px;padding:1px 6px;border-radius:9px;background:var(--card);font-style:normal;font-size:10px}.autx-filters{display:flex;gap:8px}.autx-filters label{display:flex;align-items:center;gap:8px;min-width:220px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted)}.autx-filters input{width:100%;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink)}.autx-filters select{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.autx-view{display:none}.autx-view.on{display:block}.autx-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:18px;align-items:start}.autx-main,.autx-rail{display:grid;gap:18px}.autx-main>.card,.autx-rail>.card{margin:0}.autx-link-button{border:0;background:transparent;cursor:pointer}.autx-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.autx-rule-card{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.autx-rule-card:hover{border-color:#cec4f6;box-shadow:0 10px 24px #2e205010}.autx-rule-top{display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:10px;align-items:start}.autx-rule-top>i{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--soft);color:var(--purple)}.autx-rule-top b,.autx-rule-top small{display:block}.autx-rule-top b{font-size:11px}.autx-rule-top small{margin-top:2px;color:var(--muted);font-size:9px}.autx-state{padding:4px 8px;border-radius:20px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.autx-state.active{background:var(--good-soft);color:var(--good)}.autx-state.paused{background:var(--surface);color:var(--muted)}.autx-state.review{background:var(--warn-soft);color:var(--warn)}.autx-logic{display:flex;align-items:center;gap:5px;margin:12px 0;color:var(--muted);font-size:9px;overflow:hidden}.autx-logic i{padding:4px 6px;border-radius:7px;background:var(--surface);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autx-logic b{color:var(--purple)}.autx-rule-foot{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
.autx-split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.autx-bars{display:flex;align-items:flex-end;gap:9px;height:145px}.autx-bars span{display:flex;flex:1;align-items:flex-end;justify-content:center;gap:2px;height:100%;position:relative;padding-bottom:18px}.autx-bars i,.autx-bars em{width:35%;min-height:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--purple2),var(--purple))}.autx-bars em{width:18%;background:var(--bad)}.autx-bars small{position:absolute;bottom:0;color:var(--muted);font-size:8px}.autx-legend{display:flex;gap:15px;color:var(--muted);font-size:9px}.autx-legend i{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:2px;background:var(--purple)}.autx-legend span:last-child i{background:var(--bad)}.autx-saving{display:grid;place-content:center;width:100px;height:100px;margin:0 auto 10px;border-radius:50%;background:conic-gradient(var(--good) 78%,var(--surface) 0);text-align:center;position:relative}.autx-saving:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}.autx-saving b,.autx-saving small{position:relative}.autx-saving b{font-size:20px}.autx-saving small{color:var(--muted);font-size:8px}.autx-impact dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0;font-size:9.5px}.autx-impact dt{color:var(--muted)}.autx-impact dd{margin:0;font-weight:800}.autx-activity article{display:grid;grid-template-columns:42px 8px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.autx-activity article:last-child{border-bottom:0}.autx-activity article>i{width:8px;height:8px;border-radius:50%;background:var(--good)}.autx-activity article>i.warn{background:var(--warn)}.autx-activity strong,.autx-activity small{display:block}.autx-activity small{color:var(--muted);font-size:9px}.autx-activity em{padding:3px 7px;border-radius:20px;background:var(--good-soft);color:var(--good);font-style:normal;font-size:8px}.autx-activity em.warn{background:var(--warn-soft);color:var(--warn)}
.autx-copilot{padding:0!important;overflow:hidden}.autx-copilot>header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--soft))}.autx-copilot>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff}.autx-copilot header div{flex:1}.autx-copilot h3{font-size:12px}.autx-copilot small{color:var(--muted);font-size:8.5px}.autx-copilot header em{color:var(--good);font-size:9px;font-style:normal}.autx-chat{height:190px;padding:13px;overflow:auto;background:var(--surface)}.autx-chat p{max-width:88%;margin:0 0 8px;padding:9px 11px;border-radius:11px;font-size:9.5px;line-height:1.5}.autx-chat .bot{background:var(--soft)}.autx-chat .user{margin-left:auto;background:var(--purple);color:#fff}.autx-suggestions{display:flex;gap:5px;padding:0 11px 9px;overflow:auto}.autx-suggestions button{padding:5px 7px;border:1px solid #dcd5fa;border-radius:8px;background:var(--card);color:var(--purple);font-size:8px;white-space:nowrap}.autx-copilot form{display:flex;padding:9px;border-top:1px solid var(--line)}.autx-copilot input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);outline:0}.autx-copilot form button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:var(--purple);color:#fff}.autx-health p{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:10px}.autx-health p i{width:8px;height:8px;border-radius:50%;background:var(--good)}.autx-health p i.warn{background:var(--warn)}.autx-health p span{flex:1}.autx-health p b{font-size:9px}.autx-schedules article{display:grid;grid-template-columns:45px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.autx-schedules article:last-child{border-bottom:0}.autx-schedules time{color:var(--purple);font-size:10px;font-weight:800}.autx-schedules b,.autx-schedules small{display:block}.autx-schedules b{font-size:10px}.autx-schedules small{color:var(--muted);font-size:9px}.autx-small{min-height:33px;padding:6px 9px;font-size:10.5px}.autx-view .qtable td:first-child small{display:block;color:var(--muted);font-size:9px}
.autx-builder{display:grid;grid-template-columns:220px minmax(500px,1fr) 230px;gap:14px;align-items:start}.autx-palette,.autx-properties{display:flex;flex-direction:column;gap:9px}.autx-palette>label{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.autx-palette input{min-width:0;width:100%;border:0;background:transparent;outline:0}.autx-palette h4{margin:8px 0 0;color:var(--muted);font-size:9px}.autx-palette>button{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:left;font-size:10px}.autx-palette>button i{width:20px;color:var(--purple)}.autx-canvas{min-height:560px}.autx-flow{display:flex;flex-direction:column;align-items:center;padding:30px 10px}.autx-flow>u{width:2px;height:35px;background:var(--line);text-decoration:none}.autx-flow article{display:flex;align-items:center;gap:10px;width:min(390px,100%);padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.autx-flow article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--soft);color:var(--purple)}.autx-flow article small,.autx-flow article b,.autx-flow article em{display:block}.autx-flow article small{color:var(--purple);font-size:8px}.autx-flow article b{font-size:10.5px}.autx-flow article em{color:var(--muted);font-size:9px;font-style:normal}.autx-flow .trigger{border-color:#bde8d2}.autx-flow .condition{border-color:#e8d39e}.autx-branches{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.autx-branches article{width:100%}.autx-branches .yes{border-color:#cfc4f5}.autx-properties>small{margin-top:9px;color:var(--purple);font-weight:800}.autx-properties label{display:grid;gap:4px;color:var(--muted);font-size:10px}.autx-properties select,.autx-properties input{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.autx-properties .autx-switch{display:flex;justify-content:space-between}.autx-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.autx-templates article{display:flex;flex-direction:column}.autx-templates article>i{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--soft);color:var(--purple);font-size:16px}.autx-templates h3{margin:11px 0 4px;font-size:13px}.autx-templates p{flex:1;margin:0 0 10px;color:var(--muted);font-size:10.5px}.autx-templates span{align-self:flex-start;margin-bottom:11px;padding:3px 8px;border-radius:20px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:700}
.autx-drawer-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.autx-drawer-score span{padding:10px;border-radius:9px;background:var(--surface)}.autx-drawer-score small,.autx-drawer-score b{display:block}.autx-drawer-score small{color:var(--muted);font-size:8px}.autx-drawer-score b{font-size:12px}.autx-drawer-logic{display:grid;gap:7px;margin:10px 0 18px}.autx-drawer-logic p{display:grid;grid-template-columns:55px 1fr;margin:0;padding:9px;border:1px solid var(--line);border-radius:8px;font-size:10.5px}.autx-drawer-logic b{color:var(--purple)}.autx-drawer-checks{display:grid;margin:10px 0 18px}.autx-drawer-checks label{padding:8px 0;border-bottom:1px solid var(--line);font-size:10.5px}.autx-drawer-checks input{accent-color:var(--purple)}.autx-mini-chart{display:flex;align-items:flex-end;gap:7px;height:100px;margin-top:10px}.autx-mini-chart i{flex:1;min-height:8px;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--purple2),var(--purple))}.autx-test-modal .modal{width:min(460px,100%);text-align:center}.autx-test-modal .modal-body{padding:31px}.autx-test-modal .modal-body>span{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:50%;background:var(--soft);color:var(--purple);font-size:24px}.autx-test-modal small{color:var(--purple);font-weight:800}.autx-test-modal .modal-body>div{height:7px;border-radius:8px;background:var(--surface);overflow:hidden}.autx-test-modal .modal-body>div i{display:block;width:35%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--purple),#41d4aa);animation:aiLoad 1.7s ease-in-out infinite}

/* ---------------- Change Management ---------------- */
.chg-health{display:flex;align-items:center;gap:20px;flex:0 0 auto}
.chg-health ul{list-style:none;margin:0;padding:0;min-width:120px}
.chg-health li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;margin:11px 0;font-size:11px}
.chg-health li i{width:8px;height:8px;border-radius:50%}
.chg-health li i.low{background:var(--good)}.chg-health li i.medium{background:#f4bd40}.chg-health li i.high{background:var(--bad)}
.chg-health li b{font-size:12px}
.chg-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.chg-main{min-width:0}
.chg-pipeline-panel{overflow:hidden}
.chg-pipeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-color:#aaa8b8 transparent}
.chg-column{min-height:330px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.chg-column>header{display:flex;align-items:center;gap:7px;padding:3px 3px 10px;font-size:11px}
.chg-column>header i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.chg-column>header i.blue{background:var(--blue)}.chg-column>header i.violet{background:var(--purple)}.chg-column>header i.amber{background:var(--warn)}.chg-column>header i.red{background:var(--bad)}.chg-column>header i.green{background:var(--good)}
.chg-column>header b{font-weight:800}.chg-column>header em{margin-left:auto;padding:1px 8px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--muted);font-style:normal;font-size:10.5px;font-weight:800}
.chg-column-body{display:flex;flex-direction:column;gap:9px}
.chg-card{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 1px 2px #0000000a}
.chg-card:hover{border-color:#cfc6f8;box-shadow:0 8px 20px #37216912}
.chg-card-top,.chg-card-meta{display:flex;align-items:center;gap:7px}
.chg-card-top small{color:var(--muted);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;font-weight:800}
.chg-card-top em,.chg-event em,.chg-agenda em{margin-left:auto;padding:3px 8px;border-radius:20px;font-style:normal;font-size:9.5px;font-weight:800}
.risk-low{background:var(--good-soft);color:var(--good)}.risk-medium{background:var(--warn-soft);color:var(--warn)}.risk-high{background:var(--bad-soft);color:var(--bad)}
.chg-card strong{display:block;min-height:38px;margin:9px 0 7px;font-size:12.5px;line-height:1.4}
.chg-service{display:block;color:var(--muted);font-size:10.5px}
.chg-card-meta{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.chg-card-meta small{margin-left:auto}
.chg-compact{min-height:32px;padding:6px 10px;font-size:11px}
.chg-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.chg-risk-matrix{display:grid;grid-template-columns:54px repeat(3,1fr);gap:5px;align-items:center;text-align:center;font-size:10px}
.chg-risk-matrix b{font-size:10px}.chg-risk-matrix i{padding:9px 4px;border-radius:7px;background:var(--surface);font-style:normal;font-weight:800}
.chg-risk-matrix i.ok{background:var(--good-soft)}.chg-risk-matrix i.warn{background:var(--warn-soft)}.chg-risk-matrix i.bad{background:var(--bad-soft)}
.chg-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:9.5px}
.chg-dependency{position:relative;height:150px;border-radius:10px;background:radial-gradient(circle at 50% 50%,var(--soft),transparent 65%)}
.chg-dependency:before,.chg-dependency:after{content:"";position:absolute;left:24%;right:19%;top:50%;height:1px;background:var(--line)}
.chg-dependency:after{left:52%;top:18%;bottom:17%;width:1px;height:auto}
.chg-dependency .node{position:absolute;z-index:1;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:9.5px;font-weight:700;box-shadow:0 4px 12px #281b4b0b}
.chg-dependency .node i{margin-right:4px;color:var(--purple)}.chg-dependency .node small{display:block;margin-left:17px;color:var(--muted);font-weight:500}
.chg-dependency .users{left:1%;top:42%}.chg-dependency .core{left:32%;top:39%;border-color:#f0c1c7;background:var(--bad-soft)}.chg-dependency .vpn{right:0;top:5%}.chg-dependency .ad{right:0;bottom:5%}.chg-dependency .mail{right:0;top:43%}
.chg-advisor>small{color:var(--muted);font-size:10.5px}.chg-advisor>strong{font-size:18px}
.chg-progress{display:inline-block;width:68%;height:8px;margin:10px 7px 12px 0;border-radius:20px;background:var(--surface);overflow:hidden}
.chg-progress i{display:block;height:100%;border-radius:20px;background:var(--good)}
.chg-advisor dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 0;font-size:11px}.chg-advisor dt{color:var(--muted)}.chg-advisor dd{margin:0;font-weight:800}
.chg-rail{display:flex;flex-direction:column;gap:18px}
.chg-rail h4{margin:14px 0 7px;color:var(--purple);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
.chg-month{display:flex;align-items:center;justify-content:space-between;padding:9px 0 12px;border-bottom:1px solid var(--line)}
.chg-month button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);cursor:pointer}
.chg-month b{font-size:12.5px}
.chg-event{display:grid;grid-template-columns:42px 1fr auto;align-items:start;gap:8px;margin:7px 0;padding:9px 9px 9px 11px;border-left:3px solid var(--purple);border-radius:0 9px 9px 0;background:var(--surface)}
.chg-event>b{font-size:10.5px}.chg-event span{font-size:11px;font-weight:700}.chg-event small{display:block;margin-top:2px;color:var(--muted);font-size:9.5px;font-weight:500}
.chg-cab-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chg-cab-stats div{padding:11px;border-radius:10px;background:var(--surface);text-align:center}.chg-cab-stats small,.chg-cab-stats b,.chg-cab-stats span{display:block}.chg-cab-stats b{font-size:15px}.chg-cab-stats small,.chg-cab-stats span{color:var(--muted);font-size:9.5px}
.chg-agenda{list-style:none;margin:0 0 12px;padding:0}.chg-agenda li{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10.5px}.chg-agenda li span{flex:1}.chg-agenda em{margin-left:0}
.chg-full{width:100%}
.chg-emergency{border-color:#f4c5ca;background:linear-gradient(135deg,var(--card),var(--bad-soft))}
.chg-emergency-head{display:flex;align-items:center;justify-content:space-between}.chg-emergency-head b{font-size:11px}.chg-emergency-head b i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.chg-emergency-head span{padding:3px 8px;border-radius:20px;background:var(--bad);color:#fff;font-size:9.5px;font-weight:800}
.chg-emergency h3{margin:11px 0 3px;font-size:14px}.chg-emergency p{margin:0;color:var(--muted);font-size:10.5px}
.chg-timers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.chg-timers span{padding:8px;border-radius:9px;background:var(--card);text-align:center}.chg-timers b,.chg-timers small{display:block}.chg-timers b{font-size:12px;font-variant-numeric:tabular-nums}.chg-timers small{color:var(--muted);font-size:9px}
.chg-emergency>button{width:100%;padding:10px;border:0;border-radius:9px;background:var(--bad);color:#fff;font-weight:800;cursor:pointer}
.chg-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chg-detail-grid span{padding:10px;border-radius:9px;background:var(--surface);color:var(--muted);font-size:10.5px}.chg-detail-grid b{display:block;margin-top:3px;color:var(--ink);font-size:12px}
.chg-subhead{margin:19px 0 10px}
.chg-plan,.chg-asset-list{display:flex;flex-direction:column;gap:9px}.chg-plan article,.chg-asset-list article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.chg-plan article>i,.chg-asset-list article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--purple)}.chg-plan span,.chg-asset-list span{flex:1}.chg-plan b,.chg-plan small,.chg-asset-list b,.chg-asset-list small{display:block}.chg-plan small,.chg-asset-list small{color:var(--muted);font-size:10.5px}.chg-asset-list em{padding:3px 8px;border-radius:20px;background:var(--good-soft);color:var(--good);font-style:normal;font-size:10px;font-weight:800}.chg-asset-list em.warn{background:var(--warn-soft)}
.chg-decision{flex-wrap:wrap}

/* ---------------- Projects ---------------- */
.prj-health{display:flex;align-items:center;gap:25px}.prj-health ul{width:125px;margin:0;padding:0;list-style:none}.prj-health li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;margin:12px 0;color:#ded8ef;font-size:11px}.prj-health li i{width:8px;height:8px;border-radius:50%}.prj-health li i.good{background:#39d98a}.prj-health li i.warn{background:#f1b742}.prj-health li i.bad{background:#ef5c63}.prj-health li b{color:#fff}
.prj-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px!important;padding:10px 12px}.prj-tabs{display:flex;gap:5px}.prj-tabs button{border:0;border-radius:9px;padding:9px 13px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.prj-tabs button.on{background:var(--soft);color:var(--purple)}.prj-tabs em{margin-left:4px;padding:2px 6px;border-radius:10px;background:var(--card);font-style:normal;font-size:10px}.prj-filters{display:flex;gap:8px}.prj-filters label{display:flex;align-items:center;gap:8px;min-width:220px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted)}.prj-filters input{width:100%;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink)}.prj-filters select{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}
.prj-view{display:none}.prj-view.on{display:block}.prj-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px}.prj-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 2px 13px}.prj-section-head h3{font-size:14px}.prj-section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.prj-small{min-height:34px;padding:7px 10px;font-size:11px}
.prj-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:15px}.prj-card{display:block;width:100%;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 8px 24px #271c4a0a;transition:.18s}.prj-card:hover{border-color:#cfc5f5;box-shadow:0 13px 30px #271c4a14}.prj-card-top{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:start;gap:11px}.prj-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:linear-gradient(135deg,var(--purple2),var(--purple));color:#fff}.prj-card-top>span:nth-child(2){min-width:0}.prj-card-top small,.prj-card-top strong,.prj-card-top>span:nth-child(2)>span{display:block}.prj-card-top small{color:var(--muted);font-size:9px}.prj-card-top strong{margin:2px 0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prj-card-top>span:nth-child(2)>span{color:var(--muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prj-status{padding:4px 8px;border-radius:20px;font-style:normal;font-size:9px;font-weight:800;white-space:nowrap}.prj-status.on-track{background:var(--good-soft);color:var(--good)}.prj-status.attention{background:var(--warn-soft);color:var(--warn)}.prj-status.at-risk{background:var(--bad-soft);color:var(--bad)}
.prj-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.prj-stats>span{padding:8px 9px;border-radius:9px;background:var(--surface)}.prj-stats small,.prj-stats b{display:block}.prj-stats small{color:var(--muted);font-size:8px}.prj-stats b{margin-top:2px;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prj-progress{display:block;height:7px;border-radius:20px;background:var(--surface);overflow:hidden}.prj-progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--purple),var(--purple2))}.prj-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted);font-size:9.5px}.prj-foot b{color:var(--ink)}.prj-avatars{display:flex;padding-left:8px}.prj-avatars i{display:grid;place-items:center;width:24px;height:24px;margin-left:-6px;border:2px solid var(--card);border-radius:50%;background:var(--soft);color:var(--purple);font-style:normal;font-size:7.5px;font-weight:800}
.prj-density-compact .prj-stats{display:none}.prj-density-compact .prj-card{padding:13px}.prj-density-compact .prj-foot{margin-top:7px}.prj-rail{display:grid;gap:15px}.prj-rail>.card{margin:0}.prj-link-button{border:0;background:transparent;cursor:pointer}.prj-decisions article{display:grid;grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.prj-decisions article:last-child{border-bottom:0}.prj-decisions span b,.prj-decisions span small{display:block}.prj-decisions span b{font-size:10.5px}.prj-decisions span small{margin-top:2px;color:var(--muted);font-size:9px}.prj-decisions button{display:grid;place-items:center;width:29px;height:29px;border:0;border-radius:8px;background:var(--good-soft);color:var(--good);cursor:pointer}
.prj-capacity article{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;margin:13px 0}.prj-capacity article>div b{font-size:10.5px}.prj-capacity article>div i{display:block;height:5px;margin-top:5px;border-radius:5px;background:var(--surface);overflow:hidden}.prj-capacity article>div em{display:block;height:100%;border-radius:5px;background:var(--purple)}.prj-capacity strong{font-size:10px}.prj-activity p{display:flex;gap:9px;margin:11px 0;font-size:10.5px}.prj-activity p>i{width:8px;height:8px;margin-top:4px;border-radius:50%;flex:0 0 auto}.prj-activity p>i.good{background:var(--good)}.prj-activity p>i.purple{background:var(--purple)}.prj-activity p>i.warn{background:var(--warn)}.prj-activity small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.prj-roadmap{min-height:510px}.prj-gantt{min-width:720px;margin-top:20px}.prj-gantt-head,.prj-gantt-row{display:grid;grid-template-columns:210px repeat(4,1fr);align-items:center}.prj-gantt-head{padding:9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.prj-gantt-head span{text-align:center}.prj-gantt-row{min-height:76px;border-bottom:1px solid var(--line)}.prj-gantt-row>b{padding-left:9px;font-size:11px}.prj-gantt-row>div{position:relative;grid-column:2/-1;height:42px;background:repeating-linear-gradient(90deg,var(--surface) 0,var(--surface) calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%)}.prj-gantt-row i,.prj-gantt-row em{position:absolute;top:8px;height:27px;padding:6px 9px;border-radius:7px;background:linear-gradient(90deg,var(--purple),var(--purple2));color:#fff;font-size:9px;font-style:normal;white-space:nowrap}.prj-gantt-row em{background:var(--warn)}.prj-gantt-row i.blue{background:linear-gradient(90deg,#4071dc,#6e9cf6)}.prj-gantt-row i.green{background:linear-gradient(90deg,#13a16b,#40d2a0)}.prj-gantt-row i.red{background:linear-gradient(90deg,#d8424e,#f17179)}
.prj-change-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:11px;overflow:auto;padding-bottom:6px}.prj-change-board>section{min-height:350px;padding:10px;border-radius:11px;background:var(--surface)}.prj-change-board header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10.5px}.prj-change-board header em{padding:1px 7px;border-radius:20px;background:var(--card);font-style:normal}.prj-change-board article{margin-bottom:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.prj-change-board article small,.prj-change-board article b,.prj-change-board article span{display:block}.prj-change-board article small,.prj-change-board article span{color:var(--muted);font-size:9px}.prj-change-board article b{margin:4px 0;font-size:10.5px}.prj-approvals .qtable{margin:0}.prj-approvals td:last-child{min-width:180px}
.prj-drawer-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prj-drawer-score span{padding:11px;border-radius:9px;background:var(--surface)}.prj-drawer-score small,.prj-drawer-score b{display:block}.prj-drawer-score small{color:var(--muted);font-size:8px}.prj-drawer-score b{margin-top:3px;font-size:12px}.prj-progress.big{height:9px;margin:12px 0 17px}.prj-detail-list{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0 0 20px;font-size:11px}.prj-detail-list dt{color:var(--muted)}.prj-detail-list dd{margin:0;font-weight:800}.prj-milestones,.prj-linked{display:grid;gap:7px;margin:11px 0 20px}.prj-milestones p,.prj-linked p{display:flex;align-items:center;gap:9px;margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font-size:10.5px}.prj-milestones p>i{color:var(--muted)}.prj-milestones p.done>i{color:var(--good)}.prj-milestones p.current{background:var(--soft);color:var(--purple)}.prj-milestones p.current>i{color:var(--purple)}.prj-milestones span,.prj-milestones small{display:block}.prj-milestones small{color:var(--muted);font-size:9px}.prj-linked b{color:var(--purple)}.prj-linked span{flex:1}.prj-linked em{font-style:normal}

/* ---------------- AI Change Advisor ---------------- */
.ai-hero{position:relative;overflow:hidden}.ai-orb-wrap{position:relative;display:grid;place-items:center;width:250px;height:165px;flex:0 0 auto}.ai-orb{position:relative;display:grid;place-content:center;width:126px;height:126px;border-radius:50%;background:conic-gradient(#4ce5c0,var(--purple2),#4e78ef,#4ce5c0);text-align:center;box-shadow:0 0 45px #7555f34d}.ai-orb:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#27174a}.ai-orb>i{position:absolute;inset:-12px;border:1px solid #ffffff36;border-radius:50%;animation:aiSpin 8s linear infinite}.ai-orb b,.ai-orb small{position:relative}.ai-orb b{font-size:31px}.ai-orb small{font-size:9px;color:#d9cfec}.ai-orb-wrap>span{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff}.ai-orb-wrap .p1{left:25px;top:35px;width:7px;height:7px}.ai-orb-wrap .p2{right:23px;top:82px;width:5px;height:5px}.ai-orb-wrap .p3{left:51px;bottom:18px;width:6px;height:6px}@keyframes aiSpin{to{transform:rotate(360deg)}}
.ai-selector{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:17px;margin-bottom:18px!important}.ai-selector>div:first-child>small{display:block;margin-bottom:3px;color:var(--purple);font-size:9px;font-weight:800}.ai-selector select{width:100%;border:0;background:transparent;color:var(--ink);font-weight:800;outline:0}.ai-context{display:flex;gap:6px;flex-wrap:wrap}.ai-context span,.ai-chips span{padding:5px 8px;border-radius:8px;background:var(--surface);color:var(--muted);font-size:9.5px;font-weight:700}.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px}.ai-main,.ai-rail{display:grid;gap:18px}.ai-main>.card,.ai-rail>.card{margin:0}.ai-verdict .card-h p{margin:4px 0 0}.ai-recommend{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:21px;padding:16px 3px 4px}.ai-score{position:relative;display:grid;place-content:center;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--good) calc(var(--score)*1%),var(--surface) 0);text-align:center}.ai-score:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}.ai-score b,.ai-score small{position:relative}.ai-score b{font-size:29px}.ai-score small{color:var(--muted);font-size:8px}.ai-proceed{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--good-soft);color:var(--good);font-size:9px;font-weight:800}.ai-recommend h2{margin:8px 0 4px;font-size:18px}.ai-recommend p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.6}.ai-chips{display:flex;gap:6px;flex-wrap:wrap}.ai-chips span{color:var(--good);background:var(--good-soft)}.ai-chips span.warn{color:var(--warn);background:var(--warn-soft)}
.ai-small{min-height:34px;padding:7px 10px;font-size:11px}.ai-signals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-signals article{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.ai-signals header{display:flex;align-items:center;gap:7px}.ai-signals header>i{width:8px;height:8px;border-radius:50%}.ai-signals header>i.good{background:var(--good)}.ai-signals header>i.warn{background:var(--warn)}.ai-signals header>i.bad{background:var(--bad)}.ai-signals header b{font-size:10.5px}.ai-signals header em{margin-left:auto;color:var(--muted);font-size:9px;font-style:normal}.ai-signals p{min-height:34px;margin:8px 0;color:var(--muted);font-size:10px}.ai-signals article>span{display:block;height:6px;border-radius:8px;background:var(--card);overflow:hidden}.ai-signals article>span i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--purple),var(--purple2))}
.ai-steps{display:grid;gap:8px}.ai-step{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.ai-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--purple);font-size:11px;font-weight:800}.ai-step b,.ai-step small{display:block}.ai-step b{font-size:10.5px}.ai-step small{margin-top:2px;color:var(--muted);font-size:9.5px}.ai-step em{color:var(--muted);font-size:9px;font-style:normal}.ai-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.ai-graph{position:relative;height:160px;border-radius:10px;background:radial-gradient(circle,var(--soft),transparent 65%)}.ai-graph:before,.ai-graph:after{content:"";position:absolute;left:13%;right:12%;top:51%;height:1px;background:var(--line)}.ai-graph:after{left:48%;top:23%;bottom:18%;width:1px;height:auto}.ai-graph .node{position:absolute;z-index:1;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:9px;font-weight:700}.ai-graph .node small{display:block}.ai-graph .users{left:1%;top:43%}.ai-graph .change{left:34%;top:39%;border:0;background:linear-gradient(135deg,var(--purple2),var(--purple));color:#fff}.ai-graph .cluster{right:17%;top:9%}.ai-graph .apps{right:0;top:43%}.ai-graph .backup{right:16%;bottom:6%}.ai-similar article{display:grid;grid-template-columns:41px 1fr;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.ai-similar article:last-child{border-bottom:0}.ai-similar article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--good-soft);color:var(--good);font-size:9px;font-weight:800}.ai-similar b,.ai-similar small{display:block}.ai-similar b{font-size:9.5px}.ai-similar small{margin-top:2px;color:var(--muted);font-size:8.5px}
.ai-copilot{padding:0!important;overflow:hidden}.ai-copilot>header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--soft))}.ai-copilot>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff}.ai-copilot>header>div{flex:1}.ai-copilot h3{font-size:12px}.ai-copilot header small{color:var(--muted);font-size:9px}.ai-copilot header em{color:var(--good);font-size:9px;font-style:normal;font-weight:800}.ai-chat{height:210px;padding:13px;overflow:auto;background:var(--surface)}.ai-chat p{max-width:88%;margin:0 0 8px;padding:9px 11px;border-radius:11px;font-size:9.5px;line-height:1.5}.ai-chat .bot{background:var(--soft);color:var(--ink)}.ai-chat .user{margin-left:auto;background:var(--purple);color:#fff}.ai-suggestions{display:flex;gap:5px;padding:0 11px 9px;overflow:auto}.ai-suggestions button{padding:5px 7px;border:1px solid #dcd5fa;border-radius:8px;background:var(--card);color:var(--purple);font-size:8.5px;white-space:nowrap;cursor:pointer}.ai-copilot form{display:flex;padding:9px;border-top:1px solid var(--line)}.ai-copilot form input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);outline:0}.ai-copilot form button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:var(--purple);color:#fff;cursor:pointer}.ai-checklist label{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:10.5px}.ai-checklist input{accent-color:var(--purple)}.ai-checklist>button{margin-top:12px}.ai-forecast{display:flex;align-items:flex-end;gap:10px;height:120px}.ai-forecast span{display:flex;flex:1;flex-direction:column;justify-content:flex-end;height:100%;color:var(--muted);text-align:center;font-size:8px}.ai-forecast i{width:100%;min-height:8px;margin:5px 0;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--purple2),var(--purple))}.ai-forecast small{font-size:8px}.ai-forecast-note{padding:8px;border-radius:8px;background:var(--good-soft);color:var(--good);font-size:9px}.ai-forecast-note i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--good)}.ai-trace p{display:grid;grid-template-columns:38px 1fr;margin:0;padding:7px 0;border-bottom:1px solid var(--line);font-size:9.5px}.ai-trace b{color:var(--purple)}
.ai-analysis-modal .modal{width:min(470px,100%);text-align:center}.ai-analysis-modal .modal-body{padding:30px}.ai-analysis-modal small{display:block;margin-top:14px;color:var(--purple);font-size:10px;font-weight:800}.ai-analysis-modal h2{margin:5px 0}.ai-analysis-modal p{font-size:11px}.ai-scan{position:relative;display:grid;place-items:center;width:88px;height:88px;margin:auto;border-radius:50%;background:var(--soft);overflow:hidden}.ai-scan>i{color:var(--purple);font-size:27px}.ai-scan span{position:absolute;left:0;right:0;height:2px;background:#4ce5c0;box-shadow:0 0 13px #28dcb0;animation:aiScan 1.2s ease-in-out infinite}@keyframes aiScan{0%,100%{top:15%}50%{top:83%}}.ai-loader{height:7px;margin:17px 0;border-radius:8px;background:var(--surface);overflow:hidden}.ai-loader i{display:block;width:35%;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--purple),#4ce0ba);animation:aiLoad 2.2s ease-in-out infinite}@keyframes aiLoad{0%{margin-left:-35%}100%{margin-left:100%}}.ai-analysis-modal ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:0;list-style:none;text-align:left;color:var(--muted);font-size:9.5px}.ai-analysis-modal li.on{color:var(--purple);font-weight:800}

/* ---------------- Settings ---------------- */
.profile{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.profile b{display:block;font-size:15px;font-weight:800}
.profile small{display:block;color:var(--muted);font-size:12.5px}
.profile em{font-style:normal;color:var(--purple);font-size:12px;font-weight:700}

/* ---------------- Modal ---------------- */
.modal-layer{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}
.modal-layer.open{display:grid}
.modal-backdrop{position:fixed;inset:0;background:#100e1db0;backdrop-filter:blur(6px)}
.modal{position:relative;width:min(600px,100%);max-height:92vh;overflow:auto;border-radius:17px;background:#fff;box-shadow:0 30px 90px #100b2d55}
.modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}
.modal-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--purple);font-size:16px}
.modal-head small{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.06em}
.modal-head h2{font-size:17px;font-weight:800;margin-top:2px}
.modal-head>div{flex:1}
.modal-x{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}
.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:13px}
.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid var(--line)}
.modal-sm{width:min(460px,100%)}

/* Rechts einschiebendes Drawer-Panel (statt zentriertem Modal) */
.modal-layer.drawer{justify-items:end;align-items:stretch;padding:0}
.modal-layer.drawer .modal{width:min(500px,100%);height:100vh;max-height:100vh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:-24px 0 70px rgba(16,11,45,.42)}
.modal-layer.drawer .modal>form{display:flex;flex-direction:column;flex:1;min-height:0}
.modal-layer.drawer .modal-head{padding:22px;border-bottom:0;color:#fff;background:radial-gradient(circle at 82% 18%,#54dff028,transparent 26%),linear-gradient(120deg,#17132b,#372061 54%,#59319b)}
.modal-layer.drawer .modal-head small{color:#d9cfec}
.modal-layer.drawer .modal-head h2{color:#fff}
.modal-layer.drawer .modal-ic{background:#ffffff1f;color:#fff}
.modal-layer.drawer .modal-x{background:#ffffff14;border-color:#ffffff2e;color:#fff}
.modal-layer.drawer .modal-x:hover{background:#ffffff2e;color:#fff}
.modal-layer.drawer .modal-body{flex:1;overflow:auto;gap:15px}
.modal-layer.drawer .modal-foot{padding:16px 22px}
.modal-layer.drawer.open .modal{animation:drawerIn .3s cubic-bezier(.22,.61,.36,1)}
.modal-layer.drawer.open .modal-backdrop{animation:bkIn .3s ease}
.modal-layer.drawer.closing .modal{animation:drawerOut .26s ease forwards}
.modal-layer.drawer.closing .modal-backdrop{animation:bkOut .26s ease forwards}
@keyframes drawerIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes drawerOut{from{transform:none}to{transform:translateX(100%)}}
@keyframes bkIn{from{opacity:0}to{opacity:1}}
@keyframes bkOut{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.modal-layer.drawer.open .modal,.modal-layer.drawer.closing .modal,.modal-layer.drawer .modal-backdrop{animation:none}}
body.dark .modal-layer.drawer .modal{background:#232030}
.modal-ic.danger{background:var(--bad-soft);color:var(--bad)}
.del-warn{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink)}
.danger-btn{border-color:#f2cdcb;color:var(--bad);background:var(--card)}
.danger-btn:hover{background:var(--bad-soft);border-color:var(--bad)}
.danger-btn.solid{background:var(--bad);border-color:var(--bad);color:#fff;box-shadow:0 8px 20px #e0483f26}
.danger-btn.solid:hover{background:#c93b33}

/* ---------------- Navgroup / Submenu (wie NGINX-Manager im Panel) ---------------- */
.navparent{cursor:pointer}
.navchev{margin-left:auto;font-size:10px;color:#a9a6b8;transition:transform .2s}
.navgroup.open .navchev{transform:rotate(180deg)}
.subnav{display:none;flex-direction:column;gap:1px;margin:2px 0 4px 34px;padding-left:9px;border-left:1px solid var(--line)}
.navgroup.open .subnav{display:flex}
.subnav a{padding:7px 10px;border-radius:7px;color:#6a6780;font-size:12.5px;font-weight:600}
.subnav a:hover{background:#f0edfd;color:var(--purple)}
.subnav a.sub-on{background:var(--soft);color:var(--purple)}

/* ---------------- Settings sub-tabs + forms ---------------- */
.settabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:2px}
.settab{padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-weight:700;font-size:12.5px}
.settab.on{background:var(--soft);border-color:transparent;color:var(--purple)}
.stack-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.stack-form .primary,.stack-form .secondary{align-self:flex-start}
.row-actions{display:flex;gap:6px;white-space:nowrap}
.mini-btn{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer}
.mini-btn:hover{border-color:var(--purple);color:var(--purple)}
.mini-btn.good{color:var(--good);border-color:#bfe4d1}
.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:20px;background:var(--surface);font-size:12.5px;font-weight:600}
.chip form{display:inline-flex}
.chip button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:#e6e3f0;color:#7a7790;cursor:pointer;font-size:10px}
.chip button:hover{background:var(--bad-soft);color:var(--bad)}
.inline-add{display:flex;gap:8px}
.inline-add input{flex:1;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}
.inline-add .secondary{min-width:44px}
.policy-edit{display:flex;flex-direction:column;gap:10px}
.policy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.pol-name{flex:1;min-width:150px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700}
.pol-min{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--muted)}
.min-in{display:flex;align-items:center;gap:6px}
.min-in input{width:82px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.min-in span{font-size:11.5px;color:var(--muted)}
.day-toggles{display:flex;gap:7px;flex-wrap:wrap}
.day-chip input{position:absolute;opacity:0;pointer-events:none}
.day-chip span{display:grid;place-items:center;min-width:44px;padding:8px 6px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700;font-size:12.5px;cursor:pointer;color:var(--muted)}
.day-chip input:checked+span{background:var(--soft);border-color:transparent;color:var(--purple)}
body.dark .settab,body.dark .mini-btn,body.dark .pol-name,body.dark .min-in input,body.dark .inline-add input,body.dark .day-chip span{background:#2a2739;color:var(--ink)}
body.dark .chip{background:#2a2739}

/* ---------------- Pretty dropdown (.pdd, aus Panel-Designskill portiert) ---------------- */
select.pdd-native{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.pdd{position:relative;width:100%}
.pdd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;min-height:40px}
.pdd-btn:hover{border-color:var(--purple)}
.pdd.open .pdd-btn{border-color:var(--purple);box-shadow:0 0 0 3px #6748e820;background:#fff}
.pdd-btn .pdd-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdd-btn svg{flex:0 0 auto;transition:transform .15s;color:var(--purple)}
.pdd.open .pdd-btn svg{transform:rotate(180deg)}
.pdd-panel{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 40px -18px rgba(36,49,77,.38);padding:6px;max-height:264px;overflow:auto}
.pdd-opt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:8px;padding:9px 11px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
.pdd-opt:hover,.pdd-opt:focus{background:var(--surface);outline:none}
.pdd-opt.sel{background:var(--soft);color:var(--purple)}
.pdd-opt .pdd-chk{margin-left:auto;opacity:0;flex:0 0 auto}
.pdd-opt.sel .pdd-chk{opacity:1}
body.dark .pdd-btn,body.dark .pdd-panel{background:#2a2739;color:var(--ink)}
body.dark .pdd.open .pdd-btn{background:#2a2739}

/* ---------------- Toasts ---------------- */
.toast-host{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:9px}
.toast{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 15px 40px #1f174528;font-size:13px;font-weight:600;animation:tin .25s ease}
.toast.ok{color:var(--good)}.toast.bad{color:var(--bad)}
@keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------------- Auth ---------------- */
.authwrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-art{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:56px;color:#fff;background:radial-gradient(circle at 78% 20%,#55dff028,transparent 30%),linear-gradient(140deg,#17132b,#3a2266 55%,#5c34a0)}
.auth-art h2{font-size:34px;font-weight:800;line-height:1.15}
.auth-art>p{color:#d9cfec;font-size:14px;max-width:44ch}
.auth-points{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.auth-points li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#e9e2f7}
.auth-points i{color:#51dfb0}
.auth-card{display:flex;flex-direction:column;justify-content:center;padding:56px;max-width:460px;width:100%;margin:0 auto}
.auth-card h1{font-size:26px;font-weight:800}
.auth-sub{color:var(--muted);margin:6px 0 20px}
.auth-card form{display:flex;flex-direction:column;gap:14px}
.auth-card .fld{gap:6px;font-size:13px}
.auth-card .wide{width:100%;margin-top:4px}
.auth-hint{margin-top:18px;padding:11px 13px;border-radius:9px;background:var(--surface);color:var(--muted);font-size:12px}
.err{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:11px 13px;border-radius:10px;background:var(--bad-soft);border:1px solid #f3c9c9;color:#a71d1d;font-size:13px;font-weight:600}

/* ---------------- Mobile ---------------- */
.nav-scrim{display:none}
@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2.bottom{grid-template-columns:1fr}.ws-grid{grid-template-columns:1fr}.kb-grid,.asset-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(3,1fr)}.chg-layout{grid-template-columns:1fr}.chg-rail{display:grid;grid-template-columns:repeat(2,1fr)}.chg-emergency{grid-column:1/-1}.chg-insights{grid-template-columns:repeat(2,1fr)}.chg-advisor{grid-column:1/-1}.chg-health ul{display:none}.prj-layout{grid-template-columns:1fr}.prj-rail{grid-template-columns:repeat(2,1fr)}.prj-rail>.card:last-child{grid-column:1/-1}.prj-health ul{display:none}.prj-toolbar{align-items:flex-start;flex-direction:column}.prj-filters{width:100%}.prj-filters label{flex:1}.ai-layout{grid-template-columns:1fr}.ai-rail{grid-template-columns:repeat(2,1fr)}.ai-copilot{grid-row:span 2}.ai-orb-wrap{display:none}.ai-selector{grid-template-columns:1fr auto}.ai-context{display:none}.autx-layout{grid-template-columns:1fr}.autx-rail{grid-template-columns:repeat(2,1fr)}.autx-copilot{grid-row:span 2}.autx-engine{display:none}.autx-toolbar{align-items:flex-start;flex-direction:column}.autx-filters{width:100%}.autx-filters label{flex:1}.autx-builder{grid-template-columns:190px minmax(0,1fr)}.autx-properties{display:none}}
@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;top:0;left:0;height:100vh;width:290px;max-width:85vw;z-index:60;transform:translateX(-100%);transition:transform .26s ease;box-shadow:0 22px 60px #0f142348}
  body.nav-open .side{transform:none}
  body.nav-open{overflow:hidden}
  .nav-scrim{display:block;position:fixed;inset:0;z-index:55;background:#0f142372;opacity:0;visibility:hidden;transition:opacity .26s}
  body.nav-open .nav-scrim{opacity:1;visibility:visible}
  .nav-burger{display:grid}
  .tb-title{display:none}
  .main{padding:18px 16px 40px}
  .authwrap{grid-template-columns:1fr}.auth-art{display:none}
  .kanban{grid-template-columns:1fr 1fr}
  .prj-grid{grid-template-columns:1fr}.prj-filters select{display:none}.prj-roadmap{overflow:auto}
  .ai-lower{grid-template-columns:1fr}.ai-signals{grid-template-columns:1fr 1fr}
  .autx-rule-grid{grid-template-columns:1fr}.autx-templates{grid-template-columns:1fr 1fr}.autx-tabs{white-space:nowrap}.autx-toolbar{overflow:auto}.autx-filters{display:none}.autx-builder{grid-template-columns:1fr}.autx-palette{display:none}
}
@media(max-width:640px){
  .kpis{grid-template-columns:1fr}.kb-grid,.asset-grid{grid-template-columns:1fr}
  .hero{flex-direction:column;align-items:flex-start}.pagehead{flex-direction:column;align-items:flex-start}
  .ws-hero{flex-direction:column}.ws-sla{justify-items:start;text-align:left}
  .kanban{grid-template-columns:1fr}.fld-row,.detail-grid{grid-template-columns:1fr}
  .tb-user-t{display:none}
  .chg-health{display:none}.chg-insights,.chg-rail{grid-template-columns:1fr}.chg-advisor,.chg-emergency{grid-column:auto}.chg-detail-grid{grid-template-columns:1fr}.chg-decision>*{flex:1 1 100%}
  .prj-health{display:none}.prj-toolbar{overflow:auto}.prj-tabs{white-space:nowrap}.prj-filters{display:none}.prj-rail{grid-template-columns:1fr}.prj-rail>.card:last-child{grid-column:auto}.prj-card-top{grid-template-columns:40px minmax(0,1fr)}.prj-status{grid-column:2;justify-self:start}.prj-stats{grid-template-columns:1fr 1fr}.prj-stats>span:last-child{display:none}.prj-foot{align-items:flex-start;flex-direction:column}.prj-drawer-score{grid-template-columns:1fr}.prj-detail-list{grid-template-columns:1fr}.prj-detail-list dd{margin-top:-6px}.prj-section-head{align-items:flex-start;flex-direction:column}
  .ai-selector{grid-template-columns:1fr}.ai-recommend{grid-template-columns:1fr}.ai-score{margin:auto}.ai-signals,.ai-lower,.ai-rail{grid-template-columns:1fr}.ai-copilot{grid-row:auto}.ai-step{grid-template-columns:36px 1fr}.ai-step>em{grid-column:2}.ai-analysis-modal ul{grid-template-columns:1fr}
  .autx-split,.autx-rail,.autx-templates{grid-template-columns:1fr}.autx-copilot{grid-row:auto}.autx-rule-top{grid-template-columns:39px minmax(0,1fr)}.autx-state{grid-column:2;justify-self:start}.autx-logic{display:none}.autx-branches{grid-template-columns:1fr}.autx-activity article{grid-template-columns:38px 8px 1fr}.autx-activity article>em{grid-column:3}.autx-drawer-score{grid-template-columns:1fr}
}

@media(max-width:1350px){.sc-layout{grid-template-columns:195px minmax(0,1fr)}.sc-rail{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.sc-service-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}
@media(max-width:1150px){.sc-orb-wrap{display:none}.sc-layout{grid-template-columns:1fr}.sc-category{display:none}.sc-rail{grid-template-columns:1fr 1fr}.sc-help{grid-column:1/-1}.sc-toolbar{align-items:flex-start;flex-direction:column}.sc-filters{width:100%}.sc-filters label{flex:1}}
@media(max-width:900px){.sc-toolbar{overflow:auto}.sc-tabs{white-space:nowrap}.sc-filters{display:none}.sc-approval-layout,.sc-admin-layout{grid-template-columns:1fr}}
@media(max-width:640px){.sc-hero-search button{font-size:0}.sc-hero-search button i{font-size:13px}.sc-quick{flex-wrap:nowrap;max-width:100%;overflow:auto}.sc-service-grid,.sc-rail{grid-template-columns:1fr}.sc-help{grid-column:auto}.sc-service-grid.list .sc-service{display:flex}.sc-service-grid.list .sc-heart{display:block}.sc-score{grid-template-columns:1fr}.sc-approval{grid-template-columns:38px minmax(0,1fr)}.sc-approval>div{grid-column:2}.sc-kpis{grid-template-columns:1fr}}
@media(max-width:1450px){.rpt-kpis{grid-template-columns:repeat(3,1fr)}.rpt-executive{grid-template-columns:minmax(620px,1fr) 315px}.rpt-cards3{grid-template-columns:1fr 1fr}.rpt-forecast{grid-column:1/-1}.rpt-customer{grid-template-columns:1fr 1fr}.rpt-feedback{grid-column:1/-1}}
@media(max-width:1150px){.rpt-health ul{display:none}.rpt-executive{grid-template-columns:1fr}.rpt-rail{display:grid;grid-template-columns:1fr 1fr}.rpt-toolbar{align-items:flex-start;flex-direction:column}.rpt-filters{width:100%}.rpt-filters .pdd{flex:1}.rpt-ops,.rpt-sla-grid,.rpt-auto-grid{grid-template-columns:1fr}.rpt-quality,.rpt-auto-table{grid-column:auto}.rpt-report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.rpt-health{display:none}.rpt-toolbar{overflow:auto}.rpt-tabs{white-space:nowrap}.rpt-filters{display:none}}
@media(max-width:640px){.rpt-hero-stats,.rpt-kpis,.rpt-cards3,.rpt-rail,.rpt-customer,.rpt-report-grid{grid-template-columns:1fr}.rpt-feedback{grid-column:auto}.rpt-heatmap{min-width:620px}.rpt-ops>.card:first-child{overflow:auto}.rpt-bars p,.rpt-agents p{grid-template-columns:95px 1fr 38px}}

/* ---------------- Workforce & Agent Center ---------------- */
.wf-hero{position:relative;overflow:hidden;min-height:225px}.wf-hero:after{content:"";position:absolute;right:95px;bottom:-285px;width:760px;height:370px;border:1px solid #ffffff12;border-radius:50%}.wf-hero .hero-main{position:relative;z-index:1;flex:1}.wf-hero-stats{grid-template-columns:repeat(4,minmax(130px,190px))}.wf-health{position:relative;z-index:1;display:flex;align-items:center;gap:24px}.wf-health>div,.wf-score-ring{--score:96;position:relative;display:grid;place-content:center;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--good) 0 calc(var(--score)*1%),#ffffff28 calc(var(--score)*1%));text-align:center}.wf-health>div:before,.wf-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#28184d}.wf-health>div>*,.wf-score-ring>*{position:relative}.wf-health>div b{font-size:26px}.wf-health>div small{font-size:8px;color:#d9cfec}.wf-health ul{width:125px;margin:0;padding:0;list-style:none}.wf-health li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;margin:14px 0;font-size:8px}.wf-health li i,.wf-alert>i{width:8px;height:8px;border-radius:50%;background:var(--good)}.wf-health li i.warn,.wf-alert>i.warn{background:var(--warn)}.wf-alert>i.bad{background:var(--bad)}
.wf-kpis{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;margin:18px 0}.wf-kpis article{display:flex;align-items:center;gap:11px;min-height:100px;margin:0}.wf-kpis article>div{min-width:0}.wf-kpis small,.wf-kpis b,.wf-kpis em{display:block}.wf-kpis small{color:var(--muted);font-size:9px}.wf-kpis b{margin:2px 0;font-size:17px}.wf-kpis em{color:var(--muted);font-size:8px;font-style:normal}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px!important;padding:10px 12px}.wf-tabs{display:flex;gap:4px}.wf-tabs button{padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}.wf-tabs button.on{background:var(--soft);color:var(--purple)}.wf-filters{display:flex;gap:7px}.wf-filters label{display:flex;align-items:center;gap:8px;min-width:230px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--muted)}.wf-filters input{width:100%;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink)}.wf-filters select{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}.wf-view{display:none}.wf-view.on{display:block}.wf-layout{display:grid;grid-template-columns:minmax(700px,1fr) 325px;gap:16px;align-items:start}.wf-main,.wf-rail{display:grid;gap:16px}.wf-main>.card,.wf-rail>.card,.wf-duo>.card{margin:0}.wf-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.wf-agent-card{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer}.wf-agent-card:hover{border-color:#d5cdf7;box-shadow:0 9px 22px #2d20500d}.wf-agent-top{display:flex;align-items:center;gap:9px}.wf-agent-top>i,.wf-coaching article>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--purple2),var(--purple));color:#fff;font-size:9px;font-style:normal}.wf-agent-top>span{flex:1;min-width:0}.wf-agent-top b,.wf-agent-top small{display:block}.wf-agent-top b{font-size:11px}.wf-agent-top small{color:var(--muted);font-size:8px}.wf-state{padding:4px 7px;border-radius:9px;background:var(--soft);color:var(--purple);font-size:8px;font-style:normal}.wf-state.available{background:var(--good-soft);color:var(--good)}.wf-state.break{background:var(--warn-soft);color:var(--warn)}.wf-agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.wf-agent-stats>span{padding:8px;border-radius:8px;background:var(--surface)}.wf-agent-stats small,.wf-agent-stats b{display:block;font-size:7px}.wf-agent-stats b{margin-top:2px;font-size:9px}.wf-progress,.wf-metrics p>i,.wf-team-cap p>i,.wf-daily p>i{display:block;height:7px;border-radius:7px;background:var(--surface);overflow:hidden}.wf-progress i,.wf-metrics p>i span,.wf-team-cap p>i span,.wf-daily p>i span{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--purple),var(--purple2))}.wf-agent-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:8px}.wf-duo{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.wf-metrics p,.wf-team-cap p{display:grid;grid-template-columns:100px 1fr 42px;align-items:center;gap:9px;margin:15px 0;font-size:8px}.wf-metrics p>i span{background:var(--good)}.wf-bars{display:flex;align-items:flex-end;gap:9px;height:165px;padding-top:17px}.wf-bars>span{position:relative;display:flex;align-items:flex-end;gap:3px;height:100%;flex:1}.wf-bars i{flex:1;border-radius:5px 5px 2px 2px;background:var(--purple)}.wf-bars i.cap{background:var(--good)}.wf-bars small{position:absolute;bottom:-16px;width:100%;text-align:center;color:var(--muted);font-size:7px}.wf-legend{display:flex;gap:12px;margin-top:23px;color:var(--muted);font-size:8px}.wf-legend span{display:flex;align-items:center;gap:5px}.wf-legend i{width:7px;height:7px;border-radius:50%;background:var(--purple)}.wf-legend span+span i{background:var(--good)}
.wf-copilot{padding:0!important;overflow:hidden;background:linear-gradient(145deg,var(--card),var(--soft))}.wf-copilot>header{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line)}.wf-copilot>header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--purple2),var(--blue));color:#fff}.wf-copilot header div{flex:1}.wf-copilot h3{font-size:11px}.wf-copilot header small{color:var(--muted);font-size:8px}.wf-copilot header em{color:var(--purple);font-size:8px;font-style:normal}.wf-copilot>div{padding:5px 15px 12px}.wf-copilot h4{font-size:12px}.wf-copilot p,.wf-copilot li{color:var(--muted);font-size:9px;line-height:1.6}.wf-copilot>button{width:calc(100% - 30px);margin:0 15px 15px;padding:9px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;cursor:pointer}.wf-alert{display:flex;align-items:flex-start;gap:8px;padding:11px 0;border-bottom:1px solid var(--line)}.wf-alert>i{flex:0 0 auto;margin-top:3px;background:var(--purple)}.wf-alert b,.wf-alert small{display:block;font-size:9px}.wf-alert small{margin-top:2px;color:var(--muted);font-size:8px}.wf-small{min-height:32px;padding:6px 9px;font-size:10px}.wf-skills{display:flex;flex-wrap:wrap;gap:4px}.wf-skills span{padding:4px 7px;border-radius:7px;background:var(--soft);color:var(--purple);font-size:8px}.wf-capacity-layout,.wf-schedule-layout,.wf-coaching-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.wf-team-cap p{grid-template-columns:120px 1fr 42px 105px}.wf-team-cap em{color:var(--muted);font-style:normal}.wf-scenario label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;font-size:9px}.wf-scenario input{grid-column:1/-1;accent-color:var(--purple)}.wf-score-ring{margin:22px auto;background:conic-gradient(var(--good) 0 calc(var(--score)*1%),var(--surface) calc(var(--score)*1%))}.wf-score-ring:before{background:var(--card)}.wf-score-ring b{font-size:25px}.wf-score-ring small{color:var(--muted);font-size:8px}.wf-calendar,.wf-matrix-wrap{overflow:auto}.wf-schedule-grid{display:grid;grid-template-columns:80px repeat(5,minmax(120px,1fr));gap:6px;min-width:760px;margin-top:16px}.wf-schedule-grid>div{min-height:82px;padding:6px;border-radius:8px;background:var(--surface)}.wf-schedule-grid .head{min-height:auto;background:transparent;text-align:center;font-size:8px;font-weight:800}.wf-schedule-grid .label{display:grid;place-items:center;color:var(--muted);font-size:8px}.wf-shift{min-height:0!important;margin:4px 0;padding:7px!important;border-radius:7px;background:var(--soft)!important;color:var(--purple);font-size:7px;cursor:grab}.wf-shift.dragging{opacity:.45}.wf-daily p{margin:17px 0}.wf-daily b{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9px}.wf-matrix-wrap{margin-top:15px}.wf-matrix{display:grid;grid-template-columns:145px repeat(8,minmax(82px,1fr));gap:5px;min-width:900px}.wf-matrix>div{display:grid;place-items:center;height:42px;border-radius:7px;background:var(--surface);font-size:8px}.wf-matrix .head{background:transparent;font-weight:800}.wf-matrix .agent{justify-content:start;padding-left:8px}.wf-level-3{background:var(--good-soft)!important;color:var(--good)}.wf-level-2{background:var(--soft)!important;color:var(--purple)}.wf-level-1{background:var(--warn-soft)!important;color:var(--warn)}.wf-level-0{background:var(--bad-soft)!important;color:var(--bad)}.wf-coaching article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.wf-coaching b,.wf-coaching small{display:block;font-size:9px}.wf-coaching small{color:var(--muted);font-size:8px}.wf-coaching em{padding:5px 7px;border-radius:8px;background:var(--surface);font-size:8px;font-style:normal}.wf-development dl{display:grid;grid-template-columns:1fr auto;gap:11px;font-size:9px}.wf-development dt{color:var(--muted)}.wf-development dd{margin:0;font-weight:800}
.wf-drawer-tabs{display:flex;gap:4px;margin:0 20px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.wf-drawer-tabs button{flex:1;padding:9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer}.wf-drawer-tabs button.on{background:var(--card);color:var(--purple);box-shadow:0 2px 7px #0000000c}.wf-pane{display:none}.wf-pane.on{display:block}.wf-drawer-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wf-drawer-score span{padding:12px;border-radius:9px;background:var(--surface)}.wf-drawer-score small,.wf-drawer-score b{display:block}.wf-drawer-score small{color:var(--muted);font-size:7px}.wf-drawer-score b{margin-top:4px;font-size:12px}.wf-pane .sec-h{display:block;margin:21px 0 9px}.wf-assignment,.wf-role{padding:12px;border-radius:9px;background:var(--soft);font-size:9px}.wf-assignment span{float:right;color:var(--muted)}.wf-timeline p{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:9px}.wf-timeline p>span{display:flex;justify-content:space-between;gap:10px;flex:1}.wf-timeline small{color:var(--muted)}.wf-timeline .done{color:var(--good)}.wf-timeline .current{background:var(--soft);color:var(--purple)}.wf-ticket{display:flex;justify-content:space-between;gap:10px;padding:11px;margin:7px 0;border:1px solid var(--line);border-radius:9px;font-size:9px}.wf-ticket span{color:var(--muted)}.wf-week p{display:grid;grid-template-columns:40px 1fr 90px;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;font-size:9px}.wf-week em{text-align:right;color:var(--purple);font-style:normal}.wf-optimizer .modal{text-align:center}.wf-optimizer .modal-body>span{display:grid;place-items:center;width:80px;height:80px;margin:auto;border-radius:50%;background:var(--soft);color:var(--purple);font-size:25px;animation:wf-pulse 1s infinite}.wf-optimizer small{display:block;margin-top:16px;color:var(--purple);font-weight:800}.wf-optimizer .modal-body>i{display:block;height:7px;border-radius:8px;background:var(--surface);overflow:hidden}.wf-optimizer .modal-body>i b{display:block;width:35%;height:100%;background:linear-gradient(90deg,var(--purple),var(--good));animation:wf-load 1.4s infinite}@keyframes wf-pulse{50%{box-shadow:0 0 0 17px #7049e411}}@keyframes wf-load{from{margin-left:-35%}to{margin-left:100%}}
@media(max-width:1350px){.wf-kpis{grid-template-columns:repeat(3,1fr)}.wf-layout{grid-template-columns:minmax(620px,1fr) 300px}}
@media(max-width:1150px){.wf-health ul{display:none}.wf-layout{grid-template-columns:1fr}.wf-rail{grid-template-columns:1fr 1fr}.wf-toolbar{align-items:flex-start;flex-direction:column}.wf-filters{width:100%}.wf-filters label{flex:1}.wf-capacity-layout,.wf-schedule-layout,.wf-coaching-layout{grid-template-columns:1fr}}
@media(max-width:900px){.wf-health{display:none}.wf-toolbar{overflow:auto}.wf-tabs{white-space:nowrap}.wf-filters{display:none}}
@media(max-width:640px){.wf-hero-stats,.wf-kpis,.wf-agent-grid,.wf-duo,.wf-rail{grid-template-columns:1fr}.wf-team-cap p{grid-template-columns:85px 1fr 35px}.wf-team-cap em{display:none}.wf-drawer-score{grid-template-columns:1fr}.wf-ticket{display:grid}.wf-week p{grid-template-columns:36px 1fr}.wf-week em{grid-column:2;text-align:left}}

/* ---------------- Dark mode ---------------- */
body.dark{--bg:#191723;--card:#232030;--ink:#efecf9;--muted:#a5a1b8;--line:#37334a;--surface:#2a2739;--soft:#312a52;--good-soft:#12362a;--blue-soft:#22304a;--bad-soft:#3d2430;--warn-soft:#3b3016}
body.dark{background:var(--bg)}
body.dark .side{background:#201d2c}
body.dark .topbar{background:#232030e6}
body.dark .top-icon,body.dark .secondary,body.dark .wide-btn,body.dark .new-btn~*,body.dark .fld input,body.dark .fld select,body.dark .fld textarea,body.dark .filterbar input,body.dark .filterbar select,body.dark .qtab,body.dark .modal,body.dark .compose textarea{background:#2a2739;color:var(--ink)}
body.dark .modal{background:#232030}
body.dark .side-search,body.dark .lane,body.dark .focus-grid div,body.dark .bizhours{background:#2a2739}
body.dark .tkt,body.dark .msg>div{background:#2a2739}
body.dark .qtable th{background:#2a2739}