:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-stack-sans:var(--font-sans,Inter), Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-stack-mono:var(--font-mono,"JetBrains Mono"), "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-stack-display:var(--font-display,"Space Grotesk"), "Space Grotesk", var(--font-stack-sans);--text-xs:.6875rem;--text-sm:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--leading-tight:1.2;--leading-normal:1.5;--tracking-wide:.06em;--gray-0:#f7f8fa;--gray-1:#e6e9ee;--gray-2:#c3c9d2;--gray-3:#9aa3b0;--gray-4:#6e7787;--gray-5:#4d5565;--gray-6:#333a47;--gray-7:#252b36;--gray-8:#1a1f28;--gray-9:#12161d;--gray-10:#0b0f16;--bg-base:var(--gray-10);--bg-sunken:#090b0f;--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-overlay:#05070aa6;--border-subtle:#97a6c31a;--border-default:#97a6c329;--border-strong:#97a6c347;--text-primary:#e8ebf0;--text-secondary:#a5aebc;--text-muted:#707a8a;--text-disabled:#4d5565;--text-on-accent:#fff;--brand-teal:#00e0b8;--brand-blue:#06f;--brand-gradient:linear-gradient(135deg, #00e0b8, #06f);--accent:#06f;--accent-hover:#2e7dff;--accent-active:#0052cc;--accent-text:#6ba3ff;--accent-bg:#0066ff24;--accent-border:#0066ff73;--accent-2:var(--brand-teal);--selection-bg:#0066ff59;--status-ready:#2ecc71;--status-ready-bg:#2ecc711f;--status-ready-border:#2ecc716b;--status-ready-text:#55e08d;--status-incall:#3d8bfd;--status-incall-bg:#3d8bfd21;--status-incall-border:#3d8bfd73;--status-incall-text:#74acff;--status-dispo:#9b6dff;--status-dispo-bg:#9b6dff21;--status-dispo-border:#9b6dff73;--status-dispo-text:#b795ff;--status-paused:#f5a623;--status-paused-bg:#f5a6231f;--status-paused-border:#f5a6236b;--status-paused-text:#ffc14d;--status-reserved:#22c4dd;--status-reserved-bg:#22c4dd1f;--status-reserved-border:#22c4dd6b;--status-reserved-text:#4fd6ea;--status-preview:#e46bd7;--status-preview-bg:#e46bd71f;--status-preview-border:#e46bd76b;--status-preview-text:#f191e6;--status-login:#8a9bc4;--status-login-bg:#8a9bc41f;--status-login-border:#8a9bc466;--status-login-text:#a9b8da;--status-offline:#6e7787;--status-offline-bg:#6e77871f;--status-offline-border:#6e778761;--status-offline-text:#98a2b3;--status-danger:#f0554d;--status-danger-bg:#f0554d1f;--status-danger-border:#f0554d73;--status-danger-text:#ff8078;--success:var(--status-ready);--success-text:var(--status-ready-text);--danger:var(--status-danger);--danger-hover:#ff6b63;--danger-text:var(--status-danger-text);--warning-text:var(--status-paused-text);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 8px #00000073, 0 1px 2px #00000059;--shadow-3:0 8px 28px #0000008c, 0 2px 8px #0006;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent);--focus-ring-danger:0 0 0 2px var(--bg-base), 0 0 0 4px var(--danger);--dur-fast:.12s;--dur-base:.16s;--dur-slow:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .25, 1);--z-nav:100;--z-sticky:200;--z-dropdown:500;--z-dialog:800;--z-toast:900;--background:var(--bg-base);--foreground:var(--text-primary)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-0:#0a0f1c;--gray-1:#1f2937;--gray-2:#374151;--gray-3:#4b5563;--gray-4:#6b7280;--gray-5:#94a3b8;--gray-6:#cbd5e1;--gray-7:#e5e7eb;--gray-8:#eef2f7;--gray-9:#fff;--gray-10:#f8fafc;--bg-base:var(--gray-10);--bg-sunken:#eef2f7;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e9eef5;--surface-overlay:#0f172a6b;--border-subtle:#0a0f1c12;--border-default:#0a0f1c21;--border-strong:#0a0f1c42;--text-primary:#0a0f1c;--text-secondary:#3d4657;--text-muted:#6b7280;--text-disabled:#9aa3b2;--text-on-accent:#fff;--accent:#06f;--accent-hover:#0055d9;--accent-active:#0047b8;--accent-text:#0052cc;--accent-bg:#0066ff17;--accent-border:#0066ff59;--accent-2:#00b596;--selection-bg:#0066ff38;--status-ready:#1a9e55;--status-ready-bg:#1a9e551c;--status-ready-border:#1a9e5559;--status-ready-text:#12723d;--status-incall:#2377e8;--status-incall-bg:#2377e81a;--status-incall-border:#2377e859;--status-incall-text:#1257bd;--status-dispo:#7c48d8;--status-dispo-bg:#7c48d81a;--status-dispo-border:#7c48d859;--status-dispo-text:#5f2ec0;--status-paused:#c07c0a;--status-paused-bg:#c07c0a1f;--status-paused-border:#c07c0a61;--status-paused-text:#8a5a06;--status-reserved:#0d94ad;--status-reserved-bg:#0d94ad1c;--status-reserved-border:#0d94ad59;--status-reserved-text:#086b80;--status-preview:#b8309f;--status-preview-bg:#b8309f1a;--status-preview-border:#b8309f59;--status-preview-text:#97267f;--status-login:#5b6da8;--status-login-bg:#5b6da81f;--status-login-border:#5b6da859;--status-login-text:#43537f;--status-offline:#6b7280;--status-offline-bg:#6b72801a;--status-offline-border:#6b72804d;--status-offline-text:#525a68;--status-danger:#d93a32;--status-danger-bg:#d93a3217;--status-danger-border:#d93a3259;--status-danger-text:#b02a23;--danger-hover:#c22e28;--shadow-1:0 1px 2px #1018280f;--shadow-2:0 2px 8px #10182814, 0 1px 2px #1018280d;--shadow-3:0 8px 28px #10182824, 0 2px 8px #1018280f}:root[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text-primary);background:var(--bg-base);font-family:var(--font-stack-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-stack-display);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--text-primary);font-weight:600}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3,h4{font-size:var(--text-md)}a{color:inherit;text-decoration:none}a:hover{color:var(--text-primary)}code,kbd,samp,pre{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums}strong{font-weight:600}::selection{background:var(--selection-bg)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:var(--text-sm);background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:.4rem .65rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);border-radius:var(--radius-sm)}input:disabled,select:disabled,textarea:disabled{color:var(--text-disabled);background:var(--surface-1);cursor:not-allowed}input[type=tel],input[type=number],input[type=datetime-local],input[type=date],input[type=time]{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a5aebc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.75rem}label{font-size:var(--text-sm);color:var(--text-secondary)}button{font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:.45rem;padding:.4rem .8rem;font-weight:500;line-height:1.35;display:inline-flex}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:var(--text-disabled);background:var(--surface-1);border-color:var(--border-subtle);cursor:not-allowed}button:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}table{border-collapse:collapse;font-size:var(--text-sm)}th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);text-align:left;font-weight:600}td{color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--gray-6) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-6);border-radius:var(--radius-full);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--gray-5)}::-webkit-scrollbar-corner{background:0 0}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;font-weight:500;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed}.btn--sm{font-size:var(--text-xs);padding:.2rem .55rem}.btn--md{font-size:var(--text-sm);padding:.4rem .8rem}.btn--lg{font-size:var(--text-md);padding:.55rem 1.1rem}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--primary:active:not(:disabled){background:var(--accent-active)}.btn--primary:disabled{background:var(--gray-7);border-color:var(--gray-7);color:var(--text-disabled)}.btn--secondary{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn--secondary:disabled{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-disabled)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn--ghost:disabled{color:var(--text-disabled);background:0 0;border-color:#0000}.btn--danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.btn--danger:hover:not(:disabled){background:var(--status-danger);border-color:var(--status-danger);color:var(--text-on-accent)}.btn--danger:disabled{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-disabled)}.btn--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.btn--loading{color:#0000!important}.btn__spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{width:1em;height:1em;color:var(--text-secondary);vertical-align:-.125em;border:2px solid;border-top-color:#0000;border-radius:50%;animation:.7s linear infinite db-spin;display:inline-block}.spinner--sm{width:.75rem;height:.75rem}.spinner--md{width:1rem;height:1rem}.spinner--lg{width:1.5rem;height:1.5rem}.fld{flex-direction:column;gap:.3rem;min-width:0;display:flex}.fld__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.fld__label--required:after{content:" *";color:var(--status-danger-text)}.fld__hint{font-size:var(--text-xs);color:var(--text-muted)}.fld__error{font-size:var(--text-xs);color:var(--status-danger-text)}.input--invalid,.fld--invalid input,.fld--invalid select,.fld--invalid textarea{border-color:var(--status-danger-border)}.fld--invalid input:focus-visible,.fld--invalid select:focus-visible,.input--invalid:focus-visible{border-color:var(--status-danger);box-shadow:0 0 0 3px var(--status-danger-bg)}.card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.card--pad{padding:var(--space-4)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.card__heading{flex-direction:column;gap:.2rem;min-width:0;display:flex}.card__title{font-size:var(--text-md);font-weight:600}.card__desc{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.45}.card__body{padding:var(--space-4)}.stat{padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;gap:.2rem;min-width:0;display:flex}.stat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.stat__value{font-family:var(--font-stack-display);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);color:var(--text-primary);font-weight:600;line-height:1.1}.stat__trend{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.stat__trend--up{color:var(--status-ready-text)}.stat__trend--down{color:var(--status-danger-text)}.stat--ready .stat__value{color:var(--status-ready-text)}.stat--incall .stat__value{color:var(--status-incall-text)}.stat--dispo .stat__value{color:var(--status-dispo-text)}.stat--paused .stat__value{color:var(--status-paused-text)}.stat--reserved .stat__value{color:var(--status-reserved-text)}.stat--danger .stat__value{color:var(--status-danger-text)}.stat--accent .stat__value{color:var(--accent-text)}.tbl-wrap{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-1);overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tbl th{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:.45rem .75rem;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.45rem .75rem}.tbl tbody tr{transition:background var(--dur-fast) var(--ease-out)}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl--num,.tbl .num{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums;text-align:right}.badge--accent{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.badge--success{background:var(--status-ready-bg);border-color:var(--status-ready-border);color:var(--status-ready-text)}.badge--warning{background:var(--status-paused-bg);border-color:var(--status-paused-border);color:var(--status-paused-text)}.badge--danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.badge--neutral{background:var(--status-offline-bg);border-color:var(--status-offline-border);color:var(--status-offline-text)}.pill{border-radius:var(--radius-full);border:1px solid var(--pill-border,var(--status-offline-border));background:var(--pill-bg,var(--status-offline-bg));color:var(--pill-text,var(--status-offline-text));font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:.4rem;padding:.15rem .6rem;font-weight:500;line-height:1.4;display:inline-flex}.pill--sm{font-size:var(--text-xs);padding:.05rem .5rem}.pill__dot{background:var(--pill-dot,var(--status-offline));border-radius:50%;flex-shrink:0;width:7px;height:7px}.pill--pulse .pill__dot{animation:db-pulse-dot 1.6s var(--ease-in-out) infinite}.pill--ready{--pill-bg:var(--status-ready-bg);--pill-border:var(--status-ready-border);--pill-text:var(--status-ready-text);--pill-dot:var(--status-ready)}.pill--incall{--pill-bg:var(--status-incall-bg);--pill-border:var(--status-incall-border);--pill-text:var(--status-incall-text);--pill-dot:var(--status-incall)}.pill--dispo{--pill-bg:var(--status-dispo-bg);--pill-border:var(--status-dispo-border);--pill-text:var(--status-dispo-text);--pill-dot:var(--status-dispo)}.pill--paused{--pill-bg:var(--status-paused-bg);--pill-border:var(--status-paused-border);--pill-text:var(--status-paused-text);--pill-dot:var(--status-paused)}.pill--reserved{--pill-bg:var(--status-reserved-bg);--pill-border:var(--status-reserved-border);--pill-text:var(--status-reserved-text);--pill-dot:var(--status-reserved)}.pill--preview{--pill-bg:var(--status-preview-bg);--pill-border:var(--status-preview-border);--pill-text:var(--status-preview-text);--pill-dot:var(--status-preview)}.pill--login{--pill-bg:var(--status-login-bg);--pill-border:var(--status-login-border);--pill-text:var(--status-login-text);--pill-dot:var(--status-login)}.pill--offline{--pill-bg:var(--status-offline-bg);--pill-border:var(--status-offline-border);--pill-text:var(--status-offline-text);--pill-dot:var(--status-offline)}.pill--danger{--pill-bg:var(--status-danger-bg);--pill-border:var(--status-danger-border);--pill-text:var(--status-danger-text);--pill-dot:var(--status-danger)}.live-dot{background:var(--status-offline);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.live-dot--on{background:var(--status-ready);animation:db-breathe 2.4s var(--ease-in-out) infinite}.live-dot--off{background:var(--status-danger)}.dialog{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:min(28rem,100vw - 2rem);box-shadow:var(--shadow-3);color:var(--text-primary);margin:auto;padding:0}.dialog--wide{width:min(44rem,100vw - 2rem)}.dialog[open]{animation:db-dialog-in var(--dur-base) var(--ease-out)}.dialog::backdrop{background:var(--surface-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;display:flex}.dialog__title{font-size:var(--text-lg);font-weight:600}.dialog__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.dialog__footer{justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);display:flex}.toast-viewport{top:calc(3.25rem + var(--space-3));right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(22rem,100vw - 2rem);display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--border-strong);border-left:3px solid var(--toast-edge,var(--accent));border-radius:var(--radius-md);box-shadow:var(--shadow-2);font-size:var(--text-sm);animation:db-toast-in var(--dur-base) var(--ease-out);align-items:flex-start;gap:.6rem;padding:.7rem .9rem;display:flex}.toast--success{--toast-edge:var(--status-ready)}.toast--error{--toast-edge:var(--status-danger)}.toast--warning{--toast-edge:var(--status-paused)}.toast--info{--toast-edge:var(--accent)}.toast__content{flex:1;min-width:0}.toast__title{color:var(--text-primary);font-weight:600}.toast__message{color:var(--text-secondary);overflow-wrap:anywhere}.toast__action{color:var(--accent);font-weight:600;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:none;align-self:center;padding:0 .3rem}.toast__action:hover:not(:disabled){background:0 0;text-decoration:underline}.toast__close{color:var(--text-muted);line-height:1;font-size:var(--text-md);background:0 0;border:none;padding:0 .15rem}.toast__close:hover:not(:disabled){color:var(--text-primary);background:0 0}.tabs__list{gap:var(--space-1);border-bottom:1px solid var(--border-default);display:flex}.tabs__tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem .8rem;font-weight:500}.tabs__tab:hover:not(:disabled){color:var(--text-primary);border-color:#0000;border-bottom-color:var(--border-strong);background:0 0}.tabs__tab[aria-selected=true],.tabs__tab[aria-current=page]{color:var(--text-primary);border-bottom-color:var(--accent)}.tabs__panel{padding-top:var(--space-4)}.skeleton{background:var(--surface-2);border-radius:var(--radius-xs);animation:db-shimmer 1.4s var(--ease-in-out) infinite;display:block}.empty-state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state__title{font-size:var(--text-md);color:var(--text-secondary);font-weight:600}.empty-state__desc{font-size:var(--text-sm);max-width:28rem}.empty-state__action{margin-top:var(--space-2)}.kbd{font-family:var(--font-stack-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-xs);vertical-align:middle;border-bottom-width:2px;padding:.05rem .4rem;display:inline-block}.timer{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.shell{flex:1;height:100dvh;display:flex}.shell__sidebar{background:var(--surface-1);border-right:1px solid var(--border-default);width:13.5rem;height:100%;z-index:var(--z-nav);flex-direction:column;flex-shrink:0;display:flex}.shell__brand{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;display:flex}.shell__search-wrap{padding:var(--space-3) var(--space-2) 0}.shell__search{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:.35rem var(--space-2);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:flex}.shell__search:hover{border-color:var(--border-default);color:var(--text-secondary)}.shell__search-keys{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.shell__link-newtab{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.shell__nav{padding:var(--space-3) var(--space-2);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shell__section{flex-direction:column;gap:2px;display:flex}.shell__section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);padding:0 var(--space-2) var(--space-1);font-weight:600}.shell__link{align-items:center;gap:var(--space-2);padding:.4rem var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);display:flex;position:relative}.shell__link-icon{width:1rem;height:1rem;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);flex-shrink:0;display:inline-flex}.shell__link-icon svg{width:100%;height:100%}.shell__link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell__link:hover{background:var(--surface-2);color:var(--text-primary)}.shell__link:hover .shell__link-icon{color:var(--text-secondary)}.shell__link--active{background:var(--accent-bg);color:var(--accent-text);font-weight:550}.shell__link--active:before{content:"";border-radius:var(--radius-full);background:var(--accent);width:2.5px;position:absolute;top:20%;bottom:20%;left:0}.shell__link--active .shell__link-icon{color:var(--accent-text)}.shell__link--active:hover{background:var(--accent-bg);color:var(--accent-text)}.shell__footer{align-items:stretch;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);flex-direction:column;display:flex}.shell__user{align-items:center;gap:var(--space-2);min-width:0;display:flex}.shell__user-avatar{border-radius:var(--radius-full);background:var(--accent-bg);border:1px solid var(--accent-border);width:1.75rem;height:1.75rem;color:var(--accent-text);font-size:var(--text-xs);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.shell__user-id{flex-direction:column;min-width:0;display:flex}.shell__footer-actions{align-items:center;gap:var(--space-1);justify-content:space-between;display:flex}.shell__user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.shell__user-meta{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{z-index:var(--z-nav);align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface-1);border-bottom:1px solid var(--border-default);height:3rem;display:flex;position:sticky;top:0}.topbar__center{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex;overflow-x:auto}.topbar__right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.wordmark{--wordmark-height:1.55rem;--wordmark-width:4.65rem;white-space:nowrap;flex-shrink:0;align-items:center;line-height:0;display:inline-flex}.wordmark__image{width:var(--wordmark-width);height:var(--wordmark-height);object-fit:contain;object-position:left center;max-width:100%;display:block}.wordmark__image--for-light-bg{display:none}.wordmark__image--for-dark-bg,:root[data-theme=light] .wordmark__image--for-light-bg{display:block}:root[data-theme=light] .wordmark__image--for-dark-bg{display:none}.wordmark--sm{--wordmark-height:1.15rem;--wordmark-width:3.45rem}.wordmark--lg{--wordmark-height:2rem;--wordmark-width:6rem}.wordmark--tagline.wordmark--lg{--wordmark-height:2.75rem;--wordmark-width:9.25rem}.wordmark--glyph .wordmark__image{aspect-ratio:639/688}.wordmark--glyph{--wordmark-width:auto}.theme-toggle{border-radius:var(--radius-full);width:1.9rem;height:1.9rem;color:var(--text-secondary);background:0 0;border-color:#0000;flex-shrink:0;padding:0}.theme-toggle:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary);border-color:#0000}.theme-toggle svg{display:block}.cbx{min-width:0;position:relative}.cbx__control{background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:text;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-wrap:wrap;align-items:center;gap:.25rem .35rem;padding:.4rem .65rem;display:flex}.cbx__control:hover:not(:focus-within){border-color:var(--border-strong)}.cbx__control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.cbx--disabled .cbx__control,.cbx--disabled .cbx__control:hover:not(:focus-within){background:var(--surface-1);border-color:var(--border-default);cursor:not-allowed}.cbx .cbx__control input.cbx__input{background:0 0;border:none;border-radius:0;flex:1;min-width:4rem;padding:0}.cbx .cbx__control input.cbx__input:focus-visible{box-shadow:none;border:none}.cbx .cbx__control input.cbx__input:disabled{color:var(--text-disabled);background:0 0}.cbx__clear,.cbx__toggle{color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:0 .15rem;line-height:1}.cbx__clear:hover:not(:disabled),.cbx__toggle:hover:not(:disabled){color:var(--text-primary);background:0 0;border:none}.cbx__clear:disabled,.cbx__toggle:disabled{background:0 0;border:none}.cbx__toggle svg{transition:transform var(--dur-fast) var(--ease-out);display:block}.cbx--open .cbx__toggle svg{transform:rotate(180deg)}.cbx__list{z-index:var(--z-dropdown);max-height:16rem;padding:var(--space-1);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.cbx__option{justify-content:space-between;align-items:baseline;gap:var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;padding:.35rem .5rem;display:flex}.cbx__option--active{background:var(--accent-bg)}.cbx__option[aria-selected=true]{color:var(--accent-text);font-weight:500}.cbx__option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cbx__option-hint{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;overflow:hidden}.cbx__status{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center;display:flex}.cbx__chip{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent-text);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:.25rem;max-width:100%;padding:.05rem .3rem .05rem .5rem;font-weight:500;line-height:1.5;display:inline-flex}.cbx__chip-label{text-overflow:ellipsis;overflow:hidden}.cbx__chip-remove{color:inherit;font-size:inherit;background:0 0;border:none;padding:0 .15rem;line-height:1}.cbx__chip-remove:hover:not(:disabled){color:var(--text-primary);background:0 0;border:none}.dtbl__toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.dtbl__search{flex:1;min-width:12rem;max-width:20rem}.dtbl__toolbar-spacer{flex:1}.dtbl__sort{font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;display:inline-flex}.dtbl__sort:hover:not(:disabled){color:var(--text-primary);background:0 0;border:none}.dtbl__sort-dir{font-size:.55rem;line-height:1}.dtbl__row--click{cursor:pointer}.dtbl__row--click:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}.dtbl__pager{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.dtbl__pager-count{font-variant-numeric:tabular-nums}.drp{display:inline-flex;position:relative}.drp__panel{z-index:var(--z-dropdown);gap:var(--space-3);min-width:17rem;padding:var(--space-3);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0}.drp__presets{gap:var(--space-1);flex-wrap:wrap;display:flex}.drp__preset{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);padding:.15rem .6rem;font-weight:500}.drp__preset:hover:not(:disabled),.drp__preset--active,.drp__preset--active:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.drp__inputs{align-items:flex-end;gap:var(--space-2);display:flex}.drp__inputs .fld{flex:1}.drp__footer{justify-content:flex-end;gap:var(--space-2);display:flex}.page-header{gap:var(--space-1);flex-direction:column;display:flex}.page-header__crumbs{font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.page-header__crumbs a:hover{color:var(--text-primary)}.page-header__crumb-sep{color:var(--text-disabled)}.page-header__row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.page-header__desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:48rem}.page-header__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.chart-card__body{padding:var(--space-3) var(--space-4) var(--space-4);position:relative}.chart-card__subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:.1rem}.chart-placeholder{background:var(--surface-2);border-radius:var(--radius-sm);animation:db-shimmer 1.4s var(--ease-in-out) infinite;justify-content:center;align-items:center;display:flex}.chart-empty{justify-content:center;align-items:center;gap:var(--space-1);text-align:center;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.chart-empty__title{color:var(--text-secondary);font-weight:600}.chart-legend{gap:var(--space-1) var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.chart-legend__item{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex}.chart-legend__swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px}.chart-legend__value{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.donut-wrap{position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center__value{font-family:var(--font-stack-display);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);color:var(--text-primary);font-weight:600;line-height:1.1}.donut-center__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.picker{align-items:center;gap:var(--space-2);min-width:0;display:flex}.picker__cbx{flex:1;min-width:0}main{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.page-narrow{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-2);padding:var(--space-6) var(--space-5);gap:var(--space-4);margin:10vh auto 0}.field{margin-bottom:var(--space-3);flex-direction:column;gap:.3rem;display:flex}.field label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.error{color:var(--status-danger-text);font-size:var(--text-sm)}.success{color:var(--status-ready-text)}.agent-header{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-right:.3rem;font-weight:600}.since{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums}.badge{border-radius:var(--radius-full);border:1px solid var(--status-offline-border);background:var(--status-offline-bg);color:var(--status-offline-text);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:.35rem;padding:.15rem .6rem;font-weight:500;line-height:1.4;display:inline-flex}.badge.state-agent_state_ready{background:var(--status-ready-bg);border-color:var(--status-ready-border);color:var(--status-ready-text)}.badge.state-agent_state_incall{background:var(--status-incall-bg);border-color:var(--status-incall-border);color:var(--status-incall-text);animation:db-pulse-badge 1.8s var(--ease-in-out) infinite}.badge.state-agent_state_dispo{background:var(--status-dispo-bg);border-color:var(--status-dispo-border);color:var(--status-dispo-text)}.badge.state-agent_state_paused{background:var(--status-paused-bg);border-color:var(--status-paused-border);color:var(--status-paused-text)}.badge.state-agent_state_reserved,.badge.state-agent_state_preview{background:var(--status-reserved-bg);border-color:var(--status-reserved-border);color:var(--status-reserved-text)}.badge.state-agent_state_login{background:var(--status-login-bg);border-color:var(--status-login-border);color:var(--status-login-text)}.badge.state-agent_state_logout,.badge.state-unknown{background:var(--status-offline-bg);border-color:var(--status-offline-border);color:var(--status-offline-text)}.conn-dot{background:var(--status-offline);border-radius:50%;width:8px;height:8px}.conn-dot.on{background:var(--status-ready);animation:db-breathe 2.4s var(--ease-in-out) infinite}.conn-dot.off{background:var(--status-danger)}.badge.sip-ready{background:var(--status-ready-bg);border-color:var(--status-ready-border);color:var(--status-ready-text);font-weight:600}.badge.sip-connecting{background:var(--status-login-bg);border-color:var(--status-login-border);color:var(--status-login-text)}.badge.sip-disconnected{opacity:.75}.badge.sip-error{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.controls,.dial-box form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dial-box .hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.dispo-panel{background:var(--surface-1);border:1px solid var(--status-dispo-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.dispo-panel h2{color:var(--status-dispo-text)}.dispo-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.dispo-error{color:var(--status-danger-text);font-size:var(--text-sm);margin:0}.lead-panel{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-1)}.lead-panel h2{margin:0 0 var(--space-2)}.lead-panel dl{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;display:grid}.lead-panel .lead-field dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.lead-panel .lead-field dd{overflow-wrap:anywhere;color:var(--text-primary);margin:0}.lead-panel .hint{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-2) 0 0}.call-control{background:var(--surface-1);border:1px solid var(--status-incall-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.call-control h2{color:var(--status-incall-text)}.call-control-buttons,.transfer-dialog{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.call-control .hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.supervise-panel{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.supervise-panel summary{cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.supervise-panel summary:hover{color:var(--text-primary)}.supervise-body{margin-top:var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.supervise-body .hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.supervise-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.supervise-list li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.supervise-who{min-width:10rem}.supervise-actions{gap:.35rem;display:flex}.event-log h2{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-1)}.event-log ul{background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);max-height:16rem;font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);list-style:none;overflow-y:auto}.event-log li{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.3rem .6rem;display:flex}.event-log li:last-child{border-bottom:none}.event-log li.error{color:var(--status-danger-text)}.event-log li.softphone{color:var(--status-incall-text)}.event-log time,.event-log .kind{color:var(--text-muted);flex-shrink:0}.u-mono{font-family:var(--font-stack-mono);font-variant-numeric:tabular-nums}.u-tabular{font-variant-numeric:tabular-nums}.u-muted{color:var(--text-muted)}.u-secondary{color:var(--text-secondary)}.u-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.u-overline{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);font-weight:600}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--check{flex-wrap:nowrap;align-items:flex-start}.row--check>input[type=checkbox]{flex-shrink:0;margin-top:.2em}.row--check>span{min-width:0}.grid-auto{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.hint{font-size:var(--text-xs);color:var(--text-muted)}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes db-spin{to{transform:rotate(360deg)}}@keyframes db-breathe{0%,to{opacity:1;box-shadow:0 0 #2ecc7159}50%{opacity:.75;box-shadow:0 0 0 4px #2ecc7100}}@keyframes db-pulse-dot{0%,to{box-shadow:0 0 0 0 var(--pill-dot,transparent);opacity:1}50%{opacity:.7;box-shadow:0 0 0 3px #0000}}@keyframes db-pulse-badge{0%,to{box-shadow:0 0 #3d8bfd59}50%{box-shadow:0 0 0 5px #3d8bfd00}}@keyframes db-shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes db-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes db-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dtbl__head{align-items:center;gap:var(--space-1);display:inline-flex}.dtbl__filter{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.dtbl__filter svg{width:.75rem;height:.75rem}.dtbl__filter:hover{background:var(--surface-3);color:var(--text-primary)}.dtbl__filter--active{color:var(--accent-text)}.dtbl__filter:focus-visible{box-shadow:var(--focus-ring);outline:none}.dtbl__filterpop{background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);gap:var(--space-1);min-width:11rem;padding:var(--space-2);z-index:60;display:grid;position:fixed;box-shadow:0 8px 24px #0000003d}.dtbl__filterpop-list{gap:2px;max-height:16rem;display:grid;overflow-y:auto}.dtbl__filterpop-option{border-radius:var(--radius-xs);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);display:flex}.dtbl__filterpop-option:hover{background:var(--surface-2)}.dtbl__filterpop-option input{accent-color:var(--accent);flex-shrink:0}.dtbl__filterpop-foot{border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);padding-top:var(--space-1);justify-content:space-between;display:flex}.impersonationBanner,.lowBalanceBanner{background:color-mix(in oklab, var(--warning,#b45309) 14%, var(--surface-1,canvas));border:1px solid color-mix(in oklab, var(--warning,#b45309) 45%, transparent);border-radius:var(--radius-md,8px);align-items:center;gap:var(--space-3,.75rem);margin-bottom:var(--space-4,1rem);padding:var(--space-2,.5rem) var(--space-3,.75rem);justify-content:space-between;display:flex}.lowBalanceBanner[data-blocked=true]{background:color-mix(in oklab, var(--danger,#b91c1c) 14%, var(--surface-1,canvas));border-color:color-mix(in oklab, var(--danger,#b91c1c) 45%, transparent)}