.toast-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;width:340px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:calc(12px * var(--density)) calc(14px * var(--density));box-shadow:var(--shadow-2);pointer-events:auto;gap:10px;animation:.25s ease-out toast-in;display:flex;position:relative}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast.critical{border-left:4px solid var(--critical)}.toast.high{border-left:4px solid var(--high)}.toast.medium{border-left:4px solid var(--medium)}.toast.info,.toast.low{border-left:4px solid var(--low)}.toast.success{border-left:4px solid var(--success)}.toast.none{border-left:4px solid var(--line-strong)}.toast .ic{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast.critical .ic{background:var(--critical-bg);color:var(--critical)}.toast.high .ic{background:var(--high-bg);color:var(--high)}.toast.medium .ic{background:var(--medium-bg);color:var(--medium)}.toast.info .ic,.toast.low .ic{background:var(--low-bg);color:var(--low)}.toast.success .ic{background:var(--success-bg);color:var(--success)}.toast.none .ic{background:var(--bg-sunken);color:var(--ink-subtle)}.toast .ic svg{width:16px;height:16px}.toast .b{flex:1;min-width:0;padding-right:34px}.toast .k{font-size:calc(10px * var(--font-scale));color:var(--ink-muted);align-items:center;gap:6px;margin-bottom:2px;display:flex}.toast .k .attn{border:1px solid var(--am);background:var(--am-bg);color:var(--ink);border-radius:99px;padding:0 6px;font-weight:700;line-height:1.6}.toast .t{font-size:calc(12px * var(--font-scale));color:var(--ink);margin-bottom:2px;font-weight:700}.toast .m{font-size:calc(11px * var(--font-scale));color:var(--ink-muted);line-height:1.4}.toast .a{gap:6px;margin-top:8px;display:flex}.toast .h{font-size:calc(10px * var(--font-scale));color:var(--ink-muted);margin-top:6px;line-height:1.35}.toast .a button,.toast .a a{font-size:calc(10.5px * var(--font-scale));border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink);cursor:pointer;padding:4px 10px;font-family:inherit;font-weight:500;text-decoration:none}.toast .a button.p,.toast .a a.p{background:var(--em);border-color:var(--em);color:#fff}.toast .x{width:26px;height:26px;color:var(--ink-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex;position:absolute;top:8px;right:8px}.toast .x svg{width:16px;height:16px}.toast .x:hover{background:var(--bg-sunken);color:var(--ink)}.toast .x:focus-visible{outline:2px solid var(--em);outline-offset:1px}.toast-bar{pointer-events:auto;padding:calc(6px * var(--density)) calc(10px * var(--density));background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius-md,10px);font-size:calc(11px * var(--font-scale));color:var(--ink-muted);align-items:center;gap:6px;display:flex;box-shadow:0 6px 18px #00000024}.toast-bar .n{min-width:0;color:var(--ink);flex:1;font-weight:600}.toast-bar button{font-size:calc(10.5px * var(--font-scale));border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink);cursor:pointer;align-items:center;gap:3px;padding:3px 8px;font-family:inherit;display:inline-flex}.toast-bar button svg{width:12px;height:12px}.toast-bar button:focus-visible{outline:2px solid var(--em);outline-offset:1px}.notif-title{font-weight:500}.notif-title.unread{font-weight:700}.notif-title.unread:before{content:"";background:var(--em);vertical-align:middle;border-radius:99px;width:7px;height:7px;margin-right:8px;display:inline-block}.drawer-backdrop{z-index:990;background:#0006;position:fixed;inset:0}.drawer{background:var(--bg-surface);border-left:1px solid var(--line);z-index:991;width:380px;max-width:90vw;box-shadow:var(--shadow-2);flex-direction:column;transition:transform .25s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.on{transform:translate(0)}.drawer-head{padding:calc(14px * var(--density)) calc(18px * var(--density));border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-head .h{font-size:calc(14px * var(--font-scale));align-items:center;gap:var(--gap-grid);color:var(--ink);font-weight:700;display:flex}.drawer-head .h svg{width:16px;height:16px;color:var(--em)}.drawer-scope{padding:calc(6px * var(--density)) calc(18px * var(--density)) calc(8px * var(--density));border-bottom:1px solid var(--line)}.drawer-bands{padding:calc(8px * var(--density)) calc(12px * var(--density)) 0}.drawer-list{padding:calc(4px * var(--density)) 0;flex:1;overflow-y:auto}.drawer-item{padding:calc(12px * var(--density)) calc(18px * var(--density));border-bottom:1px solid var(--line);cursor:pointer;color:inherit;gap:10px;text-decoration:none;display:flex}.drawer-item:hover{background:var(--bg-sunken)}.drawer-item.unread{background:var(--em-bg)}.drawer-item .ic{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.drawer-item .ic.critical{background:var(--critical-bg);color:var(--critical)}.drawer-item .ic.high{background:var(--high-bg);color:var(--high)}.drawer-item .ic.medium{background:var(--medium-bg);color:var(--medium)}.drawer-item .ic.info,.drawer-item .ic.low{background:var(--low-bg);color:var(--low)}.drawer-item .ic.success{background:var(--success-bg);color:var(--success)}.drawer-item .ic.none{background:var(--bg-sunken);color:var(--ink-subtle)}.drawer-item .ic svg{width:16px;height:16px}.drawer-item .b{flex:1;min-width:0}.drawer-item .b .t{font-size:calc(12px * var(--font-scale));color:var(--ink)}.drawer-item .b .m{font-size:calc(11px * var(--font-scale));color:var(--ink-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.drawer-item .b .ts{font-size:calc(10px * var(--font-scale));color:var(--ink-subtle);font-family:var(--font-mono);margin-top:3px}.drawer-foot{padding:calc(12px * var(--density)) calc(16px * var(--density));border-top:1px solid var(--line);flex-shrink:0}.drawer-empty{padding:calc(40px * var(--density)) calc(20px * var(--density));text-align:center;color:var(--ink-subtle);font-size:calc(12px * var(--font-scale))}
.dashboard-grid{width:100%}.dashboard-header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.dashboard-header .dh-title{font-size:calc(16px * var(--font-scale));color:var(--ink);font-weight:700;line-height:1.2}.dashboard-header .dh-sub{font-size:calc(12px * var(--font-scale));color:var(--ink-muted)}.tprev-card.w-kpi,.tprev-card.w-chart,.tprev-card.w-grid{flex-direction:column;height:100%;display:flex}.w-kpi>.ch,.w-chart>.ch,.w-grid>.ch{align-items:center;gap:6px;display:flex}.ch svg{color:var(--em);flex-shrink:0}.ch .w-meta{text-transform:none;letter-spacing:0;color:var(--ink-muted);margin-left:auto;font-weight:500}.chart-body{flex:1;min-height:200px;position:relative}.w-skel{border-radius:var(--radius);background:var(--line);width:60%;height:26px;animation:1.2s ease-in-out infinite w-skel}.w-skel.chart{width:100%;height:100%;min-height:180px}.w-muted{height:180px;color:var(--ink-muted);font-size:calc(13px * var(--font-scale));justify-content:center;align-items:center;display:flex}.w-status{text-align:center;height:100%;min-height:120px;color:var(--ink-subtle);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 14px;display:flex}.w-status svg{opacity:.85}.w-status-label{font-size:calc(12px * var(--font-scale));font-weight:600}.w-status-why{font-size:calc(10.5px * var(--font-scale));color:var(--ink-subtle);max-width:22ch;line-height:1.35}.w-status.muted svg{color:var(--ink-subtle);opacity:.6}.w-status.muted .w-status-label{color:var(--ink-muted);font-weight:500}.w-status.err svg{color:var(--ro);opacity:1}.w-status.err .w-status-label{color:var(--ro)}.w-status.gate svg{color:var(--am);opacity:1}.w-status.gate .w-status-label{color:var(--am)}.w-status.compact{flex-direction:row;justify-content:flex-start;gap:5px;height:auto;min-height:0;padding:2px 0}.w-status.compact .w-status-label{font-size:calc(12.5px * var(--font-scale));font-weight:600}.w-link{color:inherit;height:100%;text-decoration:none;display:block}.w-link:hover .tprev-card{border-color:var(--em)}.w-link:has(.w-kpi){position:relative}.w-link:has(.w-kpi):after{content:"";background-color:var(--ink-muted);opacity:0;pointer-events:none;width:13px;height:13px;transition:opacity .12s;position:absolute;top:8px;right:10px;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10v10'/%3E%3Cpath%20d='M7%2017%2017%207'/%3E%3C/svg%3E") 50%/contain no-repeat}.w-link:has(.w-kpi):hover:after{opacity:.55}@media (prefers-reduced-motion:reduce){.w-link:has(.w-kpi){transition:none}.w-link:has(.w-kpi):after{transition:none}}@keyframes w-skel{0%,to{opacity:1}50%{opacity:.5}}