:root{
  --bg:#07111f;
  --bg-soft:#0b1528;
  --panel:#0d1930cc;
  --panel-strong:#101f39;
  --panel-border:rgba(152,178,255,.16);
  --text:#edf3ff;
  --muted:#9fb0d1;
  --muted-2:#7f90b5;
  --primary:#7c6cff;
  --secondary:#35c6ff;
  --success:#31d0aa;
  --warning:#ffca6c;
  --danger:#ff7b9f;
  --shadow:0 24px 80px rgba(3,8,20,.42);
  --shadow-soft:0 14px 40px rgba(2,10,27,.28);
  --radius:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --sidebar-width:288px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at top left, rgba(124,108,255,.16), transparent 30%),
    radial-gradient(circle at top right, rgba(53,198,255,.13), transparent 28%),
    linear-gradient(180deg,#07111f 0%,#091426 48%,#07101e 100%);
  color:var(--text);
  min-height:100vh;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(80px);
  pointer-events:none;
  z-index:0;
  opacity:.35;
}
body::before{left:-120px;top:-100px;background:rgba(124,108,255,.26)}
body::after{right:-80px;bottom:-120px;background:rgba(53,198,255,.18)}
a{color:#b7c7ff;text-decoration:none;transition:all .18s ease}
a:hover{color:#fff}
img{max-width:100%;display:block}
label,.form-label{display:block;margin:0 0 .5rem;color:#afc0e4;font-size:.9rem;font-weight:600;letter-spacing:.01em}
input,textarea,select,button{
  width:100%;
  font:inherit;
  border-radius:16px;
  border:1px solid rgba(150,173,232,.14);
  background:linear-gradient(180deg,rgba(15,25,49,.96),rgba(10,18,37,.96));
  color:var(--text);
  padding:.95rem 1rem;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
input::placeholder,textarea::placeholder{color:#7385ad}
input:focus,textarea:focus,select:focus{
  border-color:rgba(110,131,255,.72);
  box-shadow:0 0 0 4px rgba(107,126,255,.14), 0 10px 24px rgba(7,14,31,.32);
}
textarea{min-height:120px;resize:vertical}
button{
  cursor:pointer;
  font-weight:700;
  letter-spacing:.01em;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  border:none;
  box-shadow:0 16px 30px rgba(76,98,255,.28);
}
button:hover{transform:translateY(-1px);box-shadow:0 20px 34px rgba(76,98,255,.32)}
button:active{transform:translateY(0)}
.wrapper{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:var(--sidebar-width) 1fr;
  min-height:100vh;
}
.sidebar{
  position:sticky;
  top:0;
  align-self:start;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  padding:1.4rem 1.1rem 1.1rem;
  background:linear-gradient(180deg,rgba(9,17,35,.88),rgba(9,17,33,.95));
  border-right:1px solid rgba(157,180,239,.1);
  backdrop-filter:blur(20px);
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:18px 14px 18px 14px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
.sidebar > *{position:relative;z-index:1}
.brand-block{padding:.45rem .55rem 1.15rem}
.brand{
  display:flex;
  align-items:center;
  gap:.9rem;
  font-size:1.18rem;
  font-weight:800;
  letter-spacing:.01em;
}
.brand-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#fff;
  box-shadow:0 18px 28px rgba(80,102,255,.28);
}
.brand span{color:#9edfff}
.brand-subtitle{margin-top:.55rem;color:#7e8fb4;font-size:.84rem;line-height:1.45}
.sidebar .workspace-card{
  margin:.35rem .55rem 1rem;
  padding:1rem;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(16,30,57,.95),rgba(10,21,40,.95));
  border:1px solid rgba(130,153,220,.16);
  box-shadow:var(--shadow-soft);
}
.workspace-card .eyebrow{margin-bottom:.45rem}
.workspace-card .workspace-name{font-size:.96rem;font-weight:700}
.workspace-card .workspace-meta{margin-top:.45rem;color:var(--muted);font-size:.84rem;display:flex;justify-content:space-between;gap:.75rem}
.sidebar nav{display:grid;gap:.35rem;padding:.25rem .35rem 0}
.sidebar nav a{
  display:flex;
  align-items:center;
  gap:.9rem;
  padding:.9rem 1rem;
  border-radius:16px;
  color:#cad7f7;
  border:1px solid transparent;
  font-weight:600;
}
.sidebar nav a::before{
  content:attr(data-icon);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.045);
  color:#dbe6ff;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.03em;
}
.sidebar nav a:hover{
  transform:translateX(2px);
  background:rgba(255,255,255,.04);
  border-color:rgba(140,164,227,.1);
}
.sidebar nav a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(124,108,255,.24),rgba(53,198,255,.16));
  border-color:rgba(142,161,255,.28);
  box-shadow:0 14px 28px rgba(8,18,40,.22);
}
.sidebar nav a.active::before{background:rgba(255,255,255,.12)}
.sidebar-footer{
  margin-top:auto;
  padding:.95rem .75rem .35rem;
  color:#7f90b3;
  font-size:.82rem;
}
.main{padding:1.4rem 1.4rem 1.6rem;min-width:0}
.main-auth{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem 1rem;
}
.topbar,
.topbar-premium{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1.25rem;
  padding:1.15rem 1.25rem;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(13,26,48,.88),rgba(10,20,39,.84));
  border:1px solid rgba(150,173,232,.12);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-soft);
}
.topbar .right,
.topbar-premium .right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.page-title,
.topbar h2{margin:0;font-size:1.55rem;line-height:1.15;letter-spacing:-.02em}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:#81a1ff;
  font-weight:800;
}
.eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:0 0 0 6px rgba(124,108,255,.12);
}
.muted,.text-muted,.small,.tiny-muted{color:var(--muted)!important}
.small{font-size:.84rem}
.tiny-muted{font-size:.8rem;color:var(--muted-2)!important}
.flash{
  padding:1rem 1.1rem;
  border-radius:18px;
  margin-bottom:1rem;
  border:1px solid transparent;
  box-shadow:var(--shadow-soft);
}
.flash.success{background:rgba(18,63,53,.72);color:#c7ffe7;border-color:rgba(79,214,170,.18)}
.flash.error{background:rgba(77,25,42,.72);color:#ffd5df;border-color:rgba(255,123,159,.18)}
.hero-card,.panel,.stat-card,.card,.glass-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(14,27,51,.9),rgba(10,19,38,.96));
  border:1px solid var(--panel-border);
  border-radius:var(--radius);
  padding:1.35rem;
  box-shadow:var(--shadow);
}
.hero-card::before,.panel::before,.stat-card::before,.card::before,.glass-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.22),rgba(255,255,255,.04));
  pointer-events:none;
}
.hero-card{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);
  align-items:stretch;
  gap:1.2rem;
  min-height:180px;
  background:
    radial-gradient(circle at right top, rgba(53,198,255,.14), transparent 28%),
    radial-gradient(circle at left bottom, rgba(124,108,255,.2), transparent 32%),
    linear-gradient(135deg,rgba(15,31,61,.98),rgba(10,19,38,.98));
}
.hero-card > *{min-width:0}
.hero-card h1,.hero-card h2,.panel h2,.panel h3,.card h3{margin:0 0 .65rem;letter-spacing:-.02em}
.hero-card p,.panel p,.card p{color:#aab9dc;line-height:1.65}
.stat-card{padding:1.2rem 1.2rem 1.1rem}
.stat-card strong{display:block;font-size:2.1rem;line-height:1;font-weight:800;letter-spacing:-.04em;margin-bottom:.45rem}
.stat-card span{display:block;color:#9eb0d5;font-weight:600}
.stat-card::after{
  content:"";
  position:absolute;
  right:-24px;
  top:-24px;
  width:96px;
  height:96px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(124,108,255,.18),rgba(53,198,255,.12));
  transform:rotate(14deg);
}
.grid{display:grid;gap:1rem;margin-bottom:1rem}
.grid.two,.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.row{display:flex;flex-wrap:wrap;margin:-.75rem}
.row > *{padding:.75rem;min-width:0}
.col-12{width:100%}
.col-lg-5{width:41.666666%}
.col-lg-7{width:58.333333%}
.col-lg-4,.col-xl-4,.col-md-4,.col-md-3,.col-md-6,.col-xl-8,.col-lg-5,.col-lg-7,.col-xl-4,.col-xl-8,.col-md-6,.col-md-4,.col-md-3{flex:0 0 auto}
.col-xl-4{width:33.333333%}
.col-xl-8{width:66.666666%}
.col-md-6{width:50%}
.col-md-4{width:33.333333%}
.col-md-3{width:25%}
.g-3{margin:-.5rem}.g-3>*{padding:.5rem}
.g-4{margin:-.75rem}.g-4>*{padding:.75rem}
.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.3rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.m-0{margin:0!important}
.p-4{padding:1.35rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-top:.65rem!important;padding-bottom:.65rem!important}
.h-100{height:100%}.w-100{width:100%}.fw-bold,.fw-semibold{font-weight:700!important}.fs-4{font-size:1.75rem!important}.h4{font-size:1.4rem!important}.h5{font-size:1.05rem!important}
.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}
.page-head{margin-bottom:1rem;padding:1rem 0}.page-head h1{margin:0 0 .4rem;font-size:1.8rem;letter-spacing:-.03em}.page-head p{margin:0;color:#a7b6d9}
.table-responsive{overflow:auto}
.table,.premium-table table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td,.premium-table th,.premium-table td{
  padding:.92rem .95rem;
  border-bottom:1px solid rgba(255,255,255,.06);
  text-align:left;
  font-size:.94rem;
  vertical-align:top;
}
.table thead th,.premium-table thead th{
  color:#8fa6d9;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  background:rgba(255,255,255,.015);
}
.table tbody tr:hover,.premium-table tbody tr:hover{background:rgba(255,255,255,.025)}
.list{margin:0;padding-left:1.15rem}.list li{margin:.55rem 0;color:#cbd7f7;line-height:1.6}
.auth-shell{width:min(100%,520px);margin:2rem auto;padding:1.4rem}
.badge,
.badge-soft{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:.42rem .72rem;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.badge-soft{background:rgba(124,108,255,.16);border:1px solid rgba(143,161,255,.18);color:#d8e0ff}
.text-bg-secondary{background:rgba(255,255,255,.06);color:#dde7ff;border:1px solid rgba(255,255,255,.06)}
.text-bg-dark{background:rgba(0,0,0,.24);color:#e9f1ff;border:1px solid rgba(255,255,255,.07)}
.rounded-pill{border-radius:999px}
.mini-stat,
.glass-chip{
  padding:1rem 1rem;
  border-radius:18px;
  border:1px solid rgba(150,173,232,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
}
.glass-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.premium-input,
.form-control,
.form-select{background:linear-gradient(180deg,rgba(15,25,49,.98),rgba(11,20,38,.98));border-color:rgba(150,173,232,.14)}
.btn,.btn-gradient,.btn-outline-light{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border-radius:16px;
  padding:.95rem 1.1rem;
  font-weight:800;
  letter-spacing:.01em;
  text-align:center;
}
.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff;box-shadow:0 18px 32px rgba(76,98,255,.3)}
.btn-outline-light,
.topbar button{
  background:rgba(255,255,255,.03);
  color:#edf2ff;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:none;
}
.btn-outline-light:hover,
.topbar button:hover{background:rgba(255,255,255,.08)}
.alert-inline{padding:.8rem 1rem;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.06);padding:.15rem .4rem;border-radius:8px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}
::-webkit-scrollbar-thumb{background:rgba(160,176,220,.24);border-radius:999px}
@media (max-width:1200px){
  .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-xl-4,.col-xl-8{width:100%}
}
@media (max-width:1024px){
  :root{--sidebar-width:100%}
  .wrapper{grid-template-columns:1fr}
  .sidebar{position:relative;min-height:auto;padding-bottom:1rem;border-right:0;border-bottom:1px solid rgba(157,180,239,.1)}
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .main{padding:1rem}
  .topbar,.topbar-premium{position:relative}
  .col-lg-5,.col-lg-7,.col-md-6,.col-md-4,.col-md-3{width:100%}
}
@media (max-width:760px){
  .sidebar nav{grid-template-columns:1fr}
  .grid.two,.grid.three,.grid.four,.grid.cols-2{grid-template-columns:1fr}
  .topbar,.topbar-premium,.hero-card{flex-direction:column}
  .page-title,.topbar h2{font-size:1.35rem}
  .main{padding:.85rem}
  .hero-card,.panel,.stat-card,.card,.glass-panel{padding:1.05rem}
}


body{overflow-x:hidden}
.sidebar nav{overflow:auto;padding-right:.15rem}
.nav-group-label{margin:.9rem .8rem .3rem;color:#7186b7;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sidebar nav a{gap:.85rem;align-items:center}
.sidebar nav a::before{display:none}
.nav-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.05);flex:0 0 38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.nav-icon svg{width:18px;height:18px;fill:none;stroke:#dce7ff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a.active .nav-icon{background:linear-gradient(135deg,rgba(124,108,255,.45),rgba(53,198,255,.26));border-color:rgba(180,203,255,.22);box-shadow:0 12px 24px rgba(36,52,110,.28)}
.nav-copy{display:flex;flex-direction:column;min-width:0}
.nav-copy span{display:block;color:inherit}
.nav-copy small{font-size:.72rem;color:#7f90b3;line-height:1.25}
.topbar-actions{justify-content:flex-end}
.command-pill{display:flex;align-items:center;gap:.7rem;min-width:min(100%,380px);padding:.82rem 1rem;border-radius:16px;border:1px solid rgba(160,184,240,.14);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:#d4e1ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.command-pill-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:10px;background:rgba(124,108,255,.18);font-size:.86rem;font-weight:800}
.command-pill span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}
.command-pill kbd{margin-left:auto;border-radius:8px;padding:.25rem .45rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#eff5ff;font:inherit;font-size:.76rem;font-weight:800}
.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem .95rem;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid transparent}
.status-pill::before{content:"";width:8px;height:8px;border-radius:999px}
.status-pill.success{background:rgba(31,94,74,.45);color:#c9ffe9;border-color:rgba(83,220,178,.15)}
.status-pill.success::before{background:#38d4af;box-shadow:0 0 0 6px rgba(56,212,175,.12)}
.status-pill.neutral{background:rgba(124,108,255,.16);color:#e7e2ff;border-color:rgba(177,165,255,.15)}
.status-pill.neutral::before{background:#8a7cff;box-shadow:0 0 0 6px rgba(138,124,255,.12)}
.btn,.btn-gradient,.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:auto;text-align:center;text-decoration:none}
.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;box-shadow:0 16px 30px rgba(76,98,255,.28)}
.btn-outline-light{background:rgba(255,255,255,.04)!important;border:1px solid rgba(179,197,241,.18)!important;color:#edf3ff!important;box-shadow:none}
.btn-outline-light:hover{background:rgba(255,255,255,.08)!important}
.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem;padding:1.25rem 1.35rem;border-radius:24px;background:linear-gradient(180deg,rgba(15,29,55,.88),rgba(10,21,40,.94));border:1px solid rgba(154,177,235,.12);box-shadow:var(--shadow-soft)}
.page-head h1,.page-head h2,.page-head h3{margin:0 0 .35rem}
.page-head p{margin:0;color:var(--muted);max-width:68ch}
.page-head-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.premium-hero{display:grid;grid-template-columns:1.4fr .9fr;gap:1rem;align-items:stretch;margin-bottom:1rem}
.premium-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}
.metric-tile{position:relative;padding:1.15rem 1.1rem;border-radius:22px;background:linear-gradient(180deg,rgba(15,29,55,.88),rgba(10,20,39,.95));border:1px solid rgba(146,170,228,.12);box-shadow:var(--shadow-soft);overflow:hidden}
.metric-tile::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.25),transparent 62%);pointer-events:none}
.metric-kicker{font-size:.74rem;color:#86a2de;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.metric-value{margin-top:.55rem;font-size:2rem;font-weight:800;letter-spacing:-.03em}
.metric-meta{margin-top:.35rem;color:var(--muted);font-size:.86rem}
.metric-trend{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}
.metric-trend.up{color:#c9ffe9}
.metric-trend.up::before{content:"↗"}
.metric-trend.flat{color:#d8e5ff}
.metric-trend.flat::before{content:"•"}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-stack{display:grid;gap:1rem}
.card-title-row,.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.card-title-row h2,.card-title-row h3,.panel-header h2,.panel-header h3{margin:0 0 .3rem}
.premium-table{border-radius:18px;overflow:hidden;border:1px solid rgba(156,179,236,.1);background:rgba(255,255,255,.02)}
.table{width:100%;border-collapse:collapse}
.table th{padding:1rem 1rem;color:#88a3dd;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}
.table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e8efff;vertical-align:top}
.table tr:hover td{background:rgba(255,255,255,.02)}
.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .68rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid transparent;text-transform:capitalize}
.status-badge::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.9}
.status-badge.scheduled,.status-badge.pending,.status-badge.planned,.status-badge.in_production{background:rgba(124,108,255,.14);color:#cec7ff;border-color:rgba(176,163,255,.16)}
.status-badge.sent,.status-badge.published,.status-badge.success,.status-badge.approved,.status-badge.done,.status-badge.active{background:rgba(49,208,170,.14);color:#caffee;border-color:rgba(93,222,186,.16)}
.status-badge.failed,.status-badge.error,.status-badge.inactive{background:rgba(255,123,159,.14);color:#ffd1dd;border-color:rgba(255,123,159,.16)}
.status-badge.processing{background:rgba(53,198,255,.14);color:#d4f4ff;border-color:rgba(53,198,255,.16)}
.inline-stat{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.inline-stat:last-child{border-bottom:none;padding-bottom:0}
.inline-stat:first-child{padding-top:0}
.inline-stat strong{display:block;font-size:1rem}
.inline-stat span{display:block;color:var(--muted);font-size:.84rem}
.code-pill{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);color:#d7e4ff;font-size:.76rem;font-weight:700}
.list.clean{list-style:none;padding:0;margin:0}
.list.clean li{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.list.clean li:last-child{border-bottom:none;padding-bottom:0}
.empty-state{padding:1.1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(159,180,235,.18);color:var(--muted)}
.form-stack{display:grid;gap:.9rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.helper-text{margin-top:.45rem;color:var(--muted);font-size:.82rem}
.surface-note{padding:1rem 1.1rem;border-radius:18px;background:linear-gradient(180deg,rgba(53,198,255,.08),rgba(124,108,255,.08));border:1px solid rgba(129,173,255,.13);color:#dae8ff}
.kpi-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.kpi-bar > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
@media (max-width: 1200px){.wrapper{grid-template-columns:250px 1fr}.premium-hero{grid-template-columns:1fr}.command-pill{min-width:260px}}
@media (max-width: 980px){.wrapper{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto;border-right:none;border-bottom:1px solid rgba(157,180,239,.1)}.main{padding:1rem}.topbar-premium,.page-head{flex-direction:column}.grid.cols-2,.grid.cols-3,.form-grid{grid-template-columns:1fr}.premium-metrics{grid-template-columns:1fr 1fr}}
@media (max-width: 640px){.premium-metrics{grid-template-columns:1fr}.command-pill,.status-pill{width:100%}.topbar-actions{width:100%}.topbar-logout{width:100%!important}.topbar-logout button{width:100%!important}}


/* Phase 4 premium enhancements */
.auth-shell{
  width:min(100%,1180px);
  margin:0 auto;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.auth-premium-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);
  gap:1.35rem;
  padding:1.5rem;
}
.auth-premium-shell > *{min-width:0}
.auth-story{
  position:relative;
  padding:clamp(1.6rem,3vw,2.6rem);
  border-radius:32px;
  border:1px solid rgba(154,177,235,.12);
  background:
    radial-gradient(circle at 12% 12%, rgba(124,108,255,.24), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(53,198,255,.18), transparent 22%),
    linear-gradient(180deg,rgba(14,28,52,.9),rgba(9,18,36,.96));
  box-shadow:var(--shadow);
  overflow:hidden;
}
.auth-story::after{
  content:"";
  position:absolute;
  inset:auto -90px -90px auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(53,198,255,.22), transparent 62%);
  pointer-events:none;
}
.auth-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}
.auth-story-card{padding:1rem;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.auth-story-card strong{display:block;font-size:1rem;margin-bottom:.35rem}
.auth-story-card span{display:block;color:var(--muted);font-size:.88rem;line-height:1.5}
.auth-checklist{display:grid;gap:.75rem;margin-top:1.3rem}
.auth-checklist-item{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.auth-checklist-item i{width:26px;height:26px;display:grid;place-items:center;border-radius:10px;background:rgba(124,108,255,.18);font-style:normal;font-weight:800;color:#fff;flex:0 0 26px}
.auth-panel{
  position:relative;
  padding:clamp(1.2rem,2.8vw,2rem);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(11,19,36,.94),rgba(7,12,25,.96));
  border:1px solid rgba(154,177,235,.13);
  box-shadow:var(--shadow);
}
.auth-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-panel .panel-title{font-size:2rem;letter-spacing:-.03em;margin:0 0 .35rem}
.auth-panel .panel-subtitle{margin:0 0 1.15rem;color:var(--muted);line-height:1.65}
.auth-divider{display:flex;align-items:center;gap:.8rem;margin:1rem 0;color:#7f90b5;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.error-text,.text-danger{display:block;margin-top:.42rem;color:#ffb6c9!important;font-size:.82rem;font-weight:600}
.onboarding-rail{display:grid;gap:.9rem}
.onboarding-step{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1.05rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.onboarding-step strong{display:block;font-size:1rem;margin-bottom:.3rem}
.onboarding-step span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55}
.onboarding-index{display:grid;place-items:center;min-width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));font-weight:800}
.chart-shell{display:grid;gap:1rem;height:100%;align-content:start}
.spark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.spark-card{padding:1rem 1rem 1.1rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;min-height:100%}
.spark-card strong{display:block;font-size:1.05rem;margin-bottom:.55rem}
.hero-aside-card{height:100%;display:grid;align-content:space-between;gap:1rem;min-width:0}
.dashboard-snapshot{min-width:0;max-width:none!important;width:100%;height:100%;display:grid;align-content:space-between;gap:1rem}
.dashboard-snapshot .kpi-donut{justify-self:center}
.inline-stat.compact{padding:.8rem 0}
.next-steps-stack{display:grid;gap:.8rem;align-content:start;flex:1}
.sparkline{display:flex;align-items:flex-end;gap:.4rem;height:92px;margin:.8rem 0 .55rem}
.sparkline span{flex:1;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,rgba(53,198,255,.95),rgba(124,108,255,.78));box-shadow:0 10px 20px rgba(53,198,255,.16)}
.sparkline-labels{display:flex;justify-content:space-between;gap:.4rem;color:#7f90b5;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.kpi-donut{--value:0;position:relative;width:148px;height:148px;border-radius:50%;background:conic-gradient(var(--secondary) calc(var(--value)*1%), rgba(255,255,255,.08) 0);display:grid;place-items:center;margin:auto}
.kpi-donut::before{content:"";position:absolute;inset:16px;border-radius:50%;background:linear-gradient(180deg,rgba(10,20,39,.98),rgba(15,29,55,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.kpi-donut strong,.kpi-donut span{position:relative;z-index:1;display:block;text-align:center}
.kpi-donut strong{font-size:1.9rem;letter-spacing:-.04em}
.kpi-donut span{color:var(--muted);font-size:.82rem}
.toolbar-filter{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.filter-input-wrap{position:relative;flex:1 1 260px}
.filter-input-wrap input{padding-left:2.8rem}
.filter-input-wrap::before{content:"⌕";position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#84a0df;font-size:1rem;pointer-events:none}
.table-toolbar-note{color:var(--muted);font-size:.84rem}
.quick-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.quick-actions .btn{min-height:48px}
.mini-kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.mini-kpi{padding:.85rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.mini-kpi strong{display:block;font-size:1.15rem;margin-bottom:.25rem}
.module-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.module-card{padding:1rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.module-card h3{margin:0 0 .35rem;font-size:1rem}
.module-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}
.reveal-up{animation:revealUp .55s ease both}
.reveal-up:nth-child(2){animation-delay:.04s}.reveal-up:nth-child(3){animation-delay:.08s}.reveal-up:nth-child(4){animation-delay:.12s}.reveal-up:nth-child(5){animation-delay:.16s}
@keyframes revealUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width: 1100px){.auth-premium-shell{grid-template-columns:1fr}.auth-story-grid,.spark-grid,.module-card-grid,.mini-kpi-row{grid-template-columns:1fr 1fr}.hero-card{grid-template-columns:1fr}}
@media (max-width: 760px){.auth-premium-shell{padding:.75rem}.auth-story-grid,.spark-grid,.module-card-grid,.mini-kpi-row,.auth-panel .form-grid{grid-template-columns:1fr}.toolbar-filter{flex-direction:column;align-items:stretch}.kpi-donut{width:132px;height:132px}}


.premium-metrics-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-hero{align-items:stretch}
.stacked-mobile{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.filter-input-wrap{display:flex;align-items:center;gap:.65rem;padding:.72rem .9rem;border-radius:16px;border:1px solid rgba(156,179,236,.14);background:rgba(255,255,255,.04);min-width:min(100%,360px)}
.filter-input-wrap span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.filter-input-wrap input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:.95rem}
.rich-empty{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}
.rich-empty strong{font-size:1rem;color:var(--text)}
.rich-empty span{font-size:.92rem;color:var(--muted);line-height:1.6}
.empty-illustration{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg, rgba(119,92,255,.26), rgba(75,211,255,.14));border:1px solid rgba(156,179,236,.18);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.empty-illustration:before,.empty-illustration:after{content:'';position:absolute;border-radius:999px;background:rgba(255,255,255,.82)}
.empty-illustration.search:before{width:20px;height:20px;border:3px solid rgba(255,255,255,.9);background:transparent;left:14px;top:12px;border-radius:50%}
.empty-illustration.search:after{width:14px;height:4px;right:11px;bottom:14px;transform:rotate(42deg)}
.empty-illustration.users:before{width:14px;height:14px;left:12px;top:12px;box-shadow:18px 0 0 rgba(255,255,255,.82)}
.empty-illustration.users:after{width:32px;height:12px;left:12px;bottom:14px;box-shadow:0 -1px 0 rgba(255,255,255,.08);border-radius:999px}
.empty-illustration.mail:before{width:30px;height:20px;left:13px;top:17px;border:2px solid rgba(255,255,255,.9);background:transparent;border-radius:6px}
.empty-illustration.mail:after{width:22px;height:2px;left:17px;top:26px;transform:rotate(25deg);box-shadow:0 0 0 0 rgba(255,255,255,.82), 0 0 0 0 rgba(255,255,255,.82)}
.empty-illustration.spark:before{width:4px;height:24px;left:14px;bottom:12px;box-shadow:10px -6px 0 rgba(255,255,255,.82),20px -16px 0 rgba(255,255,255,.82),30px -8px 0 rgba(255,255,255,.82)}
.empty-illustration.spark:after{width:34px;height:2px;left:12px;bottom:12px}
.empty-illustration.chart:before{width:6px;height:14px;left:14px;bottom:13px;box-shadow:10px -8px 0 rgba(255,255,255,.82),20px -2px 0 rgba(255,255,255,.82)}
.empty-illustration.chart:after{width:30px;height:2px;left:12px;bottom:12px}
.template-stack li{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.template-stack li:last-child{border-bottom:none;padding-bottom:0}
@media (max-width: 1100px){.premium-metrics-4{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.premium-metrics-4{grid-template-columns:1fr}.filter-input-wrap{min-width:100%}.stacked-mobile{flex-direction:column;align-items:stretch}}


/* Phase 6 enterprise polish */
.ops-shell{display:grid;gap:1rem}.ops-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-bottom:1rem}.ops-card{position:relative;padding:1.1rem;border-radius:22px;background:linear-gradient(180deg,rgba(15,29,55,.9),rgba(10,20,39,.96));border:1px solid rgba(146,170,228,.12);box-shadow:var(--shadow-soft);overflow:hidden}.ops-card::after{content:"";position:absolute;right:-24px;top:-24px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,rgba(53,198,255,.22),transparent 64%)}.ops-card h3{margin:0 0 .4rem}.ops-card p{margin:0;color:var(--muted);line-height:1.6}.ops-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.ops-list li{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:.85rem .95rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.ops-list strong{display:block}.ops-list span{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.ops-kpi{padding:.95rem 1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.ops-kpi .value{font-size:1.35rem;font-weight:800;margin:.2rem 0}.ops-kpi .label{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#87a6ff;font-weight:800}.ops-kpi .meta{color:var(--muted);font-size:.82rem}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.quick-card{padding:1rem;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);min-height:100%}.quick-card h3{margin:0 0 .35rem;font-size:1rem}.quick-card p{margin:0 0 .9rem;color:var(--muted);line-height:1.55}.mini-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.mini-progress > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.meta-row{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip,.file-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);color:#d7e4ff;font-size:.78rem;font-weight:700}.data-stack{display:grid;gap:.85rem}.data-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem .95rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.data-row strong{display:block}.data-row span{display:block;color:var(--muted);font-size:.82rem}.inline-actions{display:flex;gap:.55rem;flex-wrap:wrap}.table-shell{display:grid;gap:1rem}.filter-tabs{display:flex;gap:.55rem;flex-wrap:wrap}.filter-tab{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#dbe6ff;font-size:.82rem;font-weight:700}.section-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#81a1ff;font-weight:800;margin-bottom:.35rem}.billing-tier{position:relative;padding:1.05rem;border-radius:22px;background:linear-gradient(180deg,rgba(15,29,55,.88),rgba(10,20,39,.95));border:1px solid rgba(146,170,228,.12);box-shadow:var(--shadow-soft);overflow:hidden}.billing-tier.featured{border-color:rgba(124,108,255,.3);box-shadow:0 18px 40px rgba(39,57,111,.28)}.billing-tier .tier-price{font-size:1.55rem;font-weight:800;margin:.35rem 0}.billing-tier ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}.billing-tier li{padding:.7rem .8rem;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.status-badge.delivered{background:rgba(49,208,170,.14);color:#caffee;border-color:rgba(93,222,186,.16)}.status-badge.queued{background:rgba(124,108,255,.14);color:#cec7ff;border-color:rgba(176,163,255,.16)}.status-badge.completed{background:rgba(49,208,170,.14);color:#caffee;border-color:rgba(93,222,186,.16)}.status-badge.retry{background:rgba(255,202,108,.14);color:#ffebbf;border-color:rgba(255,202,108,.16)}@media (max-width:1100px){.ops-grid,.quick-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.ops-grid,.quick-grid{grid-template-columns:1fr}.data-row,.ops-list li{flex-direction:column;align-items:flex-start}}

/* Phase 7 product finish */
.reveal-up{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.reveal-up.is-visible{opacity:1;transform:none}
.premium-table tbody tr{transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease}
.premium-table tbody tr:hover{transform:translateY(-1px);background:rgba(255,255,255,.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.row-actions{display:flex;justify-content:flex-end;position:relative}
.row-menu-trigger{width:36px;height:36px;border:none;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#dce7ff;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .2s ease}
.row-menu-trigger:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.row-menu-panel{position:absolute;right:0;top:42px;min-width:180px;padding:.45rem;background:linear-gradient(180deg,rgba(13,22,42,.98),rgba(8,14,29,.98));border:1px solid rgba(151,170,255,.16);border-radius:16px;box-shadow:0 24px 60px rgba(2,6,23,.45);display:none;z-index:30}
.row-menu-panel.open{display:grid;gap:.25rem}
.row-menu-panel a,.row-menu-panel span{display:flex;align-items:center;gap:.55rem;padding:.72rem .8rem;border-radius:12px;color:#dde8ff;font-size:.86rem;text-decoration:none}
.row-menu-panel a:hover{background:rgba(255,255,255,.06)}
.status-badge.draft{background:rgba(155,173,255,.14);color:#d8e3ff;border-color:rgba(155,173,255,.18)}
.status-badge.sent,.status-badge.published,.status-badge.active{background:rgba(49,208,170,.14);color:#caffee;border-color:rgba(93,222,186,.16)}
.status-badge.scheduled,.status-badge.processing{background:rgba(75,211,255,.14);color:#caf5ff;border-color:rgba(75,211,255,.18)}
.status-badge.failed,.status-badge.error,.status-badge.unsubscribed{background:rgba(255,112,137,.14);color:#ffd0da;border-color:rgba(255,112,137,.18)}
.status-badge.manager,.status-badge.admin{background:rgba(124,108,255,.14);color:#d4ccff;border-color:rgba(124,108,255,.18)}
.quick-chip-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.quick-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#dbe7ff;font-size:.8rem;font-weight:700}
.glow-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(84,197,255,.36),transparent);margin:1rem 0}
.login-premium-orbit{position:absolute;inset:auto auto 8% 10%;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 28px rgba(255,255,255,.015),0 0 0 56px rgba(255,255,255,.01);opacity:.9}
.login-premium-orbit::before,.login-premium-orbit::after{content:'';position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary))}
.login-premium-orbit::before{width:14px;height:14px;left:12%;top:6%}
.login-premium-orbit::after{width:10px;height:10px;right:8%;bottom:18%}
.login-story-band{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.1rem}
.login-story-pill{padding:.62rem .9rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#dce6ff;font-size:.82rem;font-weight:700}
.hero-terminal{padding:1rem 1.05rem;border-radius:20px;background:rgba(7,13,26,.72);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-terminal-line{display:flex;justify-content:space-between;gap:1rem;padding:.52rem 0;color:#dce6ff;font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.05)}
.hero-terminal-line:last-child{border-bottom:none}
.hero-terminal-line span{color:var(--muted)}
@media (max-width:760px){.row-menu-panel{right:auto;left:0}.login-premium-orbit{display:none}}


/* Phase 8 alignment and polish */
.dashboard-grid-tight{align-items:stretch}
.dashboard-grid-tight > .panel{height:100%;display:flex;flex-direction:column}
.dashboard-grid-tight > .panel > *{min-width:0}
.dashboard-surface-fit{height:100%}
.quick-chip-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.hero-terminal{display:grid;gap:.35rem;padding:1rem 1.05rem;border-radius:18px;background:rgba(3,8,20,.42);border:1px solid rgba(141,166,236,.08)}
.hero-terminal-line{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-terminal-line:last-child{border-bottom:none;padding-bottom:0}
.hero-terminal-line strong{font-size:.88rem}
.hero-terminal-line span{font-size:.84rem;color:var(--muted);text-align:right}
.mini-kpi,.metric-tile,.module-card,.quick-card,.ops-card,.billing-tier{height:100%}
.sparkline{margin-top:auto}
.sparkline-labels{margin-top:.8rem}
.premium-page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:stretch;margin-bottom:1rem}
.premium-page-grid > *{min-width:0;height:100%}
.feature-list{display:grid;gap:.8rem}
.feature-item{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.9rem 1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.feature-item strong{display:block;margin-bottom:.25rem}
.feature-item span{display:block;color:var(--muted);font-size:.85rem;line-height:1.55}
.flash-stack{display:grid;gap:.8rem;margin-bottom:1rem}
.flash{position:relative;padding-right:3rem}
.flash::after{content:"";position:absolute;right:1rem;top:50%;width:10px;height:10px;border-radius:999px;transform:translateY(-50%);background:currentColor;opacity:.45;box-shadow:0 0 0 10px currentColor inset}
.flash.success::after{color:#51e0b8}
.flash.error::after{color:#ff7aa2}
.calendar-stream{display:grid;gap:.85rem}
.calendar-event{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 1.05rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.calendar-event .meta{display:grid;gap:.35rem}
.calendar-event .meta strong{font-size:1rem}
.calendar-event .meta span{color:var(--muted);font-size:.85rem}
@media (max-width: 1100px){.premium-page-grid{grid-template-columns:1fr}}
@media (max-width: 760px){.hero-terminal-line,.calendar-event,.feature-item{flex-direction:column;align-items:flex-start}.hero-terminal-line span{text-align:left}}


/* Phase 9: dashboard overflow fix + premium flash rail */
.spark-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,1.08fr)}
.spark-grid > *{min-width:0}
.spark-card{min-width:0;overflow:hidden}
.spark-card .onboarding-rail,.spark-card .inline-stat,.spark-card .sparkline,.spark-card .sparkline-labels{min-width:0}
.onboarding-step{min-width:0;overflow:hidden}
.onboarding-step > div:first-child{flex:1 1 auto;min-width:0}
.onboarding-step > div:first-child strong,.onboarding-step > div:first-child span{max-width:100%}
.onboarding-step span{overflow-wrap:anywhere}
.onboarding-index{flex:0 0 auto}
.spark-card strong,.spark-card p,.inline-stat div,.sparkline-labels span{min-width:0}
.sparkline-labels span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flash-stack{display:grid;gap:.85rem;margin:1rem 0 0}
.flash{position:relative;display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.05rem 1rem 1.1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(19,28,52,.88),rgba(10,16,31,.9));box-shadow:0 16px 44px rgba(3,8,20,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.flash::before{content:"";width:10px;align-self:stretch;border-radius:999px;background:linear-gradient(180deg,#5ed0ff,#7b7dff)}
.flash.success::before{background:linear-gradient(180deg,#3dd9a5,#20b97f)}
.flash.error::before{background:linear-gradient(180deg,#ff8f8f,#ff5d7a)}
.flash strong{display:block;font-size:.98rem;margin-bottom:.2rem;color:#f4f7ff}
.flash span{display:block;color:var(--muted);font-size:.88rem;line-height:1.55}
@media (max-width: 1260px){.spark-grid{grid-template-columns:1fr}}

/* Phase 10 - dashboard overflow fix + premium pager */
.spark-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr) minmax(300px,1.02fr);align-items:stretch}
.spark-card{min-width:0;overflow:hidden}
.spark-card.next-steps-card .onboarding-rail{display:grid;gap:.75rem}
.spark-card.next-steps-card .onboarding-step{padding:.9rem 1rem;border-radius:16px}
.spark-card.next-steps-card .onboarding-index{flex:0 0 auto}
.spark-card.next-steps-card .onboarding-step strong,.spark-card.next-steps-card .onboarding-step span{word-break:break-word}
.table-pager{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.9rem 1rem;margin-top:.85rem;border-radius:18px;background:linear-gradient(180deg,rgba(14,22,40,.92),rgba(10,16,31,.95));border:1px solid rgba(144,167,228,.1);box-shadow:var(--shadow-soft)}
.pager-meta{display:grid;gap:.1rem;text-align:center;flex:1}
.pager-meta strong{font-size:.95rem;color:#e6eeff}
.pager-meta span{font-size:.78rem;color:var(--muted)}
.pager-btn{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:.68rem .95rem;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#e6eeff;font-weight:700;transition:all .22s ease}
.pager-btn:hover:not(:disabled){background:rgba(255,255,255,.08);transform:translateY(-1px)}
.pager-btn:disabled{opacity:.45;cursor:not-allowed}
.table-toolbar-note{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.78rem;font-weight:700}
.filter-input-wrap input,.filter-input-wrap select{width:100%}
@media (max-width: 1500px){.spark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spark-card.next-steps-card{grid-column:1/-1}}
@media (max-width: 760px){.table-pager{flex-direction:column}.pager-btn{width:100%}}


/* Phase 11 - delivery card refinement + advanced toolbar filters */
.spark-card.delivery-card{padding:1.05rem 1rem 1rem}
.delivery-stack{display:grid;gap:.9rem;height:100%;align-content:start}
.delivery-metric{display:grid;gap:.55rem;padding:.95rem 1rem;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.delivery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}
.delivery-label{display:grid;gap:.18rem;min-width:0}
.delivery-label strong{margin:0;font-size:1.45rem;line-height:1}
.delivery-label span{color:var(--muted);font-size:.83rem;line-height:1.45}
.delivery-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.8rem}
.delivery-foot strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#dbe7ff}
.delivery-note{padding:.72rem .85rem;border-radius:16px;background:rgba(7,13,26,.58);border:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:.82rem;line-height:1.55}
.filter-select-wrap{display:flex;align-items:center;gap:.65rem;padding:.72rem .9rem;border-radius:16px;border:1px solid rgba(156,179,236,.14);background:rgba(255,255,255,.04);min-width:200px}
.filter-select-wrap span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.filter-select-wrap select{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:.95rem;appearance:none}
.filter-select-wrap option{color:#0f172a}
@media (max-width: 760px){.delivery-head,.delivery-foot{flex-direction:column;align-items:flex-start}.filter-select-wrap{min-width:100%}}


/* Phase 12 - velocity map rebalance + campaign rail below */
.spark-grid.spark-grid-rebalanced{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.92fr);
    grid-template-areas:
        "delivery next"
        "campaign campaign";
    align-items:stretch;
}
.spark-grid-rebalanced .delivery-card-wide{grid-area:delivery;min-height:0}
.spark-grid-rebalanced .next-steps-card-tall{grid-area:next}
.spark-grid-rebalanced .campaign-card-horizontal{grid-area:campaign}
.delivery-stack-compact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.delivery-stack-compact .delivery-metric{height:100%}
.next-steps-card-tall{display:grid;gap:.9rem;align-content:start}
.next-steps-note{padding:.82rem .92rem;border-radius:16px;background:rgba(7,13,26,.52);border:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:.82rem;line-height:1.55}
.campaign-card-horizontal{display:grid;gap:1rem;align-content:start}
.campaign-card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.campaign-card-body{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(260px,.9fr);gap:1rem;align-items:end}
.sparkline-horizontal{min-height:124px;align-items:flex-end;padding:.8rem .95rem .65rem}
.campaign-card-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.campaign-mini-stat{padding:.85rem .9rem;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);display:grid;gap:.25rem}
.campaign-mini-stat span{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.campaign-mini-stat strong{font-size:1.15rem;color:#eef4ff}
.module-empty-hero{display:grid;gap:1rem;padding:1.1rem 1.15rem;border-radius:22px;background:linear-gradient(180deg,rgba(14,24,45,.82),rgba(10,17,32,.92));border:1px solid rgba(144,167,228,.12);box-shadow:var(--shadow-soft)}
.module-empty-hero .empty-title{font-size:1.05rem;font-weight:800;color:#eef4ff}
.module-empty-hero .empty-copy{color:var(--muted);line-height:1.7}
.module-empty-actions{display:flex;flex-wrap:wrap;gap:.75rem}
@media (max-width: 1500px){
  .spark-grid.spark-grid-rebalanced{grid-template-columns:1fr;grid-template-areas:"delivery" "next" "campaign";}
  .campaign-card-body{grid-template-columns:1fr;}
}
@media (max-width: 900px){
  .delivery-stack-compact,.campaign-card-metrics{grid-template-columns:1fr;}
}


/* Phase 13 - hero snapshot below narrative + tighter ops polish */
.hero-card{
  grid-template-columns:minmax(0,1fr);
  min-height:auto;
}
.hero-main-column{
  display:grid;
  gap:0;
  min-width:0;
}
.hero-inline-snapshot{
  grid-template-columns:minmax(0,1.2fr) auto;
  align-items:center;
  gap:1rem;
  padding:1rem 1.05rem;
}
.hero-inline-snapshot .kpi-donut{
  justify-self:end;
}
.hero-inline-snapshot .tiny-muted{
  max-width:62ch;
}
@media (max-width: 760px){
  .hero-inline-snapshot{grid-template-columns:1fr;}
  .hero-inline-snapshot .kpi-donut{justify-self:center;}
}
.quick-action-table tbody tr{
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.quick-action-table tbody tr:hover{
  background:rgba(255,255,255,.03);
  transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(124,108,255,.1);
}
.action-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.action-pill-mini{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.42rem .7rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dce6ff;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.action-pill-mini::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,#7c6cff,#35c6ff);
  box-shadow:0 0 0 4px rgba(124,108,255,.12);
}


/* Phase 14 - premium hero rebalance + responsive velocity map */
.premium-hero{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
}
.hero-card{
  padding:1.25rem 1.25rem 1.3rem;
}
.hero-main-column > h1{
  max-width:15ch;
}
.hero-main-column > p{
  max-width:58ch;
}
.mini-kpi-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.hero-terminal{
  max-width:100%;
}
.hero-inline-snapshot{
  grid-template-columns:minmax(0,1.35fr) minmax(148px,168px);
  padding:.9rem 1rem;
}
.hero-inline-snapshot .kpi-donut{
  width:132px;
  height:132px;
}
.chart-shell{
  min-width:0;
}
.spark-grid.spark-grid-rebalanced{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "delivery next"
    "campaign campaign";
  gap:.9rem;
}
.spark-grid-rebalanced .delivery-card-wide,
.spark-grid-rebalanced .next-steps-card-tall,
.spark-grid-rebalanced .campaign-card-horizontal{
  min-width:0;
}
.delivery-stack-compact{
  grid-template-columns:1fr;
}
.delivery-stack-compact .delivery-metric{
  padding:.9rem .92rem;
}
.delivery-label strong{
  font-size:1.3rem;
}
.next-steps-card-tall .onboarding-step{
  padding:.95rem 1rem;
}
.next-steps-note{
  margin-top:auto;
}
.campaign-card-horizontal{
  min-height:220px;
}
.campaign-card-body{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:stretch;
}
.campaign-card-metrics{
  align-content:stretch;
}
.campaign-mini-stat{
  min-width:0;
}
.metric-tile{
  min-width:0;
}
.command-pill,
.topbar-search,
.page-head,
.panel,
.hero-card{
  min-width:0;
}
@media (max-width: 1680px){
  .premium-hero{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}
@media (max-width: 1480px){
  .hero-inline-snapshot{
    grid-template-columns:1fr;
  }
  .hero-inline-snapshot .kpi-donut{
    justify-self:start;
  }
}
@media (max-width: 1380px){
  .spark-grid.spark-grid-rebalanced{
    grid-template-columns:1fr;
    grid-template-areas:"delivery" "next" "campaign";
  }
  .campaign-card-body{
    grid-template-columns:1fr;
  }
}
@media (max-width: 980px){
  .premium-hero{
    grid-template-columns:1fr;
  }
  .hero-main-column > h1,
  .hero-main-column > p{
    max-width:none;
  }
}


/* Phase 15 - global premium polish + balanced cockpit */
.topbar-copy{display:grid;gap:.35rem;min-width:0}
.topbar-meta-strip{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.15rem}
.meta-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .65rem;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);color:#cbd9fb;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.meta-chip::before{content:"";width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 0 0 5px rgba(53,198,255,.12)}
.topbar-search-shell{min-height:54px}
.workspace-pulse-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}
.workspace-pill{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .68rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#d7e4ff;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.workspace-pill::before{content:"";width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.55)}
.workspace-pill.is-live{background:rgba(38,112,87,.34);border-color:rgba(83,220,178,.16);color:#c9ffe9}
.workspace-pill.is-live::before{background:#38d4af;box-shadow:0 0 0 6px rgba(56,212,175,.12)}
.sidebar .workspace-card{padding:1.15rem 1rem 1rem}
.page-head,.topbar-premium,.panel,.hero-card,.metric-tile{backdrop-filter:blur(10px)}
.premium-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:1.05rem}
.hero-card{padding:1.15rem 1.15rem 1.2rem}
.hero-main-column > h1{font-size:clamp(2rem,2.7vw,2.55rem);max-width:16ch;line-height:1.02}
.hero-main-column > p{max-width:64ch;font-size:1.02rem}
.mini-kpi-row{gap:.7rem}
.mini-kpi{padding:.95rem .95rem .9rem}
.hero-terminal{padding:.9rem .95rem;border-radius:18px}
.hero-inline-snapshot{padding:.85rem .95rem;grid-template-columns:minmax(0,1fr) 138px;align-items:center}
.hero-inline-snapshot .fw-semibold{font-size:1.08rem!important}
.hero-inline-snapshot .kpi-donut{width:120px;height:120px}
.chart-shell{padding:1.15rem 1.1rem 1.15rem}
.spark-grid.spark-grid-rebalanced{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:.85rem}
.spark-card{padding:1rem .95rem 1rem}
.delivery-stack-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.delivery-metric{padding:.88rem .9rem}
.delivery-label strong{font-size:1.2rem}
.delivery-label span{font-size:.8rem;line-height:1.4}
.delivery-foot{font-size:.76rem}
.next-steps-card-tall{padding:1rem .95rem 1rem}
.next-steps-card-tall .onboarding-rail{gap:.7rem}
.next-steps-card-tall .onboarding-step{padding:.85rem .9rem}
.next-steps-note{font-size:.8rem;padding:.75rem .85rem}
.campaign-card-horizontal{padding:1rem .95rem 1rem;min-height:208px}
.campaign-card-body{grid-template-columns:minmax(0,1fr) minmax(240px,.92fr);gap:.85rem}
.sparkline-horizontal{min-height:104px;padding:.45rem .25rem .3rem}
.campaign-card-metrics{gap:.65rem}
.campaign-mini-stat{padding:.75rem .7rem;min-height:82px}
.campaign-mini-stat span{font-size:.7rem;line-height:1.25}
.campaign-mini-stat strong{font-size:1.08rem}
.metric-tile{padding:1.05rem 1rem 1rem}
.metric-value{font-size:1.85rem}
.panel-header h2,.card-title-row h3{font-size:1.28rem}
.table td,.premium-table td{line-height:1.45}
@media (max-width: 1580px){.premium-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr)}.hero-main-column > h1{max-width:18ch}.campaign-card-body{grid-template-columns:1fr}.campaign-mini-stat{min-height:auto}}
@media (max-width: 1400px){.premium-hero{grid-template-columns:1fr}.chart-shell{order:2}.hero-card{order:1}.spark-grid.spark-grid-rebalanced{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"delivery next" "campaign campaign"}.hero-inline-snapshot{grid-template-columns:minmax(0,1fr) 120px}}
@media (max-width: 1180px){.delivery-stack-compact{grid-template-columns:1fr}.spark-grid.spark-grid-rebalanced{grid-template-columns:1fr;grid-template-areas:"delivery" "next" "campaign"}.hero-main-column > h1,.hero-main-column > p{max-width:none}}
@media (max-width: 760px){.topbar-meta-strip,.workspace-pulse-row{gap:.45rem}.meta-chip,.workspace-pill{width:100%;justify-content:flex-start}.hero-inline-snapshot{grid-template-columns:1fr}.hero-inline-snapshot .kpi-donut{justify-self:center}.mini-kpi-row{grid-template-columns:1fr}.page-head-actions,.topbar-actions{width:100%}.command-pill{min-width:100%}}


/* Phase 16 - restore delivery card clarity + strong mobile resilience */
.spark-grid-rebalanced .delivery-card-wide{
  overflow:hidden;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-stack-compact{
  grid-template-columns:1fr !important;
  gap:.68rem;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-metric{
  min-width:0;
  padding:.9rem .92rem;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:.55rem;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-label,
.spark-grid-rebalanced .delivery-card-wide .delivery-foot,
.spark-grid-rebalanced .delivery-card-wide .delivery-label span,
.spark-grid-rebalanced .delivery-card-wide .delivery-foot span{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-label strong{
  display:block;
  margin-bottom:.22rem;
  font-size:1.32rem;
}
.spark-grid-rebalanced .delivery-card-wide .delivery-foot{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.5rem;
  align-items:end;
}
.spark-grid-rebalanced .delivery-card-wide .metric-trend,
.spark-grid-rebalanced .delivery-card-wide .delivery-foot strong{
  white-space:nowrap;
}
.spark-grid-rebalanced .next-steps-card-tall,
.spark-grid-rebalanced .campaign-card-horizontal,
.hero-inline-snapshot,
.hero-terminal,
.mini-kpi,
.metric-tile,
.panel,
.spark-card{
  overflow:hidden;
}

@media (max-width: 1180px){
  .spark-grid-rebalanced .delivery-card-wide .delivery-stack-compact{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 900px){
  .wrapper,
  .main,
  .topbar-premium,
  .page-head,
  .premium-hero,
  .premium-metrics,
  .grid,
  .panel,
  .hero-card,
  .chart-shell,
  .spark-grid,
  .spark-card,
  .hero-main-column,
  .hero-terminal,
  .hero-inline-snapshot,
  .mini-kpi-row,
  .campaign-card-body,
  .campaign-card-metrics,
  .delivery-stack,
  .delivery-stack-compact{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .topbar-premium,
  .page-head{
    align-items:stretch;
  }
  .page-head-actions,
  .topbar-actions{
    flex-wrap:wrap;
  }
}

@media (max-width: 640px){
  body{
    overflow-x:hidden;
  }
  .sidebar{
    padding:1rem .8rem .85rem;
  }
  .brand-block{
    padding:.2rem .2rem .8rem;
  }
  .sidebar .workspace-card{
    margin:.25rem .15rem .8rem;
  }
  .main{
    padding:.78rem;
  }
  .topbar-premium,
  .page-head,
  .panel,
  .hero-card,
  .metric-tile,
  .spark-card{
    border-radius:20px;
  }
  .topbar-search-shell,
  .command-pill,
  .btn,
  .btn-outline-light,
  .btn-gradient,
  .status-pill,
  .meta-chip,
  .workspace-pill{
    width:100%;
    min-width:0;
  }
  .topbar-actions,
  .page-head-actions,
  .module-empty-actions,
  .quick-actions,
  .topbar-meta-strip,
  .workspace-pulse-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .premium-metrics{
    grid-template-columns:1fr;
  }
  .mini-kpi-row,
  .campaign-card-metrics,
  .ops-kpis,
  .quick-grid,
  .grid.two,
  .grid.three,
  .grid.four,
  .grid.cols-2,
  .grid.cols-3,
  .form-grid{
    grid-template-columns:1fr !important;
  }
  .hero-main-column > h1{
    font-size:clamp(1.7rem,8vw,2.15rem);
    max-width:none;
  }
  .hero-main-column > p,
  .hero-inline-snapshot .tiny-muted,
  .next-steps-note,
  .delivery-label span,
  .delivery-foot span,
  .campaign-mini-stat span{
    max-width:none;
  }
  .hero-inline-snapshot{
    grid-template-columns:1fr;
    gap:.85rem;
  }
  .hero-inline-snapshot .kpi-donut{
    justify-self:center;
    width:112px;
    height:112px;
  }
  .spark-grid.spark-grid-rebalanced{
    grid-template-columns:1fr !important;
    grid-template-areas:"delivery" "next" "campaign";
    gap:.8rem;
  }
  .spark-grid-rebalanced .delivery-card-wide .delivery-head,
  .spark-grid-rebalanced .delivery-card-wide .delivery-foot,
  .campaign-card-head{
    grid-template-columns:1fr;
    display:grid;
    align-items:start;
  }
  .spark-grid-rebalanced .delivery-card-wide .metric-trend,
  .spark-grid-rebalanced .delivery-card-wide .delivery-foot strong,
  .campaign-card-head .status-pill{
    justify-self:start;
  }
  .campaign-card-body{
    grid-template-columns:1fr;
    gap:.75rem;
  }
  .campaign-card-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .campaign-mini-stat{
    min-height:auto;
  }
  .sparkline-horizontal{
    min-height:86px;
  }
  .onboarding-step{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
  }
  .table-toolbar-note,
  .tiny-muted,
  .workspace-card .workspace-meta,
  .nav-copy small{
    overflow-wrap:anywhere;
  }
}

@media (max-width: 420px){
  :root{--radius:20px;--radius-md:16px;--radius-sm:12px}
  .main{padding:.68rem}
  .chart-shell,
  .hero-card,
  .panel,
  .spark-card,
  .metric-tile{padding:.9rem .82rem}
  .spark-grid-rebalanced .delivery-card-wide .delivery-metric,
  .next-steps-card-tall .onboarding-step,
  .campaign-mini-stat,
  .mini-kpi{padding:.8rem .78rem}
  .campaign-card-metrics{grid-template-columns:1fr !important}
  .command-pill span{white-space:normal}
}


/* Phase 17 - mobile dashboard compaction + section height reset */
@media (max-width: 760px){
  .dashboard-grid-tight{align-items:start}
  .dashboard-grid-tight > .panel,
  .dashboard-surface-fit,
  .premium-page-grid > *,
  .mini-kpi,
  .metric-tile,
  .module-card,
  .quick-card,
  .ops-card,
  .billing-tier,
  .spark-card,
  .campaign-card-horizontal,
  .next-steps-card-tall{
    height:auto !important;
    min-height:0 !important;
  }
  .sparkline,
  .sparkline-horizontal{
    margin-top:.7rem;
  }
  .campaign-card-horizontal{
    min-height:0 !important;
  }
  .campaign-card-body,
  .campaign-card-metrics,
  .delivery-stack,
  .delivery-stack-compact,
  .onboarding-rail,
  .ops-shell,
  .ops-grid,
  .premium-metrics,
  .grid,
  .dashboard-grid-tight{
    gap:.75rem;
  }
}

@media (max-width: 640px){
  .wrapper{
    grid-template-columns:1fr;
  }
  .sidebar{
    display:none;
  }
  .main{
    padding:.72rem;
  }
  .page-head,
  .premium-hero,
  .premium-metrics,
  .grid,
  .dashboard-grid-tight,
  .premium-page-grid,
  .ops-grid,
  .spark-grid,
  .spark-grid.spark-grid-rebalanced{
    gap:.72rem !important;
  }
  .panel,
  .hero-card,
  .metric-tile,
  .spark-card,
  .ops-card,
  .quick-card,
  .billing-tier{
    padding:.9rem .82rem !important;
    margin:0 !important;
  }
  .panel-header,
  .card-title-row,
  .campaign-card-head{
    margin-bottom:.65rem;
  }
  .sparkline{
    height:72px;
    margin:.55rem 0 .35rem;
  }
  .sparkline-horizontal{
    min-height:72px;
    margin:.55rem 0 .35rem;
    padding:.35rem .1rem .2rem;
  }
  .campaign-card-body{
    gap:.65rem;
  }
  .campaign-card-metrics{
    grid-template-columns:1fr !important;
    gap:.55rem;
  }
  .campaign-mini-stat,
  .spark-grid-rebalanced .delivery-card-wide .delivery-metric,
  .next-steps-card-tall .onboarding-step,
  .mini-kpi{
    padding:.78rem .76rem !important;
  }
  .hero-terminal,
  .hero-inline-snapshot,
  .next-steps-note{
    padding:.8rem .76rem !important;
  }
  .hero-main-column > h1{
    font-size:clamp(1.6rem,8vw,2rem);
    line-height:1.04;
  }
  .hero-main-column > p,
  .delivery-label span,
  .delivery-foot span,
  .next-steps-note,
  .campaign-mini-stat span,
  .tiny-muted{
    font-size:.86rem;
    line-height:1.5;
  }
}