:root{
  color-scheme: light;
  --bg:#f9fafb;
  --bg-top:#eef2f6;
  --bg-glow:rgba(37,99,235,0.05);
  --card:#ffffff;
  --card-soft:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --label:#2f3f56;
  --line:#e2e8f0;
  --line-strong:#cfd8e3;
  --rowline:#e8edf4;
  --shadow:0 12px 28px rgba(15,23,42,0.05);
  --shadow-soft:0 4px 14px rgba(15,23,42,0.035);
  --radius:16px;
  --barbg:rgba(255,255,255,0.94);
  --theadbg:#f8fafc;
  --tagbg:#f8fafc;
  --btnhover:#eef4fb;
  --ghosthover:#f5f8fc;
  --btnonbg:#dbeafe;
  --field:#ffffff;
  --placeholder:#90a0b8;
  --accent:#2563eb;
  --brand-lockup-image:url("/ui/branding/source-renders/full_trans.png?v=0.7.3");
  --brand-icon-image:url("/ui/branding/source-renders/icon_trans.png?v=0.7.3");
  --accent-soft:rgba(37,99,235,0.12);
  --edge:rgba(100,116,139,0.4);
  --edgeActive:#16a34a;
  --edgeSel:#0f172a;
  --nodeSel:#0f172a;
  --lv-debug:#64748b;
  --lv-trace:#94a3b8;
  --section-gap:12px;
  --page-width:1400px;
  --page-gutter:24px;
  --topbar-top:10px;
  --topbar-gap:16px;
  --topbar-pad-y:14px;
  --topbar-pad-x:18px;
  --topbar-radius:24px;
  --surface-pad:20px;
  --surface-radius:18px;
  --button-min-height:40px;
  --button-pad-y:0.52rem;
  --button-pad-x:1rem;
  --control-min-height:42px;
  --metric-gap:16px;
  --metric-card-pad:22px;
  --metric-card-min-height:132px;
  --metric-value-size:40px;
  --metric-hero-size:44px;
  --metric-compact-size:36px;
  --section-title-size:15px;
  --table-pad-y:14px;
  --table-pad-x:16px;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    color-scheme: dark;
    --bg:#07111e;
    --bg-top:#0b1628;
    --bg-glow:rgba(56,189,248,0.10);
    --card:#0f1b2d;
    --card-soft:#13223a;
    --text:#e5eef8;
    --muted:#93a8c3;
    --label:#c5d4e7;
    --line:#20314a;
    --line-strong:#2b4466;
    --rowline:#1b2c43;
    --shadow:0 20px 60px rgba(0,0,0,0.38);
    --shadow-soft:0 12px 28px rgba(0,0,0,0.26);
    --barbg:rgba(10,18,32,0.84);
    --theadbg:#12253f;
    --tagbg:#142844;
    --btnhover:#183152;
    --ghosthover:#142844;
    --btnonbg:#193050;
    --field:#0c1728;
    --placeholder:#7f95b2;
    --accent:#60a5fa;
    --accent-soft:rgba(96,165,250,0.16);
    --edge:rgba(148,163,184,0.4);
    --edgeSel:#e5eef8;
    --nodeSel:#93c5fd;
    --lv-debug:#8aa0bc;
    --lv-trace:#6d819a;
  }
}

:root[data-theme="dark"]{
  color-scheme: dark;
  --bg:#07111e;
  --bg-top:#0b1628;
  --bg-glow:rgba(56,189,248,0.10);
  --card:#0f1b2d;
  --card-soft:#13223a;
  --text:#e5eef8;
  --muted:#93a8c3;
  --label:#c5d4e7;
  --line:#20314a;
  --line-strong:#2b4466;
  --rowline:#1b2c43;
  --shadow:0 20px 60px rgba(0,0,0,0.38);
  --shadow-soft:0 12px 28px rgba(0,0,0,0.26);
  --barbg:rgba(10,18,32,0.84);
  --theadbg:#12253f;
  --tagbg:#142844;
  --btnhover:#183152;
  --ghosthover:#142844;
  --btnonbg:#193050;
  --field:#0c1728;
  --placeholder:#7f95b2;
  --accent:#60a5fa;
  --accent-soft:rgba(96,165,250,0.16);
  --edge:rgba(148,163,184,0.4);
  --edgeSel:#e5eef8;
  --nodeSel:#93c5fd;
  --lv-debug:#8aa0bc;
  --lv-trace:#6d819a;
}

:root[data-theme="light"]{ color-scheme: light; }
*{box-sizing:border-box;}
html,body{min-height:100%;}
html{background:var(--bg);}
body.bulma-ui{
  margin:0;
  color:var(--text);
  font:clamp(13px, 0.32vw + 12px, 14px)/1.5 "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  background:radial-gradient(circle at top right, var(--bg-glow), transparent 24rem), linear-gradient(180deg, var(--bg-top) 0, var(--bg) 12rem);
}

body.auth-view{
  background:
    radial-gradient(circle at 18% 18%, rgba(125,211,252,0.16), transparent 18rem),
    radial-gradient(circle at 82% 14%, rgba(59,130,246,0.14), transparent 18rem),
    linear-gradient(180deg, #edf4fb 0%, #dfe9f7 52%, #e8eef8 100%);
}

.brand-lockup{display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none;}
.brand-lockup--compact{gap:10px;}
.brand-logo, .brand-icon{display:block; flex:0 0 auto; background-repeat:no-repeat; background-position:left center; background-size:contain;}
.brand-logo{background-image:var(--brand-lockup-image); width:220px; height:44px;}
.brand-logo--sidebar{width:min(100%, 420px); height:120px; background-position:center center; background-size:100% auto;}
.brand-logo--topbar{width:168px; height:32px;}
.brand-logo--drawer{width:220px; height:48px; background-position:center center; background-size:100% auto;}
.brand-logo--auth{width:min(100%, 440px); height:88px; background-position:center center; background-size:100% auto;}
.brand-logo--hero{width:min(100%, 430px); height:82px; background-position:left center;}
.brand-icon{background-image:var(--brand-icon-image); width:34px; height:34px;}
.brand-icon--sidebar{display:none; width:42px; height:42px;}
.brand-icon--hero{width:100%; height:100%; background-position:center; filter:drop-shadow(0 24px 48px rgba(8,15,31,0.35));}
.brand-wordmark{display:block; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; line-height:1.05;}

@media (min-width: 1440px){
  .brand-logo--sidebar{
    width:min(100%, 452px);
    height:124px;
  }
}

.bulma-ui .box{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--surface-radius);
  box-shadow:var(--shadow-soft);
}

.auth-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(18px, 3vw, 36px);
}
.auth-layout{
  position:relative;
  width:min(1180px, 100%);
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(360px, 430px);
  overflow:hidden;
  border:1px solid rgba(148,163,184,0.18);
  border-radius:32px;
  background:rgba(255,255,255,0.48);
  box-shadow:0 28px 70px rgba(15,23,42,0.18);
  backdrop-filter:blur(12px) saturate(135%);
}
.auth-layout--single{
  width:min(560px, 100%);
  grid-template-columns:minmax(0, 1fr);
}
.auth-hero{
  position:relative;
  min-height:640px;
  padding:clamp(28px, 4vw, 44px);
  background:
    radial-gradient(circle at 50% 42%, rgba(125,211,252,0.34), transparent 17rem),
    radial-gradient(circle at 50% 58%, rgba(59,130,246,0.20), transparent 22rem),
    linear-gradient(160deg, #10223f 0%, #17386c 48%, #0b1326 100%);
  color:#f8fbff;
}
.auth-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 52%, rgba(96,165,250,0.22), transparent 10rem),
    radial-gradient(circle at 23% 72%, rgba(59,130,246,0.16), transparent 11rem),
    radial-gradient(circle at 77% 30%, rgba(56,189,248,0.15), transparent 11rem);
  pointer-events:none;
}
.auth-hero__inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:100%;
}
.auth-hero__badge{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.88);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.auth-hero__orb{
  position:absolute;
  inset:auto;
  left:50%;
  top:42%;
  width:360px;
  height:360px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(96,165,250,0.42) 0%, rgba(59,130,246,0.18) 40%, transparent 70%);
  filter:blur(12px);
}
.auth-hero__mark{
  position:absolute;
  left:50%;
  top:45%;
  width:min(44vw, 420px);
  min-width:260px;
  aspect-ratio:1 / 1;
  transform:translate(-50%, -50%);
}
.auth-hero__copy{
  position:relative;
  margin-top:auto;
  max-width:560px;
}
.auth-hero__subtitle{
  margin:0;
  max-width:32rem;
  color:rgba(232,241,255,0.88);
  font-size:clamp(1rem, 1.2vw, 1.15rem);
}
.auth-card{
  width:100%;
  padding:clamp(24px, 3vw, 34px);
  background:linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(248,250,252,0.98) 100%);
  border:none;
  border-left:1px solid rgba(226,232,240,0.7);
  border-radius:0;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.auth-layout--single .auth-card{
  border-left:none;
}
.auth-brand-row{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin-bottom:22px;
}
.auth-brand-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.auth-brand{
  margin:0;
  color:var(--text);
  font-size:1.35rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.auth-brand-meta{
  margin:10px 0 0;
  padding-left:102px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:none;
}
.auth-card h2{
  margin:0 0 10px 0;
  font-size:2rem;
  font-weight:800;
  color:var(--text);
}
.auth-muted{
  margin:0 0 18px 0;
  color:var(--muted);
}
.auth-form{
  display:grid;
  gap:12px;
}
.auth-mode-switch{
  display:grid;
  gap:16px;
}
.auth-mode-switch__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:6px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.9));
}
.auth-mode-switch__tabs .button{
  flex:1 1 0;
  min-width:0;
}
.auth-mode-switch__tabs .button.is-active,
.auth-mode-switch__tabs .button[data-section-tab].is-active{
  background:var(--accent-soft);
  color:var(--accent);
  border-color:transparent;
}
.auth-mode-panel{
  display:grid;
  gap:12px;
}
.auth-mode-panel[hidden]{
  display:none;
}
.auth-passkey-copy{
  padding:14px 16px;
  border:1px solid rgba(37,99,235,0.12);
  border-radius:16px;
  background:rgba(37,99,235,0.04);
  color:var(--text);
  line-height:1.5;
}
.auth-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.auth-input{
  display:flex;
  align-items:center;
  min-height:54px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,0.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);
}
.auth-input:focus-within{
  border-color:rgba(37,99,235,0.4);
  box-shadow:0 0 0 4px rgba(37,99,235,0.08);
}
.auth-input .input{
  border:none;
  background:transparent;
  box-shadow:none;
  min-height:52px;
  padding-left:12px;
}
.auth-input__icon{
  width:20px;
  height:20px;
  color:var(--muted);
  flex:0 0 auto;
}
.auth-input__icon svg{display:block; width:100%; height:100%;}
.auth-submit{
  margin-top:12px;
  width:100%;
  min-height:52px;
  border-radius:16px;
  font-size:15px;
  font-weight:800;
}
.auth-alert{
  display:none;
  margin:4px 0 16px 0;
  padding:12px 14px;
  border:1px solid rgba(239,68,68,0.22);
  border-radius:14px;
  background:rgba(239,68,68,0.08);
  color:var(--text);
  line-height:1.45;
}
.auth-alert.is-visible{
  display:block;
}
.auth-card__footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-top:18px;
}
.auth-card__version{
  color:var(--muted);
  font-size:13px;
  font-weight:600;
  text-align:right;
}
.auth-card__footer{
  gap:12px;
}
.users-summary{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin:16px 0 18px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
}
.users-summary__chip{
  display:grid;
  gap:6px;
  min-width:0;
  padding:14px 16px;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}
.users-summary__chip--feature{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.08), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}
.users-summary__chip--muted{
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}
.users-summary__label{
  color:var(--muted);
  font-size:0.76rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
.users-summary__value{
  color:var(--text);
  font-size:1.85rem;
  line-height:1;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.auth-mode-switch [data-section-panel] .auth-form{
  margin-top:2px;
}
.auth-mode-switch [data-section-panel] .auth-submit{
  margin-top:8px;
}
.table-actions .btn[data-act="passkey"]{
  border-style:dashed;
}

.auth-card--notice{
  min-height:420px;
}

.auth-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

.auth-actions .button{
  min-height:48px;
}

.auth-lang-row{
  display:flex;
  justify-content:flex-end;
  margin-bottom:18px;
}

.app-shell__sidebar-footer{
  flex:0 0 auto;
  margin-top:0;
  padding:14px 20px 18px;
  border-top:1px solid var(--line);
  background:inherit;
}

.app-shell__sidebar-version{
  color:var(--text);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.04em;
}

.app-shell__sidebar-copyright{
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
  word-break:break-word;
}

.topbar{
  position:sticky;
  top:var(--topbar-top);
  z-index:40;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  grid-template-areas:"brand status tools";
  gap:var(--topbar-gap);
  align-items:center;
  width:min(var(--page-width), calc(100% - (var(--page-gutter) * 2)));
  margin:var(--topbar-top) auto 0;
  padding:var(--topbar-pad-y) var(--topbar-pad-x);
  border:1px solid var(--line);
  border-radius:var(--topbar-radius);
  background:var(--barbg);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px) saturate(160%);
}
.brand{
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-size:0.96rem;
  white-space:nowrap;
}
.topbar__brandrow{grid-area:brand; display:flex; flex-wrap:wrap; gap:10px; align-items:center; min-width:0;}
.topbar__status{grid-area:status; display:flex; align-items:center; justify-content:center; min-width:0;}
.topbar__right{grid-area:tools; display:flex; gap:14px; align-items:center; justify-content:flex-end; min-width:0;}
.topbar__menu{display:none;}
.topbar__tools{display:flex; flex:0 0 auto; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end;}
.topbar__tools.buttons{margin-bottom:0;}
.topbar__tools.buttons .button{margin-bottom:0;}
.topbar__tools .btn.button{
  min-height:34px;
  flex:0 0 auto;
  padding:0.38rem 0.88rem;
  border-radius:999px;
  font-size:12px;
}

.topnav{display:flex; align-items:center; justify-content:flex-end; flex:1 1 auto; min-width:0;}
.topnav__primary{display:flex; align-items:center; justify-content:flex-end; gap:6px; flex:1 1 auto; min-width:0;}
.topnav__primary > [data-topnav-item]{flex:0 0 auto;}
.topbar .navlink.button,
.topbar .nav-summary.button{
  min-height:38px;
  padding:0.46rem 0.92rem;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--muted);
  box-shadow:none;
}
.topbar .navlink.button:hover,
.topbar .nav-summary.button:hover,
.topnav__group[open] > .nav-summary.button{
  background:var(--ghosthover);
  border-color:transparent;
  color:var(--text);
}
.topbar .navlink.button.btn--active,
.topnav__group > .nav-summary.button.btn--active{
  background:var(--accent-soft);
  color:var(--accent);
  border-color:transparent;
  box-shadow:inset 0 -2px 0 rgba(37,99,235,0.16);
}
.topnav__group{position:relative; flex:0 0 auto;}
.topnav__group > summary{list-style:none; cursor:pointer; user-select:none;}
.topnav__group > summary::-webkit-details-marker{display:none;}
.nav-summary.button{display:inline-flex; align-items:center; gap:8px;}
.nav-summary.button::after{
  content:"";
  width:7px;
  height:7px;
  margin-top:-2px;
  border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);
  opacity:0.72;
}
.topnav__group[open] > .nav-summary.button::after{transform:rotate(225deg); margin-top:2px;}
.topnav__menu-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  min-width:240px;
  max-width:min(320px, calc(100vw - 32px));
  padding:10px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  box-shadow:var(--shadow-soft);
  display:grid;
  gap:4px;
}
.topnav__menu-link{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:12px;
  color:var(--text);
  text-decoration:none;
  font-weight:600;
}
.topnav__menu-link:hover{background:var(--ghosthover);}
.topnav__menu-link.is-active{background:var(--accent-soft); color:var(--accent);}
.topnav__menu-group{
  display:grid;
  gap:4px;
  padding-top:6px;
  margin-top:6px;
  border-top:1px solid var(--rowline);
}
.topnav__menu-group:first-child{padding-top:0; margin-top:0; border-top:none;}
.topnav__menu-label{
  padding:8px 12px 4px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.topnav__group--more[hidden]{display:none;}
.topnav__drawer{
  position:fixed;
  top:126px;
  left:var(--page-gutter);
  right:var(--page-gutter);
  z-index:35;
  display:none;
}
.topnav__drawer.is-open{display:block;}
.topnav__drawer-card{
  padding:12px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--barbg);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px) saturate(160%);
  max-height:calc(100dvh - 140px);
  overflow:auto;
}
.topnav__drawer-body{display:grid; gap:8px;}
.topnav__drawer-link{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:14px;
  text-decoration:none;
  color:var(--text);
  font-weight:600;
}
.topnav__drawer-link:hover{background:var(--ghosthover);}
.topnav__drawer-link.is-active{background:var(--accent-soft); color:var(--accent);}
.topnav__drawer-group{
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card-soft);
  overflow:hidden;
}
.topnav__drawer-group > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  font-weight:700;
  color:var(--text);
}
.topnav__drawer-group > summary::-webkit-details-marker{display:none;}
.topnav__drawer-group > summary::after{
  content:"";
  width:8px;
  height:8px;
  border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);
  opacity:0.72;
  flex:0 0 auto;
}
.topnav__drawer-group[open] > summary::after{transform:rotate(225deg); margin-top:4px;}
.topnav__drawer-subnav{display:grid; gap:6px; padding:0 10px 10px;}
.pill__status{font-weight:600; color:var(--muted);}
.pill__version{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:0.01em;}
.pill__status[data-tone="live"]{color:#047857;}
.pill__status[data-tone="warn"]{color:#b45309;}
.pill__status[data-tone="off"]{color:var(--muted);}

@media (max-width: 1023px){
  .topbar{gap:12px; padding:12px 14px; width:min(var(--page-width), calc(100% - 16px));}
}

@media (max-width: 960px){
  .topbar__menu{display:inline-flex; min-width:72px; justify-content:center;}
  .topnav{display:none;}
  .topbar__right{gap:10px; justify-content:flex-end;}
  .topbar__tools{width:100%;}
  .topbar__tools.buttons{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    width:100%;
    gap:8px;
  }
}

@media (min-width: 961px){
  .topnav__drawer{display:none !important;}
}

@media (max-width: 768px){
  :root{
    --page-gutter:12px;
    --surface-pad:14px;
    --metric-card-pad:14px;
    --metric-card-min-height:112px;
    --metric-value-size:34px;
    --metric-hero-size:38px;
    --metric-compact-size:30px;
    --section-title-size:14px;
  }
  .topbar{
    grid-template-columns:1fr;
    grid-template-areas:"brand" "status" "tools";
    gap:10px;
    padding:12px 12px 10px;
    border-radius:20px;
  }
  .topbar__brandrow{justify-content:flex-start;}
  .topbar__status{justify-content:flex-start;}
  .topbar__right{justify-content:flex-start;}
  .topbar__tools .btn.button{min-height:36px; padding:0.38rem 0.62rem; font-size:12px;}
  .topnav__drawer{top:122px; left:12px; right:12px;}
  .topnav__drawer-card{max-height:calc(100dvh - 136px);}
  .topbar__tools.buttons{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .wrap,.logwrap{padding:10px 0 20px;}
  .topbar__status .pill{width:100%;}
  .bulma-ui .section.section--card{padding:16px;}
  .bulma-ui .section.section--nested{padding:14px;}
  .section__head{margin-bottom:12px;}
}

@media (max-width: 430px){
  :root{
    --surface-pad:12px;
    --metric-card-pad:12px;
    --metric-card-min-height:104px;
    --metric-value-size:32px;
    --metric-hero-size:36px;
    --metric-compact-size:28px;
  }
  .topbar{padding:10px 10px 8px; gap:8px;}
  .topbar__tools.buttons{gap:6px;}
  .topbar__tools .btn.button{font-size:11px; min-height:34px; padding:0.34rem 0.52rem;}
  .topbar__menu{min-width:64px;}
  .pill{padding:5px 8px; gap:4px 6px;}
  .pill__status{font-size:12px;}
  .bulma-ui .section.section--card{padding:14px;}
  .bulma-ui .section.section--nested{padding:12px;}
}

@media (max-width: 390px){
  :root{
    --page-gutter:12px;
    --surface-pad:12px;
    --metric-card-pad:12px;
    --metric-card-min-height:100px;
    --metric-value-size:30px;
    --metric-hero-size:34px;
    --metric-compact-size:26px;
  }
  .pill__version{display:none;}
  .pill__status[data-tone="off"]{display:none;}
  .topnav__drawer{top:118px;}
  .topbar__tools.buttons{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .hist-call-card__meta{grid-template-columns:1fr;}
}

@media (max-width: 360px){
  :root{
    --page-gutter:8px;
    --surface-pad:12px;
    --metric-card-pad:10px;
    --metric-card-min-height:96px;
    --metric-value-size:28px;
    --metric-hero-size:32px;
    --metric-compact-size:24px;
  }
  .topbar{padding:8px 8px 8px;}
  .topbar__tools.buttons{gap:5px;}
  .topbar__tools .btn.button{font-size:10px; padding:0.3rem 0.42rem;}
  .topbar__menu{min-width:60px;}
}

.pill{
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px 8px;
  align-items:center;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card-soft);
  max-width:100%;
  min-width:0;
  line-height:1.2;
}
.pill > span{min-width:0;}
.sep{color:var(--muted);}
.dot{width:9px;height:9px;border-radius:50%; background:#94a3b8; display:inline-block;}

.btn.button{
  min-height:var(--button-min-height);
  padding:var(--button-pad-y) var(--button-pad-x);
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--card);
  color:var(--text);
  box-shadow:none;
  font-weight:600;
  font-size:13px;
  transition:background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, color 0.18s ease;
}
.btn.button:hover{background:var(--btnhover); border-color:var(--line-strong);}
.btn.button:active{transform:translateY(1px);}
.btn.button.btn--ghost{background:transparent;}
.btn.button.btn--ghost:hover{background:var(--ghosthover);}
.btn.button.btn--active{background:rgba(37,99,235,0.08); border-color:rgba(37,99,235,0.16); color:var(--accent); box-shadow:inset 0 -2px 0 rgba(37,99,235,0.16);}
.btn.button:focus-visible{outline:0; box-shadow:0 0 0 3px rgba(37,99,235,0.16);}

.audio-row__actions .button[data-talk-group],
.mobile-data-card .button[data-talk-group]{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:none;
}
.wrap,.logwrap{width:min(var(--page-width), calc(100% - (var(--page-gutter) * 2))); max-width:none; margin:0 auto; padding:14px 0 24px;}

.controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
  margin-bottom:10px;
  align-items:flex-start;
}
.controls--tight{margin-top:6px; margin-bottom:0;}
.controls--column{flex-direction:column; align-items:flex-start;}
.controls--column .check{min-height:0;}
.controls--end{align-self:flex-end; margin-top:0; margin-bottom:0;}
.grow{flex:1 1 240px; min-width:0;}

.form-grid,
.table-toolbar{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:12px 14px;
  grid-auto-flow:row dense;
  align-items:stretch;
}
.form-grid + .form-grid,
.table-toolbar{margin-top:10px;}
.form-grid + .graphwrap,
.form-grid + .table,
.table-toolbar + .table,
.form-grid + textarea.input,
.form-grid + .textarea.input,
.actions-row + .table,
.actions-row + .section,
.graphwrap + .table{margin-top:14px;}
.form-field,
.toggle-field,
.action-field{min-width:0;}
.form-field{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.form-field--boolean{
  align-items:flex-start;
  justify-content:flex-start;
}
.field-label{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.04em;
}
.form-field > .small,
.toggle-field > .small{margin:0;}
.form-field--span-2,.toggle-field--span-2,.action-field--span-2{grid-column:span 2;}
.form-field--span-3,.toggle-field--span-3,.action-field--span-3{grid-column:span 3;}
.form-field--span-4,.toggle-field--span-4,.action-field--span-4{grid-column:span 4;}
.form-field--span-5,.toggle-field--span-5,.action-field--span-5{grid-column:span 5;}
.form-field--span-6,.toggle-field--span-6,.action-field--span-6{grid-column:span 6;}
.form-field--span-7,.toggle-field--span-7,.action-field--span-7{grid-column:span 7;}
.form-field--span-8,.toggle-field--span-8,.action-field--span-8{grid-column:span 8;}
.form-field--span-9,.toggle-field--span-9,.action-field--span-9{grid-column:span 9;}
.form-field--span-12,.toggle-field--span-12,.action-field--span-12{grid-column:1 / -1;}
.toggle-field{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:6px;
}
.toggle-field .chip,
.toggle-field .check{
  min-height:44px;
  width:100%;
}
.toggle-field .check{
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card-soft);
}
.action-field{
  display:flex;
  align-items:flex-end;
}
.action-field .button{width:100%;}
.actions-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:10px;
}
.actions-row > *{min-width:0;}
.actions-row .muted{flex:1 1 220px; min-width:0; overflow-wrap:anywhere; word-break:break-word;}
.actions-row--split{justify-content:space-between;}
.actions-row--split .button{margin-left:auto;}
.actions-row__stack-end{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  margin-left:auto;
  max-width:100%;
}
.actions-row__stack-end .button{margin-left:0;}
.dispatcher-console-actions{
  align-items:flex-start;
}
.dispatcher-console-actions__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  margin-left:auto;
  max-width:100%;
}
.dispatcher-console-actions__buttons .button{
  margin:0;
}
.sds-send-actions{
  display:flex;
  flex-wrap:nowrap;
  justify-content:flex-end;
  gap:8px;
  width:100%;
  max-width:420px;
  align-self:flex-end;
}
.sds-send-actions .button{margin-left:0; min-width:0;}
.sds-send-actions #blueStationSendBtn{flex:1 1 auto; white-space:normal;}
.sds-send-actions #sendBtn{flex:0 0 auto; white-space:nowrap;}
.table-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.table-actions .button{margin:0;}

@media (max-width: 700px){
  .sds-send-actions{
    max-width:none;
    flex-wrap:wrap;
  }
  .sds-send-actions #blueStationSendBtn,
  .sds-send-actions #sendBtn{
    flex:1 1 100%;
  }
}

@media (max-width: 390px){
  .form-grid > *,
  .table-toolbar > *{grid-column:1 / -1 !important;}
  .action-field .button{width:100%; min-width:0;}
  .dispatcher-console-actions{
    gap:10px;
  }
  .dispatcher-console-actions__buttons{
    width:100%;
    justify-content:stretch;
  }
  .dispatcher-console-actions__buttons .button{
    width:100%;
  }
}

@media (min-width: 391px) and (max-width: 1023px){
  .form-grid > *,
  .table-toolbar > *{grid-column:span 6 !important;}
}

.grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

@media (max-width: 1180px){
  .grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width: 700px){
  .grid{grid-template-columns:1fr;}
}

.metrics-bento{
  display:grid;
  grid-template-columns:1fr;
  grid-auto-rows:minmax(var(--metric-card-min-height), auto);
  gap:var(--metric-gap);
  align-items:start;
}
.metric-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  min-width:0;
  min-height:var(--metric-card-min-height);
  height:100%;
  padding:var(--metric-card-pad);
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
}
.metric-card::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(37,99,235,0.20), transparent 78%);
}
.metric-card--hero,
.metric-card--status,
.metric-card--medium,
.metric-card--compact{grid-column:auto;}
.metric-card--wide{grid-column:1 / -1; min-height:auto;}
.metric-card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.metric-card__eyebrow{white-space:nowrap; color:var(--muted); font-size:12px;}
.metric-card__statusline{display:flex; align-items:center; min-height:36px; margin-top:auto;}
.metric-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:12px;
  background:var(--card-soft);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:15px;
  font-weight:700;
  text-transform:lowercase;
}
.metric-card__badge[data-tone="live"]{
  background:rgba(16,185,129,0.12);
  border-color:rgba(16,185,129,0.12);
  color:#047857;
}
.metric-card__badge[data-tone="warn"]{
  background:rgba(245,158,11,0.14);
  border-color:rgba(245,158,11,0.12);
  color:#b45309;
}
.metric-card__badge[data-tone="danger"]{
  background:rgba(239,68,68,0.12);
  border-color:rgba(239,68,68,0.18);
  color:#b91c1c;
}
.metric-card__badge[data-tone="muted"]{
  color:var(--muted);
}
.queue-badge.metric-card__badge{
  min-height:30px;
  padding:0 10px;
  font-size:12px;
}
.metric-card__pulse{
  width:10px;
  height:10px;
  margin-top:2px;
  border-radius:50%;
  background:var(--line-strong);
  box-shadow:0 0 0 0 rgba(16,185,129,0);
}
.metric-card__pulse.is-live{
  background:#10b981;
  animation:metricPulse 1.8s infinite;
}
@keyframes metricPulse{
  0%{ box-shadow:0 0 0 0 rgba(16,185,129,0.32); }
  70%{ box-shadow:0 0 0 11px rgba(16,185,129,0); }
  100%{ box-shadow:0 0 0 0 rgba(16,185,129,0); }
}
.metric-card .card__k{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.09em;
  text-transform:uppercase;
}
.metric-card .card__v{
  margin-top:auto;
  font-size:var(--metric-value-size);
  font-weight:700;
  line-height:0.96;
  letter-spacing:-0.03em;
  color:var(--text);
}
.metric-card__v--hero{font-size:var(--metric-hero-size) !important; color:var(--text) !important;}
.metric-card--compact .card__v{font-size:var(--metric-compact-size);}
.metric-card__meta{margin:0; font-size:12px; line-height:1.35;}
.metric-card__meta + .metric-card__meta{margin-top:2px;}
.metric-card--compact .metric-card__meta,
.metric-card--medium .metric-card__meta,
.metric-card--status .metric-card__meta{color:var(--muted);}
.metric-card--compact[data-empty="true"] .card__v,
.metric-card--compact[data-empty="true"] .card__k,
.metric-card--compact[data-empty="true"] .metric-card__meta{opacity:0.52;}
.metric-card[data-live="true"]{border-color:rgba(16,185,129,0.18);}
.metric-card--status[data-live="true"]{box-shadow:inset 4px 0 0 #34d399, var(--shadow-soft);}
.metric-card[data-alert="warn"]{border-color:rgba(245,158,11,0.24);}
.metric-card[data-alert="danger"]{border-color:rgba(239,68,68,0.28); box-shadow:inset 4px 0 0 #ef4444, var(--shadow-soft);}

.queue-health-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:8px;
}
.queue-health-item{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card-soft);
}
.queue-health-item__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.queue-health-item__label{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.queue-health-item__meta{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}

@media (max-width: 1023px){
  .metric-card--wide{grid-column:1 / -1;}
  .queue-health-grid{grid-template-columns:1fr;}
}

@media (max-width: 768px){
  .metric-card__eyebrow{white-space:normal; text-align:right;}
}

@media (min-width: 391px) and (max-width: 1023px){
  .metrics-bento{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (min-width: 1024px){
  .metrics-bento{
    grid-template-columns:repeat(16, minmax(0, 1fr));
    gap:16px;
    grid-auto-rows:minmax(132px, auto);
  }
  .metric-card--hero{grid-column:span 8;}
  .metric-card--status,
  .metric-card--medium,
  .metric-card--compact{grid-column:span 4;}
  .metric-card--wide{grid-column:1 / -1;}
}

.card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:132px;
  height:auto;
  padding:14px 14px 12px;
  border-radius:18px;
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
}
.card::after{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, var(--accent), transparent 75%);
}
.card:nth-child(3n+2)::after{background:linear-gradient(90deg, #0f766e, transparent 75%);}
.card:nth-child(3n)::after{background:linear-gradient(90deg, #d97706, transparent 75%);}
.card__k{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.card__v{
  font-size:28px;
  font-weight:700;
  margin-top:6px;
  line-height:1.05;
}
.card .small{line-height:1.35;}

.bulma-ui .section{
  margin-top:var(--section-gap);
  padding:0;
}
.bulma-ui main > .section:first-child{margin-top:0;}
.bulma-ui .section.section--card{
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--card);
  box-shadow:var(--shadow-soft);
}
.bulma-ui .section.section--nested{
  padding:20px;
  margin-top:12px !important;
}
/* Restore clear boundaries on the Core page after the nested layout refactor. */
body[data-page-id="core"] .section-card > .section.section--nested,
body[data-page-id="core"] .section.section--nested > .section.section--nested{
  border-top:1px solid var(--line);
}
body[data-page-id="core"] #broadcastPhoneNowBtn{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:balance;
  line-height:1.25;
}
body[data-page-id="core"] #broadcastPttSaveBtn{
  white-space:nowrap;
  text-wrap:unset;
  line-height:1.25;
}

body[data-page-id="callout"] .callout-shell{
  display:grid;
  gap:18px;
}

body[data-page-id="callout"] .callout-hero{
  display:grid;
  gap:var(--space-4);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body[data-page-id="callout"] .callout-hero__chips{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  align-items:flex-start;
  justify-content:flex-end;
}

body[data-page-id="callout"] .callout-hero__note{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:var(--space-3);
  align-items:flex-start;
  padding:var(--space-4);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

body[data-page-id="callout"] .callout-hero__icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent);
  font-weight:800;
}

body[data-page-id="callout"] .split-panels--callout{
  gap:18px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="callout"] .split-panels--callout > .section-card{
  margin:0;
  align-self:start;
  align-content:start;
}

body[data-page-id="callout"] .split-panels--callout .form-field.section--nested{
  margin-top:0;
  padding-top:var(--space-4);
  border-top:1px solid var(--line);
}

body[data-page-id="callout"] .split-panels--callout .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
}

body[data-page-id="callout"] .split-panels--callout .data-card-list{
  margin-top:10px;
}

body[data-page-id="core"] .core-workbench{
  display:grid;
  gap:18px;
  position:relative;
}

body[data-page-id="core"] .core-workbench > .section-card{
  margin:0;
  position:relative;
  overflow:hidden;
  padding:var(--space-5);
  border:1px solid rgba(148,163,184,0.18);
  border-radius:20px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(247,249,252,0.985) 100%);
  box-shadow:var(--shadow-soft);
}

body[data-page-id="core"] .core-workbench > .section-card::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(37,99,235,0.58), rgba(37,99,235,0.12));
  pointer-events:none;
}

body[data-page-id="core"] .core-workbench > .section-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.42) 0, transparent 24%);
  pointer-events:none;
}

body[data-page-id="core"] .core-workbench > .section-card > *{
  position:relative;
  z-index:1;
}

body[data-page-id="core"] .core-workbench .section-card__head{
  margin-bottom:var(--space-3);
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(148,163,184,0.12);
}

body[data-page-id="core"] .core-workbench .section-card__head h2{
  font-size:clamp(1.05rem, 1.6vw, 1.35rem);
  letter-spacing:-0.03em;
}

body[data-page-id="core"] #coreSettingsDb{
  display:inline-flex;
  width:max-content;
  margin-top:var(--space-2);
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,0.82);
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:11px;
  line-height:1.4;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
  word-break:break-word;
}

body[data-page-id="core"] .core-workbench .section.section--nested{
  margin-top:0 !important;
  padding:var(--space-4);
  border-top:1px solid var(--line);
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell){
  position:relative;
  overflow:hidden;
  margin-top:var(--space-4) !important;
  padding:var(--space-4);
  border:1px solid rgba(148,163,184,0.16);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.05), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,252,0.98) 100%);
  box-shadow:none;
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell)::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(37,99,235,0.52), rgba(37,99,235,0.1));
  pointer-events:none;
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell)::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.38) 0, transparent 24%);
  pointer-events:none;
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell) > *{
  position:relative;
  z-index:1;
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell) .section__head{
  margin-bottom:var(--space-3);
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(148,163,184,0.12);
}

body[data-page-id="core"] .core-workbench > .section-card > .section.section--nested:not(.core-wap-shell) .section__head h2{
  font-size:clamp(1rem, 1.35vw, 1.2rem);
  letter-spacing:-0.03em;
}

body[data-page-id="core"] .core-wap-shell{
  display:grid;
  gap:14px;
}

body[data-page-id="core"] .core-wap-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(260px, 0.85fr);
  gap:16px;
  align-items:start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.09), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(245,247,250,0.98) 100%);
  box-shadow:var(--shadow-soft);
}

body[data-page-id="core"] .core-wap-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(15,23,42,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,0.03) 1px, transparent 1px);
  background-size:22px 22px;
  opacity:0.55;
  pointer-events:none;
}

body[data-page-id="core"] .core-wap-hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.48) 0, transparent 38%);
  pointer-events:none;
}

body[data-page-id="core"] .core-wap-hero__copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  align-content:start;
}

body[data-page-id="core"] .core-wap-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,0.88);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--accent);
}

body[data-page-id="core"] .core-wap-hero__title{
  margin:0;
  max-width:18ch;
  font-size:clamp(22px, 2.6vw, 36px);
  line-height:1.06;
  letter-spacing:-0.04em;
  text-wrap:balance;
}

body[data-page-id="core"] .core-wap-hero__meta{
  max-width:60ch;
}

body[data-page-id="core"] .core-wap-hero__line{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,0.94);
  color:var(--text);
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}

body[data-page-id="core"] .core-wap-hero__stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body[data-page-id="core"] .core-wap-stat{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  border-left:3px solid rgba(37,99,235,0.28);
  background:rgba(255,255,255,0.95);
  box-shadow:none;
}

body[data-page-id="core"] .core-wap-stat span{
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--muted);
}

body[data-page-id="core"] .core-wap-stat strong{
  font-size:12px;
  color:var(--text);
  overflow-wrap:anywhere;
  word-break:break-word;
  font-variant-numeric:tabular-nums;
}

body[data-page-id="core"] .core-wap-stat--wide{
  grid-column:1 / -1;
}

body[data-page-id="core"] .core-wap-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.18fr) minmax(0, 0.82fr);
  gap:14px;
  align-items:start;
}

body[data-page-id="core"] .core-wap-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  margin-top:0 !important;
  border:1px solid var(--line);
  border-top:1px solid var(--line) !important;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(247,249,252,0.98) 100%);
  box-shadow:var(--shadow-soft);
}

body[data-page-id="core"] .core-wap-panel::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(37,99,235,0.58), rgba(37,99,235,0.12));
  pointer-events:none;
}

body[data-page-id="core"] .core-wap-panel::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.28) 0, transparent 24%);
  pointer-events:none;
}

body[data-page-id="core"] .core-wap-panel > *{
  position:relative;
  z-index:1;
}

body[data-page-id="core"] .core-wap-panel .section__head{
  margin-bottom:0;
}

body[data-page-id="core"] .core-wap-route-matrix{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

body[data-page-id="core"] .core-wap-route-card{
  position:relative;
  display:grid;
  gap:6px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-left:3px solid rgba(37,99,235,0.24);
  border-radius:12px;
  background:rgba(255,255,255,0.96);
  box-shadow:none;
  min-height:78px;
}

body[data-page-id="core"] .core-wap-route-card--wide{
  grid-column:1 / -1;
}

body[data-page-id="core"] .core-wap-route-card__label{
  font-size:10px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--muted);
}

body[data-page-id="core"] .core-wap-route-card__value{
  font-size:11px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-variant-numeric:tabular-nums;
}

body[data-page-id="core"] .core-wap-form-grid{
  gap:10px 12px;
}

body[data-page-id="core"] .core-wap-toggle-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  margin-top:8px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,0.96);
}

body[data-page-id="core"] .core-wap-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  font-variant-numeric:tabular-nums;
}

body[data-page-id="core"] .core-wap-toggle input{
  margin:0;
}

body[data-page-id="core"] .core-wap-note{
  padding:10px 12px 10px 14px;
  border-left:3px solid rgba(37,99,235,0.28);
  border-radius:10px;
  background:rgba(37,99,235,0.025);
  line-height:1.6;
  font-size:11px;
}

body[data-page-id="core"] .core-settings-grid{
  grid-template-columns:1fr;
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:transparent;
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="core"] .core-settings-grid > .section{
  margin:0;
  border:0;
  border-radius:0;
  padding:var(--space-3);
  display:grid;
  gap:var(--space-3);
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

body[data-page-id="core"] .core-settings-grid > .section > *,
body[data-page-id="core"] .core-broadcast-grid > .section > *{
  position:relative;
  z-index:1;
}

body[data-page-id="core"] .core-settings-grid .section__head{
  margin-bottom:var(--space-2);
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(148,163,184,0.12);
}

body[data-page-id="core"] .core-settings-grid .section__head h2,
body[data-page-id="core"] .core-broadcast-grid .section__head h3{
  letter-spacing:-0.03em;
}

body[data-page-id="core"] .core-settings-grid .section.section--nested{
  margin-top:0 !important;
  padding:var(--space-3);
  border-top:1px solid var(--line);
}

body[data-page-id="core"] .core-settings-grid .form-grid{
  gap:10px 12px;
}

body[data-page-id="core"] .core-settings-grid .data-card-list{
  margin-top:8px;
}

body[data-page-id="core"] .core-broadcast-grid{
  grid-template-columns:1fr;
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:transparent;
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="core"] .core-broadcast-grid > .section{
  margin:0;
  border:0;
  border-radius:0;
  padding:var(--space-2);
  display:grid;
  gap:var(--space-2);
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

body[data-page-id="core"] .core-broadcast-grid .section__head{
  margin-bottom:var(--space-1);
  padding-bottom:var(--space-3);
  border-bottom:1px solid rgba(148,163,184,0.12);
}

body[data-page-id="core"] .core-broadcast-grid .section.section--nested{
  margin-top:0 !important;
  padding:var(--space-2);
}

body[data-page-id="core"] .core-workbench .table.box.table-surface{
  padding:0;
  border:1px solid rgba(148,163,184,0.14);
  border-radius:16px;
  background:rgba(255,255,255,0.92);
  box-shadow:none;
  overflow:hidden;
}

body[data-page-id="core"] .core-workbench .table.box.table-surface table{
  margin:0;
}

body[data-page-id="core"] .core-workbench .data-card-list{
  margin-top:8px;
}

body[data-page-id="core"] .core-workbench .mobile-data-card{
  border:1px solid rgba(148,163,184,0.14);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.05), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,252,0.98) 100%);
  box-shadow:none;
}

body[data-page-id="core"] .core-workbench .mobile-data-card__eyebrow{
  letter-spacing:0.12em;
}

body[data-page-id="core"] .core-workbench .mobile-data-card__label{
  letter-spacing:0.02em;
}

body[data-page-id="core"] .core-workbench .mobile-data-card__value{
  font-variant-numeric:tabular-nums;
}

@media (max-width: 1023px){
  body[data-page-id="core"] .core-wap-hero,
  body[data-page-id="core"] .core-wap-grid{
    grid-template-columns:1fr;
  }

  body[data-page-id="core"] .core-wap-hero__stats,
  body[data-page-id="core"] .core-wap-route-matrix{
    grid-template-columns:1fr;
  }
}

body[data-page-id="core"] .wrap{
  display:grid;
  gap:18px;
}

.split-panels{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-items:start;
}
.split-panels > .section{margin-top:0; height:auto;}
.split-panels--upstream{grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);}
body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream{
  grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream > .section-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream:first-of-type > .section-card:first-child,
body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream:nth-of-type(3) > .section-card:first-child{
  grid-column:1 / -1;
}

.provisioning-page{
  display:grid;
  gap:18px;
}

.provisioning-page .split-panels{
  grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.provisioning-page .split-panels > .section-card{
  margin:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  align-self:start;
}

.provisioning-history-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.provisioning-history-grid > .section-card{
  margin:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  align-self:start;
}

.provisioning-page .section-card.box{
  border-color:rgba(148,163,184,0.16);
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.provisioning-page .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.provisioning-page .data-card-list{
  margin-top:10px;
}

@media (max-width: 760px){
  .provisioning-history-grid{
    grid-template-columns:1fr;
  }
}

.maintenance-page{
  display:grid;
  gap:18px;
}

.maintenance-workspace-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(420px, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  box-shadow:none;
  align-items:start;
}

.maintenance-workspace-grid > .section-card{
  margin:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.maintenance-page .section-card.box{
  box-shadow:none;
}

.maintenance-page .dashboard-quick-strip{
  margin-top:14px;
  box-shadow:none;
}

.maintenance-page .table-surface{
  box-shadow:none;
}

.maintenance-page .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
}

.maintenance-page .data-card-list{
  margin-top:10px;
}

.maintenance-page .section.section--nested{
  margin-top:0 !important;
  padding:var(--space-4);
  border-top:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

@media (max-width: 760px){
  .maintenance-workspace-grid{
    grid-template-columns:1fr;
  }

  .maintenance-page .dashboard-quick-strip{
    margin-top:12px;
  }
}

.service-profiles-page{
  display:grid;
  gap:18px;
}

.service-profiles-page .split-panels--upstream{
  display:grid;
  grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.service-profiles-page .split-panels--upstream > .section-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.service-profiles-page .section-card.box,
.service-profiles-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.service-profiles-page .data-card-list{
  margin-top:10px;
}

.service-profiles-page .service-profiles-editor-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.service-profiles-page .service-profiles-editor-grid{
  margin-top:0;
}

.service-profiles-page .service-profiles-editor-grid > .section--nested{
  margin-top:0 !important;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.service-profiles-page .service-profiles-editor__flags,
.service-profiles-page .service-profiles-editor__actions{
  grid-column:auto;
}

.service-profiles-page .service-profiles-editor__actions .actions-row--split{
  align-items:center;
}

.service-profiles-page .service-profiles-editor-grid .section__head{
  margin-bottom:var(--space-3);
}

.service-profiles-page .service-profiles-summary-strip{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  margin-top:18px;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.service-profiles-page .service-profiles-summary-strip__panel{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.service-profiles-page .service-profiles-summary-strip__panel + .service-profiles-summary-strip__panel{
  border-left:0;
  border-top:1px solid rgba(148,163,184,0.16);
}

.service-profiles-page .service-profiles-summary-strip__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
  min-width:0;
}

.service-profiles-page .service-profiles-summary-strip__head-copy{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.service-profiles-page .service-profiles-summary-strip__head h2{
  margin:0;
  font-size:1rem;
  font-weight:700;
  letter-spacing:-0.01em;
}

.service-profiles-page .service-profiles-summary-strip__meta{
  color:var(--muted);
  font-size:0.84rem;
  line-height:1.35;
}

.service-profiles-page .service-profiles-summary-strip__metrics{
  min-width:0;
}

.service-profiles-page .service-profiles-summary-strip__metrics .kv{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-2) var(--space-4);
}

.service-profiles-page .service-profiles-summary-strip__metrics .kv__row{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.service-profiles-page .service-profiles-summary-strip__metrics .kv__label{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.service-profiles-page .service-profiles-summary-strip__metrics .kv__value{
  font-size:0.96rem;
  font-weight:700;
  line-height:1.35;
}

.service-profiles-page .service-profiles-summary-strip__notes{
  display:grid;
  gap:var(--space-2);
  min-width:0;
}

.service-profiles-page .service-profiles-summary-strip__note{
  display:grid;
  gap:4px;
  padding-top:var(--space-2);
  border-top:1px solid rgba(148,163,184,0.16);
}

.service-profiles-page .service-profiles-summary-strip__note:first-child{
  padding-top:0;
  border-top:0;
}

.service-profiles-page .service-profiles-summary-strip__note--empty{
  color:var(--muted);
  font-size:0.88rem;
}

.service-profiles-page .service-profiles-summary-strip__note-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}

.service-profiles-page .service-profiles-summary-strip__note-title{
  min-width:0;
  font-size:0.92rem;
  font-weight:700;
}

.service-profiles-page .service-profiles-summary-strip__note-value{
  flex:none;
}

.service-profiles-page .service-profiles-summary-strip__note-meta{
  color:var(--muted);
  font-size:0.84rem;
  line-height:1.35;
}

@media (max-width: 760px){
  .service-profiles-page .service-profiles-editor-grid,
  .service-profiles-page .service-profiles-summary-strip{
    grid-template-columns:1fr;
  }

  .service-profiles-page .service-profiles-editor__flags,
  .service-profiles-page .service-profiles-editor__actions{
    grid-column:auto;
  }

  .service-profiles-page .service-profiles-summary-strip__panel + .service-profiles-summary-strip__panel{
    border-left:0;
    border-top:1px solid rgba(148,163,184,0.16);
  }

  .service-profiles-page .service-profiles-summary-strip__panel{
    padding:var(--space-3);
  }

  .service-profiles-page .service-profiles-summary-strip__metrics .kv{
    grid-template-columns:1fr;
  }

  .service-profiles-page .service-profiles-summary-strip__note-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

.permissions-page{
  display:grid;
  gap:18px;
}

.permissions-page > .section-card,
.permissions-page .permissions-sidebar,
.permissions-page .permissions-panel{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.permissions-page .permissions-overview-card{
  display:grid;
  gap:var(--space-4);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.permissions-summary-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}

.permissions-summary-strip__item{
  display:grid;
  gap:6px;
  min-height:82px;
  padding:16px;
  align-content:center;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(248,250,252,0.96) 100%);
}

.permissions-summary-strip__item--feature{
  background:linear-gradient(135deg, rgba(239,246,255,0.95), rgba(255,255,255,0.985) 68%);
}

.permissions-summary-strip__item--muted{
  background:rgba(248,250,252,0.92);
}

.permissions-summary-strip__item span{
  color:var(--label);
  font-size:12px;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.permissions-summary-strip__item strong{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:24px;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.permissions-page .permissions-layout{
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
}

.permissions-page .permissions-main{
  gap:1px;
}

.permissions-page .permissions-sidebar,
.permissions-page .permissions-panel{
  margin-top:0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.permissions-page .permissions-raw{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.permissions-page #permissionsGroups{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

@media (max-width: 1100px){
  .permissions-page .permissions-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .permissions-page .permissions-raw,
  .permissions-summary-strip,
  .permissions-page #permissionsGroups{
    grid-template-columns:1fr;
  }
}

.recovery-page{
  display:grid;
  gap:18px;
}

.recovery-page .recovery-summary-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.recovery-page .recovery-summary-strip__card{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3) var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.recovery-page .recovery-summary-strip__card--feature{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.08), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(247,250,252,0.99) 100%);
}

.recovery-page .recovery-summary-strip__card--metrics{
  display:grid;
  gap:var(--space-3);
}

.recovery-page .recovery-summary-strip__metrics{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
  min-width:0;
}

.recovery-page .recovery-summary-strip__metric{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:0 var(--space-4);
}

.recovery-page .recovery-summary-strip__metric + .recovery-summary-strip__metric{
  border-left:0;
  border-top:1px solid rgba(148,163,184,0.16);
}

.recovery-page .recovery-summary-strip__label{
  color:var(--muted);
  font-size:0.76rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.recovery-page .recovery-summary-strip__value{
  font-size:clamp(1.5rem, 2.8vw, 2.3rem);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.04em;
  color:var(--text);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.recovery-page .recovery-summary-strip__meta{
  color:var(--muted);
  font-size:0.9rem;
  line-height:1.3;
}

.recovery-page .recovery-workbench{
  display:grid;
  grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.recovery-page .recovery-workbench > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.recovery-page .section-card.box,
.recovery-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.recovery-page .data-card-list{
  margin-top:10px;
}

.recovery-page .recovery-history-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.recovery-page .recovery-history-grid > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.recovery-page .recovery-history-grid .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.recovery-page .recovery-history-grid .data-card-list{
  margin-top:10px;
}

@media (max-width: 760px){
  .recovery-page .recovery-summary-strip{
    grid-template-columns:1fr;
  }

  .recovery-page .recovery-summary-strip__metrics{
    grid-template-columns:1fr;
  }

  .recovery-page .recovery-summary-strip__metric{
    padding:var(--space-3) 0 0;
  }

  .recovery-page .recovery-summary-strip__metric + .recovery-summary-strip__metric{
    border-left:0;
    border-top:1px solid rgba(148,163,184,0.16);
    padding-left:0;
  }

  .recovery-page .recovery-history-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 1023px){
  .recovery-page .recovery-workbench{
    grid-template-columns:1fr;
  }
}

.users-page{
  display:grid;
  gap:18px;
}

.users-page .users-hero{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-5);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.users-page .users-hero .section-card__head{
  margin-bottom:0;
}

.users-page .users-summary{
  margin:0;
}

.users-page .users-summary__chip{
  flex:1 1 220px;
}

.users-page .users-workbench{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.users-page .users-editor-card,
.users-page .users-list-card,
.users-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.users-page .users-editor-card,
.users-page .users-list-card{
  margin:0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.users-page .users-editor-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.users-page .users-editor-grid > .section--nested{
  margin-top:0 !important;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.users-page .users-editor__identity{
  grid-column:1 / -1;
}

.users-page .users-editor__access{
  grid-column:auto;
}

.users-page .users-editor__create{
  grid-column:auto;
}

.users-page .users-list-card .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.users-page .users-list-card .data-card-list{
  margin-top:10px;
}

.users-page .users-list-card .users-hint{
  margin-top:12px;
}

.users-page .users-list-card .users-detail-btn{
  min-width:58px;
  padding-inline:12px;
  white-space:nowrap;
}

.users-detail-actions{
  display:grid;
  gap:10px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}

.users-action-stack{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.users-action-stack .button{
  width:100%;
  min-width:0;
  justify-content:center;
  white-space:normal;
  text-align:center;
  line-height:1.2;
}

@media (max-width: 760px){
  .users-summary{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .users-page .users-workbench{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .users-page .users-editor-grid{
    grid-template-columns:1fr;
  }

  .users-page .users-editor__access,
  .users-page .users-editor__create{
    grid-column:auto;
  }
}

@media (min-width: 391px) and (max-width: 1023px){
  .users-page .users-editor__identity .form-field--span-12{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 520px){
  .users-summary,
  .users-action-stack{
    grid-template-columns:1fr;
  }
}

.tls-page{
  display:grid;
  gap:18px;
}

.tls-page .split-panels--upstream{
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

.tls-page .split-panels--upstream > .section-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
  align-self:start;
}

.tls-page .tls-config-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-content:start;
}

.tls-page .tls-config-panel > .section-card__head,
.tls-page .tls-config-panel > .switch-grid,
.tls-page .tls-config-panel > .actions-row{
  grid-column:1 / -1;
}

.tls-page .tls-config-panel > .section--nested{
  margin-top:0 !important;
  padding:var(--space-4);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.tls-page .tls-config-panel .textarea--compact{
  min-height:164px;
  height:164px;
}

.tls-page .tls-verification-panel .table.box.table-surface{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  box-shadow:none;
}

.tls-page .tls-verification-panel .table.box.table-surface > .state-block{
  grid-column:1 / -1;
}

.tls-page .tls-verification-summary,
.tls-page .tls-verification-details{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.tls-page .tls-verification-block__head{
  display:grid;
  gap:2px;
}

.tls-page .tls-verification-block__label{
  color:var(--text);
  font-size:0.78rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.tls-page .tls-verification-summary{
  padding:var(--space-4);
  border:0;
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,251,0.98) 100%);
}

.tls-page .tls-verification-details{
  padding:var(--space-4);
  border:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,251,0.98) 100%);
}

.tls-page .tls-verification-panel .kv{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 14px;
}

.tls-page .tls-verification-panel .kv__row{
  height:100%;
  padding:var(--space-1) 0;
  border:0;
  border-radius:0;
  background:transparent;
}

.tls-page .tls-verification-panel .kv__row:first-child{
  grid-column:1 / -1;
}

.tls-page .tls-verification-panel #tlsMessages .kv{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.tls-page .tls-message-empty{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.tls-page .tls-message-empty__label{
  color:var(--text);
  font-size:0.88rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
}

.tls-page .tls-message-empty__badge{
  flex:0 0 auto;
}

.tls-page .tls-message-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  align-items:start;
}

.tls-page .tls-message-strip__panel{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
  align-self:start;
}

.tls-page .tls-message-strip__panel--warning{
  background:
    radial-gradient(circle at top right, rgba(245,158,11,0.06), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.tls-page .tls-message-strip__panel--danger{
  background:
    radial-gradient(circle at top right, rgba(239,68,68,0.06), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.tls-page .tls-message-strip__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
}

.tls-page .tls-message-strip__label{
  color:var(--muted);
  font-size:0.76rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.tls-page .tls-message-strip__count{
  margin-top:var(--space-2);
}

.tls-page .tls-message-strip__items{
  display:grid;
  gap:var(--space-2);
}

.tls-page .tls-message-strip__item,
.tls-page .tls-message-strip__empty{
  padding:var(--space-2) 0 0;
  border-top:1px solid var(--line);
  color:var(--text);
  font-size:0.92rem;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.tls-page .tls-message-strip__item:first-child,
.tls-page .tls-message-strip__empty:first-child{
  padding-top:0;
  border-top:0;
}

@media (max-width: 760px){
  .tls-page .tls-config-panel,
  .tls-page .tls-verification-panel .table.box.table-surface,
  .tls-page .tls-verification-panel .kv,
  .tls-page .tls-verification-panel #tlsMessages .kv,
  .tls-page .tls-message-strip{
    grid-template-columns:1fr;
  }

  .tls-page .tls-source-grid{
    grid-template-columns:1fr;
  }

  .tls-page .tls-verification-panel .kv__row:first-child{
    grid-column:auto;
  }

  .tls-page .tls-message-empty{
    align-items:flex-start;
  }
}

@media (max-width: 480px){
  .tls-page .tls-message-empty{
    align-items:flex-start;
  }
}

.upstream-policy-editor-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  margin-top:14px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}
.upstream-policy-editor-grid > .upstream-policy-panel{
  display:grid;
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-4);
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}
.upstream-policy-panel__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.upstream-policy-panel__head h3{
  margin:0 0 4px;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--text);
}
.upstream-policy-panel__head .muted{
  margin:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.upstream-policy-switch-grid{
  margin-bottom:0;
}
.upstream-policy-actions{
  margin-top:0;
  align-items:flex-end;
}
.upstream-policy-actions .actions-row{
  margin-top:0;
}

@media (max-width: 1023px){
  body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream,
  .upstream-policy-editor-grid{
    grid-template-columns:1fr;
  }
}

body[data-page-id="upstream"] [data-section-panel="upstream-runtime"],
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"]{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="upstream"] [data-section-panel="upstream-runtime"] > .section-card,
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"] > .section-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

body[data-page-id="upstream"] [data-section-panel="upstream-runtime"] > .section-card:nth-of-type(1),
body[data-page-id="upstream"] [data-section-panel="upstream-runtime"] > .section-card:nth-of-type(4),
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"] > .section-card:nth-of-type(1),
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"] > .section-card:nth-of-type(4){
  grid-column:1 / -1;
}

@media (max-width: 1023px){
  .split-panels{grid-template-columns:1fr;}

  body[data-page-id="upstream"] [data-section-panel="upstream-runtime"],
  body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"]{
    grid-template-columns:1fr;
  }
}
.section__head{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; padding:0 2px;}
.section__head h2{font-size:var(--section-title-size); margin:0; padding-top:2px; line-height:1.2; font-weight:800; letter-spacing:0.07em; text-transform:uppercase; color:var(--text);}
.section__head .muted{min-width:0; max-width:100%; overflow-wrap:anywhere; word-break:break-word;}
.muted{color:var(--muted); font-size:12px;}

div.table{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--surface-radius);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  box-shadow:var(--shadow-soft);
  padding:var(--surface-pad);
}
table{width:100%; border-collapse:separate; border-spacing:0;}
table.table{background:transparent; color:var(--text);}
thead th{
  text-align:left;
  font-weight:700;
  font-size:11px;
  color:var(--muted);
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  background:var(--theadbg);
}
thead th:first-child{border-top-left-radius:14px;}
thead th:last-child{border-top-right-radius:14px;}
tbody th{
  padding:14px 16px;
  border-bottom:1px solid var(--rowline);
  vertical-align:top;
  text-align:left;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
tbody td{
  padding:var(--table-pad-y) var(--table-pad-x);
  border-bottom:1px solid var(--rowline);
  vertical-align:top;
}
tbody tr:last-child th,
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover td{background:rgba(37,99,235,0.04);}
.table td,
.table th{overflow-wrap:normal; word-break:normal;}
.mono{font-family:"JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; white-space:nowrap;}
.nowrap{white-space:nowrap;}
.truncate{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table--clients{table-layout:fixed;}
.table--clients th:nth-child(1), .table--clients td:nth-child(1){width:34%;}
.table--clients th:nth-child(2), .table--clients td:nth-child(2){width:14%;}
.table--clients th:nth-child(3), .table--clients td:nth-child(3){width:14%;}
.table--clients th:nth-child(4), .table--clients td:nth-child(4){width:12%;}
.table--clients th:nth-child(5), .table--clients td:nth-child(5){width:12%;}
.table--clients th:nth-child(6), .table--clients td:nth-child(6){width:14%;}
.table-cell--break{white-space:normal; overflow-wrap:anywhere; word-break:break-word;}
.table-cell--id{font-size:11px; line-height:1.45;}
.table-cell--ua{line-height:1.45;}
.small{font-size:12px; color:var(--muted);}
.field-label.small{font-size:13px; color:var(--label); font-weight:600;}
.tag{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--tagbg);
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-right:6px;
  margin-bottom:4px;
}

.tag--on{background:var(--btnonbg); color:var(--accent); border-color:rgba(37,99,235,0.22);}

.check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 2px;
  color:var(--text);
}
.check input{width:16px; height:16px; accent-color:var(--accent);}

.chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card-soft);
  color:var(--text);
}
.chip input{width:16px; height:16px; accent-color:var(--accent);}

.switch-grid{
  display:flex;
  flex-wrap:wrap;
  gap:14px 26px;
  align-items:flex-start;
  margin-bottom:14px;
}
.switch-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:112px;
}
.recovery-scope-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-bottom:14px;
}
.recovery-scope-item,
.tls-source-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card-soft);
  color:var(--text);
  cursor:pointer;
}
.recovery-scope-item span,
.tls-source-card span{
  min-width:0;
  overflow-wrap:normal;
  word-break:normal;
  font-weight:600;
}
.recovery-scope-item input,
.tls-source-card input{
  width:16px;
  height:16px;
  flex:0 0 auto;
  accent-color:var(--accent);
}
.tls-source-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-bottom:14px;
}
.switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:48px;
  height:28px;
}
.switch input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.switch__track{
  width:48px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--card-soft);
  transition:background 0.2s ease, border-color 0.2s ease;
}
.switch__track::after{
  content:"";
  display:block;
  width:20px;
  height:20px;
  margin:3px;
  border-radius:50%;
  background:#94a3b8;
  transition:transform 0.2s ease, background 0.2s ease;
}
.switch input:checked + .switch__track{
  border-color:rgba(16,185,129,0.35);
  background:rgba(16,185,129,0.18);
}
.switch input:checked + .switch__track::after{
  transform:translateX(20px);
  background:#10b981;
}
.switch input:focus-visible + .switch__track{
  outline:0;
  box-shadow:0 0 0 3px rgba(37,99,235,0.16);
}

@media (max-width: 980px){
  .switch-grid{gap:14px 18px;}
  .recovery-scope-grid,
  .tls-source-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media (max-width: 640px){
  .switch-field{min-width:100%;}
  .recovery-scope-grid,
  .tls-source-grid{grid-template-columns:1fr;}
}

.split-preview-grid{grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));}
.split-preview-card{min-height:120px;}
.split-preview-card__meta{margin-bottom:6px;}
.split-preview-card__pre{white-space:pre-wrap; margin:0;}
.textarea--compact{min-height:188px; height:188px;}

/* Call graph */
.graphwrap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
  isolation:isolate;
}

@media (max-width: 860px){
  .graphwrap{grid-template-columns:1fr;}
}
.graphbox, .graphdetail{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.graphbox{
  position:relative;
  z-index:1;
  overflow:auto;
  height:420px;
  -webkit-overflow-scrolling:touch;
  min-width:0;
  max-width:100%;
  clip-path: inset(0);
  padding:16px;
}

.graphdetail{
  position:relative;
  z-index:3;
  min-width:0;
  height:420px;
  overflow:auto;
}

.graphdetail{
  padding:16px 18px;
}
.graphdetail h3{
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:600;
}
.graphdetail .kv{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:6px 10px;
  margin-top:10px;
}
.graphdetail .kv .k{color:var(--muted);} 
.graphdetail .kv .v{color:var(--text);} 
.graphsvg{display:block;}
.edge{fill:none; stroke:var(--edge); stroke-width:1.5;}
.edge--active{stroke:var(--edgeActive); stroke-width:2.5;}
.edge--sel{stroke:var(--edgeSel); stroke-width:3;}
.node{fill:var(--card); stroke:var(--line); stroke-width:1;}
.node--sel{stroke:var(--nodeSel); stroke-width:2;}
.node,.edge{cursor:pointer;}
.nlabel{font-size:12px; fill:var(--text);}
.nmeta{font-size:11px; fill:var(--muted);} 

.logwrap{width:min(var(--page-width), calc(100% - (var(--page-gutter) * 2))); max-width:none; margin:0 auto; padding:14px 0 24px;}
.logpanel{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  min-width:0;
}
.logtools{
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  gap:12px;
  padding:16px;
  border-bottom:1px solid var(--line);
  background:var(--theadbg);
  min-width:0;
}
.logtools > *{min-width:0;}
.logtool-actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:flex-end;
  justify-content:flex-start;
  min-width:0;
}
.logtool-actions .button{margin:0; min-width:96px; white-space:nowrap;}
.input{
  width:100%;
  border:1px solid var(--line);
  background:var(--field);
  color:var(--text);
  caret-color:var(--text);
  border-radius:14px;
  padding:10px 14px;
  min-height:42px;
  outline:none;
}
::placeholder{ color:var(--placeholder); opacity:1; }
.input:focus{ border-color:rgba(37,99,235,0.65); box-shadow:0 0 0 3px rgba(37,99,235,0.14); }
.input:disabled{ opacity:0.6; }
select.input{
  appearance:none;
  padding-right:40px;
  background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
textarea.input{ resize:vertical; }
textarea.input,
.textarea.input{padding:12px 14px !important; line-height:1.5;}
.table-toolbar{padding:0 8px;}
.table-toolbar--histcalls{margin-bottom:10px;}
.table-toolbar__meta{align-self:flex-end; min-width:0;}
.table-toolbar__actions{align-self:flex-end; margin:0;}
.table-empty{
  padding:0;
  border:0;
  background:transparent;
}
.table-section-label{padding:8px 2px 4px;}
.detail-stack{margin-top:10px;}
.users-hint{margin-top:10px;}
.hidden{display:none !important;}
.textarea--fullwidth{width:100%;}
.textarea--tall{min-height:180px;}
.textarea--medium{min-height:160px;}

@media (max-width: 1100px){
  .logtools > .form-field.form-field--span-3{grid-column:span 4 !important;}
  .logtools > .form-field.form-field--span-5{grid-column:span 7 !important;}
  .logtool-actions{grid-column:1 / -1;}
}

@media (max-width: 760px){
  .logtool-actions{flex-wrap:wrap; justify-content:flex-start;}
}

@media (max-width: 680px){
  .logtools > *{grid-column:1 / -1 !important;}
  .logtool-actions{flex-wrap:wrap;}
}
.logview{
  height:65vh;
  min-height:320px;
  overflow:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
  min-width:0;
}
.logpre{
  margin:0;
  padding:16px;
  font:12px/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}

body[data-page-id="debug"]{
  --debug-shell-border: rgba(148, 163, 184, 0.16);
}

body[data-page-id="debug"] .section-tabs{
  gap:var(--space-3);
}

body[data-page-id="debug"] .logpanel{
  display:grid;
  gap:1px;
  padding:1px;
  border:1px solid var(--debug-shell-border);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
}

body[data-page-id="debug"] .logtools{
  border-bottom:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

body[data-page-id="debug"] .logview{
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

body[data-page-id="debug"] .section-card{
  border-color:var(--debug-shell-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

body[data-page-id="debug"] .table.box.table-surface{
  border:0;
  background:transparent;
  box-shadow:none;
}

@media (max-width: 760px){
  body[data-page-id="callout"] .callout-hero__note{
    grid-template-columns:1fr;
  }

  body[data-page-id="callout"] .callout-hero__chips{
    justify-content:flex-start;
  }
}

/* Debug log highlighting */
.btn--on{
  background:var(--btnonbg);
}
.logline{display:block;}
.lv-error{color:#ff3b30; font-weight:600;}
.lv-warn{color:#ff9f0a; font-weight:600;}
.lv-info{color:var(--text);}
.lv-debug{color:var(--lv-debug);}
.lv-trace{color:var(--lv-trace);}
.regex-err{color:#ff3b30;}

/* Historical calls cards on mobile */
.histcalls-mobile{display:none; margin-top:14px;}
.histcalls-mobile .box{margin:0;}
.hist-call-card{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
  box-shadow:var(--shadow-soft);
}
.hist-call-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.hist-call-card__uuid{min-width:0; font-size:12px; line-height:1.35;}
.hist-call-card__meta{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 10px;
}
.hist-call-card__field{min-width:0; display:grid; gap:2px;}
.hist-call-card__label{
  color:var(--muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.hist-call-card__value{min-width:0; color:var(--text); line-height:1.35;}
.hist-call-card__value--id,
.hist-call-card__value--time,
.hist-call-card__value--mono{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hist-call-card__participants{display:flex; flex-wrap:wrap; gap:6px;}
.hist-call-card__participants .tag{margin:0;}

@media (max-width: 768px){
  .histcalls-table{display:none;}
.histcalls-mobile{display:grid; gap:10px;}
}

.governance-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.governance-tags .tag{margin:0;}

.governance-detail-grid,
.governance-summary-grid{
  gap:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
}

.governance-detail-grid .detail-grid__item,
.governance-summary-grid > .compact-metric-card{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}

.governance-sheet-stack{
  display:grid;
  gap:0;
  margin-top:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.governance-audit-grid,
.governance-forensics-grid,
.governance-integrations-grid,
.governance-monitoring-grid,
.governance-workbench-grid,
.governance-tool-layout,
.governance-response-layout{
  display:grid;
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  align-items:start;
}

.governance-audit-grid{
  grid-template-columns:minmax(0, 0.96fr) minmax(0, 1.04fr);
}

.governance-audit-summary{
  grid-template-columns:repeat(4, minmax(0, 1fr));
  margin-bottom:var(--space-4);
}

.governance-audit-summary > .compact-metric-card + .compact-metric-card{
  border-top:0;
}

.governance-audit-grid > .section-card{
  margin-top:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  align-self:start;
}

.governance-forensics-section{
  min-width:0;
}

.governance-forensics-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin-top:var(--space-4);
  align-items:start;
}

.governance-forensics-col{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.governance-forensics-col > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  align-self:start;
}

.governance-integrations-grid,
.governance-monitoring-grid{
  gap:1px;
  align-items:start;
  min-width:0;
}

.governance-integrations-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.governance-integrations-grid > .section-card{
  margin-top:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  align-self:start;
}

.governance-monitoring-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.governance-monitoring-grid > .section-card{
  margin-top:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  align-self:start;
}

.governance-monitoring-grid > .section-card + .section-card{
  border-top:0;
}

.governance-workbench-grid{
  grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);
  margin-top:var(--space-4);
  align-items:start;
}

.governance-workbench-grid > .governance-sheet-stack{
  margin-top:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  align-self:start;
}

body[data-page-id="governance"] .governance-workbench-grid > .governance-sheet-stack{
  display:contents;
}

body[data-page-id="governance"] .governance-workbench-grid > .governance-sheet-stack > .section-card{
  margin:0;
  min-width:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  align-self:start;
}

body[data-page-id="governance"] .governance-workbench-grid > .governance-sheet-stack > .section-card{
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  box-shadow:none;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

body[data-page-id="governance"] .governance-workbench-grid > .governance-sheet-stack > .section-card + .section-card{
  border-top:1px solid rgba(148, 163, 184, 0.1);
}

.governance-workbench-col{
  min-width:0;
}

.governance-tool-layout{
  grid-template-columns:minmax(0, 1.12fr) minmax(0, 0.88fr);
  margin-top:16px;
  align-items:start;
}

.governance-response-layout{
  grid-template-columns:minmax(0, 0.82fr) minmax(0, 1.18fr);
  margin-top:var(--space-4);
  align-items:start;
}

.governance-tool-layout > .section--nested,
.governance-response-layout > *{
  min-width:0;
  align-self:start;
}

.governance-tool-layout > .section--nested{
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.governance-response-layout__meta,
.governance-response-layout__body{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.governance-response-layout__meta{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-content:start;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.governance-response-layout__meta > #toolSummaryGrid,
.governance-response-layout__meta > #toolSelectionGrid{
  grid-column:span 1;
}

.governance-response-layout__meta > #toolTagList,
.governance-response-layout__meta > #toolNotes{
  grid-column:1 / -1;
}

.governance-response-layout__body{
  max-height:min(74vh, 760px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:var(--space-4);
  padding-right:4px;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.governance-response-layout__body .governance-json-table{
  max-height:min(50vh, 480px);
}

body[data-page-id="governance"] .governance-response-layout .table.box.table-surface{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}

body[data-page-id="governance"] .governance-response-layout .table.box.table-surface > table{
  margin:0;
}

.governance-raw-toggle{
  display:grid;
  gap:var(--space-3);
  margin-top:var(--space-2);
}

.governance-raw-toggle > summary{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-3);
  list-style:none;
  cursor:pointer;
  padding:var(--space-3) 0 0;
  border-top:1px solid rgba(148, 163, 184, 0.12);
}

.governance-raw-toggle > summary::-webkit-details-marker{
  display:none;
}

.governance-raw-toggle > summary > span:first-child{
  font-size:1rem;
  font-weight:700;
  letter-spacing:-0.01em;
}

.governance-raw-toggle .governance-json-table{
  margin-top:0;
}

.governance-sheet-stack > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  padding:var(--space-4) 0;
}

.governance-sheet-stack > .section-card + .section-card{
  margin-top:0;
  border-top:1px solid rgba(148, 163, 184, 0.1);
}

.governance-sheet-stack .section-card .section-card{
  margin-top:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.governance-sheet-stack .section-card .section-card + .section-card{
  margin-top:var(--space-4);
  padding-top:var(--space-4);
  border-top:1px solid rgba(148, 163, 184, 0.16);
}

.governance-monitoring-grid > .section-card + .section-card{
  border-top:0;
}

body[data-page-id="governance"] .governance-sheet-stack .table.box.table-surface{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}

body[data-page-id="governance"] .governance-sheet-stack .table.box.table-surface > table{
  margin:0;
}

.governance-summary-grid > .compact-metric-card{
  min-height:auto;
  padding:var(--space-3) 0;
  background:transparent;
}

.governance-summary-grid > .compact-metric-card + .compact-metric-card{
  border-top:1px solid rgba(148, 163, 184, 0.12);
}

body[data-page-id="governance"] .metrics-bento,
body[data-page-id="governance"] .governance-sheet-stack .metric-card.box{
  gap:var(--space-3);
}

body[data-page-id="governance"] .metrics-bento .metric-card.box,
body[data-page-id="governance"] .governance-sheet-stack .metric-card.box{
  min-height:auto;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body[data-page-id="governance"] .metrics-bento .metric-card.box .button,
body[data-page-id="governance"] .governance-sheet-stack .metric-card.box .button{
  min-height:34px;
}

.governance-detail-grid .detail-grid__item{
  min-height:auto;
  padding:var(--space-3) 0;
  background:transparent;
}

.governance-detail-grid .detail-grid__item + .detail-grid__item{
  border-top:1px solid rgba(148, 163, 184, 0.12);
}

.audit-diff{
  display:grid;
  gap:4px;
  margin-bottom:8px;
}

.audit-diff:last-child{margin-bottom:0;}

.governance-inline-hint{margin-top:10px;}

.governance-action-stack{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  margin-top:16px;
}

.governance-action-row{
  display:grid;
  gap:8px;
  align-content:start;
}

.governance-action-label{
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.governance-action-group{
  align-items:flex-start;
}

.governance-summary-grid{
  margin-top:4px;
}

.governance-detail-grid{
  margin-top:16px;
}

.governance-tool-notes{
  margin-top:12px;
  line-height:1.45;
}

.governance-subhead{
  margin-top:20px;
}

.governance-json-table{
  margin-top:0;
  max-height:min(58vh, 560px);
  padding:0 !important;
  overflow:auto;
  overscroll-behavior:contain;
}

.governance-json{
  display:block;
  margin:0;
  min-width:100%;
  width:max-content;
  padding:var(--surface-pad);
  font:12px/1.5 "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space:pre;
  overflow-wrap:normal;
  color:var(--text);
}

.governance-forensics-textarea{
  min-height:180px;
  resize:vertical;
}

@media (max-width: 1180px){
  .governance-workbench-grid{
    grid-template-columns:1fr;
  }

  .governance-audit-summary{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .governance-audit-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 700px){
  .governance-action-stack{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .governance-tool-layout,
  .governance-response-layout,
  .governance-audit-summary,
  .governance-integrations-grid,
  .governance-monitoring-grid,
  .governance-forensics-grid{
    grid-template-columns:1fr;
  }

  .governance-response-layout__body{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
}

@media (max-width: 768px){
  .governance-sheet-stack{
    border-radius:20px;
  }

  .governance-action-group .button{
    flex:1 1 160px;
  }

  .governance-json-table{
    max-height:min(50vh, 420px);
  }
}

:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --radius-1:8px;
  --radius-2:12px;
  --radius-3:16px;
  --radius-4:20px;
  --shadow-1:0 10px 24px rgba(15,23,42,0.06);
  --shadow-2:0 18px 42px rgba(15,23,42,0.10);
  --sidebar-expanded-width:clamp(296px, 22vw, 344px);
  --sidebar-collapsed-width:84px;
  --sidebar-width:var(--sidebar-expanded-width);
  --content-width:1280px;
}

html.is-locked,
body.is-locked{overflow:hidden;}
body.bulma-ui{overflow-x:hidden;}

.app-shell{
  display:block;
  min-height:100vh;
}

.app-shell__sidebar-inner{
  display:flex;
  flex-direction:column;
  min-height:0;
}

.app-shell__sidebar{
  display:none;
}

.app-shell__main{
  min-width:0;
}

.app-shell__content{
  padding-bottom:var(--space-6);
}

.app-shell__brand{
  display:grid;
  gap:10px;
  justify-items:center;
  padding:24px 20px 16px;
}

.app-shell__brand-link{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  width:100%;
  color:var(--text);
  text-decoration:none;
}

.app-shell__brand-meta{
  display:block;
  width:100%;
  margin-top:0;
  padding-left:0;
  text-align:center;
  color:var(--muted);
  font-size:15px;
  font-weight:600;
}

.sidebar-nav{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:var(--space-4);
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 var(--space-4) var(--space-5);
}

.sidebar-nav__primary,
.sidebar-nav__groups,
.sidebar-nav__submenu{
  display:grid;
  gap:var(--space-2);
}

.sidebar-nav__groups{
  display:grid;
  gap:var(--space-4);
  align-content:start;
  flex:0 0 auto;
}

.sidebar-nav__group{
  position:relative;
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:var(--card-soft);
  overflow:hidden;
}

.sidebar-nav__group > summary{
  position:relative;
  z-index:1;
  list-style:none;
}

.sidebar-nav__group > summary::-webkit-details-marker{display:none;}

.sidebar-nav__summary,
.sidebar-nav__link{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-height:44px;
  width:100%;
  padding:0 var(--space-4);
  border-radius:var(--radius-2);
  color:var(--text);
  text-decoration:none;
  font-weight:600;
  transition:background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.sidebar-nav__summary{
  cursor:pointer;
  justify-content:space-between;
  border-radius:0;
}

.sidebar-nav__summary-main{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}

.sidebar-nav__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 auto;
}

.sidebar-nav__icon svg{
  display:block;
  width:100%;
  height:100%;
}

.sidebar-nav__summary::after{
  content:"";
  width:8px;
  height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
}

.sidebar-nav__group[open] > .sidebar-nav__summary::after{transform:rotate(225deg); margin-top:4px;}

.sidebar-nav__link:hover,
.sidebar-nav__summary:hover{background:var(--ghosthover);}

.sidebar-nav__link--primary{border:1px solid transparent;}

.sidebar-nav__link--secondary{
  margin:0;
  min-height:44px;
  color:var(--muted);
  border-radius:0;
}

.sidebar-nav__link span:last-child,
.sidebar-nav__summary-main span:last-child{
  min-width:0;
}

.sidebar-nav__submenu{
  position:relative;
  z-index:2;
  padding:var(--space-2) 0;
}

.sidebar-nav__submenu .sidebar-nav__link{
  position:relative;
  z-index:3;
  pointer-events:auto;
}

.sidebar-nav__link--active,
.sidebar-nav__summary--active{
  background:var(--accent-soft);
  color:var(--accent);
}

.topbar{
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  gap:var(--space-4);
  align-items:start;
  margin:0;
  padding:var(--space-4);
  border:none;
  border-bottom:1px solid rgba(226,232,240,0.7);
  border-radius:0;
  width:100%;
  background:rgba(249,250,251,0.92);
  box-shadow:none;
  backdrop-filter:blur(16px) saturate(140%);
}

:root[data-theme="dark"] .topbar{
  background:rgba(7,17,30,0.92);
  border-bottom-color:rgba(32,49,74,0.8);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .topbar{
    background:rgba(7,17,30,0.92);
    border-bottom-color:rgba(32,49,74,0.8);
  }
}

.topbar__left,
.topbar__tools,
.topbar__status-grid{
  min-width:0;
}

.topbar__left{
  display:flex;
  align-items:center;
  gap:var(--space-3);
}

.logout-form{display:inline-flex; margin:0;}
.topbar__logout{white-space:nowrap;}

.topbar__menu{
  display:inline-flex;
}

.topbar__status-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-3);
}

.topbar-status__item{
  display:grid;
  gap:var(--space-1);
  min-width:0;
  align-content:start;
  padding:var(--space-2) var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:rgba(255,255,255,0.72);
}

:root[data-theme="dark"] .topbar-status__item{background:rgba(15,27,45,0.72);}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .topbar-status__item{background:rgba(15,27,45,0.72);}
}

.topbar-status__label{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.topbar-status__value,
.topbar-status__meta{
  min-width:0;
}

.topbar-status__value{
  font-size:14px;
  font-weight:700;
  color:var(--text);
}

.topbar-status__value--muted{color:var(--muted); font-weight:600;}

.topbar-status__meta{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  min-height:2.7em;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.status-summary{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}

.status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card-soft);
  color:var(--text);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.status-badge--success{background:rgba(16,185,129,0.12); border-color:rgba(16,185,129,0.16); color:#047857;}
.status-badge--info{background:rgba(37,99,235,0.10); border-color:rgba(37,99,235,0.16); color:#1d4ed8;}
.status-badge--warning{background:rgba(245,158,11,0.14); border-color:rgba(245,158,11,0.18); color:#b45309;}
.status-badge--danger{background:rgba(239,68,68,0.12); border-color:rgba(239,68,68,0.18); color:#b91c1c;}
.status-badge--neutral{background:var(--card-soft); border-color:var(--line); color:var(--muted);}

.dot[data-variant="success"],
.page-badge__dot{background:#10b981;}
.dot[data-variant="info"]{background:#3b82f6;}
.dot[data-variant="danger"]{background:#ef4444;}
.dot[data-variant="warning"]{background:#f59e0b;}

.page-header-wrap{
  width:min(var(--content-width), calc(100% - (var(--page-gutter) * 2)));
  margin:0 auto;
  padding:var(--space-4) 0 var(--space-3);
}

.page-header{
  display:grid;
  gap:var(--space-4);
  padding:var(--space-4) var(--space-5);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
  box-shadow:var(--shadow-1);
}

.page-header__copy{
  display:grid;
  gap:var(--space-2);
}

.page-header__eyebrow{
  color:var(--accent);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
}

.page-header__title{
  margin:0;
  font-size:clamp(1.9rem, 3vw, 2.6rem);
  line-height:1.05;
  letter-spacing:-0.03em;
}

.page-header__subtitle{
  margin:var(--space-2) 0 0;
  max-width:68ch;
  color:var(--label);
  font-size:14px;
}

.page-header__meta:empty,
.page-header__actions:empty{display:none;}

.page-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  width:100%;
  min-width:0;
}

.page-tabs__link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card);
  color:var(--text);
  text-decoration:none;
  font-weight:600;
  font:inherit;
  cursor:pointer;
  appearance:none;
  min-width:0;
}

.page-tabs__link.is-active{background:var(--accent-soft); border-color:rgba(37,99,235,0.18); color:var(--accent);}

.section-tabs{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  margin-top:var(--space-5);
  min-width:0;
}

.page-badge-group{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--space-2);
  flex-wrap:wrap;
}

.page-badge{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card-soft);
}

.page-badge--stream{
  background:transparent;
  border-style:dashed;
}

.page-badge__dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#94a3b8;
}

.page-badge__value{max-width:18ch; overflow:hidden; text-overflow:ellipsis;}

.page-badge__value--stream{max-width:24ch;}

.wrap,
.logwrap{
  width:min(var(--content-width), calc(100% - (var(--page-gutter) * 2)));
  margin:0 auto;
  padding:0 0 var(--space-6);
}

.section-card{
  margin-top:var(--space-5);
  padding:var(--space-5);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--card);
  box-shadow:var(--shadow-1);
}

.section-card__head,
.dashboard-stage__head,
.event-list-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
  flex-wrap:wrap;
  margin-bottom:var(--space-4);
}

.section-card__head > *,
.dashboard-stage__head > *,
.event-list-card__head > *,
.hero-metric-card__head > *,
.status-card__head > *,
.compact-metric-card__head > *,
.status-card__stack-head > *,
.dashboard-policy-banner__main,
.dashboard-policy-banner__side,
.dashboard-policy-banner__title-row > *{
  min-width:0;
}

.section-card__head h2,
.dashboard-stage__head h2,
.event-list-card__head h3,
.status-card__head h3,
.compact-metric-card h3{
  margin:0;
  font-size:1rem;
  font-weight:700;
  letter-spacing:-0.01em;
  text-transform:none;
}

.section-card__head h2,
.dashboard-stage__head h2,
.event-list-card__head h3,
.status-card__head h3,
.compact-metric-card h3,
.hero-metric-card__title,
.hero-metric-card__summary,
.hero-metric-card__subtext,
.status-card__head p,
.status-card__detail,
.status-card__stack-meta,
.event-list__summary,
.event-list__meta,
.compact-metric-card__meta,
.dashboard-policy-banner__meta,
.dashboard-policy-banner__detail,
.page-header__subtitle{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.dashboard-stage + .dashboard-stage,
.section-card + .section-card{margin-top:var(--space-5);}

.dashboard-policy-banner{
  display:grid;
  grid-template-columns:minmax(0, 1.5fr) minmax(260px, 0.85fr);
  gap:var(--space-4);
  align-items:start;
  padding:var(--space-5);
  margin-bottom:var(--space-5);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
  box-shadow:var(--shadow-1);
  position:relative;
  overflow:hidden;
}

.dashboard-policy-banner::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:var(--policy-banner-accent, var(--accent));
}

.dashboard-policy-banner.is-success{
  --policy-banner-accent:#16a34a;
  --policy-banner-soft:rgba(22,163,74,0.12);
}

.dashboard-policy-banner.is-warning{
  --policy-banner-accent:#d97706;
  --policy-banner-soft:rgba(217,119,6,0.12);
}

.dashboard-policy-banner.is-danger{
  --policy-banner-accent:#ea580c;
  --policy-banner-soft:rgba(234,88,12,0.12);
}

.dashboard-policy-banner__main,
.dashboard-policy-banner__side{
  position:relative;
  z-index:1;
}

.dashboard-policy-banner__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:var(--policy-banner-soft, var(--accent-soft));
  color:var(--policy-banner-accent, var(--accent));
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
}

.dashboard-policy-banner__title-row{
  margin-top:var(--space-3);
  display:flex;
  gap:var(--space-3);
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.dashboard-policy-banner__title-row h2{
  margin:0;
  font-size:clamp(1.35rem, 1.8vw, 1.85rem);
  line-height:1.1;
  letter-spacing:-0.02em;
}

.dashboard-policy-banner__meta{
  margin:var(--space-3) 0 0;
  color:var(--text);
  font-weight:600;
}

.dashboard-policy-banner__detail{
  margin-top:var(--space-2);
  color:var(--muted);
}

.dashboard-policy-banner__side{
  display:grid;
  gap:var(--space-3);
  align-content:space-between;
  justify-items:stretch;
}

.dashboard-policy-banner__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-3);
}

.dashboard-policy-banner__stat{
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:var(--card);
}

.dashboard-policy-banner__stat-label{
  color:var(--muted);
  font-size:0.82rem;
}

.dashboard-policy-banner__stat-value{
  margin-top:6px;
  font-size:1.35rem;
  line-height:1;
  font-weight:800;
}

.dashboard-policy-banner__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0.72rem 1rem;
  border-radius:var(--radius-3);
  border:1px solid var(--line);
  background:var(--policy-banner-soft, var(--accent-soft));
  color:var(--policy-banner-accent, var(--accent));
  font-weight:700;
  text-decoration:none;
}

.dashboard-hero-grid,
.dashboard-status-grid,
.dashboard-event-grid,
.dashboard-compact-grid{
  display:grid;
  gap:var(--space-4);
  min-width:0;
}

.dashboard-hero-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  grid-auto-flow:dense;
}
.dashboard-status-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.dashboard-compact-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
.dashboard-event-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.dashboard-event-grid--ops{align-items:start;}

.hero-metric-card,
.status-card,
.compact-metric-card,
.event-list-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-5);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
  box-shadow:var(--shadow-1);
}

.hero-metric-card{
  min-height:220px;
  align-content:space-between;
}

.hero-metric-card--wide{
  grid-column:span 2;
  min-height:240px;
}

.hero-metric-card--feature{
  position:relative;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);
  grid-template-areas:
    "head head"
    "value subtext";
  align-content:stretch;
  overflow:hidden;
  border-color:rgba(37,99,235,0.18);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.16), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(248,250,252,0.99) 100%);
  box-shadow:0 18px 42px rgba(15,23,42,0.08);
}

.hero-metric-card--feature::after{
  content:"";
  position:absolute;
  inset:auto -18% -28% auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,0.16) 0, rgba(37,99,235,0.02) 52%, transparent 70%);
  pointer-events:none;
}

.hero-metric-card--feature .hero-metric-card__head,
.hero-metric-card--feature .hero-metric-card__value,
.hero-metric-card--feature .hero-metric-card__subtext{
  position:relative;
  z-index:1;
}

.hero-metric-card--feature .hero-metric-card__head{
  grid-area:head;
}

.hero-metric-card--feature .hero-metric-card__value{
  grid-area:value;
  align-self:end;
}

.hero-metric-card--feature .hero-metric-card__subtext{
  grid-area:subtext;
  max-width:24ch;
  justify-self:end;
  align-self:end;
  text-align:right;
}

.hero-metric-card__head,
.status-card__head,
.compact-metric-card__head,
.status-card__stack-head{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
}

.hero-metric-card__title,
.status-card__head p,
.compact-metric-card__meta,
.hero-metric-card__summary,
.hero-metric-card__subtext,
.status-card__detail,
.status-card__stack-meta,
.event-list__summary,
.event-list__meta{
  color:var(--muted);
}

.hero-metric-card__value{
  font-size:clamp(2.3rem, 5vw, 3.4rem);
  line-height:0.95;
  font-weight:800;
  letter-spacing:-0.04em;
}

.hero-metric-card__value--status{font-size:2rem;}

.status-card__value{
  font-size:1.8rem;
  line-height:1;
  font-weight:800;
}

.status-card__body--stack,
.status-card__body{
  display:grid;
  gap:var(--space-3);
}

.status-card__stack-item{
  padding:var(--space-2);
  border:1px solid var(--line);
  border-radius:var(--radius-2);
  background:var(--card);
}

.status-card__stack-item--alarm{
  border-color:rgba(239,68,68,0.18);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,0.06), transparent 42%),
    linear-gradient(180deg, rgba(255,247,247,0.96) 0, rgba(255,255,255,0.98) 100%);
}

.status-card__stack-item--forwarding{
  border-color:rgba(37,99,235,0.18);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.06), transparent 42%),
    linear-gradient(180deg, rgba(247,250,255,0.96) 0, rgba(255,255,255,0.98) 100%);
}

.status-card__alarm-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:var(--space-2);
  align-items:start;
}

.status-card__alarm-copy{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.status-card__value--alarm{
  color:#b91c1c;
  font-size:1.55rem;
}

.status-card__value--forwarding{
  color:#1d4ed8;
  font-size:1.55rem;
}

.status-card--wide{
  grid-column:span 2;
  min-height:200px;
}

#cardInjectStreams{
  grid-column:1 / -1;
}

.status-card--feature{
  position:relative;
  overflow:hidden;
  border-color:rgba(37,99,235,0.18);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.12), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(248,250,252,0.99) 100%);
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
}

.status-card--feature::after{
  content:"";
  position:absolute;
  inset:auto -18% -28% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,0.12) 0, rgba(37,99,235,0.02) 52%, transparent 70%);
  pointer-events:none;
}

.status-card--feature .status-card__value{
  font-size:clamp(2.05rem, 4vw, 3.1rem);
}

.status-card--feature .status-card__detail{
  max-width:40ch;
}

.status-card--critical{
  position:relative;
  overflow:hidden;
  border-color:rgba(239,68,68,0.18);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,0.10), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(255,247,247,0.99) 100%);
  box-shadow:0 18px 40px rgba(15,23,42,0.08);
}

.status-card--critical::after{
  content:"";
  position:absolute;
  inset:auto -18% -28% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(239,68,68,0.12) 0, rgba(239,68,68,0.02) 52%, transparent 70%);
  pointer-events:none;
}

.status-card--critical .status-card__value{
  color:#b91c1c;
}

.compact-metric-card__value{
  font-size:1.9rem;
  line-height:1;
  font-weight:800;
}

.compact-metric-card__rate{
  font-variant-numeric:tabular-nums;
}

.compact-metric-card.is-traffic-neutral{
  border-color:var(--line);
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
}

.compact-metric-card.is-traffic-info{
  border-color:rgba(37,99,235,0.18);
  background:linear-gradient(180deg, rgba(37,99,235,0.06) 0, var(--card-soft) 100%);
}

.compact-metric-card.is-traffic-warning{
  border-color:rgba(245,158,11,0.22);
  background:linear-gradient(180deg, rgba(245,158,11,0.08) 0, var(--card-soft) 100%);
}

.compact-metric-card.is-traffic-danger{
  border-color:rgba(239,68,68,0.24);
  background:linear-gradient(180deg, rgba(239,68,68,0.08) 0, var(--card-soft) 100%);
}

.accounting-page .accounting-summary-stack{
  display:grid;
  gap:var(--space-4);
  min-width:0;
  padding:0;
  background:transparent;
}

.accounting-page .accounting-summary-card,
.accounting-page .accounting-filters-card,
.accounting-page .accounting-ledger-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.accounting-page .accounting-summary-layout{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(420px, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.accounting-page .accounting-summary-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  overflow:visible;
  align-items:start;
}

.accounting-page .accounting-summary-grid > .compact-metric-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.accounting-page .accounting-summary-grid > .compact-metric-card--primary{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.07), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.accounting-page .accounting-summary-grid > .compact-metric-card--support{
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.accounting-page .accounting-summary-usage{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.accounting-page .accounting-summary-usage .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.accounting-page .accounting-filters-grid{
  display:grid;
  gap:var(--space-4);
}

.accounting-page .accounting-filters-fields{
  align-items:end;
}

.accounting-page .accounting-filters-actions{
  justify-content:flex-start;
}

.accounting-page .accounting-ledger-card [data-section-panel]{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.accounting-page .accounting-ledger-card .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.accounting-page .accounting-ledger-card .data-card-list{
  margin-top:10px;
}

.accounting-page .compact-metric-card--primary{
  min-height:168px;
  border-color:rgba(37,99,235,0.14);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.07), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.accounting-page .compact-metric-card--support{
  min-height:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.accounting-page .compact-metric-card--primary .compact-metric-card__value{
  font-size:2.15rem;
}

.accounting-page .compact-metric-card--support .compact-metric-card__value{
  font-size:1.65rem;
}

.accounting-page .compact-metric-card--support .compact-metric-card__meta{
  color:var(--muted);
}

.dashboard-quick-strip{
  --dashboard-quick-cols:4;
  display:grid;
  grid-template-columns:repeat(var(--dashboard-quick-cols), minmax(0, 1fr));
  gap:1px;
  padding:1px;
  margin-top:var(--space-5);
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:var(--shadow-1);
  overflow:hidden;
}

.dashboard-quick-strip__card{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.dashboard-quick-strip__card--feature{
  background:
    radial-gradient(circle at top right, rgba(37,99,235,0.08), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(247,250,252,0.99) 100%);
}

.dashboard-quick-strip__label{
  color:var(--muted);
  font-size:0.76rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.dashboard-quick-strip__value{
  font-size:clamp(1.7rem, 3vw, 2.55rem);
  line-height:0.98;
  font-weight:800;
  letter-spacing:-0.04em;
  color:var(--text);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.dashboard-quick-strip__value--time{
  font-size:clamp(1.02rem, 1.7vw, 1.38rem);
  line-height:1.15;
  letter-spacing:-0.02em;
}

.dashboard-quick-strip__meta{
  color:var(--muted);
  font-size:0.9rem;
  line-height:1.3;
}

@media (max-width: 1023px){
  .dashboard-quick-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .dashboard-quick-strip{
    grid-template-columns:1fr;
  }
}

@media (max-width: 1023px){
  .accounting-page .accounting-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px){
  .accounting-page .accounting-summary-layout{
    grid-template-columns:1fr;
  }

  .accounting-page .accounting-summary-grid{
    grid-template-columns:1fr;
  }

  .accounting-page .compact-metric-card--primary,
  .accounting-page .compact-metric-card--support{
    min-height:0;
  }
}

.event-list-card__link{
  color:var(--accent);
  text-decoration:none;
  font-weight:600;
}

.dashboard-stage--operations .event-list-card,
.dashboard-stage--ops-alarms{
  overflow:hidden;
}

.dashboard-stage--operations .dashboard-summary-strip{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

.dashboard-stage--operations .dashboard-summary-strip__panel{
  display:grid;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3) var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.dashboard-stage--operations .dashboard-summary-strip__panel + .dashboard-summary-strip__panel{
  border-left:1px solid rgba(148,163,184,0.14);
}

.dashboard-stage--operations .dashboard-summary-strip__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
  min-width:0;
}

.dashboard-stage--operations .dashboard-summary-strip__head-copy{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.dashboard-stage--operations .dashboard-summary-strip__head h3{
  margin:0;
  font-size:1rem;
  font-weight:700;
  letter-spacing:-0.01em;
}

.dashboard-stage--operations .dashboard-summary-strip__meta{
  color:var(--muted);
  font-size:0.84rem;
  line-height:1.35;
}

.dashboard-stage--operations .dashboard-summary-strip__metrics{
  min-width:0;
}

.dashboard-stage--operations .dashboard-summary-strip__metrics .kv{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-1) var(--space-3);
}

.dashboard-stage--operations .dashboard-summary-strip__metrics .kv__row{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.dashboard-stage--operations .dashboard-summary-strip__metrics .kv__label{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.dashboard-stage--operations .dashboard-summary-strip__metrics .kv__value{
  font-size:0.96rem;
  font-weight:700;
  line-height:1.35;
}

.dashboard-stage--operations .dashboard-summary-strip__notes{
  display:grid;
  gap:1px;
  min-width:0;
}

.dashboard-stage--operations .dashboard-summary-strip__note{
  display:grid;
  gap:4px;
  padding-top:var(--space-1);
  border-top:1px solid rgba(148,163,184,0.16);
}

.dashboard-stage--operations .dashboard-summary-strip__note:first-child{
  padding-top:0;
  border-top:0;
}

.dashboard-stage--operations .dashboard-summary-strip__note--empty{
  color:var(--muted);
  font-size:0.88rem;
}

.dashboard-stage--operations .dashboard-summary-strip__note-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}

.dashboard-stage--operations .dashboard-summary-strip__note-title{
  min-width:0;
  font-size:0.92rem;
  font-weight:700;
}

.dashboard-stage--operations .dashboard-summary-strip__note-value{
  flex:none;
}

.dashboard-stage--operations .dashboard-summary-strip__note-meta{
  color:var(--muted);
  font-size:0.84rem;
  line-height:1.35;
}

.dashboard-stage--ops-alarms #opsAlarmTable{
  overflow-x:auto;
}

.dashboard-stage--operations .dashboard-summary-strip__head .status-badge,
.dashboard-stage--operations .dashboard-summary-strip__note .status-badge{
  min-height:28px;
  padding:0 10px;
  font-size:11px;
}

.event-list{
  display:grid;
  gap:var(--space-3);
}

.event-list__item{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:var(--card);
  color:inherit;
  text-decoration:none;
  transition:transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.event-list__item:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,0.20);
  box-shadow:0 10px 24px rgba(15,23,42,0.06);
}

.event-list__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-3);
}

.event-list__title{font-weight:700;}

.event-list__time{min-width:104px;}

.state-block{
  display:grid;
  gap:var(--space-2);
  align-items:start;
  padding:var(--space-3);
  border:1px dashed var(--line-strong);
  border-radius:var(--radius-3);
  background:var(--card-soft);
}

.state-block--empty,
.state-block--loading,
.state-block--error{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:var(--space-2) var(--space-3);
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.state-block__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--card);
  border:1px solid var(--line);
  font-weight:700;
  flex:none;
}

.state-block--empty .state-block__icon,
.state-block--loading .state-block__icon,
.state-block--error .state-block__icon{
  width:20px;
  height:20px;
  margin-top:2px;
  border:0;
  background:transparent;
  color:var(--muted);
  font-size:11px;
  line-height:1;
}

.state-block--empty .state-block__icon{
  display:none;
}

.state-block--loading .state-block__icon{
  display:none;
}

.state-block--error .state-block__icon{
  display:none;
}

.state-block--empty > div:not(.state-block__icon),
.state-block--loading > div:not(.state-block__icon),
.state-block--error > div:not(.state-block__icon){
  flex:1 1 220px;
  min-width:0;
}

.state-block__title{
  margin:0;
  font-size:0.94rem;
  font-weight:700;
}

.state-block--empty .state-block__title,
.state-block--loading .state-block__title,
.state-block--error .state-block__title{
  font-size:0.92rem;
}

.state-block--empty .state-block__title{
  font-weight:600;
}

.state-block__description{
  margin:2px 0 0;
  color:var(--muted);
  line-height:1.35;
}

.state-block--empty .state-block__description,
.state-block--loading .state-block__description,
.state-block--error .state-block__description{
  margin-top:3px;
  font-size:12px;
}

.loading-state{display:none;}
.loading-state__row{display:none;}
.loading-state__bar{display:none;}
.loading-state__bar--wide{display:none;}

@media (min-width: 768px){
  .state-block{
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-2) var(--space-3);
    align-items:flex-start;
  }

  .state-block > div:not(.state-block__icon):not(.loading-state){
    flex:1 1 240px;
    min-width:0;
  }

  .state-block > .loading-state{
    flex:1 1 240px;
    min-width:220px;
  }
}

.table-surface{padding:0; overflow:hidden;}

.tea-editor{
  display:grid;
  gap:var(--space-3);
}

.tea-editor__table-surface{
  overflow-x:auto;
  overflow-y:hidden;
  max-width:100%;
  min-width:0;
}

.tea-editor__table{
  min-width:1180px;
  margin-bottom:0;
}

.tea-editor__cell{
  min-width:0;
}

.tea-editor__table tbody tr{
  cursor:default;
}

.tea-editor__table tbody tr:hover td{
  background:inherit;
}

.tea-editor__field{
  width:100%;
  min-width:0;
}

.tea-editor__field--compact{
  min-width:8rem;
}

.tea-editor__field--wide{
  min-width:14rem;
}

.tea-editor__field--state{
  min-width:9.5rem;
}

.tea-editor__actions{
  white-space:nowrap;
}

.tea-editor__empty{
  margin-top:var(--space-3);
}

.tea-editor__hint{
  margin-top:var(--space-2);
  max-width:72ch;
}

.tea-page{
  display:grid;
  gap:18px;
}

.tea-page .tea-hero{
  display:grid;
  gap:var(--space-3);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.tea-page .tea-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

.tea-page .tea-editor-card,
.tea-page .tea-status-card,
.tea-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.tea-page .tea-editor-card,
.tea-page .tea-status-card{
  display:grid;
  gap:var(--space-3);
  margin-top:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.tea-page .tea-editor-grid,
.tea-page .tea-status-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

.tea-page .tea-editor-grid > .section--nested,
.tea-page .tea-status-grid > .section--nested{
  margin-top:0 !important;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.tea-page .tea-status-grid .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.tea-page .tea-status-grid .data-card-list{
  margin-top:10px;
}

.tea-page .tea-editor-card .form-grid{
  align-items:end;
}

.tea-page .tea-editor-card .form-field--boolean{
  align-self:stretch;
}

.tea-page .tea-editor-card .actions-row--split{
  margin-top:0;
}

@media (max-width: 760px){
  .tea-page .tea-layout{
    grid-template-columns:1fr;
  }

  .tea-page .tea-editor-grid,
  .tea-page .tea-status-grid{
    grid-template-columns:1fr;
  }
}

.packet-page{
  display:grid;
  gap:18px;
}

.packet-page .section-card.box,
.packet-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.packet-page .packet-summary-card,
.packet-page .packet-sessions-card,
.packet-page .packet-profile-usage-card,
.packet-page .packet-profiles-shell,
.packet-page .packet-profiles-editor-card,
.packet-page .packet-profiles-list-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.packet-page .packet-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  min-width:0;
}

.packet-page .packet-summary-grid > .compact-metric-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.packet-page .packet-summary-grid > .compact-metric-card--support{
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(249,250,251,0.99) 100%);
}

.packet-page .packet-sessions-layout,
.packet-page .packet-profiles-layout{
  display:grid;
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  align-items:start;
}

.packet-page .packet-sessions-layout{
  grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.packet-page .packet-profiles-layout{
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.packet-page .packet-profile-usage-card .table.box.table-surface,
.packet-page .packet-sessions-card .table.box.table-surface,
.packet-page .packet-profiles-list-card .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.packet-page .packet-profile-usage-card .data-card-list,
.packet-page .packet-sessions-card .data-card-list,
.packet-page .packet-profiles-list-card .data-card-list{
  margin-top:10px;
}

.packet-page .packet-profiles-editor-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  align-items:start;
}

.packet-page .packet-profiles-editor-grid > .section--nested{
  margin-top:0 !important;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.packet-page .packet-profile-usage-card,
.packet-page .packet-sessions-card,
.packet-page .packet-profiles-editor-card,
.packet-page .packet-profiles-list-card{
  margin:0;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.packet-page .packet-profiles-editor__identity,
.packet-page .packet-profiles-editor__policy,
.packet-page .packet-profiles-editor__actions{
  grid-column:1 / -1;
}

.packet-page .packet-profiles-editor-card .actions-row--split{
  margin-top:0;
}

.packet-page .packet-profiles-editor__hint{
  margin-top:var(--space-2);
  max-width:72ch;
}

@media (max-width: 760px){
  .packet-page .packet-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .packet-page .packet-sessions-layout,
  .packet-page .packet-profiles-layout,
  .packet-page .packet-profiles-editor-grid{
    grid-template-columns:1fr;
  }

  .packet-page .packet-profiles-editor__identity,
  .packet-page .packet-profiles-editor__policy,
  .packet-page .packet-profiles-editor__actions{
    grid-column:auto;
  }
}

@media (max-width: 560px){
  .packet-page .packet-summary-grid{
    grid-template-columns:1fr;
  }
}

.data-table thead th,
.data-table tbody td{white-space:normal;}

.data-table tbody tr[data-row-clickable="1"]{cursor:pointer;}
.data-table tbody tr[data-row-clickable="1"]:hover td{background:rgba(37,99,235,0.06);}
.data-table tbody tr[data-row-clickable="1"]:focus-visible td{outline:2px solid rgba(37,99,235,0.35); outline-offset:-2px;}
.data-table tbody tr[aria-selected="true"] td{background:rgba(37,99,235,0.10);}

.data-cell__primary{font-weight:700; color:var(--text);}
.data-cell__secondary{margin-top:var(--space-1); color:var(--muted); font-size:12px;}
.data-cell__split{display:grid; gap:var(--space-2);}

.time-stack{
  display:grid;
  gap:2px;
}

.time-stack span:first-child{font-weight:600; color:var(--text);}
.time-stack span:last-child{color:var(--muted); font-size:12px;}

.data-card-list{display:none; margin-top:var(--space-4);}
.data-card-list__empty{display:contents;}

.permissions-layout{
  display:grid;
  grid-template-columns:minmax(280px, 380px) minmax(0, 1fr);
  gap:var(--space-4);
  align-items:start;
}

.permissions-sidebar,
.permissions-panel{
  min-width:0;
}

.permissions-main{
  display:grid;
  gap:var(--space-4);
  min-width:0;
}

.permissions-panel,
.permissions-sidebar{
  display:grid;
  gap:var(--space-3);
}

.permissions-presets{
  display:grid;
  gap:var(--space-3);
  min-width:0;
}

.permissions-presets__summary{
  display:grid;
  gap:2px;
  min-width:0;
}

.permissions-presets__summary-state{
  color:var(--label);
  font-weight:600;
}

.permissions-presets__chips{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.permissions-preset-chip{
  display:grid;
  gap:4px;
  align-content:start;
  min-width:0;
  padding:10px 12px;
  min-height:54px;
  text-align:left;
  border:1px solid rgba(148,163,184,0.18);
  border-radius:999px;
  background:rgba(255,255,255,0.78);
  box-shadow:none;
}

.permissions-preset-chip.is-selected{
  border-color:var(--accent);
  background:var(--accent-soft);
}

.permissions-preset-chip__label{
  font-weight:700;
  line-height:1.1;
}

.permissions-preset-chip__meta{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
}

.permissions-presets__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  justify-content:flex-end;
}

.permissions-raw{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
}

.permissions-raw__block{
  min-width:0;
  padding:14px 16px;
  border:0;
  border-radius:0;
  background:rgba(248,250,252,0.78);
}

#permissionsGroups{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:var(--space-3);
}

.permissions-group{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-width:0;
  padding:16px 0 0;
  border:0;
  border-top:1px solid rgba(148,163,184,0.20);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.permissions-group__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
}

.permissions-group__title{
  margin:0;
  font-size:15px;
}

.permissions-group__meta{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}

.permissions-capability-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:1px;
  border:1px solid rgba(148,163,184,0.14);
  border-radius:16px;
  background:var(--line);
  overflow:hidden;
}

.permissions-capability{
  display:grid;
  gap:6px;
  min-width:0;
  padding:12px 14px;
  border:0;
  border-radius:0;
  background:rgba(248,250,252,0.88);
}

.permissions-capability .check{
  align-items:flex-start;
}

.permissions-capability .small.mono{
  word-break:break-word;
}

.permissions-user-row.is-selected td{
  background:rgba(248,250,252,0.92) !important;
}

.permissions-user-row.is-selected td:first-child{
  box-shadow:inset 3px 0 0 var(--accent);
}

.permissions-warning{
  padding:12px 14px;
  border:1px solid rgba(245,158,11,0.35);
  border-radius:14px;
  background:rgba(245,158,11,0.10);
  color:var(--label);
}

.mobile-data-card{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:linear-gradient(180deg, var(--card) 0, var(--card-soft) 100%);
}

.mobile-data-card__eyebrow{color:var(--muted); font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;}
.mobile-data-card__title{font-weight:700;}
.mobile-data-card__body{display:grid; gap:var(--space-2);}
.mobile-data-card__row{display:grid; grid-template-columns:96px minmax(0, 1fr); gap:var(--space-2); align-items:start;}
.mobile-data-card__label{color:var(--muted); font-size:12px;}
.mobile-data-card__value{min-width:0; overflow-wrap:anywhere;}
.mobile-data-card__footer{color:var(--muted);}
.mobile-data-card__footer .table-actions{margin-top:var(--space-2);}
.mobile-data-card__participants{display:flex; flex-wrap:wrap; gap:var(--space-2);}
.mobile-data-card__action{width:100%;}

.filter-shell{position:relative;}
.filter-shell__actions{display:flex; gap:var(--space-2);}

.filter-bar{
  display:grid;
  gap:var(--space-4);
}

.filter-bar--inline{padding-top:var(--space-2);}

.filter-bar--sticky{
  position:sticky;
  top:88px;
  z-index:10;
  padding:var(--space-4);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:rgba(255,255,255,0.94);
  box-shadow:var(--shadow-1);
}

:root[data-theme="dark"] .filter-bar--sticky{background:rgba(15,27,45,0.94);}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .filter-bar--sticky{background:rgba(15,27,45,0.94);}
}

.filter-bar__quick,
.filter-bar__footer{display:flex; flex-wrap:wrap; gap:var(--space-2); align-items:end;}
.filter-bar__meta{flex:1 1 220px; min-width:0;}

.graph-layout{
  display:grid;
  grid-template-columns:minmax(0, 2fr) minmax(320px, 1fr);
  gap:var(--space-4);
}

.graphbox,
.graphdetail{
  height:auto;
  min-height:460px;
  padding:var(--space-4);
  border-radius:var(--radius-4);
  box-shadow:none;
}

.graphdetail__intro{display:grid; gap:var(--space-4);}
.graphdetail__list{padding:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-3); background:var(--card-soft); color:var(--muted);}

.graph-summary,
.detail-grid,
.kv{display:grid; gap:var(--space-3);}

.graph-summary{grid-template-columns:repeat(2, minmax(0, 1fr));}
.kv--retention{grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));}
.kv--retention{gap:var(--space-2);}
.graph-summary__item,
.detail-grid__item,
.kv__row{display:grid; gap:var(--space-1); padding:var(--space-3); border:1px solid var(--line); border-radius:var(--radius-3); background:var(--card-soft);}
.detail-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
.detail-grid__item--wide{grid-column:1 / -1;}
.detail-grid__item > span,
.graph-summary__item > span,
.kv__label{color:var(--muted); font-size:12px;}
.detail-grid__item > strong,
.graph-summary__item > strong,
.kv__value{display:block; color:var(--text); font-weight:600; min-width:0; overflow-wrap:anywhere;}
.detail-grid .mono{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.kv--retention .kv__row{height:100%;}
.kv--retention .kv__row{padding:var(--space-2) var(--space-3);}

.nav-drawer,
.detail-drawer{
  position:fixed;
  inset:0;
  z-index:60;
  display:none;
}

.nav-drawer.is-open,
.detail-drawer.is-open{display:block;}

.nav-drawer__scrim,
.detail-drawer__scrim{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,0.48);
}

.nav-drawer__panel,
.detail-drawer__panel{
  position:absolute;
  top:0;
  bottom:0;
  width:min(92vw, 360px);
  padding:var(--space-4);
  background:var(--card);
  box-shadow:var(--shadow-2);
  overflow:auto;
}

.nav-drawer__panel{
  left:0;
  right:auto;
}

.detail-drawer__panel{
  right:0;
}

.nav-drawer__panel{
  display:flex;
  flex-direction:column;
}

.nav-drawer__body{
  flex:1 1 auto;
  overflow:auto;
}

.nav-drawer__footer{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--line);
}


.nav-drawer__header,
.detail-drawer__header{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
  margin-bottom:var(--space-4);
}

.nav-drawer__title,
.detail-drawer__title{font-size:1.15rem; font-weight:700;}
.nav-drawer__subtitle,
.detail-drawer__subtitle,
.detail-drawer__eyebrow{color:var(--muted); font-size:12px;}

.detail-drawer__body{display:grid; gap:var(--space-4);}

.toast-stack{
  position:fixed;
  right:var(--space-4);
  bottom:var(--space-4);
  z-index:75;
  display:grid;
  gap:var(--space-2);
  width:min(calc(100vw - (var(--space-4) * 2)), 380px);
  pointer-events:none;
}

.toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto auto;
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3) var(--space-4);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:rgba(255,255,255,0.92);
  box-shadow:var(--shadow-2);
  backdrop-filter:blur(12px) saturate(140%);
}

:root[data-theme="dark"] .toast{
  background:rgba(15,23,42,0.94);
}

.toast__content{
  display:grid;
  gap:2px;
  min-width:0;
}

.toast__title{
  font-weight:700;
  font-size:13px;
  line-height:1.3;
}

.toast__body{
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.toast__body--solo{
  padding-top:2px;
}

.toast__action,
.toast__close{
  min-height:32px;
  height:32px;
  padding-inline:10px;
  white-space:nowrap;
}

.toast__close{
  width:32px;
  padding-inline:0;
  font-size:18px;
  line-height:1;
}

.toast--success{
  border-color:rgba(16,185,129,0.22);
  background:rgba(236,253,245,0.98);
}

.toast--info{
  border-color:rgba(37,99,235,0.22);
  background:rgba(239,246,255,0.98);
}

.toast--warning{
  border-color:rgba(245,158,11,0.24);
  background:rgba(255,251,235,0.98);
}

.toast--danger{
  border-color:rgba(239,68,68,0.24);
  background:rgba(254,242,242,0.98);
}

:root[data-theme="dark"] .toast--success{background:rgba(6,78,59,0.94);}
:root[data-theme="dark"] .toast--info{background:rgba(30,64,175,0.94);}
:root[data-theme="dark"] .toast--warning{background:rgba(120,53,15,0.94);}
:root[data-theme="dark"] .toast--danger{background:rgba(127,29,29,0.94);}

@media (min-width: 1100px){
  .app-shell{
    display:grid;
    grid-template-columns:var(--sidebar-width) minmax(0, 1fr);
    align-items:stretch;
  }

  body.sidebar-collapsed .app-shell{
    grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr);
  }

  .app-shell__sidebar{
    position:relative;
    align-self:stretch;
    display:block;
    min-height:100%;
    border-right:1px solid var(--line);
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(12px) saturate(140%);
  }

  .app-shell__sidebar-inner{
    position:sticky;
    top:0;
    display:flex;
    flex-direction:column;
    min-height:100dvh;
    height:100dvh;
    padding:var(--space-4) 0 0;
    overflow:hidden;
  }

  :root[data-theme="dark"] .app-shell__sidebar{background:rgba(7,17,30,0.94);}

  .topbar{
    grid-template-columns:auto minmax(0, 1fr) auto;
    align-items:center;
    padding:var(--space-3) var(--space-4);
  }

  .topbar__status-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}
  .app-shell__content{padding:0 var(--space-5) var(--space-6);}
  .page-header-wrap{padding:var(--space-4) 0 var(--space-3);}
  .wrap,.logwrap{width:min(var(--content-width), 100%);}

  .sidebar-nav__groups{
    display:grid;
    align-content:start;
    flex:0 0 auto;
  }

  .sidebar-nav__group{
    flex:none;
    min-height:auto;
  }

  body.sidebar-collapsed .app-shell__brand{
    padding:18px 10px 12px;
  }

  body.sidebar-collapsed .app-shell__brand-link{
    gap:0;
  }

  body.sidebar-collapsed .brand-icon--sidebar{
    display:block;
  }

  body.sidebar-collapsed .brand-logo--sidebar,
  body.sidebar-collapsed .app-shell__brand-meta,
  body.sidebar-collapsed .app-shell__sidebar-copyright,
  body.sidebar-collapsed .sidebar-nav__summary::after,
  body.sidebar-collapsed .sidebar-nav__summary-main span:last-child,
  body.sidebar-collapsed .sidebar-nav__link span:last-child{
    display:none;
  }

  body.sidebar-collapsed .sidebar-nav,
  body.sidebar-collapsed .sidebar-nav__groups,
  body.sidebar-collapsed .sidebar-nav__primary{
    gap:12px;
  }

  body.sidebar-collapsed .sidebar-nav{
    padding-left:10px;
    padding-right:10px;
  }

  body.sidebar-collapsed .sidebar-nav__group{
    border-radius:14px;
  }

  body.sidebar-collapsed .sidebar-nav__summary,
  body.sidebar-collapsed .sidebar-nav__link{
    justify-content:center;
    padding:0 12px;
    min-height:48px;
  }

  body.sidebar-collapsed .sidebar-nav__submenu{
    display:none;
  }

  body.sidebar-collapsed .app-shell__sidebar-footer{
    padding-inline:10px;
    text-align:center;
  }

  body.sidebar-collapsed .app-shell__sidebar-version{
    font-size:11px;
  }
}

@media (prefers-color-scheme: dark) and (min-width: 1100px){
  :root:not([data-theme="light"]) .app-shell__sidebar{background:rgba(7,17,30,0.94);}
}

@media (min-width: 768px) and (max-width: 1099px){
  .dashboard-policy-banner{grid-template-columns:1fr;}
  .topbar{padding:var(--space-3) var(--space-4);}
  .page-header{grid-template-columns:minmax(0, 1fr) auto; column-gap:var(--space-3); row-gap:var(--space-2); align-items:start;}
  .dashboard-hero-grid,
  .dashboard-status-grid,
  .dashboard-event-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .dashboard-page--overview .dashboard-status-grid > .status-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
  .dashboard-compact-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
  .graph-layout{grid-template-columns:1fr;}
}

@media (max-width: 767px){
  .page-tabs{
    display:flex;
    flex-wrap:wrap;
  }

  .page-tabs__link{
    flex:1 1 140px;
    width:auto;
    justify-content:center;
  }

  .dashboard-policy-banner,
  .dashboard-policy-banner__stats{grid-template-columns:1fr;}
  .topbar{padding:var(--space-4);}
  .topbar__tools{display:flex; flex-wrap:wrap; gap:var(--space-2);}
  .topbar__tools .button{margin:0; min-height:40px;}
  .topbar__status-grid{grid-template-columns:1fr;}
  .page-header-wrap{padding:var(--space-4) 0 var(--space-3);}
  .page-header{padding:var(--space-4);}
  .section-card{padding:var(--space-4);}
  .dashboard-hero-grid,
  .dashboard-status-grid,
  .dashboard-compact-grid,
  .dashboard-event-grid,
  .graph-summary,
  .detail-grid,
  .graph-layout{grid-template-columns:1fr;}
  .dashboard-stage--operations .dashboard-summary-strip{
    grid-template-columns:1fr;
  }
  .dashboard-stage--operations .dashboard-summary-strip__panel + .dashboard-summary-strip__panel{
    border-left:0;
    border-top:1px solid var(--line);
  }
  .dashboard-stage--operations .dashboard-summary-strip__panel{
    padding:var(--space-3);
  }
  .dashboard-stage--operations .dashboard-summary-strip__metrics .kv{
    grid-template-columns:1fr;
  }
  .dashboard-stage--operations .dashboard-summary-strip__note-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .dashboard-ledger-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger{
    grid-template-columns:1fr;
  }
  .dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row{
    border-left:0;
    padding:var(--space-3);
  }
  .dashboard-ledger-row__value-wrap{
    justify-items:start;
    text-align:left;
  }
  .dashboard-ledger-row__detail{
    max-width:none;
  }
  .dashboard-ledger-panel--compact .dashboard-ledger-row{
    padding:var(--space-3);
  }
  .hero-metric-card--wide{
    grid-column:auto;
    min-height:200px;
  }
  .hero-metric-card--feature{
    grid-template-columns:1fr;
    grid-template-areas:
      "head"
      "value"
      "subtext";
  }
  .hero-metric-card--feature .hero-metric-card__subtext{
    justify-self:start;
    text-align:left;
    max-width:none;
  }
  .status-card--wide{
    grid-column:auto;
    min-height:0;
  }
  .permissions-layout{grid-template-columns:1fr;}
  .table-surface{display:none;}
  .data-card-list{display:grid; gap:var(--space-3);}
  .mobile-data-card__row{grid-template-columns:88px minmax(0, 1fr);}
  .filter-bar--sticky{top:72px; padding:var(--space-3);}
  .filter-bar__quick,
  .filter-bar__footer{flex-direction:column; align-items:stretch;}
  .nav-drawer__panel,
  .detail-drawer__panel{width:min(100vw, 420px);}
  .tea-editor__table-surface{
    overflow:visible;
  }

  .tea-editor__table{
    display:block;
    min-width:0;
    width:100%;
  }

  .tea-editor__table thead{
    display:none;
  }

  .tea-editor__table tbody{
    display:grid;
    gap:var(--space-3);
  }

  .tea-editor__table tbody tr{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:var(--space-3);
    padding:var(--space-4);
    border:1px solid var(--line);
    border-radius:var(--radius-3);
    background:var(--card);
    box-shadow:var(--shadow-soft);
  }

  .tea-editor__table tbody td{
    display:block;
    padding:0;
    border:0;
  }

  .tea-editor__table tbody td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:6px;
    color:var(--muted);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
  }

  .tea-editor__cell--wide,
  .tea-editor__cell--actions{
    grid-column:1 / -1;
  }

  .tea-editor__cell--actions{
    justify-self:end;
  }

  .tea-editor__cell--actions .button{
    width:100%;
  }

  .tea-editor__field--compact,
  .tea-editor__field--wide,
  .tea-editor__field--state{
    min-width:0;
    width:100%;
  }

  .toast-stack{
    right:var(--space-3);
    left:var(--space-3);
    width:auto;
    bottom:var(--space-3);
  }

  .toast{
    grid-template-columns:minmax(0, 1fr) auto;
  }

  .toast__action{
    grid-column:1 / -1;
    justify-self:start;
  }
}

@media (max-width: 900px){
  .auth-layout{grid-template-columns:1fr;}
  .auth-hero{min-height:460px;}
  .auth-brand-meta{padding-left:96px;}
  .auth-card{border-left:none; border-top:1px solid rgba(226,232,240,0.7);}
}

@media (max-width: 640px){
  .auth-page{padding:14px;}
  .auth-layout{border-radius:24px;}
  .auth-hero{min-height:360px; padding:22px;}
  .auth-hero__mark{width:min(62vw, 280px); top:43%;}
  .brand-logo--auth{width:min(100%, 340px); height:68px;}
  .auth-brand-meta{padding-left:88px;}
  .auth-card{padding:22px 18px;}
  .auth-card h2{font-size:1.7rem;}
}

.topbar__menu{min-width:44px;}


/* refine-14: desktop sidebar pinned to viewport edge like ChatGPT */
@media (min-width: 1100px){
  .app-shell{
    display:block;
    min-height:100vh;
  }

  .app-shell__sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:var(--sidebar-width);
    height:100dvh;
    z-index:32;
    display:block;
    border-right:1px solid var(--line);
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(12px) saturate(140%);
    transition:width 0.18s ease;
  }

  body.sidebar-collapsed .app-shell__sidebar{
    width:var(--sidebar-collapsed-width);
  }

  .app-shell__sidebar-inner{
    position:relative;
    top:auto;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100dvh;
    min-height:100dvh;
    max-height:100dvh;
    padding:var(--space-4) 0 0;
    overflow:hidden;
  }

  .sidebar-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-bottom:var(--space-4);
  }

  .app-shell__sidebar-footer{
    flex:0 0 auto;
    margin-top:auto;
    padding:14px 20px calc(18px + env(safe-area-inset-bottom, 0px));
    background:inherit;
  }

  .app-shell__main{
    min-width:0;
    margin-left:var(--sidebar-width);
    transition:margin-left 0.18s ease;
  }

  body.sidebar-collapsed .app-shell__main{
    margin-left:var(--sidebar-collapsed-width);
  }

  :root[data-theme="dark"] .app-shell__sidebar{
    background:rgba(7,17,30,0.94);
  }
}

@media (prefers-color-scheme: dark) and (min-width: 1100px){
  :root:not([data-theme="light"]) .app-shell__sidebar{
    background:rgba(7,17,30,0.94);
  }
}


.lip-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.8fr) minmax(280px, 1fr);
  gap:16px;
  margin-bottom:16px;
}
.lip-layout__main,
.lip-layout__side{min-width:0;}
.lip-layout__side{display:grid; gap:16px; align-content:start;}
.lip-map,
.lip-detail,
.lip-list{
  border:1px solid rgba(148,163,184,0.18);
  border-radius:20px;
  background:rgba(15,23,42,0.32);
  box-shadow:0 18px 40px rgba(2,6,23,0.18);
}
.lip-map{padding:14px; min-height:380px;}
.lip-map__panel{display:grid; gap:12px;}
.lip-map__canvas{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(148,163,184,0.16);
  background:
    radial-gradient(circle at top, rgba(56,189,248,0.14), transparent 45%),
    linear-gradient(180deg, rgba(15,23,42,0.94), rgba(2,6,23,0.96));
}
.lip-map__canvas > svg{display:block; width:100%; height:auto; aspect-ratio:2/1;}
.lip-map__canvas rect{fill:transparent;}
.lip-grid line{stroke:rgba(148,163,184,0.18); stroke-width:1;}
.lip-marker{cursor:pointer;}
.lip-marker circle{
  fill:rgba(56,189,248,0.88);
  stroke:rgba(255,255,255,0.92);
  stroke-width:2;
  filter:drop-shadow(0 10px 18px rgba(14,165,233,0.26));
}
.lip-marker text{
  fill:rgba(226,232,240,0.96);
  font-size:20px;
  font-weight:700;
  pointer-events:none;
}
.lip-marker.is-active circle{
  fill:rgba(52,211,153,0.94);
  stroke-width:3;
}
.lip-map__legend,
.lip-map__range{display:block;}
.lip-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
}

.lip-detail__empty{
  min-height:0;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left;
  padding:0;
}
.lip-detail{padding:16px; display:grid; gap:12px;}
.lip-detail__eyebrow{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(125,211,252,0.92);
}
.lip-detail__title{font-size:1.22rem; font-weight:700;}
.lip-detail__rows{display:grid; gap:10px;}
.lip-detail__rows > div{
  display:grid;
  grid-template-columns:minmax(90px, 110px) 1fr;
  gap:8px;
  align-items:start;
}
.lip-detail__rows span{color:rgba(148,163,184,0.92); font-size:.88rem;}
.lip-detail__rows strong{font-weight:600;}
.lip-detail__actions{display:flex; gap:10px; flex-wrap:wrap;}
.lip-link{text-decoration:none;}
.lip-detail__payload{
  padding:10px 12px;
  border-radius:14px;
  background:rgba(2,6,23,0.42);
  border:1px solid rgba(148,163,184,0.14);
  overflow:auto;
  white-space:normal;
  word-break:break-all;
}
.lip-list{padding:10px; display:grid; gap:8px; max-height:420px; overflow:auto;}
.lip-list__item{
  width:100%;
  text-align:left;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:16px;
  padding:12px 14px;
  background:rgba(15,23,42,0.28);
  color:inherit;
  cursor:pointer;
  display:grid;
  gap:6px;
}
.lip-list__item:hover,
.lip-list__item.is-active{
  border-color:rgba(56,189,248,0.44);
  background:rgba(14,165,233,0.12);
}
.lip-list__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lip-list__badge{
  padding:2px 8px;
  border-radius:999px;
  font-size:.75rem;
  background:rgba(59,130,246,0.16);
  color:rgba(191,219,254,0.96);
}
.lip-list__coords{font-size:.9rem;}
.lip-list__meta{font-size:.82rem; color:rgba(148,163,184,0.92);}
@media (max-width: 980px){
  .lip-layout{grid-template-columns:1fr;}
  .lip-list{max-height:none;}
}

.lip-toolbar{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.lip-toolbar__btn.is-active{
  background:rgba(14,165,233,0.18);
  border-color:rgba(56,189,248,0.42);
  color:rgba(224,242,254,0.98);
}
.lip-map__canvas.is-leaflet{min-height:430px; background:rgba(2,6,23,0.22);}
.lip-map__canvas.is-leaflet .leaflet-container{
  width:100%;
  min-height:430px;
  border-radius:18px;
  background:#0f172a;
}
.lip-map__canvas.is-leaflet .leaflet-container img,
.lip-map__canvas.is-leaflet .leaflet-container svg{
  max-width:none !important;
  max-height:none !important;
}
.lip-map__canvas.is-leaflet .leaflet-tile,
.lip-map__canvas.is-leaflet .leaflet-marker-icon,
.lip-map__canvas.is-leaflet .leaflet-marker-shadow{
  width:auto;
  height:auto;
}
.lip-map__canvas.is-leaflet .leaflet-control-attribution,
.lip-map__canvas.is-leaflet .leaflet-control-zoom a{
  background:rgba(15,23,42,0.9);
  color:#e2e8f0;
  border-color:rgba(148,163,184,0.25);
}
.lip-map__canvas.is-leaflet .leaflet-control-zoom a span{font-size:18px; line-height:1;}
.lip-map__canvas.is-leaflet .leaflet-popup-content-wrapper,
.lip-map__canvas.is-leaflet .leaflet-popup-tip{
  background:rgba(15,23,42,0.94);
  color:#e2e8f0;
}
.dashboard-stage--lip .status-card__detail .mono{white-space:normal; overflow-wrap:anywhere; word-break:break-word;}
@media (max-width: 980px){
  .lip-toolbar{width:100%;}
  .lip-toolbar__btn{flex:1 1 180px;}
  .lip-map__canvas.is-leaflet,
  .lip-map__canvas.is-leaflet .leaflet-container{min-height:320px;}
}


.lip-map__canvas-wrap{position:relative;}
.lip-map__overlay{
  position:absolute;
  inset:auto 14px 14px 14px;
  z-index:420;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,0.24);
  border-radius:14px;
  background:rgba(15,23,42,0.78);
  color:#e2e8f0;
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.lip-map__overlay[hidden]{display:none;}
.lip-map__frame{
  display:block;
  width:100%;
  min-height:430px;
  border:0;
  border-radius:20px;
  background:rgba(2,6,23,0.22);
}
.lip-toolbar__btn{
  color:var(--text);
  border-color:var(--line-strong);
  font-weight:700;
}
.lip-toolbar__btn.btn--active,
.lip-toolbar__btn.is-active{
  background:rgba(37,99,235,0.12);
  border-color:rgba(37,99,235,0.32);
  color:var(--accent);
  box-shadow:inset 0 -2px 0 rgba(37,99,235,0.18);
}


.dispatcher-page .split-panels{
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  align-items:start;
}

.dispatcher-page{
  background:var(--card);
}

.accounting-page{
  background:var(--card);
}

.dispatcher-page .split-panels--dispatcher-console-lists{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.dispatcher-page .split-panels:has(#dispatchConsoleMonitorList){
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.dispatcher-page .split-panels:has(#dispatchConsoleMonitorList) > .section{
  padding:var(--space-3);
}

.dispatcher-page .split-panels > .section{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.split-panels--dispatcher-map{grid-template-columns:minmax(0, 8fr) minmax(280px, 4fr);}
.dispatcher-map-sidebar{display:grid; gap:12px; align-content:start;}
.dispatcher-map-list{
  display:grid;
  gap:8px;
  max-height:192px;
  overflow:auto;
  padding-right:2px;
}
.dispatcher-map-list__item{
  width:100%;
  text-align:left;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:var(--card-soft);
  color:inherit;
  cursor:pointer;
  display:grid;
  gap:4px;
}
.dispatcher-map-list__item:hover,
.dispatcher-map-list__item.is-active{
  border-color:rgba(37,99,235,0.34);
  background:rgba(37,99,235,0.1);
}
.dispatcher-map-list__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.dispatcher-map-list__title{font-size:13px; font-weight:700; line-height:1.25; overflow-wrap:anywhere;}
.dispatcher-map-list__meta{font-size:11px; color:var(--muted); overflow-wrap:anywhere;}
.dispatcher-map-list__badge{
  border-radius:999px;
  padding:2px 8px;
  border:1px solid var(--line-strong);
  font-size:10px;
  letter-spacing:0.03em;
  text-transform:uppercase;
  color:var(--muted);
}
.dispatcher-map-list__badge--ok{
  border-color:rgba(16,185,129,0.4);
  color:#047857;
  background:rgba(16,185,129,0.12);
}
.dispatcher-map-list__actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.dispatcher-map-list__actions .button{margin:0;}
.dispatcher-map-overlay__metric{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px;}
.dispatcher-map-overlay__metric .tag{background:rgba(255,255,255,0.06);}
@media (max-width: 1023px){
  .dispatcher-map-list{max-height:none;}
}


.network-page .network-inline-hint{margin-top:10px;}
.network-neighbor-textarea{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:0.01em;}
.network-page .compact-metric-card__meta{min-height:0;}
.network-page .mobile-data-card__value{word-break:break-word;}
.network-page .table-actions{flex-wrap:wrap;}

.network-page{
  display:grid;
  gap:18px;
}

.network-page .section-card.box,
.network-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.network-page .network-overview-layout{
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:start;
}

.network-page .network-overview-card,
.network-page .network-runtime-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.network-page .network-mobility-layout{
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:start;
}

.network-page .network-mobility-runtime-card,
.network-page .network-mobility-manual-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.network-page .network-overview-layout > .section-card > .dashboard-compact-grid{
  gap:var(--space-4) !important;
}

.network-page .network-overview-card .dashboard-compact-grid,
.network-page .network-runtime-card .dashboard-compact-grid{
  gap:var(--space-4) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}

.network-page .network-overview-card .dashboard-compact-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.network-page .network-runtime-card .dashboard-compact-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.network-page .network-overview-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(3n+1),
.network-page .network-runtime-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(3n+1){
  grid-column:1 / -1;
}

.network-page .network-overview-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(3n+2),
.network-page .network-runtime-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(3n+2){
  grid-column:span 2;
}

.network-page .network-overview-card .compact-metric-card,
.network-page .network-runtime-card .compact-metric-card{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%) !important;
  min-height:0 !important;
  padding:var(--space-4) !important;
}

.network-page .network-overview-card .compact-metric-card__meta,
.network-page .network-runtime-card .compact-metric-card__meta{
  min-height:0 !important;
}

@media (max-width: 1100px){
  .network-page .network-overview-card .dashboard-compact-grid,
  .network-page .network-runtime-card .dashboard-compact-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .network-page .network-overview-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(odd),
  .network-page .network-runtime-card .dashboard-compact-grid > .compact-metric-card:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
}

body[data-page-id="network"] [data-section-panel="network-infrastructure"]{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  overflow:hidden;
  box-shadow:none;
  align-items:start;
}

body[data-page-id="network"] [data-section-panel="network-infrastructure"] > .section-card{
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

body[data-page-id="network"] [data-section-panel="network-infrastructure"] > .section-card:nth-of-type(1),
body[data-page-id="network"] [data-section-panel="network-infrastructure"] > .section-card:nth-of-type(6),
body[data-page-id="network"] [data-section-panel="network-infrastructure"] > .section-card:nth-of-type(7){
  grid-column:1 / -1;
}

@media (max-width: 768px){
  .network-page .network-overview-layout{
    grid-template-columns:1fr;
  }

  .network-page .network-mobility-layout{
    grid-template-columns:1fr;
  }

  .network-page .network-overview-card .dashboard-compact-grid,
  .network-page .network-runtime-card .dashboard-compact-grid{
    grid-template-columns:1fr;
  }

  .network-page .compact-metric-card__meta{min-height:0;}
  .network-neighbor-textarea{min-height:164px; height:164px;}

  body[data-page-id="network"] [data-section-panel="network-infrastructure"]{
    grid-template-columns:1fr;
  }
}

.dispatcher-page .mobile-data-card{
  padding:var(--space-3);
  gap:var(--space-2);
}

.dispatcher-page .mobile-data-card__eyebrow{
  font-size:10px;
  letter-spacing:0.06em;
}

.dispatcher-page .mobile-data-card__title{
  font-size:0.98rem;
}

.dispatcher-page .mobile-data-card__body{
  gap:var(--space-1);
}

.dispatcher-page .mobile-data-card__row{
  grid-template-columns:minmax(88px, 34%) minmax(0, 1fr);
}

.dispatcher-page .mobile-data-card__footer{
  font-size:12px;
}

.dispatcher-page .dispatcher-card--summary{
  padding:var(--space-4);
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-card--summary .mobile-data-card__body{
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-card--summary .mobile-data-card__row{
  grid-template-columns:minmax(96px, 36%) minmax(0, 1fr);
}

.dispatcher-page .dispatcher-card--split{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(120px, auto);
  gap:var(--space-2) var(--space-3);
  align-items:start;
}

.dispatcher-page .dispatcher-card--split > .mobile-data-card__eyebrow,
.dispatcher-page .dispatcher-card--split > .mobile-data-card__title,
.dispatcher-page .dispatcher-card--split > .mobile-data-card__body{
  grid-column:1;
}

.dispatcher-page .dispatcher-card--split > .mobile-data-card__footer{
  grid-column:2;
  grid-row:1 / span 4;
  align-self:start;
  display:grid;
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-card--split .table-actions{
  display:grid;
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-card--split .table-actions .button{
  width:100%;
}

.dispatcher-page .dispatcher-alarm-list{
  display:grid;
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-alarm-list__item{
  display:grid;
  gap:var(--space-1);
}

.dispatcher-page .dispatcher-timeline-detail{
  display:grid;
  gap:var(--space-3);
}

.dispatcher-page .dispatcher-timeline-detail__summary{
  display:grid;
  gap:var(--space-2);
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-3);
  background:var(--card-soft);
}

.dispatcher-page .dispatcher-timeline-detail__eyebrow{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}

.dispatcher-page .dispatcher-timeline-detail__title{
  font-size:1rem;
  font-weight:700;
  line-height:1.35;
}

.dispatcher-page .dispatcher-timeline-detail__chips{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.dispatcher-page .kv--dispatcher-timeline{
  grid-template-columns:repeat(auto-fit, minmax(132px, 1fr));
  gap:var(--space-2);
}

.dispatcher-page .kv--dispatcher-timeline .kv__row{
  padding:var(--space-2);
}

.dispatcher-page .dispatcher-timeline-detail__row--wide{
  grid-column:1 / -1;
}

.dispatcher-page .dispatcher-audio-playback{
  display:grid;
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-audio-playback__reason{
  color:var(--muted);
}

.dispatcher-page .dispatcher-audio-playback__player{
  width:100%;
}

.dispatcher-page .dispatcher-audio-playback__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}

.dispatcher-page .dispatcher-audio-playback__actions .button{
  margin:0;
}

.dispatcher-page .dispatcher-card--playback .dispatcher-audio-playback__actions .button{
  width:100%;
}

.dispatcher-page .dispatcher-audio-playback--inline{
  min-width:240px;
}

.dispatcher-page .dispatcher-audio-playback--inline .dispatcher-audio-playback__player{
  min-height:40px;
}

@media (min-width: 768px){
  .dispatcher-page #terminalControlSummary,
  .dispatcher-page #terminalControlRecentActions,
  .dispatcher-page #dispatchConsoleMonitorList,
  .dispatcher-page #dispatchConsoleScanList,
  .dispatcher-page #dispatchConsoleWatchlistList,
  .dispatcher-page #dispatcherConsoleSummary,
  .dispatcher-page #dispatchConsolePatchesList,
  .dispatcher-page #dispatchConsolePresetsList,
  .dispatcher-page #supplementarySummary,
  .dispatcher-page #dispatcherSeatsSummary,
  .dispatcher-page #incidentCollaborationSummary,
  .dispatcher-page #dispatcherWatchlistSummary,
  .dispatcher-page #incidentAudioSummary,
  .dispatcher-page #replaySummary{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:var(--space-3);
    align-items:start;
    margin-top:var(--space-3);
  }
}

.dispatcher-page .section-card,
.dispatcher-page .table.box.table-surface,
.registration-page .section-card,
.registration-page .table.box.table-surface{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  box-shadow:none;
}

.dispatcher-page .section-card{
  padding:var(--space-4);
}

.dispatcher-page .section-card__head{
  margin-bottom:var(--space-3);
}

.dispatcher-page .section-card__head .muted{
  font-size:11px;
  line-height:1.3;
}

.dispatcher-page .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.dispatcher-page .table.box.table-surface > table{
  margin:0;
}

.dispatcher-page .dashboard-quick-strip,
.registration-page .dashboard-quick-strip{
  border-color:rgba(148,163,184,0.14);
  box-shadow:none;
}

.dispatcher-page .dispatcher-overview-strip[hidden]{
  display:none !important;
}

.registration-page .registration-summary-sheet{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  margin-top:var(--space-4);
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
  align-items:start;
}

.registration-page .split-panels--upstream:has(#subscribersTable){
  align-items:start;
}

.registration-page .split-panels--upstream:has(#subscribersTable) > .section-card{
  align-self:start;
}

.registration-page .table.box.table-surface{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

.registration-page .data-card-list{
  margin-top:10px;
}

.registration-page .section-card > .section.section--nested{
  margin-top:14px !important;
  padding:14px 0 0;
  border-top:1px solid rgba(148,163,184,0.12);
}

.dispatcher-page [data-section-panel="dispatcher-status"],
.dispatcher-page [data-section-panel="dispatcher-operations"],
.dispatcher-page [data-section-panel="dispatcher-supplementary"],
.dispatcher-page [data-section-panel="dispatcher-incidents"],
.dispatcher-page [data-section-panel="dispatcher-collaboration"],
.dispatcher-page [data-section-panel="dispatcher-escalation"]{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:transparent;
  box-shadow:var(--shadow-1);
  overflow:hidden;
  align-items:start;
}

[data-masonry-panel][data-masonry-ready="true"]{
  grid-auto-flow:row dense;
  grid-auto-rows:var(--masonry-row-height, 8px);
}

.registration-page .registration-summary-sheet[data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-status"][data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-operations"][data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-supplementary"][data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-incidents"][data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-collaboration"][data-masonry-panel],
.dispatcher-page [data-section-panel="dispatcher-escalation"][data-masonry-panel],
body[data-page-id="core"] .core-settings-grid[data-masonry-panel],
body[data-page-id="core"] .core-broadcast-grid[data-masonry-panel],
body[data-page-id="network"] [data-section-panel="network-infrastructure"][data-masonry-panel],
.service-profiles-page .service-profiles-editor-grid[data-masonry-panel],
.users-page .users-editor-grid[data-masonry-panel],
.upstream-policy-editor-grid[data-masonry-panel],
body[data-page-id="upstream"] [data-section-panel="upstream-runtime"][data-masonry-panel],
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"][data-masonry-panel],
.packet-page .packet-profiles-editor-grid[data-masonry-panel],
[data-masonry-panel]{
  --masonry-row-height:8px;
}

.dispatcher-page [data-section-panel="dispatcher-supplementary"]{
  grid-template-columns:minmax(0, 1fr);
}

.dispatcher-page [data-section-panel="dispatcher-status"]{
  align-items:start;
}

.dispatcher-page [data-section-panel="dispatcher-status"] > .section-card{
  height:auto;
}

.dispatcher-page [data-section-panel="dispatcher-status"] > .section-card:nth-of-type(1),
.dispatcher-page [data-section-panel="dispatcher-status"] > .section-card:nth-of-type(8){
  grid-column:1 / -1;
}

.dispatcher-page #consoleMonitorTargetsInput,
.dispatcher-page #consoleScanTargetsInput,
.dispatcher-page #consoleWatchlistInput,
.dispatcher-page #consolePatchMembersInput,
.dispatcher-page #groupsInput{
  min-height:72px;
  height:72px;
}

.dispatcher-page #statusDefinitionsTable{
  max-height:200px;
  overflow:auto;
  scrollbar-gutter:stable;
}

.dispatcher-page #statusDefinitionsTable thead th{
  padding:10px 12px;
  font-size:11px;
  line-height:1.15;
}

.dispatcher-page #statusDefinitionsTable tbody td{
  padding:10px 12px;
}

.dispatcher-page #statusDefinitionsTable .data-cell__secondary{
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
}

.dispatcher-page #statusDefinitionsTable .time-stack{
  gap:1px;
}

.dispatcher-page #statusDefinitionsTable .time-stack span:last-child{
  font-size:11px;
}

.dispatcher-page #statusDefinitionsTable .button{
  min-height:34px;
  padding:8px 12px;
}

.dispatcher-page .input{
  min-height:38px;
  padding-top:8px;
  padding-bottom:8px;
}

.dispatcher-page textarea.input,
.dispatcher-page .textarea.input{
  padding:8px 12px !important;
  line-height:1.35;
}

.dispatcher-page .button{
  min-height:36px;
  padding-top:0.46rem;
  padding-bottom:0.46rem;
}

.registration-page .registration-summary-sheet{
  box-shadow:none;
}

.registration-page .registration-summary-sheet > .section-card,
.dispatcher-page [data-section-panel="dispatcher-status"] > .section-card,
.dispatcher-page [data-section-panel="dispatcher-operations"] > .section-card,
.dispatcher-page [data-section-panel="dispatcher-supplementary"] > .section-card,
.dispatcher-page [data-section-panel="dispatcher-incidents"] > .section-card,
.dispatcher-page [data-section-panel="dispatcher-collaboration"] > .section-card,
.dispatcher-page [data-section-panel="dispatcher-escalation"] > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  align-self:start;
}

.registration-page .registration-summary-sheet > .section-card{
  margin-top:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
  grid-column:auto !important;
  align-self:start;
}

.dispatcher-page [data-section-panel="dispatcher-supplementary"] > .section-card:nth-of-type(1),
.dispatcher-page [data-section-panel="dispatcher-supplementary"] > .section-card:nth-of-type(8),
.dispatcher-page [data-section-panel="dispatcher-incidents"] > .section-card:nth-of-type(1),
.dispatcher-page [data-section-panel="dispatcher-incidents"] > .section-card:nth-of-type(4),
.dispatcher-page [data-section-panel="dispatcher-collaboration"] > .section-card:nth-of-type(1){
  grid-column:1 / -1;
}

.registration-page .registration-summary-card{
  display:grid;
  gap:var(--space-3);
}

.registration-summary-stack{
  display:grid;
  gap:1px;
  padding:1px;
  border:1px solid rgba(148,163,184,0.16);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
}

.registration-summary-block{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.985) 0, rgba(249,250,251,0.985) 100%);
}

.registration-summary-block__head{
  display:grid;
  gap:2px;
  min-width:0;
}

.registration-summary-block__head h3{
  margin:0;
  font-size:15px;
  line-height:1.2;
}

/* Shared layout polish */
:root{
  --content-width:1400px;
}

.topbar{
  align-items:center;
}

@media (min-width: 1100px){
  .topbar{
    padding-inline:max(var(--space-4), calc((100% - var(--content-width)) / 2));
  }

  .dashboard-page--overview .dashboard-status-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.topbar__status-grid{
  align-items:start;
}

.topbar-status__item{
  min-height:100%;
}

.page-header__copy,
.page-header__meta,
.page-header__actions{
  min-width:0;
}

@media (min-width: 768px){
  .page-header{
    grid-template-columns:minmax(0, 1fr) auto;
    column-gap:var(--space-4);
    row-gap:var(--space-3);
    align-items:start;
  }

  .page-header__copy{grid-column:1; grid-row:1;}
  .page-header__meta{grid-column:2; grid-row:1; justify-self:end; align-self:start;}
  .page-header__actions{
    grid-column:2;
    grid-row:2;
    justify-self:end;
    align-self:start;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:var(--space-2);
  }
}

@media (max-width: 767px){
  .page-header{
    grid-template-columns:1fr;
  }

  .page-header__copy,
  .page-header__meta,
  .page-header__actions{
    grid-column:1;
    grid-row:auto;
    justify-self:start;
  }

  .registration-page .registration-summary-sheet,
  .dispatcher-page [data-section-panel="dispatcher-status"],
  .dispatcher-page [data-section-panel="dispatcher-operations"],
  .dispatcher-page [data-section-panel="dispatcher-supplementary"],
  .dispatcher-page [data-section-panel="dispatcher-incidents"],
  .dispatcher-page [data-section-panel="dispatcher-collaboration"],
  .dispatcher-page [data-section-panel="dispatcher-escalation"]{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .maintenance-workspace-grid,
  .registration-page .registration-summary-sheet{
    grid-template-columns:1fr;
  }
}

.section-card__head,
.dashboard-stage__head,
.event-list-card__head,
.hero-metric-card__head,
.status-card__head,
.compact-metric-card__head,
.status-card__stack-head,
.dashboard-policy-banner__title-row{
  align-items:center;
}

.dashboard-hero-grid,
.dashboard-status-grid,
.dashboard-event-grid,
.dashboard-compact-grid,
.dashboard-policy-banner__stats{
  align-items:start;
}

.hero-metric-card,
.status-card,
.compact-metric-card,
.event-list-card,
.dashboard-policy-banner__stat{
  height:auto;
}

.dashboard-policy-banner__stat{
  display:grid;
  align-content:start;
}

.dashboard-page--overview .dashboard-policy-banner{
  padding:var(--space-3);
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}

.dashboard-page--overview .dashboard-stage + .dashboard-stage,
.dashboard-page--overview .section-card + .section-card{
  margin-top:var(--space-3);
}

.dashboard-page--overview .section-tabs{
  margin-top:var(--space-3);
}

.dashboard-page--overview .dashboard-stage__head,
.dashboard-page--overview .event-list-card__head{
  margin-bottom:var(--space-2);
}

.dashboard-page--overview .dashboard-policy-banner__title-row{
  margin-top:var(--space-1);
}

.dashboard-page--overview .dashboard-policy-banner__meta{
  margin-top:var(--space-1);
  font-size:0.95rem;
}

.dashboard-page--overview .dashboard-policy-banner__detail{
  margin-top:0;
  font-size:0.92rem;
}

.dashboard-page--overview .dashboard-policy-banner__side{
  gap:var(--space-1);
  align-content:start;
}

.dashboard-page--overview .hero-metric-card,
.dashboard-page--overview .status-card,
.dashboard-page--overview .compact-metric-card,
.dashboard-page--overview .event-list-card{
  padding:var(--space-4);
  gap:var(--space-2);
}

.dashboard-page--overview .dashboard-hero-grid,
.dashboard-page--overview .dashboard-status-grid,
.dashboard-page--overview .dashboard-compact-grid,
.dashboard-page--overview .dashboard-event-grid{
  gap:var(--space-3);
}

.dashboard-page--overview .hero-metric-card{
  min-height:200px;
}

.dashboard-page--overview #cardClients{
  border-color:rgba(37,99,235,0.16);
  background:
    radial-gradient(circle at top left, rgba(37,99,235,0.10), transparent 45%),
    linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.dashboard-page--overview #cardUpstreamHero{
  align-content:stretch;
}

.dashboard-page--overview #cardUpstreamHero .hero-metric-card__value{
  font-size:clamp(2.5rem, 5vw, 4rem);
}

.dashboard-page--overview #cardUpstreamHero .hero-metric-card__subtext{
  margin-left:auto;
}

.dashboard-page--overview .status-card__body,
.dashboard-page--overview .status-card__body--stack{
  gap:var(--space-2);
}

.dashboard-stage--secondary .status-card--feature{
  height:auto;
  align-self:start;
}

.dashboard-page--live .dashboard-quick-strip{
  --dashboard-quick-cols:3;
}

.dashboard-page--history .dashboard-quick-strip,
.dashboard-page--analytics .dashboard-quick-strip{
  --dashboard-quick-cols:4;
}

.dashboard-page--live .section-card,
.dashboard-page--history .section-card,
.dashboard-page--analytics .section-card{
  border-color:rgba(148,163,184,0.16);
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,251,0.98) 100%);
  box-shadow:none;
}

.dashboard-page--history .filter-shell{
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,251,0.98) 100%);
}

.dashboard-page--analytics .graphbox,
.dashboard-page--analytics .graphdetail{
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,250,251,0.98) 100%);
  border:1px solid rgba(148,163,184,0.16);
}

.dashboard-stage--operations #mOpsCircuitCalls{
  color:var(--text);
}

.dashboard-stage--operations .dashboard-ops-stack{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:var(--line);
  box-shadow:none;
  overflow:hidden;
}

.dashboard-stage--operations .dashboard-ops-grid{
  display:contents;
}

.dashboard-stage--operations .dashboard-ops-grid--primary .dashboard-ops-card{
  min-height:176px;
}

.dashboard-stage--operations .dashboard-ops-grid--secondary .dashboard-ops-card{
  min-height:152px;
}

.dashboard-stage--operations .dashboard-ops-card{
  display:grid;
  gap:var(--space-3);
  min-width:0;
  padding:var(--space-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
}

.dashboard-stage--operations .dashboard-ops-card--feature{
  background:
    linear-gradient(180deg, rgba(37,99,235,0.06) 0, rgba(248,250,252,0.99) 100%);
}

.dashboard-stage--operations .dashboard-ops-card--critical{
  background:
    linear-gradient(180deg, rgba(239,68,68,0.08) 0, rgba(255,247,247,0.99) 100%);
}

.dashboard-stage--operations .dashboard-ops-card__head{
  display:flex;
  justify-content:space-between;
  gap:var(--space-3);
  align-items:flex-start;
  min-width:0;
}

.dashboard-stage--operations .dashboard-ops-card__copy{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.dashboard-stage--operations .dashboard-ops-card__copy h3{
  margin:0;
  font-size:0.96rem;
  font-weight:700;
  letter-spacing:-0.01em;
}

.dashboard-stage--operations .dashboard-ops-card__copy p{
  margin:0;
  color:var(--muted);
  font-size:0.84rem;
}

.dashboard-stage--operations .dashboard-ops-card__badge{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  min-width:0;
}

.dashboard-stage--operations .dashboard-ops-card__badge:empty{
  display:none;
}

.dashboard-stage--operations .dashboard-ops-card__value{
  align-self:center;
  font-size:clamp(1.8rem, 3.3vw, 2.75rem);
  line-height:0.95;
  font-weight:800;
  letter-spacing:-0.04em;
}

.dashboard-stage--operations .dashboard-ops-grid--secondary .dashboard-ops-card__value{
  font-size:clamp(1.55rem, 2.8vw, 2.2rem);
}

.dashboard-stage--operations .dashboard-ops-card--feature .dashboard-ops-card__value{
  font-size:clamp(2.15rem, 3.9vw, 3.1rem);
}

.dashboard-stage--operations .dashboard-ops-card--critical .dashboard-ops-card__value{
  color:#b91c1c;
}

.dashboard-stage--operations .dashboard-ops-card__detail{
  align-self:end;
  max-width:34ch;
  color:var(--muted);
  font-size:0.82rem;
  line-height:1.35;
}

.dashboard-stage--operations .dashboard-ops-card__detail:empty{
  display:none;
}

.dashboard-page--overview #mQueueHealthBody{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:var(--space-2);
  align-items:start;
}

.dashboard-page--overview #mQueueHealthBody > .status-card__stack-item{
  min-width:0;
  padding:var(--space-2);
}

.dashboard-page--overview #mQueueHealthBody > .status-card__stack-item--alarm{
  grid-column:1 / -1;
}

.dashboard-page--overview #mQueueHealthBody .status-card__stack-head{
  gap:var(--space-2);
}

.dashboard-page--overview #mQueueHealthBody .status-card__alarm-row{
  gap:var(--space-2);
}

.dashboard-page--overview #mQueueHealthBody .status-card__value{
  font-size:1.55rem;
}

@media (max-width: 1199px){
  .dashboard-stage--operations .dashboard-ops-stack{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .dashboard-stage--operations .dashboard-ops-stack{
    grid-template-columns:1fr;
  }

  .dashboard-stage--operations .dashboard-ops-card{
    min-height:0;
    padding:var(--space-3);
  }

  .dashboard-stage--operations .dashboard-ops-grid--primary .dashboard-ops-card,
  .dashboard-stage--operations .dashboard-ops-grid--secondary .dashboard-ops-card{
    min-height:0;
  }

  .dashboard-stage--operations .dashboard-ops-card__value{
    font-size:clamp(1.75rem, 10vw, 2.5rem);
  }

  .dashboard-page--overview #mQueueHealthBody{
    grid-template-columns:1fr;
  }

  .dashboard-page--overview #mQueueHealthBody > .status-card__stack-item--alarm{
    grid-column:auto;
  }
}

.dashboard-page--overview .event-list__item{
  padding:var(--space-2) var(--space-3);
}

.dashboard-page--overview .event-list__time{
  min-width:92px;
}

.dashboard-page--overview .dashboard-policy-banner__stats{
  gap:var(--space-2);
}

.dashboard-page--overview .dashboard-policy-banner__stat{
  padding:var(--space-2);
}

.dashboard-page--overview .dashboard-policy-banner__stat-value{
  margin-top:4px;
  font-size:1.15rem;
}

.dashboard-page--overview .dashboard-policy-banner__title-row h2{
  font-size:clamp(1.2rem, 1.6vw, 1.6rem);
}

.dashboard-page--overview .dashboard-policy-banner__link{
  min-height:38px;
  padding:0.55rem 0.85rem;
}

.dashboard-page--overview .dashboard-ledger-panel{
  padding:0;
  border:1px solid var(--line);
  border-radius:var(--radius-4);
  background:linear-gradient(180deg, rgba(255,255,255,0.98) 0, rgba(249,251,253,0.98) 100%);
  overflow:hidden;
  box-shadow:var(--shadow-1);
}

.dashboard-page--overview .dashboard-ledger{
  display:grid;
  gap:0;
  background:transparent;
}

.dashboard-page--overview .dashboard-ledger-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:var(--space-4);
  align-items:center;
  min-width:0;
  padding:var(--space-4);
  background:transparent;
  border-top:1px solid var(--line);
  box-shadow:none;
}

.dashboard-page--overview .dashboard-ledger-row:first-child{
  border-top:0;
}

.dashboard-page--overview .dashboard-ledger-row--feature{
  background:linear-gradient(90deg, rgba(37,99,235,0.05), transparent 34%);
  box-shadow:inset 3px 0 0 rgba(37,99,235,0.18);
}

.dashboard-page--overview .dashboard-ledger-row--critical{
  background:linear-gradient(90deg, rgba(239,68,68,0.06), transparent 34%);
  box-shadow:inset 3px 0 0 rgba(239,68,68,0.2);
}

.dashboard-page--overview .dashboard-ledger-row__main{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.dashboard-page--overview .dashboard-ledger-row__main h3{
  margin:0;
  font-size:0.96rem;
  font-weight:700;
  letter-spacing:-0.01em;
}

.dashboard-page--overview .dashboard-ledger-row__main p,
.dashboard-page--overview .dashboard-ledger-row__detail{
  margin:0;
  color:var(--muted);
}

.dashboard-page--overview .dashboard-ledger-row__main p{
  font-size:0.85rem;
}

.dashboard-page--overview .dashboard-ledger-row__value-wrap{
  display:grid;
  gap:var(--space-2);
  justify-items:end;
  align-items:start;
  min-width:0;
  text-align:right;
}

.dashboard-page--overview .dashboard-ledger-row__value{
  font-size:1.65rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-0.04em;
}

.dashboard-page--overview .dashboard-ledger-row__value--large{
  font-size:2.2rem;
}

.dashboard-page--overview .dashboard-ledger-row__value--compact{
  font-size:1.5rem;
}

.dashboard-page--overview .dashboard-ledger-row__detail{
  max-width:28ch;
  font-size:0.82rem;
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row{
  padding:var(--space-3) var(--space-4);
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row{
  min-height:100%;
  border-top:0;
  border-left:1px solid var(--line);
  background:transparent;
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row:first-child{
  border-left:0;
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row__main p{
  font-size:0.8rem;
}

.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row__detail{
  font-size:0.78rem;
}

@media (min-width: 1100px){
  .dashboard-page--overview .dashboard-hero-grid--sheet,
  .dashboard-page--overview .dashboard-status-grid--sheet,
  .dashboard-page--overview .dashboard-event-grid--sheet,
  .dashboard-page--overview .dashboard-compact-grid--rail{
    gap:1px;
    padding:1px;
    border:1px solid var(--line);
    border-radius:var(--radius-4);
    background:var(--line);
    overflow:hidden;
    box-shadow:var(--shadow-1);
  }

  .dashboard-page--overview .dashboard-status-grid--sheet{
    align-items:start;
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet > .hero-metric-card,
  .dashboard-page--overview .dashboard-status-grid--sheet > .status-card,
  .dashboard-page--overview .dashboard-event-grid--sheet > .event-list-card,
  .dashboard-page--overview .dashboard-compact-grid--rail > .compact-metric-card{
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
    min-height:0;
  }

  .dashboard-page--overview .dashboard-status-grid--sheet > .status-card{
    height:auto;
    align-self:start;
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet > .hero-metric-card--feature,
  .dashboard-page--overview .dashboard-status-grid--sheet > .status-card--feature{
    background:
      radial-gradient(circle at top right, rgba(37,99,235,0.10), transparent 45%),
      linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(248,250,252,0.99) 100%);
  }

  .dashboard-page--overview .dashboard-status-grid--sheet > .status-card--critical{
    background:
      radial-gradient(circle at top right, rgba(239,68,68,0.08), transparent 45%),
      linear-gradient(180deg, rgba(255,255,255,0.99) 0, rgba(255,247,247,0.99) 100%);
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet > .hero-metric-card--wide,
  .dashboard-page--overview .dashboard-status-grid--sheet > .status-card--wide{
    min-height:0;
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet .hero-metric-card__head,
  .dashboard-page--overview .dashboard-status-grid--sheet .status-card__head,
  .dashboard-page--overview .dashboard-event-grid--sheet .event-list-card__head,
  .dashboard-page--overview .dashboard-compact-grid--rail .compact-metric-card__head{
    align-items:flex-start;
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet .hero-metric-card__subtext,
  .dashboard-page--overview .dashboard-status-grid--sheet .status-card__body,
  .dashboard-page--overview .dashboard-status-grid--sheet .status-card__body--stack{
    gap:var(--space-2);
  }

  .dashboard-page--overview .dashboard-hero-grid--sheet .hero-metric-card__head,
  .dashboard-page--overview .dashboard-event-grid--sheet .event-list-card__head,
  .dashboard-page--overview .dashboard-compact-grid--rail .compact-metric-card__head{
    margin-bottom:0;
  }
}

.data-cell__primary,
.data-cell__secondary,
.mobile-data-card__title,
.mobile-data-card__eyebrow{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.mobile-data-card__row{
  grid-template-columns:minmax(84px, 32%) minmax(0, 1fr);
  align-items:start;
}

@media (max-width: 768px){
  .dispatcher-page .mobile-data-card__row{
    grid-template-columns:minmax(76px, 36%) minmax(0, 1fr);
  }

  .dispatcher-page .dispatcher-card--summary .mobile-data-card__row{
    grid-template-columns:minmax(84px, 38%) minmax(0, 1fr);
  }

  .dispatcher-page .kv--dispatcher-timeline{
    grid-template-columns:1fr;
  }

  .dispatcher-page .dispatcher-card--split{
    grid-template-columns:1fr;
  }

  .dispatcher-page .dispatcher-card--split > .mobile-data-card__footer{
    grid-column:1;
    grid-row:auto;
  }

  .dispatcher-page .dispatcher-timeline-detail__summary{
    padding:var(--space-2);
  }

  .dispatcher-page .dispatcher-audio-playback--inline{
    min-width:0;
  }
}

@media (max-width: 768px){
  .mobile-data-card__row{
    grid-template-columns:minmax(72px, 36%) minmax(0, 1fr);
  }
}

@media (max-width: 1100px){
  .permissions-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width: 1023px){
  .graph-layout{
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   Readability Pass — Typography, Spacing, Legibility
   Applied as cascade overrides so existing layout logic is not disturbed.
   ========================================================================== */

/* 1. Smooth scrolling + slightly looser body line-height */
html{scroll-behavior:smooth;}
body.bulma-ui{line-height:1.62;}

/* 2. Section breathing room — 12px was too tight between sections */
:root{--section-gap:20px;}

/* 3. Text wrapping — prevents orphaned single words on last lines */
.page-header__title{text-wrap:balance;}
.page-header__subtitle,
.hero-metric-card__summary,
.hero-metric-card__subtext,
.status-card__detail,
.dashboard-policy-banner__meta,
.dashboard-policy-banner__detail,
.dashboard-ops-card__copy p,
.dashboard-ledger-row__main p,
.state-block__description,
.auth-hero__subtitle{text-wrap:pretty;}

/* 4. Label / eyebrow font sizes — 10px and 11px are too small to scan comfortably.
   Minimum readable uppercase label size is 12px. Letter-spacing is also reduced
   slightly because wide tracking at sub-12px makes text harder, not easier, to read. */
.card__k,
.metric-card .card__k,
.auth-label,
.auth-hero__badge,
.queue-health-item__label,
.topbar-status__label,
.hist-call-card__label,
.mobile-data-card__eyebrow,
.dashboard-quick-strip__label,
.dispatcher-page .dispatcher-timeline-detail__eyebrow,
.dispatcher-page .mobile-data-card__eyebrow,
.lip-detail__eyebrow,
.dispatcher-map-list__meta,
.dispatcher-map-list__badge,
.page-header__eyebrow{
  font-size:12px;
  letter-spacing:0.06em;
}

/* Sub-categories that were at 0.78rem (~10.9px) — bump to readable floor */
.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row__detail{font-size:0.84rem;}
.dashboard-page--overview .dashboard-ledger-panel--compact .dashboard-ledger-row__main p{font-size:0.88rem;}
.dashboard-ops-card__copy p{font-size:0.88rem;}

.dashboard-page--live .section-card,
.dashboard-page--history .section-card,
.dashboard-page--analytics .section-card,
.dashboard-page--live .table.box.table-surface,
.dashboard-page--history .table.box.table-surface,
.dashboard-page--analytics .table.box.table-surface,
.dashboard-page--live .dashboard-quick-strip,
.dashboard-page--history .dashboard-quick-strip,
.dashboard-page--analytics .dashboard-quick-strip,
.dashboard-page--history .filter-shell,
.dashboard-page--analytics .graphbox,
.dashboard-page--analytics .graphdetail,
body[data-page-id="dispatcher"] .section-card,
body[data-page-id="dispatcher"] .table.box.table-surface,
body[data-page-id="dispatcher"] .split-panels > .section,
body[data-page-id="dispatcher"] .dashboard-quick-strip,
body[data-page-id="dispatcher"] .dashboard-quick-strip__card,
body[data-page-id="dispatcher"] .dashboard-quick-strip__card--feature,
body[data-page-id="accounting"] .accounting-summary-layout,
body[data-page-id="accounting"] .accounting-summary-grid,
body[data-page-id="accounting"] .accounting-summary-grid > .compact-metric-card,
body[data-page-id="accounting"] .accounting-summary-usage,
body.audio-page .metrics-bento,
body.audio-page .audio-metrics-support,
body.audio-page .split-panels,
body.audio-page .broadcast-log,
body[data-page-id="registration"] .dashboard-quick-strip,
body[data-page-id="registration"] .section-card.box,
body[data-page-id="registration"] .table.box.table-surface,
.registration-page .registration-overview-strip,
.accounting-page .accounting-summary-card,
.accounting-page .accounting-filters-card,
.accounting-page .accounting-ledger-card,
.accounting-page .section-card.box,
.accounting-page .table.box.table-surface,
body[data-page-id="debug"] .logpanel,
body[data-page-id="debug"] .logview,
body[data-page-id="debug"] .section-card,
body[data-page-id="debug"] .table.box.table-surface,
body[data-page-id="sds"] .section-card,
body[data-page-id="sds"] .table.box.table-surface,
body[data-page-id="sds"] .section-tabs,
body[data-page-id="sds"] .section.section--nested,
.workflow-page .workflow-overview #summary-section,
.workflow-page .workflow-content-grid,
.workflow-page .rules-grid,
.workflow-page .executions-list,
.workflow-page .workflow-actions{
  background:transparent !important;
  box-shadow:none !important;
}

/* 5. Field labels: increase size and use the stronger --label colour token
   so form fields are easier to associate with their control */
.field-label{
  font-size:13px;
  letter-spacing:0.03em;
  color:var(--label);
}

/* 6. Table headers: bump from 11px to 12px; ease letter-spacing slightly */
thead th{
  font-size:12px;
  letter-spacing:0.04em;
}
tbody th{font-size:13px;}

/* 7. Muted / small utility text: slightly better line-height for multi-line use */
.muted{line-height:1.55;}
.small{line-height:1.5;}

/* 8. Metric value line-heights — 0.95/0.96/0.98 makes numbers look compressed.
   1.0–1.05 is the professional ops-display sweet spot. */
.metric-card .card__v{line-height:1.05;}
.hero-metric-card__value{line-height:1.0;}
.dashboard-quick-strip__value{line-height:1.05;}
.dashboard-stage--operations .dashboard-ops-card__value{line-height:1.0;}
.dashboard-page--overview .dashboard-ledger-row__value{line-height:1.05;}

/* 9. Tabular-nums — aligns digits vertically so live-updating counters
   don't cause layout shifts as numbers change width */
.metric-card .card__v,
.hero-metric-card__value,
.status-card__value,
.compact-metric-card__value,
.dashboard-quick-strip__value,
.dashboard-stage--operations .dashboard-ops-card__value,
.dashboard-page--overview .dashboard-ledger-row__value,
.dashboard-policy-banner__stat-value,
.topbar-status__value{
  font-variant-numeric:tabular-nums;
}

/* 10. Tag font-size — 11px tags are hard to read, especially with uppercase.
   12px keeps the compact feel but remains scannable. */
.tag{font-size:12px;}

/* 11. Section title letter-spacing — 0.07em at 15px uppercase is over-tracked;
   0.05em is enough for all-caps clarity without fatigue */
.section__head h2{letter-spacing:0.05em;}

/* 12. Auth page subtitle line-height */
.auth-hero__subtitle{line-height:1.65;}

/* 13. Page-header subtitle max-width — prevents very long subtitle lines */
.page-header__subtitle{max-width:72ch;}

/* Dark mode: ensure tabular nums and label colours are consistent */
:root[data-theme="dark"] .field-label{color:var(--label);}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .field-label{color:var(--label);}
}

@media (max-width: 768px){
  body[data-page-id="core"] .core-workbench,
  body[data-page-id="core"] .core-settings-grid,
  body[data-page-id="core"] .core-broadcast-grid,
  body[data-page-id="callout"] .split-panels--callout,
  body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream,
  .provisioning-page .split-panels,
  .service-profiles-page .split-panels--upstream,
  .tls-page .split-panels--upstream{
    grid-template-columns:1fr;
  }
}

/* Dense stacks for form-heavy pages that were leaving empty side columns */
body[data-page-id="core"] .core-settings-grid,
body[data-page-id="core"] .core-broadcast-grid,
.dispatcher-page [data-section-panel="dispatcher-status"],
.dispatcher-page [data-section-panel="dispatcher-operations"],
.dispatcher-page [data-section-panel="dispatcher-supplementary"],
.dispatcher-page [data-section-panel="dispatcher-incidents"],
.dispatcher-page [data-section-panel="dispatcher-collaboration"],
.dispatcher-page [data-section-panel="dispatcher-escalation"]{
  grid-template-columns:1fr;
}

body[data-page-id="dashboard"] .dashboard-hero-grid--sheet,
body[data-page-id="dashboard"] .dashboard-status-grid--sheet,
body[data-page-id="dashboard"] .dashboard-event-grid--sheet,
body[data-page-id="dashboard"] .dashboard-compact-grid--rail{
  grid-auto-flow:row;
}

body[data-page-id="dashboard"] .dashboard-hero-grid--sheet > .hero-metric-card--wide,
body[data-page-id="dashboard"] .dashboard-status-grid--sheet > .status-card--wide{
  grid-column:auto;
  min-height:auto;
}

body[data-page-id="dashboard"] .dashboard-status-grid--sheet{
  align-items:start;
}

body[data-page-id="dashboard"] .dashboard-compact-grid--rail > .compact-metric-card{
  min-height:auto;
}

.accounting-page .accounting-summary-grid > .compact-metric-card,
.accounting-page .accounting-summary-usage{
  min-height:auto;
}

.accounting-page .accounting-summary-layout{
  align-items:start;
}

.maintenance-workspace-grid{
  align-items:start;
}

.permissions-layout{
  align-items:start;
}

body[data-page-id="retention"] .retention-summary-strip{
  align-items:start;
}

body[data-page-id="retention"] .retention-summary-strip__card{
  min-height:auto;
}

body[data-page-id="rua-rui"] .split-panels--upstream > .section-card{
  min-height:auto;
}

body[data-page-id="dgna"] .dashboard-compact-grid{
  align-items:start;
}

.dispatcher-page .split-panels--dispatcher-console-lists,
.dispatcher-page .split-panels:has(#dispatchConsoleMonitorList){
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.dashboard-page--overview .dashboard-hero-grid--sheet,
.dashboard-page--overview .dashboard-status-grid--sheet,
.dashboard-page--overview .dashboard-event-grid--sheet,
.dashboard-page--overview .dashboard-compact-grid--rail,
.accounting-page .accounting-summary-layout,
.accounting-page .accounting-summary-grid,
.maintenance-workspace-grid,
.permissions-layout,
body[data-page-id="retention"] .retention-summary-strip,
body[data-page-id="rua-rui"] .split-panels--upstream,
body[data-page-id="dgna"] .dashboard-compact-grid,
body[data-page-id="upstream"] [data-section-panel="upstream-config"] > .split-panels--upstream,
body[data-page-id="upstream"] [data-section-panel="upstream-runtime"][data-masonry-panel],
body[data-page-id="upstream"] [data-section-panel="upstream-diagnostics"][data-masonry-panel],
body[data-page-id="network"] [data-section-panel="network-infrastructure"][data-masonry-panel],
.network-page .network-overview-layout,
.network-page .network-mobility-layout,
.provisioning-page .split-panels,
.provisioning-history-grid,
.service-profiles-page .split-panels--upstream,
.tls-page .split-panels--upstream,
.users-page .users-workbench,
.users-page .users-editor-grid,
.recovery-page .recovery-workbench,
.recovery-page .recovery-history-grid,
body[data-page-id="callout"] .split-panels--callout,
body[data-page-id="emergency"] .split-panels--upstream,
body[data-page-id="intercore"] .split-panels--upstream,
.packet-page .packet-summary-grid,
.packet-page .packet-profiles-layout,
.packet-page .packet-profiles-editor-grid,
body[data-page-id="governance"] .governance-audit-grid,
body[data-page-id="governance"] .governance-forensics-grid,
body[data-page-id="governance"] .governance-integrations-grid,
body[data-page-id="governance"] .governance-monitoring-grid,
body[data-page-id="governance"] .governance-workbench-grid,
body[data-page-id="governance"] .governance-tool-layout,
body[data-page-id="governance"] .governance-response-layout,
.tea-page .tea-layout,
.tea-page .tea-editor-grid,
.tea-page .tea-status-grid{
  background:transparent !important;
  box-shadow:none !important;
}

/* Flatten the small 1px shell grids that make many pages feel boxy. */
body[data-page-id="core"] .core-workbench,
body[data-page-id="core"] .core-settings-grid,
body[data-page-id="core"] .core-broadcast-grid,
.accounting-page .accounting-summary-layout,
.accounting-page .accounting-summary-grid,
.accounting-page .accounting-summary-usage,
.maintenance-workspace-grid,
.permissions-page .permissions-layout,
body[data-page-id="retention"] .retention-summary-strip,
body[data-page-id="rua-rui"] .split-panels--upstream,
body[data-page-id="dgna"] .dashboard-compact-grid,
.dispatcher-page [data-section-panel="dispatcher-terminal"] .split-panels,
.dispatcher-page [data-section-panel="dispatcher-status"],
.dispatcher-page [data-section-panel="dispatcher-operations"],
.dispatcher-page [data-section-panel="dispatcher-supplementary"],
.dispatcher-page [data-section-panel="dispatcher-incidents"],
.dispatcher-page [data-section-panel="dispatcher-collaboration"],
.dispatcher-page [data-section-panel="dispatcher-escalation"],
.dispatcher-page .split-panels--dispatcher-console-lists,
.registration-page .split-panels--upstream,
.registration-page .registration-summary-sheet,
.users-page .users-workbench,
.users-page .users-editor-grid,
.provisioning-page .split-panels,
.provisioning-history-grid,
.service-profiles-page .split-panels--upstream,
.service-profiles-page .service-profiles-editor-grid,
.service-profiles-page .service-profiles-summary-strip,
.recovery-page .recovery-summary-strip,
.recovery-page .recovery-workbench,
.recovery-page .recovery-history-grid,
body[data-page-id="callout"] .split-panels--callout,
body[data-page-id="emergency"] .split-panels--upstream,
body.audio-page .split-panels,
.tls-page .split-panels--upstream,
body[data-page-id="intercore"] .split-panels--upstream,
body[data-page-id="network"] [data-section-panel="network-infrastructure"],
.network-page .network-overview-layout,
.network-page .network-mobility-layout,
body[data-page-id="governance"] .governance-audit-grid,
body[data-page-id="governance"] .governance-forensics-grid,
body[data-page-id="governance"] .governance-integrations-grid,
body[data-page-id="governance"] .governance-monitoring-grid,
body[data-page-id="governance"] .governance-workbench-grid,
body[data-page-id="governance"] .governance-tool-layout,
body[data-page-id="governance"] .governance-response-layout,
.dashboard-quick-strip,
.dashboard-page--live .dashboard-quick-strip,
.dashboard-page--history .dashboard-quick-strip,
.dashboard-page--analytics .dashboard-quick-strip,
body[data-page-id="dispatcher"] .dashboard-quick-strip,
body[data-page-id="registration"] .dashboard-quick-strip,
.maintenance-page .dashboard-quick-strip,
.audio-page .metrics-bento,
.audio-page .audio-metrics-support,
.audio-page .split-panels,
.audio-page .broadcast-log,
body[data-page-id="debug"] .logpanel,
.tea-page .tea-layout,
.tea-page .tea-editor-grid,
.tea-page .tea-status-grid,
.packet-page .packet-summary-grid,
.packet-page .packet-sessions-layout,
.packet-page .packet-profiles-layout,
.packet-page .packet-profiles-editor-grid{
  gap:var(--space-4);
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  align-items:start;
  grid-auto-flow:row dense;
}

.users-page .users-editor__access,
.users-page .users-editor__create{
  grid-column:auto;
}