:root{
  --ink:#fffaf1;
  --text:#fff8ea;
  --muted:#c5c5c5;
  --soft:#f5f7fa;
  --bg:#0b0b0b;
  --bg-2:#161616;
  --panel:#1d1d1d;
  --panel-2:#262626;
  --panel-3:#2e2e2e;
  --field:#121212;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.24);
  --pink:#016fef;
  --coral:#ff7a59;
  --yellow:#ffd166;
  --lime:#7cff6b;
  --mint:#42f5c5;
  --cyan:#016fef;
  --blue:#016fef;
  --violet:#016fef;
  --good:#47f09a;
  --warn:#ffd166;
  --bad:#ff617a;
  --radius:18px;
  --radius-lg:26px;
  --shadow:0 22px 80px rgba(0,0,0,.38);
  --glow:0 0 0 1px rgba(255,255,255,.08),0 20px 70px rgba(1,111,239,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 9% 8%,rgba(1,111,239,.28),transparent 23rem),
    radial-gradient(circle at 88% 3%,rgba(1,111,239,.23),transparent 24rem),
    radial-gradient(circle at 74% 92%,rgba(124,255,107,.13),transparent 24rem),
    linear-gradient(145deg,#0c0c0c 0%,#171717 46%,#0b0b0b 100%);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%);
}
body::after{
  content:"";
  position:fixed;
  inset:auto -12% -30% -12%;
  z-index:-1;
  height:52vh;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(1,111,239,.16),rgba(1,111,239,.18),rgba(124,255,107,.10));
  filter:blur(70px);
  opacity:.9;
  animation:ambientPulse 9s ease-in-out infinite alternate;
}
body:has(.auth-gate:not(.hidden)){overflow:hidden}
@keyframes ambientPulse{
  from{transform:translate3d(-2%,0,0) scale(1);opacity:.68}
  to{transform:translate3d(2%,-3%,0) scale(1.08);opacity:1}
}
@keyframes riseIn{
  from{opacity:0;transform:translateY(12px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes sheen{
  from{transform:translateX(-130%) rotate(12deg)}
  to{transform:translateX(130%) rotate(12deg)}
}
@keyframes floaty{
  from{transform:translateY(0)}
  to{transform:translateY(-8px)}
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
.hidden{display:none!important}
.auth-gate{
  position:fixed;
  inset:0;
  z-index:50;
  display:grid;
  place-items:center;
  padding:22px;
  background:
    radial-gradient(circle at 24% 24%,rgba(1,111,239,.26),transparent 22rem),
    radial-gradient(circle at 78% 18%,rgba(1,111,239,.24),transparent 24rem),
    rgba(11,11,11,.76);
  backdrop-filter:blur(18px);
}
.auth-gate.hidden{display:none}
.auth-card{
  position:relative;
  width:min(440px,100%);
  display:grid;
  gap:16px;
  padding:34px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035)),
    rgba(23,23,23,.88);
  box-shadow:var(--shadow),0 0 80px rgba(1,111,239,.16);
  animation:riseIn .45s ease both;
}
.auth-card::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -20%;
  width:90%;
  height:80%;
  background:radial-gradient(circle,rgba(255,209,102,.24),transparent 58%);
  pointer-events:none;
}
.auth-brand{
  width:max-content;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,rgba(1,111,239,.24),rgba(1,111,239,.14));
  font-weight:950;
}
.auth-card h1{margin:0;font-size:34px;letter-spacing:0}
.auth-card p{margin:0;color:var(--muted)}
.shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:288px minmax(0,1fr);
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:22px 16px;
  border-right:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg,rgba(23,23,23,.92),rgba(14,14,14,.82)),
    rgba(14,14,14,.86);
  backdrop-filter:blur(18px);
  box-shadow:10px 0 50px rgba(0,0,0,.18);
}
.brand-lockup{
  display:flex;
  gap:12px;
  align-items:center;
  min-width:0;
  padding:8px 8px 18px;
  border-bottom:1px solid var(--line);
}
.brand-mark{
  width:50px;
  height:50px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#121212;
  background:linear-gradient(135deg,var(--yellow),var(--pink) 48%,var(--cyan));
  font-weight:950;
  box-shadow:0 16px 40px rgba(1,111,239,.30);
  animation:floaty 3.7s ease-in-out infinite alternate;
}
.brand-lockup strong,.brand-lockup span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.brand-lockup strong{font-size:17px}
.brand-lockup span{margin-top:4px;color:var(--muted);font-size:12px}
.nav{display:grid;gap:7px}
.nav button{
  position:relative;
  width:100%;
  min-height:46px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:15px;
  padding:12px 14px;
  color:var(--muted);
  background:transparent;
  text-align:left;
  font-weight:900;
  transition:transform .16s ease,color .16s ease,border-color .16s ease,background .16s ease;
}
.nav button::before{
  content:"";
  position:absolute;
  inset:9px auto 9px 8px;
  width:4px;
  border-radius:999px;
  background:transparent;
}
.nav button:hover{
  color:#fff;
  transform:translateX(2px);
  background:rgba(255,255,255,.055);
}
.nav button.active{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(1,111,239,.22),rgba(1,111,239,.11));
  box-shadow:0 13px 34px rgba(0,0,0,.20);
}
.nav button.active::before{background:linear-gradient(180deg,var(--pink),var(--yellow),var(--cyan))}
.logout{margin-top:auto}
.workspace{
  min-width:0;
  padding:28px clamp(18px,3vw,42px) 50px;
}
.workspace-head{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 0 20px;
  margin:-28px 0 18px;
  background:linear-gradient(180deg,rgba(12,12,12,.96),rgba(12,12,12,.78) 82%,transparent);
  backdrop-filter:blur(16px);
}
.workspace h1{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:0}
.eyebrow{
  margin:0 0 6px;
  color:#f5f7fa;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.view{display:none}
.view.active{
  display:block;
  animation:riseIn .28s ease both;
}
.panel,.metric-panel,.work-panel,.team-desk{
  border:1px solid var(--line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.03) 46%,rgba(255,255,255,.055)),
    rgba(24,24,24,.82);
  box-shadow:var(--shadow);
}
.panel{
  padding:22px;
  margin-bottom:18px;
  border-radius:var(--radius-lg);
}
.panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.panel-head h2{margin:0 0 5px;font-size:22px;letter-spacing:0}
.panel-head p{margin:0;color:var(--muted);line-height:1.45}
.primary,.secondary,.ghost,.notification-button{
  position:relative;
  min-height:44px;
  overflow:hidden;
  border-radius:14px;
  padding:11px 15px;
  border:1px solid transparent;
  color:var(--text);
  font-weight:950;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.primary::after,.secondary::after{
  content:"";
  position:absolute;
  inset:-60% auto -60% -45%;
  width:55%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:translateX(-130%) rotate(12deg);
}
.primary:hover::after,.secondary:hover::after{animation:sheen .75s ease}
.primary{
  color:#131313;
  background:linear-gradient(135deg,var(--yellow),var(--coral) 45%,var(--pink));
  box-shadow:0 16px 32px rgba(1,111,239,.24),0 0 0 1px rgba(255,255,255,.12) inset;
}
.secondary{
  border-color:rgba(1,111,239,.28);
  background:linear-gradient(135deg,rgba(1,111,239,.20),rgba(1,111,239,.18),rgba(1,111,239,.12));
}
.ghost,.notification-button{
  border-color:var(--line);
  background:rgba(255,255,255,.055);
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
.compact{min-height:36px;padding:8px 11px;border-radius:11px;font-size:13px}
.wide{width:100%}
.notification-button{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.notification-button span{
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#111111;
  background:linear-gradient(135deg,var(--yellow),var(--pink));
  font-size:12px;
}
.daily-summary{
  display:none;
  min-width:268px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(29,29,29,.82);
}
.daily-summary.active{display:grid;gap:8px}
#dailySummary,
.ops-summary .summary-progress{
  display:none!important;
}
.ops-summary{
  grid-template-columns:repeat(3,minmax(150px,1fr));
}
.daily-summary-top,.daily-summary-stats{display:flex;justify-content:space-between;gap:12px}
.daily-summary small,.daily-summary-stats span{color:var(--muted)}
.daily-summary-stats b{display:block;color:var(--text);font-size:18px}
label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:900}
input,textarea,select{
  width:100%;
  min-height:45px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px;
  color:var(--text);
  background:rgba(11,11,11,.68);
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
textarea{min-height:104px;resize:vertical}
select{color-scheme:dark}
select option{background:#1b1b1b;color:var(--text)}
input:focus,textarea:focus,select:focus{
  border-color:rgba(255,209,102,.8);
  background:rgba(14,14,14,.9);
  box-shadow:0 0 0 4px rgba(255,209,102,.13),0 0 28px rgba(1,111,239,.10);
}
.input-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.sites-cockpit{display:grid;gap:18px}
.sites-hero{
  position:relative;
  min-height:242px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 24%,rgba(255,209,102,.25),transparent 20rem),
    radial-gradient(circle at 72% 20%,rgba(1,111,239,.24),transparent 22rem),
    linear-gradient(135deg,rgba(1,111,239,.28),rgba(1,111,239,.18) 44%,rgba(66,245,197,.10)),
    rgba(26,26,26,.82);
  box-shadow:var(--shadow),0 0 90px rgba(1,111,239,.12);
}
.sites-hero::after{
  content:"";
  position:absolute;
  top:18px;
  right:22px;
  width:min(32vw,360px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),
    conic-gradient(from 130deg,var(--pink),var(--yellow),var(--mint),var(--cyan),var(--violet),var(--pink));
  opacity:.34;
  filter:blur(.2px);
  mask-image:radial-gradient(circle,transparent 47%,#000 48%,#000 57%,transparent 58%);
  animation:floaty 4s ease-in-out infinite alternate;
}
.sites-hero>div{position:relative;z-index:1}
.sites-hero h2{
  max-width:790px;
  margin:0;
  font-size:clamp(31px,4vw,52px);
  line-height:1.02;
  letter-spacing:0;
}
.sites-hero p{max-width:650px;margin:12px 0 0;color:var(--soft);font-size:16px}
.sites-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.ops-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:14px;
}
.ops-summary article,.metric-panel{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),
    rgba(29,29,29,.76);
  box-shadow:0 14px 42px rgba(0,0,0,.22);
}
.ops-summary article::before,.metric-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--pink),var(--yellow),var(--mint),var(--cyan));
  opacity:.85;
}
.ops-summary span,.ops-summary small,.metric-panel span{display:block;color:var(--muted)}
.ops-summary strong,.metric-panel strong{display:block;margin:8px 0 4px;font-size:34px}
.summary-progress .progress-track{margin:10px 0 6px}
.progress-track{
  width:100%;
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.09);
}
.progress-track.large{height:12px}
.progress-track i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pink),var(--yellow),var(--mint),var(--cyan));
  box-shadow:0 0 22px rgba(1,111,239,.28);
  transition:width .35s ease;
}
.operations-layout{
  display:grid;
  grid-template-columns:minmax(340px,.9fr) minmax(520px,1.1fr);
  gap:18px;
  align-items:start;
}
.work-panel,.team-desk{
  padding:18px;
  border-radius:26px;
}
.work-panel-head,.team-desk-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.work-panel-head h2,.team-desk h2{margin:0;font-size:23px}
.work-panel-head p,.team-desk p{margin:5px 0 0;color:var(--muted)}
.count-badge{
  min-width:44px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,209,102,.42);
  border-radius:999px;
  color:#fff2bd;
  background:rgba(255,209,102,.12);
  font-weight:950;
}
.work-list,.published-list,.team-progress,.funnel-list,.staff-chart,.production-grid,.published-grid,.sites-grid,.goals-list,.finance-list,.users-list,.projects-list,.members-list,.inbox-list{display:grid;gap:14px}
.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card{
  border:1px solid var(--line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),
    rgba(23,23,23,.78);
  box-shadow:0 12px 34px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.work-item,.published-item{
  display:grid;
  gap:13px;
  padding:16px;
  border-radius:21px;
}
.work-item:hover,.published-item:hover,.project-card:hover,.integration-card:hover,.sms-activation-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,209,102,.36);
  box-shadow:0 18px 48px rgba(0,0,0,.26),0 0 34px rgba(1,111,239,.10);
}
.work-item-main,.published-main{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.work-item-main{justify-content:flex-start;align-items:center}
.work-avatar{
  width:48px;
  height:48px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#121212;
  background:linear-gradient(135deg,var(--yellow),var(--pink),var(--cyan));
  box-shadow:0 13px 30px rgba(1,111,239,.22);
  font-weight:950;
}
.work-item strong,.published-item strong{display:block;line-height:1.28}
.work-item span,.published-item span,.work-item small,.published-item small{color:var(--muted)}
.work-item a,.published-item a,.table a{color:var(--text);text-decoration:none}
.work-item a:hover,.published-item a:hover,.table a:hover{text-decoration:underline}
.work-item-meta,.published-meta{display:grid;gap:5px;font-size:13px}
.work-item-foot,.published-tools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:space-between;
}
.work-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.published-tools{justify-content:flex-start}
.published-tools button,.work-actions button{min-height:38px}
.staff-chart{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.staff-bar{
  display:grid;
  grid-template-columns:minmax(150px,220px) minmax(0,1fr) 80px;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.staff-bar small{display:block;color:var(--muted);margin-top:3px}
.staff-bar-value{text-align:right;color:#fff2bd;font-weight:950}
.site-note{
  display:grid;
  gap:5px;
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(255,209,102,.23);
  border-radius:14px;
  background:rgba(255,209,102,.08);
}
.site-note strong{font-size:12px;color:#fff2bd;text-transform:uppercase}
.status-chip,.status-pill{
  display:inline-flex;
  width:max-content;
  align-items:center;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:950;
  background:rgba(255,255,255,.10);
  color:var(--soft);
}
.status-chip.published,.status-chip.verified,.status-pill.connected{background:rgba(71,240,154,.15);color:#b8ffd8}
.status-chip.draft,.status-chip.checking{background:rgba(255,209,102,.14);color:#ffe7a3}
.status-chip.failed{background:rgba(255,97,122,.15);color:#ffd0d8}
.status-chip.pending{background:rgba(1,111,239,.15);color:#f5f7fa}
.timer-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.timer-chip{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px}
.check-window{display:block;margin-top:8px;font-size:12px}
.check-window.upcoming{color:#8fc0ff}.check-window.due{color:#ffe7a3}.check-window.done{color:#b8ffd8}
.verification-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.verification-actions button{min-height:40px;padding:8px 9px;white-space:normal}
.verification-actions button.selected{
  color:#121212;
  border-color:rgba(255,209,102,.72);
  background:linear-gradient(135deg,var(--yellow),var(--pink));
}
.edit-published{grid-column:1/-1}
.empty-state{
  min-height:132px;
  display:grid;
  place-items:center;
  padding:22px;
  border:1px dashed var(--line-strong);
  border-radius:18px;
  color:var(--muted);
  text-align:center;
  background:rgba(255,255,255,.025);
}
.drawer{
  position:fixed;
  inset:0;
  z-index:30;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(9,9,9,.74);
  backdrop-filter:blur(13px);
}
.drawer.active{display:grid}
.drawer-panel{
  width:min(1240px,100%);
  max-height:min(94vh,940px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px;
  background:
    radial-gradient(circle at 18% 0,rgba(1,111,239,.22),transparent 25rem),
    radial-gradient(circle at 86% 18%,rgba(1,111,239,.18),transparent 25rem),
    linear-gradient(180deg,rgba(38,38,38,.98),rgba(16,16,16,.98));
  box-shadow:var(--shadow),0 0 80px rgba(1,111,239,.12);
  animation:riseIn .24s ease both;
}
.drawer-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:26px 30px 20px;
  border-bottom:1px solid var(--line);
}
.drawer-head h2{margin:0;font-size:clamp(24px,3vw,35px);line-height:1.12}
#companyForm{
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:auto;
  padding:0 30px 24px;
}
.steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  list-style:none;
  padding:18px 30px;
  margin:0;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.035);
}
.steps li{
  position:relative;
  min-height:50px;
  display:flex;
  align-items:flex-end;
  color:var(--muted);
  font-size:13px;
  font-weight:950;
}
.steps li:not(:last-child)::after{
  content:"";
  position:absolute;
  top:13px;
  left:39px;
  right:8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.24),transparent);
}
.steps li::before{
  content:attr(data-step-label);
  position:absolute;
  top:0;
  left:0;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}
.steps li.active{color:#fff}
.steps li.active::before{
  color:#121212;
  background:linear-gradient(135deg,var(--yellow),var(--pink),var(--cyan));
  box-shadow:0 10px 24px rgba(1,111,239,.28);
}
.step-pane{display:none;padding:24px 0}
.step-pane.active{display:block;animation:riseIn .22s ease both}
.form-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
.step-pane>label,
.form-grid>label,
.settings-grid>label,
.finance-form>label,
.user-form>label,
.phone-integration-form>label,
.sms-number-form>label{
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:rgba(255,255,255,.035);
}
.form-grid>label{grid-column:span 4}
.form-grid>label:last-child,.publish-grid>label:last-child{grid-column:1/-1}
.publish-grid>label:nth-child(1),.publish-grid>label:nth-child(2){grid-column:span 6}
.publish-grid>label:nth-child(7),.publish-grid>label:nth-child(8){grid-column:span 6}
.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.notice{
  display:none;
  margin-top:14px;
  padding:13px 14px;
  border:1px solid rgba(255,209,102,.32);
  border-radius:14px;
  background:rgba(255,209,102,.11);
  color:#ffe7a3;
}
.notice.active{display:block}
.form-status{min-height:20px;margin-top:12px;color:var(--muted);font-size:13px}
.file-picker{position:relative}
.file-picker input{position:absolute;inset:26px 0 0;opacity:0;cursor:pointer}
.file-picker span{
  min-height:45px;
  display:flex;
  align-items:center;
  padding:12px;
  border:1px dashed rgba(1,111,239,.58);
  border-radius:14px;
  background:rgba(1,111,239,.08);
  color:#fff;
}
.single-layout,.domain-preview,.saved-value{
  display:grid;
  gap:7px;
  padding:15px;
  border:1px solid rgba(1,111,239,.22);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(1,111,239,.10),rgba(1,111,239,.06));
}
.toggle-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px;
  color:var(--text);
}
.toggle-row input,.member-form input[type="checkbox"],.member-row input[type="checkbox"]{width:auto;min-height:auto;accent-color:var(--pink)}
.domain-preview{margin-top:16px}
.domain-preview span,.saved-value span{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:950}
.domain-preview strong{font-size:17px;word-break:break-all}
.domain-preview-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.hint{color:var(--muted);line-height:1.45}
.publish-result{
  display:none;
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(71,240,154,.30);
  border-radius:15px;
  background:rgba(71,240,154,.10);
  color:#b8ffd8;
}
.publish-result.active{display:block}
.publish-success{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px 12px;
  align-items:center;
}
.publish-result:has(.publish-waiting){
  border-color:rgba(250,204,21,.38);
  background:rgba(250,204,21,.10);
  color:#fde68a;
}
.publish-success strong{grid-column:1/-1;word-break:break-all;color:#fff}
.drawer-actions{
  position:sticky;
  bottom:0;
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:10px -30px -24px;
  padding:16px 30px;
  border-top:1px solid var(--line);
  background:rgba(16,16,16,.96);
  backdrop-filter:blur(14px);
}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}
.table th{color:var(--muted)}
.table tr:last-child td{border-bottom:0}
.settings-grid,.finance-form,.user-form,.inline-create,.member-form,.integration-form,.phone-integration-form,.sms-number-form{
  display:grid;
  gap:12px;
  align-items:end;
}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-grid .saved-value,.settings-actions,.project-cloudflare-links{grid-column:1/-1}
.settings-actions{display:flex;gap:10px;flex-wrap:wrap}
.project-cloudflare-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
}
.cloudflare-link-card{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.cloudflare-link-card input{width:auto;min-height:auto;margin-top:4px;accent-color:var(--pink)}
.cloudflare-link-card strong,.cloudflare-link-card span{display:block}
.cloudflare-link-card span{margin-top:4px;color:var(--muted);font-size:12px;word-break:break-all}
.sms-user-picker,.sms-user-access{
  display:grid;
  gap:10px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.sms-user-picker{grid-column:1/-1}
.sms-user-picker strong,.sms-user-access>span{color:var(--text);font-weight:800}
.sms-user-picker>div,.sms-user-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
}
.sms-systems-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:16px;
}
.sms-system-card{
  position:relative;
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid rgba(1,111,239,.24);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(27,27,27,.92),rgba(26,26,26,.86));
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  overflow:hidden;
}
.sms-system-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#016fef,#016fef,#ffb020);
  opacity:.85;
}
.sms-system-card.primary-system{
  border-color:rgba(255,176,32,.55);
  box-shadow:0 22px 70px rgba(1,111,239,.22),0 0 0 1px rgba(255,176,32,.18) inset;
}
.sms-system-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sms-system-top>div:nth-child(2){
  min-width:0;
  flex:1;
}
.sms-system-top strong{
  display:block;
  color:#fff;
  font-size:18px;
}
.sms-system-top span:not(.status-chip){
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
}
.sms-system-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:12px;
  color:#fff;
  font-weight:950;
  letter-spacing:0;
  background:linear-gradient(145deg,#016fef,#016fef);
  box-shadow:0 12px 30px rgba(1,111,239,.28);
}
.sms-system-mark.hero{background:linear-gradient(145deg,#016fef,#f97316)}
.sms-system-mark.fivesim{background:linear-gradient(145deg,#1b1b1b,#eab308)}
.sms-system-mark.sms24{background:linear-gradient(145deg,#016fef,#22c55e)}
.sms-system-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.sms-system-details div{
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.sms-system-details div:last-child{grid-column:1/-1}
.sms-system-details span,.sms-system-note{
  color:var(--muted);
  font-size:12px;
}
.sms-system-details strong{
  display:block;
  margin-top:4px;
  color:#fff;
  word-break:break-all;
}
.sms-system-note{
  margin:0;
  padding:12px;
  border-radius:10px;
  background:rgba(255,176,32,.08);
  color:#ffe3ad;
}
.user-check{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--text);
}
.user-check input{width:auto;min-height:auto;accent-color:var(--pink)}
.muted-note{color:var(--muted)}
.projects-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;align-items:start}
.members-panel{grid-column:1/-1}
.inline-create{grid-template-columns:minmax(0,1fr) auto}
.member-form{grid-template-columns:minmax(220px,1fr) repeat(3,auto) auto}
.integration-form{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(220px,1fr) auto}
.phone-integration-form{grid-template-columns:minmax(180px,1fr) minmax(240px,1fr) minmax(220px,1fr) auto}
.phone-integration-form label:nth-child(4){grid-column:1/-1}
.sms-number-form{grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) minmax(150px,.8fr) 90px 130px auto}
.member-form label,.member-row label{display:flex;align-items:center;gap:8px;color:var(--text)}
.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row{
  display:grid;
  gap:12px;
  align-items:center;
  padding:15px;
  border-radius:17px;
}
.project-card{width:100%;text-align:left;color:var(--text)}
.project-card.active{border-color:rgba(255,209,102,.54);background:rgba(255,209,102,.10)}
.member-row{grid-template-columns:minmax(220px,1fr) repeat(3,auto)}
.user-row{grid-template-columns:minmax(180px,1fr) minmax(260px,420px) auto}
.user-main{display:grid;gap:4px;min-width:0}
.user-password-reset{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:10px;align-items:center}
.user-password-reset input{min-width:0}
.finance-form{grid-template-columns:150px minmax(220px,1fr) 150px 150px 160px auto}
.finance-row{grid-template-columns:110px minmax(0,1fr) 130px 130px 140px}
.production-row{grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(90px,.55fr))}
.goal-row{grid-template-columns:minmax(220px,1fr) 140px auto}
.inbox-item{grid-template-columns:minmax(220px,1fr) auto}
.inbox-link{color:var(--text);text-decoration:none}
.inbox-link small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}
.inbox-item.unread{border-color:rgba(1,111,239,.62);box-shadow:0 0 0 1px rgba(1,111,239,.18)}
.inbox-item span,.project-card span,.member-row span,.user-row span:not(.status-pill){color:var(--muted);font-size:13px}
.admin-toast{display:none!important}
.toast-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--muted)}
.copy-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:70;
  opacity:0;
  transform:translateY(10px);
  padding:12px 14px;
  border:1px solid rgba(71,240,154,.30);
  border-radius:15px;
  background:rgba(23,23,23,.96);
  color:#b8ffd8;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.copy-toast.visible{opacity:1;transform:translateY(0)}
.finance-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr));
  gap:14px;
  margin-bottom:18px;
}
.metric-panel{padding:18px}
.integrations-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:14px;
}
.integration-card{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:20px;
  min-width:0;
}
.integration-sync-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px dashed rgba(1,111,239,.42);
  background:rgba(1,111,239,.07);
}
.integration-sync-card strong,
.integration-sync-card span{
  display:block;
}
.integration-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.integration-card strong,.integration-card span{display:block;min-width:0}
.integration-card strong{overflow-wrap:anywhere}
.integration-card span,.integration-card small{color:var(--muted)}
.integration-domain{
  display:grid;
  gap:6px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(255,255,255,.05);
}
.integration-domain strong{color:#fff;word-break:break-all}
.integration-card footer,.quick-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  min-width:0;
}
.integration-card footer small{min-width:0;overflow-wrap:anywhere}
.sms-hero-panel{
  display:flex;
  align-items:flex-end;
  min-height:170px;
  margin-bottom:18px;
  padding:26px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 20%,rgba(124,255,107,.18),transparent 20rem),
    linear-gradient(135deg,rgba(1,111,239,.20),rgba(1,111,239,.15)),
    rgba(23,23,23,.82);
  box-shadow:var(--shadow);
}
.sms-hero-panel h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.06}
.sms-hero-panel p:last-child{max-width:620px;margin:10px 0 0;color:var(--soft)}
.sms-buy-panel,.sms-active-panel{border-color:rgba(1,111,239,.18)}
body[data-role="user"] #smsAdminPanel,
body[data-role="user"] #smsIntegrationsPanel,
.employee-sms-view #smsAdminPanel,
.employee-sms-view #smsIntegrationsPanel{
  display:none!important;
}
body[data-role="user"] #smsCountryField,
body[data-role="user"] #smsDddField{
  display:none!important;
}
body[data-role="user"] .sms-number-form{
  grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) minmax(150px,.8fr) auto!important;
  align-items:end;
}
body[data-role="user"] .sms-number-form button{
  min-width:150px;
}
.sms-activations-grid{display:grid;gap:14px}
.sms-activation-card{
  display:grid;
  grid-template-columns:minmax(240px,1.1fr) minmax(150px,.7fr) minmax(220px,.9fr);
  gap:16px;
  align-items:center;
  padding:18px;
  border-radius:20px;
}
.sms-activation-card.expired{opacity:.72;border-color:rgba(255,97,122,.24)}
.sms-activation-card strong,.sms-activation-card span,.sms-activation-card small{display:block}
.sms-activation-card span,.sms-activation-card small{color:var(--muted)}
.sms-code-box strong,.sms-countdown strong{margin-top:4px;font-size:22px}
.sms-countdown{display:grid;gap:8px}
.sms-countdown .progress-track{height:8px}
.sms-actions{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:8px;
}
.sms-floating-widget{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:120;
  width:min(420px,calc(100vw - 32px));
  display:none;
  padding:14px;
  border:1px solid rgba(1,111,239,.45);
  border-radius:18px;
  background:rgba(19,19,19,.96);
  box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 34px rgba(1,111,239,.18);
  backdrop-filter:blur(16px);
  touch-action:none;
}
.sms-floating-widget.dragging{cursor:grabbing;user-select:none}
.sms-floating-widget.active{display:grid;gap:12px}
.sms-floating-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sms-floating-head{cursor:grab}
.sms-floating-head strong{font-size:15px;color:var(--text)}
.sms-floating-head span{font-size:12px;color:var(--muted)}
.sms-floating-list{display:grid;gap:10px;max-height:48vh;overflow:auto}
.sms-floating-card{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
.sms-floating-card strong,.sms-floating-card span{display:block}
.sms-floating-card span{margin-top:3px;color:var(--muted);font-size:12px}
.sms-floating-card em{display:block;margin-top:6px;color:#fff;font-style:normal;font-weight:900}
.sms-floating-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:1180px){
  .operations-layout{grid-template-columns:1fr}
  .ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sms-activation-card{grid-template-columns:1fr 1fr}
  .sms-actions{grid-column:1/-1}
  .verification-actions{grid-column:1/-1}
  .projects-layout{grid-template-columns:1fr}
  .members-panel{grid-column:auto}
}
@media(max-width:900px){
  .shell{display:block}
  .sidebar{
    position:static;
    height:auto;
    padding:16px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .brand-lockup{padding-bottom:12px}
  .nav{display:flex;overflow:auto;padding-bottom:2px}
  .nav button{width:auto;white-space:nowrap;flex:0 0 auto}
  .logout{margin-top:0;align-self:flex-start}
  .workspace{padding:18px}
  .workspace-head{position:static;margin:0 0 18px;padding:0;display:grid}
  .head-actions{justify-content:flex-start}
  .head-actions>button,.notification-button{flex:1 1 170px}
  .daily-summary{width:100%;min-width:0}
  .sites-hero{display:grid;min-height:auto;padding:24px}
  .sites-hero::after{width:280px;right:-70px;top:-40px}
  .sites-hero-actions{justify-content:flex-start}
  .finance-metrics,.settings-grid,.inline-create,.member-form,.member-row,.user-row,.finance-form,.finance-row,.production-row,.goal-row,.inbox-item,.staff-bar,.integration-form,.phone-integration-form,.sms-number-form,.sms-activation-card{grid-template-columns:1fr}
  .user-password-reset{grid-template-columns:1fr}
  .phone-integration-form label:nth-child(4){grid-column:1}
  .sms-actions{grid-template-columns:1fr}
  .work-actions{grid-template-columns:1fr}
  .form-grid,.publish-grid{grid-template-columns:1fr}
  .form-grid>label,.publish-grid>label:nth-child(1),.publish-grid>label:nth-child(2),.publish-grid>label:nth-child(7),.publish-grid>label:nth-child(8){grid-column:1/-1}
  .drawer{padding:0}
  .drawer-panel{width:100%;height:100%;max-height:none;border-radius:0}
  .verification-actions{grid-template-columns:1fr}
  .staff-bar-value{text-align:left}
}

/* User account final overrides */
.brand-mark{
  border:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.brand-mark span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}
.brand-lockup strong{
  display:flex!important;
  align-items:center;
  gap:7px;
}
.mini-icon{
  width:24px;
  height:24px;
  min-height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.user-form{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
}
.user-row{
  grid-template-columns:minmax(170px,.8fr) minmax(260px,1fr) minmax(260px,420px) auto!important;
}
.user-name-edit{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto;
  gap:10px;
  align-items:center;
}
.user-bm-payout{
  display:grid;
  grid-template-columns:minmax(110px,1fr) auto;
  gap:10px;
  align-items:end;
}
@media(max-width:1100px){
  .user-row,
  .user-form{
    grid-template-columns:1fr!important;
  }
  .user-name-edit,
  .user-password-reset,
  .user-bm-payout{
    grid-template-columns:1fr;
  }
}

/* SMS admin user access layout */
.sms-user-picker,
.sms-user-access{
  overflow:hidden;
}
.sms-user-picker>div,
.sms-user-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
  align-items:stretch;
}
.user-check{
  min-width:0;
  width:100%;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.user-check input{
  width:14px!important;
  min-width:14px;
  height:14px;
  margin:0;
}
.user-check span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
.phone-integration-form .sms-user-picker{
  grid-column:1/-1;
}
.phone-integration-form button[type="submit"]{
  min-width:220px;
}
@media(max-width:640px){
  .sms-user-picker>div,
  .sms-user-grid{
    grid-template-columns:1fr!important;
  }
  .phone-integration-form button[type="submit"]{
    width:100%;
  }
}

/* V6 FINAL LAST RULES */
body.redesign-v6 .shell{display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
body.redesign-v6 .sidebar{position:sticky!important;top:18px!important;width:100%!important;height:calc(100dvh - 36px)!important;min-height:0!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:16px!important;padding:16px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(26,26,26,.88),rgba(9,9,9,.92))!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;overflow:hidden!important}
body.redesign-v6 .nav{display:grid!important;align-content:start!important;gap:8px!important;overflow:auto!important}
body.redesign-v6 .nav button{width:100%!important;min-width:0!important;min-height:44px!important;justify-content:flex-start!important;border-radius:14px!important}
body.redesign-v6 .workspace{max-width:1500px!important;padding:0 0 28px!important;display:grid!important;gap:16px!important}
body.redesign-v6 .workspace-head{min-height:92px!important;padding:18px!important;border-radius:22px!important}
body.redesign-v6 #pageTitle,body.redesign-v6 .workspace h1{font-size:clamp(30px,3.6vw,46px)!important;line-height:1!important;letter-spacing:0!important}
body.redesign-v6 .sites-cockpit{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:16px!important;align-items:start!important}
body.redesign-v6 .sites-hero{min-height:210px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:18px!important;padding:22px!important;border-radius:22px!important}
body.redesign-v6 .sites-hero h2{max-width:680px!important;font-size:clamp(30px,3.2vw,44px)!important;line-height:1.02!important;letter-spacing:0!important}
body.redesign-v6 .sites-hero p{font-size:14px!important}
body.redesign-v6 .sites-hero-actions{min-width:180px!important;display:grid!important;gap:9px!important}
body.redesign-v6 .ops-summary{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.redesign-v6 .ops-summary article,body.redesign-v6 .metric-panel,body.redesign-v6 .finance-metrics article{min-height:92px!important;padding:15px!important;border-radius:18px!important}
body.redesign-v6 .ops-summary strong,body.redesign-v6 .metric-panel strong,body.redesign-v6 .finance-metrics strong{font-size:28px!important}
body.redesign-v6 .operations-layout{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr)!important;gap:16px!important}
@media(max-width:1180px){body.redesign-v6 .shell{grid-template-columns:1fr!important;padding:12px!important}body.redesign-v6 .sidebar{position:static!important;height:auto!important;grid-template-rows:auto auto!important}body.redesign-v6 .nav{display:flex!important;overflow-x:auto!important}body.redesign-v6 .nav button{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important}body.redesign-v6 .logout{display:none!important}body.redesign-v6 .sites-cockpit,body.redesign-v6 .operations-layout{grid-template-columns:1fr!important}body.redesign-v6 .ops-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.redesign-v6 .sites-hero{grid-template-columns:1fr!important;min-height:0!important}body.redesign-v6 .sites-hero h2{font-size:30px!important}body.redesign-v6 .sites-hero-actions{min-width:0!important;width:100%!important}body.redesign-v6 .ops-summary{grid-template-columns:1fr!important}}

/* V6 RESPONSIVE FINAL PATCH */
body.redesign-v6 .workspace-head{height:auto!important;min-height:86px!important;max-height:none!important;align-items:center!important;padding:16px 18px!important}
body.redesign-v6 .head-actions{min-width:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.redesign-v6 .head-actions>button,body.redesign-v6 .notification-button{min-width:0!important;white-space:nowrap!important}
body.redesign-v6 .sidebar{overflow:hidden!important}
body.redesign-v6 .nav{overflow-y:auto!important;overflow-x:hidden!important;padding-right:2px!important}
body.redesign-v6 .nav button{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:6px 10px!important;overflow:hidden!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.redesign-v6 .nav button::before{display:none!important;content:none!important}
body.redesign-v6 .nav-emoji{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(1,111,239,.24),rgba(255,49,92,.16))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;font-size:16px!important;line-height:1!important;animation:v6EmojiFloat 2.8s ease-in-out infinite}
body.redesign-v6 .nav button.active .nav-emoji{background:linear-gradient(135deg,var(--v6-purple),var(--v6-red))!important}
body.redesign-v6 .nav button[data-view="sites"]::before{content:"🚀"!important}
body.redesign-v6 .nav button[data-view="bms"]::before{content:"✅"!important}
body.redesign-v6 .nav button[data-view="projects"]::before{content:"🗂️"!important}
body.redesign-v6 .nav button[data-view="integrations"]::before{content:"⚡"!important}
body.redesign-v6 .nav button[data-view="phones"]::before{content:"📲"!important}
body.redesign-v6 .nav button[data-view="emails"]::before{content:"📩"!important}
body.redesign-v6 .nav button[data-view="cloudflare"]::before{content:"🌐"!important}
body.redesign-v6 .nav button[data-view="cnpjs"]::before{content:"📋"!important}
body.redesign-v6 .nav button[data-view="goals"]::before{content:"🎯"!important}
body.redesign-v6 .nav button[data-view="users"]::before{content:"👥"!important}
body.redesign-v6 .nav button[data-view="finance"]::before{content:"💰"!important}
body.redesign-v6 .nav button.active::before{background:linear-gradient(135deg,var(--v6-purple),var(--v6-red))!important}
@keyframes v6EmojiFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
body.redesign-v6 .ops-summary article::after,body.redesign-v6 .metric-panel::after,body.redesign-v6 .finance-metrics article::after{position:absolute!important;right:14px!important;top:12px!important;opacity:.92!important;font-size:22px!important;line-height:1!important;animation:v6EmojiFloat 3.2s ease-in-out infinite}
body.redesign-v6 .ops-summary article:nth-child(1)::after{content:"🧾"!important}
body.redesign-v6 .ops-summary article:nth-child(2)::after{content:"🌍"!important}
body.redesign-v6 .ops-summary article:nth-child(3)::after{content:"🏁"!important}
body.redesign-v6 .ops-summary article:nth-child(4)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(1)::after{content:"💳"!important}
body.redesign-v6 .finance-metrics article:nth-child(2)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(3)::after{content:"🧮"!important}
body.redesign-v6 .finance-metrics article:nth-child(4)::after{content:"🧾"!important}
body.redesign-v6 .finance-metrics article:nth-child(5)::after{content:"🏦"!important}
body.redesign-v6 .finance-metrics article:nth-child(6)::after{content:"🎯"!important}
body.redesign-v6 .panel,body.redesign-v6 .work-panel,body.redesign-v6 .team-desk{min-width:0!important;overflow:hidden!important}
body.redesign-v6 .panel form,body.redesign-v6 .team-desk form,body.redesign-v6 .user-form,body.redesign-v6 .phone-integration-form,body.redesign-v6 .cloudflare-form,body.redesign-v6 .integration-form,body.redesign-v6 .finance-form,body.redesign-v6 .project-form{min-width:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important;gap:12px!important;align-items:end!important}
body.redesign-v6 .panel form label,body.redesign-v6 .team-desk form label,body.redesign-v6 .user-form label,body.redesign-v6 .phone-integration-form label,body.redesign-v6 .cloudflare-form label,body.redesign-v6 .integration-form label,body.redesign-v6 .finance-form label,body.redesign-v6 .project-form label{min-width:0!important}
body.redesign-v6 .panel form button,body.redesign-v6 .team-desk form button,body.redesign-v6 .user-form button,body.redesign-v6 .phone-integration-form button,body.redesign-v6 .cloudflare-form button,body.redesign-v6 .integration-form button,body.redesign-v6 .finance-form button,body.redesign-v6 .project-form button{width:auto!important;min-width:min(180px,100%)!important}
body.redesign-v6 .user-row,body.redesign-v6 .member-row,body.redesign-v6 .finance-row,body.redesign-v6 .production-row{min-width:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;gap:12px!important;align-items:center!important}
body.redesign-v6 .user-name-edit,body.redesign-v6 .user-password-reset{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body.redesign-v6 .table-wrap,body.redesign-v6 table{max-width:100%!important}
body.redesign-v6 .table-wrap{overflow:auto!important}
body.redesign-v6 table{min-width:760px!important}
body.redesign-v6 input,body.redesign-v6 select,body.redesign-v6 textarea{min-width:0!important;width:100%!important}
body.redesign-v6 .staging-ribbon{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:1180px){body.redesign-v6 .workspace-head{grid-template-columns:1fr!important}body.redesign-v6 .head-actions{justify-content:start!important}body.redesign-v6 .nav{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:6px!important}body.redesign-v6 .nav button{grid-template-columns:28px auto!important;width:auto!important;min-width:max-content!important}}
@media(max-width:760px){body.redesign-v6 .workspace-head{padding:14px!important}body.redesign-v6 .head-actions{display:grid!important;grid-template-columns:1fr!important}body.redesign-v6 .head-actions>button,body.redesign-v6 .notification-button{width:100%!important}body.redesign-v6 .user-name-edit,body.redesign-v6 .user-password-reset{grid-template-columns:1fr!important}body.redesign-v6 table{min-width:640px!important}}

body.redesign-v6 .cloudflare-domains-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;
  gap:14px!important;
}
body.redesign-v6 .cloudflare-domain-card{
  min-width:0!important;
  display:grid!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid #2a2a2a!important;
  border-radius:18px!important;
  background:#121212!important;
}
body.redesign-v6 .cloudflare-domain-card.inactive{
  opacity:.78!important;
}
body.redesign-v6 .cloudflare-domain-top,
body.redesign-v6 .cloudflare-domain-card footer,
body.redesign-v6 .domain-controls-row{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.redesign-v6 .cloudflare-domain-top strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.redesign-v6 .cloudflare-domain-top span,
body.redesign-v6 .cloudflare-domain-card small{
  color:#c8c8c8!important;
}
body.redesign-v6 .domain-controls-row label,
body.redesign-v6 .domain-user-check{
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:#0b0611!important;
  color:#efefef!important;
  font-size:13px!important;
}
body.redesign-v6 .domain-controls-row input,
body.redesign-v6 .domain-user-check input{
  width:16px!important;
  min-width:16px!important;
}
body.redesign-v6 .domain-users-box{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#090909!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.redesign-v6 .domain-users-box.disabled{
  opacity:.55!important;
}
body.redesign-v6 .cloudflare-domain-card footer>div{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

body.redesign-v6 .cloudflare-domains-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.redesign-v6 .cloudflare-domain-row{
  min-width:0!important;
  border:1px solid #2a2a2a!important;
  border-radius:16px!important;
  background:#101010!important;
  overflow:hidden!important;
}
body.redesign-v6 .cloudflare-domain-row.inactive{
  opacity:.82!important;
}
body.redesign-v6 .cloudflare-domain-main{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:14px minmax(220px,1fr) minmax(260px,.9fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  text-align:left!important;
}
body.redesign-v6 .domain-state-dot{
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#777!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.04)!important;
}
body.redesign-v6 .domain-state-dot.active{
  background:#016fef!important;
  box-shadow:0 0 0 5px rgba(1,111,239,.12)!important;
}
body.redesign-v6 .domain-title{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
body.redesign-v6 .domain-title strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:17px!important;
}
body.redesign-v6 .domain-title small,
body.redesign-v6 .domain-detail-actions small{
  color:#c8c8c8!important;
}
body.redesign-v6 .domain-mini-metrics{
  min-width:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.redesign-v6 .domain-mini-metrics span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:4px 9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:#090909!important;
  color:#d8d8d8!important;
  font-size:12px!important;
}
body.redesign-v6 .domain-mini-metrics b{
  margin-right:4px!important;
  color:#fff!important;
}
body.redesign-v6 .domain-config-label{
  justify-self:end!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#222222!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:13px!important;
}
body.redesign-v6 .cloudflare-domain-details{
  display:grid!important;
  gap:12px!important;
  padding:0 16px 16px 44px!important;
}
body.redesign-v6 .cloudflare-domain-details.hidden{
  display:none!important;
}
body.redesign-v6 .domain-detail-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
@media(max-width:920px){
  body.redesign-v6 .cloudflare-domain-main{
    grid-template-columns:14px minmax(0,1fr) auto!important;
  }
  body.redesign-v6 .domain-mini-metrics{
    grid-column:2/-1!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:620px){
  body.redesign-v6 .cloudflare-domain-main{
    grid-template-columns:14px minmax(0,1fr)!important;
  }
  body.redesign-v6 .domain-config-label{
    grid-column:2/-1!important;
    justify-self:start!important;
  }
  body.redesign-v6 .cloudflare-domain-details{
    padding-left:16px!important;
  }
}

/* V6 emoji encoding override */
body.redesign-v6 .nav button[data-view="sites"]::before{content:"\1F680"!important}
body.redesign-v6 .nav button[data-view="bms"]::before{content:"\2705"!important}
body.redesign-v6 .nav button[data-view="projects"]::before{content:"\1F5C2"!important}
body.redesign-v6 .nav button[data-view="integrations"]::before{content:"\26A1"!important}
body.redesign-v6 .nav button[data-view="phones"]::before{content:"\1F4F2"!important}
body.redesign-v6 .nav button[data-view="emails"]::before{content:"\1F4E9"!important}
body.redesign-v6 .nav button[data-view="cloudflare"]::before{content:"\1F310"!important}
body.redesign-v6 .nav button[data-view="cnpjs"]::before{content:"\1F4CB"!important}
body.redesign-v6 .nav button[data-view="goals"]::before{content:"\1F3AF"!important}
body.redesign-v6 .nav button[data-view="users"]::before{content:"\1F465"!important}
body.redesign-v6 .nav button[data-view="finance"]::before{content:"\1F4B0"!important}
body.redesign-v6 .ops-summary article:nth-child(1)::after{content:"\1F9FE"!important}
body.redesign-v6 .ops-summary article:nth-child(2)::after{content:"\1F30D"!important}
body.redesign-v6 .ops-summary article:nth-child(3)::after{content:"\1F3C1"!important}
body.redesign-v6 .ops-summary article:nth-child(4)::after{content:"\1F4C8"!important}
body.redesign-v6 .finance-metrics article:nth-child(1)::after{content:"\1F4B3"!important}
body.redesign-v6 .finance-metrics article:nth-child(2)::after{content:"\1F4C8"!important}
body.redesign-v6 .finance-metrics article:nth-child(3)::after{content:"\1F9EE"!important}
body.redesign-v6 .finance-metrics article:nth-child(4)::after{content:"\1F9FE"!important}
body.redesign-v6 .finance-metrics article:nth-child(5)::after{content:"\1F3E6"!important}
body.redesign-v6 .finance-metrics article:nth-child(6)::after{content:"\1F3AF"!important}

/* V6 responsiveness and emoji polish */
body.redesign-v6 .workspace-head{
  height:auto!important;
  min-height:86px!important;
  max-height:none!important;
  align-items:center!important;
  padding:16px 18px!important;
}
body.redesign-v6 .head-actions{
  min-width:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
body.redesign-v6 .head-actions>button,
body.redesign-v6 .notification-button{
  min-width:0!important;
  white-space:nowrap!important;
}
body.redesign-v6 .sidebar{
  overflow:hidden!important;
}
body.redesign-v6 .nav{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:2px!important;
}
body.redesign-v6 .nav button{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:6px 10px!important;
  overflow:hidden!important;
  text-align:left!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.redesign-v6 .nav button::before{
  width:30px!important;
  height:30px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,rgba(1,111,239,.24),rgba(255,49,92,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:16px!important;
  line-height:1!important;
  animation:v6EmojiFloat 2.8s ease-in-out infinite;
}
body.redesign-v6 .nav button[data-view="sites"]::before{content:"🚀"!important}
body.redesign-v6 .nav button[data-view="bms"]::before{content:"✅"!important}
body.redesign-v6 .nav button[data-view="projects"]::before{content:"🗂️"!important}
body.redesign-v6 .nav button[data-view="integrations"]::before{content:"⚡"!important}
body.redesign-v6 .nav button[data-view="phones"]::before{content:"📲"!important}
body.redesign-v6 .nav button[data-view="emails"]::before{content:"📩"!important}
body.redesign-v6 .nav button[data-view="cloudflare"]::before{content:"🌐"!important}
body.redesign-v6 .nav button[data-view="cnpjs"]::before{content:"📋"!important}
body.redesign-v6 .nav button[data-view="goals"]::before{content:"🎯"!important}
body.redesign-v6 .nav button[data-view="users"]::before{content:"👥"!important}
body.redesign-v6 .nav button[data-view="finance"]::before{content:"💰"!important}
body.redesign-v6 .nav button.active::before{
  background:linear-gradient(135deg,var(--v6-purple),var(--v6-red))!important;
}
@keyframes v6EmojiFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.04)}
}
body.redesign-v6 .ops-summary article::after,
body.redesign-v6 .metric-panel::after,
body.redesign-v6 .finance-metrics article::after{
  position:absolute!important;
  right:14px!important;
  top:12px!important;
  opacity:.92!important;
  font-size:22px!important;
  line-height:1!important;
  animation:v6EmojiFloat 3.2s ease-in-out infinite;
}
body.redesign-v6 .ops-summary article:nth-child(1)::after{content:"🧾"!important}
body.redesign-v6 .ops-summary article:nth-child(2)::after{content:"🌍"!important}
body.redesign-v6 .ops-summary article:nth-child(3)::after{content:"🏁"!important}
body.redesign-v6 .ops-summary article:nth-child(4)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(1)::after{content:"💳"!important}
body.redesign-v6 .finance-metrics article:nth-child(2)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(3)::after{content:"🧮"!important}
body.redesign-v6 .finance-metrics article:nth-child(4)::after{content:"🧾"!important}
body.redesign-v6 .finance-metrics article:nth-child(5)::after{content:"🏦"!important}
body.redesign-v6 .finance-metrics article:nth-child(6)::after{content:"🎯"!important}
body.redesign-v6 .panel,
body.redesign-v6 .work-panel,
body.redesign-v6 .team-desk{
  min-width:0!important;
  overflow:hidden!important;
}
body.redesign-v6 .panel form,
body.redesign-v6 .team-desk form,
body.redesign-v6 .user-form,
body.redesign-v6 .phone-integration-form,
body.redesign-v6 .cloudflare-form,
body.redesign-v6 .integration-form,
body.redesign-v6 .finance-form,
body.redesign-v6 .project-form{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important;
  gap:12px!important;
  align-items:end!important;
}
body.redesign-v6 .panel form label,
body.redesign-v6 .team-desk form label,
body.redesign-v6 .user-form label,
body.redesign-v6 .phone-integration-form label,
body.redesign-v6 .cloudflare-form label,
body.redesign-v6 .integration-form label,
body.redesign-v6 .finance-form label,
body.redesign-v6 .project-form label{
  min-width:0!important;
}
body.redesign-v6 .panel form button,
body.redesign-v6 .team-desk form button,
body.redesign-v6 .user-form button,
body.redesign-v6 .phone-integration-form button,
body.redesign-v6 .cloudflare-form button,
body.redesign-v6 .integration-form button,
body.redesign-v6 .finance-form button,
body.redesign-v6 .project-form button{
  width:auto!important;
  min-width:min(180px,100%)!important;
}
body.redesign-v6 .user-row,
body.redesign-v6 .member-row,
body.redesign-v6 .finance-row,
body.redesign-v6 .production-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;
  gap:12px!important;
  align-items:center!important;
}
body.redesign-v6 .user-name-edit,
body.redesign-v6 .user-password-reset{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
body.redesign-v6 .table-wrap,
body.redesign-v6 table{
  max-width:100%!important;
}
body.redesign-v6 .table-wrap{
  overflow:auto!important;
}
body.redesign-v6 table{
  min-width:760px!important;
}
body.redesign-v6 input,
body.redesign-v6 select,
body.redesign-v6 textarea{
  min-width:0!important;
  width:100%!important;
}
body.redesign-v6 .staging-ribbon{
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
  body.redesign-v6 .workspace-head{
    grid-template-columns:1fr!important;
  }
  body.redesign-v6 .head-actions{
    justify-content:start!important;
  }
  body.redesign-v6 .nav{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:6px!important;
  }
  body.redesign-v6 .nav button{
    grid-template-columns:28px auto!important;
    width:auto!important;
    min-width:max-content!important;
  }
}
@media(max-width:760px){
  body.redesign-v6 .workspace-head{
    padding:14px!important;
  }
  body.redesign-v6 .head-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.redesign-v6 .head-actions>button,
  body.redesign-v6 .notification-button{
    width:100%!important;
  }
  body.redesign-v6 .user-name-edit,
  body.redesign-v6 .user-password-reset{
    grid-template-columns:1fr!important;
  }
  body.redesign-v6 table{
    min-width:640px!important;
  }
}

/* V6 final override: compact real dashboard */
body.redesign-v6 .shell{
  display:grid!important;
  grid-template-columns:286px minmax(0,1fr)!important;
  gap:18px!important;
  padding:18px!important;
}
body.redesign-v6 .sidebar{
  position:sticky!important;
  top:18px!important;
  width:100%!important;
  height:calc(100dvh - 36px)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:16px!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(26,26,26,.88),rgba(9,9,9,.92))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42)!important;
  overflow:hidden!important;
}
body.redesign-v6 .nav{
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  overflow:auto!important;
}
body.redesign-v6 .nav button{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  justify-content:flex-start!important;
  border-radius:14px!important;
}
body.redesign-v6 .workspace{
  max-width:1500px!important;
  padding:0 0 28px!important;
  display:grid!important;
  gap:16px!important;
}
body.redesign-v6 .workspace-head{
  min-height:92px!important;
  padding:18px!important;
  border-radius:22px!important;
}
body.redesign-v6 #pageTitle,
body.redesign-v6 .workspace h1{
  font-size:clamp(30px,3.6vw,46px)!important;
  line-height:1!important;
  letter-spacing:0!important;
}
body.redesign-v6 .sites-cockpit{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  align-items:start!important;
}
body.redesign-v6 .sites-hero{
  min-height:210px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  padding:22px!important;
  border-radius:22px!important;
}
body.redesign-v6 .sites-hero h2{
  max-width:680px!important;
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}
body.redesign-v6 .sites-hero p{
  font-size:14px!important;
}
body.redesign-v6 .sites-hero-actions{
  min-width:180px!important;
  display:grid!important;
  gap:9px!important;
}
body.redesign-v6 .ops-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.redesign-v6 .ops-summary article,
body.redesign-v6 .metric-panel,
body.redesign-v6 .finance-metrics article{
  min-height:92px!important;
  padding:15px!important;
  border-radius:18px!important;
}
body.redesign-v6 .ops-summary strong,
body.redesign-v6 .metric-panel strong,
body.redesign-v6 .finance-metrics strong{
  font-size:28px!important;
}
body.redesign-v6 .operations-layout{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr)!important;
  gap:16px!important;
}
@media(max-width:1180px){
  body.redesign-v6 .shell{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  body.redesign-v6 .sidebar{
    position:static!important;
    height:auto!important;
    grid-template-rows:auto auto!important;
  }
  body.redesign-v6 .nav{
    display:flex!important;
    overflow-x:auto!important;
  }
  body.redesign-v6 .nav button{
    width:auto!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body.redesign-v6 .logout{display:none!important}
  body.redesign-v6 .sites-cockpit,
  body.redesign-v6 .operations-layout{grid-template-columns:1fr!important}
  body.redesign-v6 .ops-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.redesign-v6 .sites-hero{grid-template-columns:1fr!important;min-height:0!important}
  body.redesign-v6 .sites-hero h2{font-size:30px!important}
  body.redesign-v6 .sites-hero-actions{min-width:0!important;width:100%!important}
  body.redesign-v6 .ops-summary{grid-template-columns:1fr!important}
}

/* Redesign v6: compact lateral dashboard */
body.redesign-v6{
  --v6-bg:#080808;
  --v6-panel:#131313;
  --v6-panel-2:#1b1b1b;
  --v6-card:#161616;
  --v6-line:rgba(255,255,255,.11);
  --v6-text:#f5f7fa;
  --v6-muted:#bbbbbb;
  --v6-soft:#8d8d8d;
  --v6-purple:#016fef;
  --v6-pink:#016fef;
  --v6-red:#ff315c;
  --v6-cyan:#016fef;
  --v6-green:#39e89f;
  --v6-radius:18px;
  --v6-shadow:0 18px 50px rgba(0,0,0,.42);
  min-height:100vh;
  color:var(--v6-text)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,49,92,.18),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(1,111,239,.26),transparent 34%),
    linear-gradient(135deg,#060606,#101010 48%,#060606)!important;
  overflow-x:hidden;
}
body.redesign-v6 *{box-sizing:border-box}
body.redesign-v6 .hidden{display:none!important}
body.redesign-v6 .staging-ribbon{
  position:fixed;
  right:14px;
  top:12px;
  z-index:80;
  padding:7px 11px;
  border:1px solid rgba(255,165,88,.36);
  border-radius:999px;
  color:#ffd9b5;
  background:rgba(45,21,16,.82);
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

body.redesign-v6:has(.auth-gate:not(.hidden)){overflow:hidden!important}
body.redesign-v6 .auth-gate{
  position:fixed!important;
  inset:0!important;
  z-index:70!important;
  display:grid!important;
  place-items:center!important;
  min-height:100dvh!important;
  padding:18px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,49,92,.22),transparent 26%),
    radial-gradient(circle at 80% 16%,rgba(1,111,239,.34),transparent 30%),
    rgba(8,8,8,.86)!important;
  backdrop-filter:blur(14px);
}
body.redesign-v6 .auth-gate.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.redesign-v6 .auth-card{
  width:min(460px,calc(100vw - 28px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:auto!important;
  padding:28px!important;
  border:1px solid var(--v6-line)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(28,28,28,.96),rgba(10,10,10,.98))!important;
  box-shadow:var(--v6-shadow)!important;
}
body.redesign-v6 .auth-card::before,
body.redesign-v6 .auth-card::after{display:none!important}
body.redesign-v6 .auth-card>*{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.redesign-v6 .auth-brand{
  width:max-content!important;
  margin:0 0 22px!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  color:#f5f7fa!important;
  background:rgba(255,255,255,.07)!important;
  font-size:11px!important;
  font-weight:950!important;
}
body.redesign-v6 .auth-card h1{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:46px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
body.redesign-v6 .auth-card p{margin:0 0 24px!important;color:var(--v6-muted)!important}
body.redesign-v6 .auth-card label{
  display:block!important;
  margin:0 0 13px!important;
  color:#e8e8e8!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.redesign-v6 input,
body.redesign-v6 select,
body.redesign-v6 textarea{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:13px!important;
  color:#fff!important;
  background:rgba(6,6,6,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.redesign-v6 .auth-card input{
  width:100%!important;
  height:54px!important;
  margin-top:7px!important;
}
body.redesign-v6 .auth-card input:-webkit-autofill{
  -webkit-text-fill-color:#111111!important;
  box-shadow:0 0 0 1000px #f5f7fa inset!important;
}
body.redesign-v6 #authStatus{
  min-height:20px!important;
  margin:0 0 10px!important;
  color:#ffc1d2!important;
  font-weight:850!important;
}
body.redesign-v6 .auth-card .primary{
  width:100%!important;
  height:54px!important;
  margin:8px 0 0!important;
}

body.redesign-v6 .shell{
  width:100%;
  min-height:100vh;
  display:grid!important;
  grid-template-columns:286px minmax(0,1fr)!important;
  gap:18px!important;
  padding:18px!important;
}
body.redesign-v6 .sidebar{
  position:sticky!important;
  top:18px!important;
  align-self:start!important;
  width:100%!important;
  height:calc(100dvh - 36px)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  gap:16px!important;
  padding:16px!important;
  border:1px solid var(--v6-line)!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg,rgba(26,26,26,.88),rgba(9,9,9,.92)),
    var(--v6-panel)!important;
  box-shadow:var(--v6-shadow)!important;
  backdrop-filter:blur(16px);
  overflow:hidden!important;
}
body.redesign-v6 .sidebar::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--v6-purple),var(--v6-pink),var(--v6-red));
}
body.redesign-v6 .brand-lockup{
  min-width:0;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
}
body.redesign-v6 .brand-mark{
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--v6-purple),var(--v6-red))!important;
}
body.redesign-v6 .brand-lockup strong{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#fff!important;
}
body.redesign-v6 .brand-lockup span{
  display:block!important;
  min-width:0;
  overflow:hidden;
  color:var(--v6-muted)!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.redesign-v6 .mini-icon{
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
body.redesign-v6 .nav{
  min-height:0;
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  padding:0!important;
  overflow:auto!important;
}
body.redesign-v6 .nav button{
  position:relative;
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 13px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:#d9d9d9!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:850!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
body.redesign-v6 .nav button::before{
  content:"";
  width:8px!important;
  height:8px!important;
  margin-right:10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
}
body.redesign-v6 .nav button:hover{
  transform:translateX(2px);
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.06)!important;
}
body.redesign-v6 .nav button.active{
  color:#fff!important;
  border-color:rgba(1,111,239,.28)!important;
  background:linear-gradient(135deg,rgba(1,111,239,.32),rgba(255,49,92,.18))!important;
}
body.redesign-v6 .nav button.active::before{background:var(--v6-pink)!important;box-shadow:0 0 18px var(--v6-pink)}
body.redesign-v6 .logout{
  width:100%!important;
  height:44px!important;
  margin:0!important;
  border-radius:14px!important;
}

body.redesign-v6 .workspace{
  width:100%!important;
  max-width:1500px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0 0 28px!important;
  display:grid!important;
  gap:16px!important;
}
body.redesign-v6 .workspace-head{
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  padding:18px!important;
  border:1px solid var(--v6-line)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(30,30,30,.86),rgba(16,16,16,.86))!important;
  box-shadow:var(--v6-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.redesign-v6 .workspace-head::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--v6-purple),var(--v6-red));
}
body.redesign-v6 .workspace-head>*{position:relative}
body.redesign-v6 .eyebrow{
  color:#8fc0ff!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
body.redesign-v6 #pageTitle,
body.redesign-v6 .workspace h1{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:clamp(30px,3.6vw,46px)!important;
  line-height:1!important;
  letter-spacing:0!important;
}
body.redesign-v6 .head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
body.redesign-v6 .daily-summary{display:none!important}

body.redesign-v6 .primary,
body.redesign-v6 .secondary,
body.redesign-v6 .ghost,
body.redesign-v6 .notification-button,
body.redesign-v6 .compact,
body.redesign-v6 .icon{
  min-height:42px!important;
  border-radius:13px!important;
  font-weight:900!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
body.redesign-v6 .primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--v6-purple),var(--v6-pink),var(--v6-red))!important;
  box-shadow:0 14px 30px rgba(1,111,239,.24)!important;
}
body.redesign-v6 .secondary{
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  background:rgba(255,255,255,.07)!important;
}
body.redesign-v6 .ghost,
body.redesign-v6 .notification-button{
  border:1px solid rgba(255,255,255,.11)!important;
  color:#f5f7fa!important;
  background:rgba(255,255,255,.045)!important;
}
body.redesign-v6 .primary:hover,
body.redesign-v6 .secondary:hover,
body.redesign-v6 .ghost:hover,
body.redesign-v6 .notification-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
body.redesign-v6 .notification-button span{
  margin-left:7px!important;
  color:#260711!important;
  background:#8fc0ff!important;
}

body.redesign-v6 .view{animation:v6In .22s ease both}
@keyframes v6In{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
body.redesign-v6 .sites-cockpit{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  align-items:start!important;
}
body.redesign-v6 .sites-hero{
  min-height:210px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  padding:22px!important;
  border:1px solid var(--v6-line)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.22),rgba(255,49,92,.12)),
    rgba(18,18,18,.82)!important;
  box-shadow:var(--v6-shadow)!important;
  overflow:hidden!important;
}
body.redesign-v6 .sites-hero::before{
  content:"";
  position:absolute;
  inset:auto -50px -65px auto;
  width:210px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,49,92,.28),transparent 64%);
}
body.redesign-v6 .sites-hero>div{position:relative!important}
body.redesign-v6 .sites-hero h2{
  max-width:680px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
}
body.redesign-v6 .sites-hero p{
  max-width:640px!important;
  margin:10px 0 0!important;
  color:var(--v6-muted)!important;
  font-size:14px!important;
}
body.redesign-v6 .sites-hero-actions{
  display:grid!important;
  min-width:180px!important;
  gap:9px!important;
}
body.redesign-v6 .ops-summary{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.redesign-v6 .ops-summary article,
body.redesign-v6 .metric-panel,
body.redesign-v6 .finance-metrics article,
body.redesign-v6 .domain-rotation-summary article{
  position:relative;
  min-height:92px!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
body.redesign-v6 .ops-summary article::before,
body.redesign-v6 .metric-panel::before,
body.redesign-v6 .finance-metrics article::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--v6-purple),var(--v6-red));
}
body.redesign-v6 .ops-summary strong,
body.redesign-v6 .metric-panel strong,
body.redesign-v6 .finance-metrics strong{
  display:block;
  margin:6px 0 2px!important;
  color:#fff!important;
  font-size:28px!important;
  letter-spacing:0!important;
}
body.redesign-v6 .ops-summary span,
body.redesign-v6 .ops-summary small,
body.redesign-v6 .metric-panel span,
body.redesign-v6 .finance-metrics span{
  color:var(--v6-muted)!important;
  font-size:12px!important;
}
body.redesign-v6 .operations-layout{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr)!important;
  gap:16px!important;
}
body.redesign-v6 .bm-metrics,
body.redesign-v6 .finance-metrics,
body.redesign-v6 .domain-rotation-summary{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
}

body.redesign-v6 .panel,
body.redesign-v6 .work-panel,
body.redesign-v6 .team-desk{
  padding:18px!important;
  border:1px solid var(--v6-line)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(21,21,21,.88),rgba(10,10,10,.9))!important;
  box-shadow:var(--v6-shadow)!important;
}
body.redesign-v6 .panel-head,
body.redesign-v6 .work-panel-head,
body.redesign-v6 .team-desk-head{
  border-color:rgba(255,255,255,.08)!important;
}
body.redesign-v6 .panel-head h2,
body.redesign-v6 .work-panel-head h2,
body.redesign-v6 .team-desk h2{
  color:#fff!important;
  font-size:21px!important;
  letter-spacing:0!important;
}
body.redesign-v6 .panel-head p,
body.redesign-v6 .work-panel-head p,
body.redesign-v6 .team-desk p{color:var(--v6-muted)!important}
body.redesign-v6 .work-list,
body.redesign-v6 .published-list,
body.redesign-v6 .inbox-list,
body.redesign-v6 .users-list,
body.redesign-v6 .finance-list,
body.redesign-v6 .production-grid,
body.redesign-v6 .integrations-grid,
body.redesign-v6 .domain-rotation-grid{display:grid;gap:10px!important}
body.redesign-v6 .work-item,
body.redesign-v6 .published-item,
body.redesign-v6 .project-card,
body.redesign-v6 .member-row,
body.redesign-v6 .user-row,
body.redesign-v6 .finance-row,
body.redesign-v6 .inbox-item,
body.redesign-v6 .production-row,
body.redesign-v6 .goal-row,
body.redesign-v6 .integration-card,
body.redesign-v6 .sms-activation-card,
body.redesign-v6 .bm-task-card,
body.redesign-v6 .bm-item-row,
body.redesign-v6 .domain-rotation-card{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
body.redesign-v6 .work-item:hover,
body.redesign-v6 .published-item:hover,
body.redesign-v6 .inbox-item:hover,
body.redesign-v6 .bm-task-card:hover{
  transform:translateY(-2px);
  border-color:rgba(1,111,239,.30)!important;
  background:rgba(255,255,255,.065)!important;
}
body.redesign-v6 .empty-state{
  border:1px dashed rgba(255,255,255,.18)!important;
  border-radius:16px!important;
  color:var(--v6-muted)!important;
  background:rgba(255,255,255,.035)!important;
}
body.redesign-v6 input:focus,
body.redesign-v6 select:focus,
body.redesign-v6 textarea:focus{
  border-color:rgba(1,111,239,.55)!important;
  box-shadow:0 0 0 4px rgba(1,111,239,.11)!important;
}
body.redesign-v6 .drawer{
  padding:18px!important;
  background:rgba(8,8,8,.74)!important;
  backdrop-filter:blur(16px);
}
body.redesign-v6 .drawer-panel{
  width:min(1180px,100%)!important;
  max-height:calc(100dvh - 36px)!important;
  border:1px solid var(--v6-line)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(22,22,22,.98),rgba(9,9,9,.99))!important;
  box-shadow:var(--v6-shadow)!important;
}
body.redesign-v6 .drawer-head,
body.redesign-v6 .steps,
body.redesign-v6 .drawer-actions{
  border-color:rgba(255,255,255,.09)!important;
  background:rgba(11,11,11,.72)!important;
}
body.redesign-v6 .drawer-head h2{
  color:#fff!important;
  font-size:34px!important;
  letter-spacing:0!important;
}
body.redesign-v6 .steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body.redesign-v6 .steps li{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.04)!important;
}
body.redesign-v6 .steps li.active{
  border-color:rgba(1,111,239,.42)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(1,111,239,.30),rgba(255,49,92,.16))!important;
}
body.redesign-v6 .status-pill,
body.redesign-v6 .status-chip,
body.redesign-v6 .count-badge{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:#ffe2ef!important;
  background:rgba(255,255,255,.07)!important;
}

@media(max-width:1180px){
  body.redesign-v6 .shell{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  body.redesign-v6 .sidebar{
    position:static!important;
    height:auto!important;
    grid-template-rows:auto auto!important;
  }
  body.redesign-v6 .nav{
    display:flex!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
  body.redesign-v6 .nav button{
    width:auto!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  body.redesign-v6 .logout{display:none!important}
  body.redesign-v6 .sites-cockpit{grid-template-columns:1fr!important}
  body.redesign-v6 .operations-layout{grid-template-columns:1fr!important}
  body.redesign-v6 .ops-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.redesign-v6 .staging-ribbon{display:none!important}
  body.redesign-v6 .shell{padding:10px!important}
  body.redesign-v6 .sidebar,
  body.redesign-v6 .workspace-head,
  body.redesign-v6 .sites-hero,
  body.redesign-v6 .panel,
  body.redesign-v6 .work-panel,
  body.redesign-v6 .team-desk{border-radius:18px!important}
  body.redesign-v6 .workspace-head{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:16px!important;
  }
  body.redesign-v6 #pageTitle{font-size:34px!important}
  body.redesign-v6 .head-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  body.redesign-v6 .head-actions>*{width:100%!important}
  body.redesign-v6 .sites-hero{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:18px!important;
  }
  body.redesign-v6 .sites-hero h2{font-size:30px!important}
  body.redesign-v6 .sites-hero-actions{min-width:0!important;width:100%!important}
  body.redesign-v6 .ops-summary,
  body.redesign-v6 .bm-metrics,
  body.redesign-v6 .finance-metrics,
  body.redesign-v6 .domain-rotation-summary{grid-template-columns:1fr!important}
  body.redesign-v6 .drawer{padding:0!important}
  body.redesign-v6 .drawer-panel{
    height:100%!important;
    max-height:none!important;
    border-radius:0!important;
  }
  body.redesign-v6 .steps{grid-template-columns:1fr!important}
  body.redesign-v6 .drawer-actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(max-width:460px){
  body.redesign-v6 .auth-card{padding:22px!important}
  body.redesign-v6 .auth-card h1{font-size:40px!important}
  body.redesign-v6 .head-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.redesign-v6 *,
  body.redesign-v6 *::before,
  body.redesign-v6 *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* Redesign v5: purple/red command center */
body.redesign-v5{
  --v5-bg:#060606;
  --v5-ink:#f5f7fa;
  --v5-text:#f5f7fa;
  --v5-muted:#b8b8b8;
  --v5-soft:#8d8d8d;
  --v5-line:rgba(255,255,255,.12);
  --v5-panel:rgba(17,17,17,.82);
  --v5-panel-strong:rgba(27,27,27,.92);
  --v5-purple:#016fef;
  --v5-purple-2:#016fef;
  --v5-red:#ff315c;
  --v5-pink:#016fef;
  --v5-orange:#ff8a3d;
  --v5-green:#2ee59d;
  --v5-blue:#016fef;
  --v5-radius:22px;
  --v5-radius-sm:14px;
  --v5-shadow:0 26px 90px rgba(0,0,0,.55);
  --v5-shadow-soft:0 18px 45px rgba(0,0,0,.34);
  min-height:100vh;
  color:var(--v5-text)!important;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,49,92,.28), transparent 28%),
    radial-gradient(circle at 84% 5%, rgba(1,111,239,.34), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(1,111,239,.18), transparent 30%),
    linear-gradient(135deg,#050505 0%,#0f0f0f 45%,#060606 100%)!important;
  overflow-x:hidden;
}
body.redesign-v5::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);
}
body.redesign-v5 *{box-sizing:border-box}
body.redesign-v5 .hidden{display:none!important}
body.redesign-v5 .staging-ribbon{
  position:fixed;
  top:16px;
  right:18px;
  z-index:60;
  padding:9px 14px;
  border:1px solid rgba(255,138,61,.42);
  border-radius:999px;
  color:#ffd9b5;
  background:rgba(255,138,61,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

body.redesign-v5 .auth-gate{
  position:fixed!important;
  inset:0!important;
  z-index:50!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,49,92,.24),transparent 30%),
    radial-gradient(circle at 78% 30%,rgba(1,111,239,.35),transparent 34%),
    rgba(6,6,6,.82)!important;
  backdrop-filter:blur(14px);
}
body.redesign-v5 .auth-gate:not(.hidden)+.shell{display:none!important}
body.redesign-v5 .auth-card{
  position:relative;
  isolation:isolate;
  width:min(980px,100%);
  min-height:580px;
  display:grid!important;
  grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr)!important;
  align-content:center!important;
  gap:0!important;
  overflow:hidden;
  padding:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(32,32,32,.94),rgba(9,9,9,.96))!important;
  box-shadow:var(--v5-shadow)!important;
}
body.redesign-v5 .auth-card::before{
  content:"";
  grid-row:1/8;
  align-self:stretch;
  margin:18px;
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(255,49,92,.80),rgba(1,111,239,.78)),
    url("data:image/svg+xml,%3Csvg width='700' height='700' viewBox='0 0 700 700' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,.22)' stroke-width='2'%3E%3Cpath d='M90 120h220v140H90zM140 340h330v150H140zM390 120h180v110H390z'/%3E%3Cpath d='M115 160h170M165 385h260M420 158h120M210 260v80M485 230v110'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 24px 60px rgba(255,49,92,.22);
}
body.redesign-v5 .auth-card>*{
  grid-column:2!important;
  width:auto!important;
  margin-left:56px!important;
  margin-right:56px!important;
}
body.redesign-v5 .auth-brand{
  width:max-content!important;
  margin-top:58px!important;
  margin-bottom:28px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  color:#f5f7fa!important;
  background:rgba(255,255,255,.07)!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase;
}
body.redesign-v5 .auth-card h1{
  margin:0 56px 8px!important;
  color:#fff!important;
  font-size:64px!important;
  line-height:.92!important;
  letter-spacing:0!important;
}
body.redesign-v5 .auth-card p{
  margin-bottom:28px!important;
  color:var(--v5-muted)!important;
}
body.redesign-v5 .auth-card label{
  color:#f5f7fa!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.redesign-v5 .auth-card input{
  height:56px!important;
  margin-top:8px!important;
  border-radius:16px!important;
}
body.redesign-v5 .auth-card .primary{
  height:58px!important;
  margin-top:22px!important;
  margin-bottom:58px!important;
}

body.redesign-v5 .shell{
  width:100%;
  min-height:100vh;
  display:block!important;
  padding:18px clamp(14px,2.2vw,34px) 42px!important;
}
body.redesign-v5 .sidebar{
  position:sticky!important;
  top:14px!important;
  z-index:40!important;
  width:min(1560px,100%)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto 22px!important;
  display:grid!important;
  grid-template-columns:minmax(230px,290px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(23,23,23,.88),rgba(9,9,9,.78))!important;
  box-shadow:var(--v5-shadow-soft)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v5 .brand-lockup{
  min-width:0;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
}
body.redesign-v5 .brand-mark{
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:15px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--v5-red),var(--v5-purple))!important;
  box-shadow:0 12px 28px rgba(255,49,92,.25)!important;
}
body.redesign-v5 .brand-lockup strong{
  display:flex!important;
  align-items:center!important;
  min-width:0;
  gap:8px!important;
  color:#fff!important;
}
body.redesign-v5 .brand-lockup span{
  display:block;
  min-width:0;
  overflow:hidden;
  color:var(--v5-muted)!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.redesign-v5 .mini-icon{
  width:24px!important;
  height:24px!important;
  min-height:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
body.redesign-v5 .nav{
  min-width:0;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  overflow-x:auto!important;
  scrollbar-width:thin;
}
body.redesign-v5 .nav button{
  position:relative;
  flex:0 0 auto!important;
  min-width:0!important;
  height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  color:#e9e9e9!important;
  background:rgba(255,255,255,.045)!important;
  font-size:13px!important;
  font-weight:850!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
body.redesign-v5 .nav button::before{content:none!important}
body.redesign-v5 .nav button:hover{
  transform:translateY(-1px);
  border-color:rgba(1,111,239,.36)!important;
  background:rgba(255,255,255,.08)!important;
}
body.redesign-v5 .nav button.active{
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
  background:linear-gradient(135deg,var(--v5-purple),var(--v5-red))!important;
  box-shadow:0 16px 34px rgba(255,49,92,.22)!important;
}
body.redesign-v5 .logout{
  width:auto!important;
  min-width:88px!important;
  height:42px!important;
  margin:0!important;
  border-radius:999px!important;
}

body.redesign-v5 .workspace{
  width:min(1560px,100%)!important;
  max-width:none!important;
  margin:0 auto!important;
  display:grid;
  gap:20px;
}
body.redesign-v5 .workspace-head{
  position:relative;
  overflow:hidden;
  min-height:132px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:22px!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.32),rgba(255,49,92,.16)),
    rgba(17,17,17,.74)!important;
  box-shadow:var(--v5-shadow-soft)!important;
}
body.redesign-v5 .workspace-head::before{
  content:"";
  position:absolute;
  inset:auto -10% -80% 38%;
  height:220px;
  background:radial-gradient(circle,rgba(1,111,239,.34),transparent 62%);
}
body.redesign-v5 .workspace-head>*{position:relative}
body.redesign-v5 .eyebrow{
  color:#ffb0c4!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
}
body.redesign-v5 #pageTitle,
body.redesign-v5 .workspace h1{
  margin:8px 0 0!important;
  color:#fff!important;
  font-size:clamp(38px,5vw,76px)!important;
  line-height:.9!important;
  letter-spacing:0!important;
}
body.redesign-v5 .head-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.redesign-v5 .daily-summary{display:none!important}

body.redesign-v5 .primary,
body.redesign-v5 .secondary,
body.redesign-v5 .ghost,
body.redesign-v5 .notification-button,
body.redesign-v5 .compact,
body.redesign-v5 .icon{
  min-height:44px!important;
  border-radius:14px!important;
  font-weight:900!important;
  transition:transform .18s ease,filter .18s ease,background .18s ease!important;
}
body.redesign-v5 .primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--v5-purple),var(--v5-red))!important;
  box-shadow:0 16px 34px rgba(255,49,92,.25)!important;
}
body.redesign-v5 .secondary{
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(1,111,239,.22),rgba(255,49,92,.11))!important;
}
body.redesign-v5 .ghost,
body.redesign-v5 .notification-button{
  border:1px solid rgba(255,255,255,.12)!important;
  color:#f5f7fa!important;
  background:rgba(255,255,255,.06)!important;
}
body.redesign-v5 .primary:hover,
body.redesign-v5 .secondary:hover,
body.redesign-v5 .ghost:hover,
body.redesign-v5 .notification-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
body.redesign-v5 .notification-button span{
  margin-left:8px!important;
  color:#131313!important;
  background:#ff9ab6!important;
}

body.redesign-v5 .view{animation:v5In .24s ease both}
@keyframes v5In{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
body.redesign-v5 .sites-cockpit,
body.redesign-v5 .view>.panel,
body.redesign-v5 .bm-metrics,
body.redesign-v5 .finance-metrics{
  display:grid;
  gap:18px;
}
body.redesign-v5 .sites-hero{
  min-height:340px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;
  align-items:end!important;
  gap:22px!important;
  overflow:hidden;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,49,92,.35),transparent 28%),
    linear-gradient(135deg,rgba(32,32,32,.86),rgba(12,12,12,.90))!important;
}
body.redesign-v5 .sites-hero h2{
  max-width:920px;
  color:#fff!important;
  font-size:clamp(44px,6vw,92px)!important;
  line-height:.86!important;
  letter-spacing:0!important;
}
body.redesign-v5 .sites-hero p{
  max-width:680px;
  color:#cfcfcf!important;
  font-size:16px!important;
}
body.redesign-v5 .sites-hero-actions{
  display:grid!important;
  gap:10px!important;
}

body.redesign-v5 .ops-summary,
body.redesign-v5 .finance-metrics,
body.redesign-v5 .bm-metrics,
body.redesign-v5 .domain-rotation-summary{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
}
body.redesign-v5 .ops-summary article,
body.redesign-v5 .finance-metrics article,
body.redesign-v5 .metric-panel,
body.redesign-v5 .domain-rotation-summary article{
  position:relative;
  overflow:hidden;
  min-height:118px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  box-shadow:var(--v5-shadow-soft)!important;
}
body.redesign-v5 .ops-summary article::after,
body.redesign-v5 .finance-metrics article::after,
body.redesign-v5 .metric-panel::after,
body.redesign-v5 .domain-rotation-summary article::after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--v5-purple),var(--v5-pink),var(--v5-red),var(--v5-orange));
}
body.redesign-v5 .ops-summary span,
body.redesign-v5 .finance-metrics span,
body.redesign-v5 .metric-panel span{
  color:#c9c9c9!important;
  font-weight:780!important;
}
body.redesign-v5 .ops-summary strong,
body.redesign-v5 .finance-metrics strong,
body.redesign-v5 .metric-panel strong{
  color:#fff!important;
  font-size:34px!important;
  letter-spacing:0!important;
}
body.redesign-v5 .progress-track{background:rgba(255,255,255,.08)!important}
body.redesign-v5 .progress-track i{background:linear-gradient(90deg,var(--v5-purple),var(--v5-pink),var(--v5-red))!important}

body.redesign-v5 .operations-layout{
  display:grid!important;
  grid-template-columns:minmax(340px,.82fr) minmax(440px,1.18fr)!important;
  gap:18px!important;
}
body.redesign-v5 .panel,
body.redesign-v5 .work-panel,
body.redesign-v5 .team-desk{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(25,25,25,.88),rgba(12,12,12,.88))!important;
  box-shadow:var(--v5-shadow-soft)!important;
}
body.redesign-v5 .panel-head,
body.redesign-v5 .work-panel-head,
body.redesign-v5 .team-desk-head{
  border-color:rgba(255,255,255,.09)!important;
}
body.redesign-v5 .panel-head h2,
body.redesign-v5 .work-panel-head h2,
body.redesign-v5 .team-desk h2{
  color:#fff!important;
  font-size:22px!important;
  letter-spacing:0!important;
}
body.redesign-v5 .panel-head p,
body.redesign-v5 .work-panel-head p,
body.redesign-v5 .team-desk p{
  color:var(--v5-muted)!important;
}
body.redesign-v5 .work-list,
body.redesign-v5 .published-list,
body.redesign-v5 .inbox-list,
body.redesign-v5 .users-list,
body.redesign-v5 .finance-list,
body.redesign-v5 .production-grid,
body.redesign-v5 .integrations-grid,
body.redesign-v5 .domain-rotation-grid{
  display:grid;
  gap:12px!important;
}
body.redesign-v5 .work-item,
body.redesign-v5 .published-item,
body.redesign-v5 .project-card,
body.redesign-v5 .member-row,
body.redesign-v5 .user-row,
body.redesign-v5 .finance-row,
body.redesign-v5 .inbox-item,
body.redesign-v5 .production-row,
body.redesign-v5 .goal-row,
body.redesign-v5 .integration-card,
body.redesign-v5 .sms-activation-card,
body.redesign-v5 .bm-task-card,
body.redesign-v5 .bm-item-row,
body.redesign-v5 .domain-rotation-card{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
}
body.redesign-v5 .work-item:hover,
body.redesign-v5 .published-item:hover,
body.redesign-v5 .inbox-item:hover,
body.redesign-v5 .bm-task-card:hover{
  transform:translateY(-2px);
  border-color:rgba(1,111,239,.30)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26);
}
body.redesign-v5 .empty-state{
  border:1px dashed rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  color:#d9d9d9!important;
  background:rgba(255,255,255,.035)!important;
}

body.redesign-v5 label{
  color:#eaeaea!important;
  font-weight:850!important;
}
body.redesign-v5 input,
body.redesign-v5 select,
body.redesign-v5 textarea{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:rgba(5,5,5,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.redesign-v5 input::placeholder,
body.redesign-v5 textarea::placeholder{color:#7f7f7f!important}
body.redesign-v5 textarea{min-height:120px}
body.redesign-v5 input:focus,
body.redesign-v5 select:focus,
body.redesign-v5 textarea:focus{
  border-color:rgba(1,111,239,.56)!important;
  box-shadow:0 0 0 4px rgba(1,111,239,.12),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.redesign-v5 table,
body.redesign-v5 .table-wrap{
  overflow:hidden;
  border-radius:18px!important;
}
body.redesign-v5 th{
  color:#ececec!important;
  background:rgba(255,255,255,.065)!important;
}
body.redesign-v5 td{border-color:rgba(255,255,255,.08)!important}

body.redesign-v5 .drawer{
  padding:24px!important;
  background:rgba(6,6,6,.78)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v5 .drawer-panel{
  width:min(1220px,100%)!important;
  max-height:calc(100vh - 48px)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(25,25,25,.98),rgba(9,9,9,.98))!important;
  box-shadow:var(--v5-shadow)!important;
}
body.redesign-v5 .drawer-head,
body.redesign-v5 .steps,
body.redesign-v5 .drawer-actions{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(11,11,11,.72)!important;
}
body.redesign-v5 .drawer-head h2{
  color:#fff!important;
  font-size:38px!important;
  letter-spacing:0!important;
}
body.redesign-v5 .steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.redesign-v5 .steps li{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.04)!important;
}
body.redesign-v5 .steps li.active{
  border-color:rgba(1,111,239,.44)!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(1,111,239,.32),rgba(255,49,92,.18))!important;
  animation:none!important;
}
body.redesign-v5 #companyForm{padding:22px 26px!important}
body.redesign-v5 .step-pane.active{animation:v5In .18s ease both}
body.redesign-v5 .step-intro,
body.redesign-v5 .single-layout,
body.redesign-v5 .domain-preview,
body.redesign-v5 .meta-verification-box{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.045)!important;
}
body.redesign-v5 .domain-preview{
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(255,49,92,.10)),rgba(11,11,11,.74)!important;
}
body.redesign-v5 .domain-preview strong{color:#fff!important}
body.redesign-v5 .status-pill,
body.redesign-v5 .status-chip,
body.redesign-v5 .count-badge{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:#ffe2ef!important;
  background:rgba(255,255,255,.07)!important;
}
body.redesign-v5 .status-chip.published,
body.redesign-v5 .status-chip.done,
body.redesign-v5 .status-pill.connected{
  color:#bfffe5!important;
  border-color:rgba(46,229,157,.34)!important;
  background:rgba(46,229,157,.12)!important;
}
body.redesign-v5 .status-chip.failed{
  color:#ffd0d7!important;
  border-color:rgba(255,49,92,.36)!important;
  background:rgba(255,49,92,.13)!important;
}
body.redesign-v5 .inbox-item.unread{
  border-color:rgba(255,138,61,.36)!important;
  background:linear-gradient(90deg,rgba(255,138,61,.12),rgba(1,111,239,.05)),rgba(11,11,11,.70)!important;
}
body.redesign-v5 .copy-toast{
  border:1px solid rgba(1,111,239,.34)!important;
  border-radius:16px!important;
  color:#f5f7fa!important;
  background:#151515!important;
  box-shadow:var(--v5-shadow-soft)!important;
}
body.redesign-v5 .tutorial-modal{
  background:rgba(6,6,6,.76)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v5 .tutorial-panel{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:#161616!important;
  box-shadow:var(--v5-shadow)!important;
}
body.redesign-v5 .tutorial-slide-icon{
  color:#fff!important;
  background:linear-gradient(135deg,var(--v5-purple),var(--v5-red))!important;
}
body.redesign-v5 .tutorial-dots button.active{background:var(--v5-pink)!important}

@media(max-width:1180px){
  body.redesign-v5 .shell{padding:10px 10px 34px!important}
  body.redesign-v5 .sidebar{
    position:relative!important;
    top:auto!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.redesign-v5 .nav{
    width:100%;
    padding-bottom:6px!important;
  }
  body.redesign-v5 .logout{display:none!important}
  body.redesign-v5 .workspace-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
    min-height:auto;
  }
  body.redesign-v5 .operations-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.redesign-v5 .staging-ribbon{display:none}
  body.redesign-v5 .auth-gate{padding:12px!important}
  body.redesign-v5 .auth-card{
    width:min(440px,100%);
    min-height:auto;
    grid-template-columns:1fr!important;
    border-radius:26px!important;
  }
  body.redesign-v5 .auth-card::before{
    grid-column:1!important;
    grid-row:1!important;
    min-height:160px;
    margin:14px;
  }
  body.redesign-v5 .auth-card>*{
    grid-column:1!important;
    margin-left:22px!important;
    margin-right:22px!important;
  }
  body.redesign-v5 .auth-brand{margin-top:18px!important}
  body.redesign-v5 .auth-card h1{
    margin-left:22px!important;
    margin-right:22px!important;
    font-size:46px!important;
  }
  body.redesign-v5 .auth-card .primary{margin-bottom:24px!important}
  body.redesign-v5 .brand-lockup{grid-template-columns:42px minmax(0,1fr)!important}
  body.redesign-v5 .workspace-head{padding:18px!important;border-radius:22px!important}
  body.redesign-v5 #pageTitle{font-size:42px!important}
  body.redesign-v5 .head-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body.redesign-v5 .head-actions>*{width:100%!important}
  body.redesign-v5 .sites-hero{
    grid-template-columns:1fr!important;
    min-height:auto;
    padding:20px!important;
  }
  body.redesign-v5 .sites-hero h2{font-size:42px!important}
  body.redesign-v5 .ops-summary,
  body.redesign-v5 .finance-metrics,
  body.redesign-v5 .bm-metrics,
  body.redesign-v5 .domain-rotation-summary{grid-template-columns:1fr!important}
  body.redesign-v5 .panel,
  body.redesign-v5 .work-panel,
  body.redesign-v5 .team-desk{
    padding:16px!important;
    border-radius:20px!important;
  }
  body.redesign-v5 .drawer{padding:0!important}
  body.redesign-v5 .drawer-panel{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border-radius:0!important;
  }
  body.redesign-v5 .steps{grid-template-columns:1fr!important}
  body.redesign-v5 .drawer-actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.redesign-v5 *,
  body.redesign-v5 *::before,
  body.redesign-v5 *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* Redesign v5 login stability hotfix */
body.redesign-v5:has(.auth-gate:not(.hidden)){
  overflow:hidden!important;
}
body.redesign-v5 .auth-gate{
  overflow:hidden!important;
  min-height:100dvh!important;
}
body.redesign-v5 .auth-card{
  width:min(520px,calc(100vw - 32px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 48px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:0!important;
  padding:34px!important;
  overflow:auto!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(32,32,32,.96),rgba(10,10,10,.98))!important;
}
body.redesign-v5 .auth-card::before,
body.redesign-v5 .auth-card::after{
  display:none!important;
}
body.redesign-v5 .auth-card>*{
  width:100%!important;
  max-width:100%!important;
  grid-column:auto!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.redesign-v5 .auth-brand{
  width:max-content!important;
  margin:0 auto 26px!important;
}
body.redesign-v5 .auth-card h1{
  margin:0 0 8px!important;
  font-size:clamp(44px,7vw,64px)!important;
  text-align:left!important;
}
body.redesign-v5 .auth-card p{
  margin:0 0 28px!important;
}
body.redesign-v5 .auth-card label{
  display:block!important;
  margin:0 0 14px!important;
}
body.redesign-v5 .auth-card input{
  width:100%!important;
  height:58px!important;
  color:#fff!important;
  caret-color:#fff!important;
  background:rgba(5,5,5,.76)!important;
  -webkit-text-fill-color:#fff!important;
}
body.redesign-v5 .auth-card input:-webkit-autofill,
body.redesign-v5 .auth-card input:-webkit-autofill:hover,
body.redesign-v5 .auth-card input:-webkit-autofill:focus{
  border-color:rgba(1,111,239,.46)!important;
  -webkit-text-fill-color:#0b0611!important;
  box-shadow:0 0 0 1000px #f5f7fa inset!important;
}
body.redesign-v5 #authStatus{
  min-height:22px!important;
  margin:2px 0 12px!important;
  color:#ffc1d2!important;
  font-weight:850!important;
}
body.redesign-v5 .auth-card .primary{
  width:100%!important;
  height:58px!important;
  margin:10px 0 0!important;
}
body.redesign-v5 .auth-card .primary:disabled{
  cursor:wait!important;
  opacity:.72!important;
  filter:saturate(.75)!important;
}
@media(max-width:560px){
  body.redesign-v5 .auth-gate{
    align-items:center!important;
    padding:12px!important;
  }
  body.redesign-v5 .auth-card{
    width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    padding:24px!important;
    border-radius:24px!important;
  }
  body.redesign-v5 .auth-brand{
    margin-bottom:22px!important;
  }
  body.redesign-v5 .auth-card h1{
    font-size:44px!important;
  }
}
body.redesign-v5 .auth-gate.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Redesign v4 - command bar / purple red staging */
body.redesign-v4{
  --v4-bg:#080808;
  --v4-panel:#151515;
  --v4-text:#f5f7fa;
  --v4-soft:#d9d9d9;
  --v4-muted:#9e9e9e;
  --v4-purple:#016fef;
  --v4-pink:#016fef;
  --v4-red:#fb334d;
  --v4-warn:#fbbf24;
  --v4-shadow:0 26px 80px rgba(0,0,0,.46);
  --v4-shadow-soft:0 16px 44px rgba(0,0,0,.28);
  min-height:100vh;
  overflow-x:hidden;
  color:var(--v4-soft)!important;
  background:
    radial-gradient(circle at 10% -10%,rgba(1,111,239,.32),transparent 30%),
    radial-gradient(circle at 92% 2%,rgba(251,51,77,.24),transparent 26%),
    radial-gradient(circle at 42% 118%,rgba(1,111,239,.18),transparent 32%),
    linear-gradient(135deg,#080808 0%,#101010 52%,#070707 100%)!important;
  background-attachment:fixed;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
}
body.redesign-v4::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 82%);
}
body.redesign-v4 *{box-sizing:border-box}
body.redesign-v4 .staging-ribbon{
  top:14px;right:18px;transform:none;z-index:5000;
  border:1px solid rgba(251,191,36,.40);border-radius:999px;
  color:#ffe9a8;background:rgba(48,27,8,.88);
  box-shadow:0 12px 36px rgba(0,0,0,.32);
}

body.redesign-v4 .auth-gate{
  position:fixed!important;inset:0!important;z-index:4000!important;
  display:grid!important;place-items:center;padding:28px;overflow:auto;
  background:
    radial-gradient(circle at 18% 12%,rgba(1,111,239,.34),transparent 34%),
    radial-gradient(circle at 80% 70%,rgba(251,51,77,.24),transparent 30%),
    linear-gradient(135deg,#080808,#141414 52%,#050505)!important;
}
body.redesign-v4 .auth-gate:not(.hidden)+.shell{display:none!important}
body.redesign-v4 .auth-card{
  position:relative;display:grid!important;
  grid-template-columns:minmax(300px,.86fr) minmax(330px,1fr);
  width:min(980px,calc(100vw - 44px));min-height:590px;
  padding:0!important;overflow:hidden;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:34px!important;
  background:rgba(18,18,18,.88)!important;box-shadow:var(--v4-shadow)!important;
}
body.redesign-v4 .auth-card::before{
  content:"";grid-column:1;grid-row:1 / span 9;min-height:100%;
  background:
    linear-gradient(145deg,rgba(1,111,239,.48),rgba(1,111,239,.24) 48%,rgba(251,51,77,.26)),
    url("data:image/svg+xml,%3Csvg width='520' height='640' viewBox='0 0 520 640' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,.20)' stroke-width='1.2'%3E%3Cpath d='M78 110h230M78 166h352M78 222h190M78 376h324M78 432h264M78 488h360'/%3E%3Crect x='78' y='282' width='130' height='130' rx='24'/%3E%3Crect x='238' y='282' width='200' height='130' rx='24'/%3E%3Ccircle cx='424' cy='118' r='38'/%3E%3Cpath d='M102 312l44 48 84-100'/%3E%3C/g%3E%3C/svg%3E");
  background-position:center;background-size:cover;
}
body.redesign-v4 .auth-card::after{
  content:"Operacao BM";position:absolute;left:34px;bottom:34px;
  padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  color:#fff;background:rgba(0,0,0,.22);backdrop-filter:blur(12px);font-weight:900;
}
body.redesign-v4 .auth-card>*{grid-column:2;margin-left:52px!important;margin-right:52px!important}
body.redesign-v4 .auth-brand{
  width:max-content;margin-top:74px!important;
  border:1px solid rgba(1,111,239,.36)!important;color:#f5f7fa!important;
  background:rgba(1,111,239,.14)!important;
}
body.redesign-v4 .auth-card h1{
  margin-top:34px!important;margin-bottom:10px!important;
  color:#fff!important;font-size:64px!important;line-height:.92!important;letter-spacing:-.055em!important;
}
body.redesign-v4 .auth-card p{margin-bottom:30px!important;color:var(--v4-muted)!important}
body.redesign-v4 .auth-card label{color:#e6e6e6!important}
body.redesign-v4 .auth-card input{height:54px!important;border-radius:14px!important}
body.redesign-v4 .auth-card .primary{height:56px!important;margin-top:24px!important;margin-bottom:74px!important}

body.redesign-v4 .shell{
  display:block!important;width:100%;max-width:100vw;min-height:100vh;
  padding:18px 22px 42px!important;background:transparent!important;
}
body.redesign-v4 .sidebar{
  position:sticky!important;top:14px;z-index:100;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;
  width:100%!important;height:auto!important;min-height:76px;
  padding:12px 14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;
  background:rgba(16,16,16,.82)!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px);
}
body.redesign-v4 .brand-lockup{
  min-width:230px;padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important;
}
body.redesign-v4 .brand-mark{
  width:42px!important;height:42px!important;border-radius:13px!important;color:#fff!important;
  background:linear-gradient(135deg,var(--v4-purple),var(--v4-red))!important;
  box-shadow:0 10px 28px rgba(1,111,239,.26)!important;
}
body.redesign-v4 .brand-lockup strong{color:#fff!important;font-size:14px!important}
body.redesign-v4 .brand-lockup span{color:var(--v4-muted)!important;font-size:12px!important}
body.redesign-v4 .mini-icon{width:22px!important;height:22px!important;min-height:22px!important;border-radius:8px!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
body.redesign-v4 .nav{
  display:flex!important;align-items:center;gap:8px!important;min-width:0;overflow-x:auto;padding:2px 4px 4px!important;scrollbar-width:thin;
}
body.redesign-v4 .nav button{
  flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;
  min-height:42px!important;min-width:auto!important;padding:0 14px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;
  color:#cccccc!important;background:rgba(255,255,255,.04)!important;font-weight:850!important;text-align:center!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
body.redesign-v4 .nav button::before{content:none!important}
body.redesign-v4 .nav button:hover{
  transform:translateY(-1px)!important;color:#fff!important;border-color:rgba(1,111,239,.34)!important;background:rgba(1,111,239,.10)!important;
}
body.redesign-v4 .nav button.active{
  color:#fff!important;border-color:rgba(1,111,239,.50)!important;
  background:linear-gradient(135deg,rgba(1,111,239,.58),rgba(251,51,77,.34))!important;
  box-shadow:0 12px 30px rgba(1,111,239,.18)!important;
}
body.redesign-v4 .logout{width:auto!important;min-width:86px;margin:0!important}

body.redesign-v4 .workspace{
  width:min(1680px,100%);margin:22px auto 0!important;padding:0!important;background:transparent!important;
}
body.redesign-v4 .workspace-head{
  position:relative!important;top:auto!important;z-index:20;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;
  min-height:148px;margin:0 0 18px!important;padding:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;
  background:linear-gradient(135deg,rgba(1,111,239,.20),rgba(251,51,77,.12)),rgba(18,18,18,.78)!important;
  box-shadow:var(--v4-shadow-soft)!important;backdrop-filter:blur(16px);
}
body.redesign-v4 .workspace-head::before{
  content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(1,111,239,.20),transparent 32%);
}
body.redesign-v4 .workspace-head>*{position:relative}
body.redesign-v4 .eyebrow{color:#8fc0ff!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.redesign-v4 .workspace h1,body.redesign-v4 #pageTitle{
  margin:0!important;color:#fff!important;font-size:clamp(38px,5vw,72px)!important;line-height:.9!important;letter-spacing:-.065em!important;
}
body.redesign-v4 .head-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:10px!important;flex-wrap:wrap}
body.redesign-v4 .daily-summary{display:none!important}

body.redesign-v4 .primary,body.redesign-v4 .secondary,body.redesign-v4 .ghost,body.redesign-v4 .notification-button,body.redesign-v4 .compact,body.redesign-v4 .icon{
  min-height:44px!important;padding:0 16px!important;border-radius:13px!important;font-weight:900!important;letter-spacing:0!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
body.redesign-v4 .primary{border:0!important;color:#fff!important;background:linear-gradient(135deg,var(--v4-purple),var(--v4-red))!important;box-shadow:0 16px 34px rgba(1,111,239,.24)!important}
body.redesign-v4 .secondary{border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;background:linear-gradient(135deg,rgba(1,111,239,.20),rgba(1,111,239,.10))!important}
body.redesign-v4 .ghost,body.redesign-v4 .notification-button{border:1px solid rgba(255,255,255,.12)!important;color:#efefef!important;background:rgba(255,255,255,.055)!important}
body.redesign-v4 .primary:hover,body.redesign-v4 .secondary:hover,body.redesign-v4 .ghost:hover,body.redesign-v4 .notification-button:hover{transform:translateY(-1px)!important;filter:brightness(1.08)}
body.redesign-v4 .notification-button span{margin-left:8px!important;color:#2a080d!important;background:#ff9aae!important}

body.redesign-v4 .view{animation:testFloatIn .22s ease both}
body.redesign-v4 .sites-cockpit{display:grid;gap:18px}
body.redesign-v4 .sites-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:220px;
  padding:28px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;
  background:radial-gradient(circle at 12% 18%,rgba(1,111,239,.38),transparent 30%),linear-gradient(135deg,rgba(1,111,239,.18),rgba(251,51,77,.10)),rgba(18,18,18,.86)!important;
  box-shadow:var(--v4-shadow-soft)!important;
}
body.redesign-v4 .sites-hero h2{max-width:920px;color:#fff!important;font-size:clamp(42px,6.2vw,86px)!important;line-height:.88!important;letter-spacing:-.075em!important}
body.redesign-v4 .sites-hero p{max-width:680px;color:#cbcbcb!important;font-size:16px!important}
body.redesign-v4 .sites-hero-actions{display:grid!important;gap:10px}

body.redesign-v4 .ops-summary,body.redesign-v4 .finance-metrics,body.redesign-v4 .bm-metrics{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important;margin:0 0 18px!important;
}
body.redesign-v4 .ops-summary article,body.redesign-v4 .finance-metrics article,body.redesign-v4 .metric-panel{
  position:relative;min-height:138px;padding:20px!important;overflow:hidden;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),rgba(22,22,22,.86)!important;box-shadow:none!important;
}
body.redesign-v4 .ops-summary article::after,body.redesign-v4 .finance-metrics article::after,body.redesign-v4 .metric-panel::after{
  content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:999px;background:radial-gradient(circle,rgba(1,111,239,.30),transparent 68%);
}
body.redesign-v4 .ops-summary span,body.redesign-v4 .finance-metrics span,body.redesign-v4 .metric-panel span{color:#b6b6b6!important;font-weight:760}
body.redesign-v4 .ops-summary strong,body.redesign-v4 .finance-metrics strong,body.redesign-v4 .metric-panel strong{color:#fff!important;font-size:34px!important;letter-spacing:-.055em!important}
body.redesign-v4 .progress-track{background:rgba(255,255,255,.08)!important}
body.redesign-v4 .progress-track i{background:linear-gradient(90deg,var(--v4-purple),var(--v4-pink),var(--v4-red))!important}

body.redesign-v4 .operations-layout{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)!important;gap:18px!important}
body.redesign-v4 .panel,body.redesign-v4 .work-panel,body.redesign-v4 .team-desk{
  padding:22px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;
  background:rgba(18,18,18,.86)!important;box-shadow:var(--v4-shadow-soft)!important;backdrop-filter:blur(14px);
}
body.redesign-v4 .panel-head,body.redesign-v4 .work-panel-head,body.redesign-v4 .team-desk-head{
  margin-bottom:16px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.redesign-v4 .panel-head h2,body.redesign-v4 .work-panel-head h2,body.redesign-v4 .team-desk h2{color:#fff!important;font-size:22px!important;letter-spacing:-.035em!important}
body.redesign-v4 .panel-head p,body.redesign-v4 .work-panel-head p,body.redesign-v4 .team-desk p{color:var(--v4-muted)!important}
body.redesign-v4 .work-item,body.redesign-v4 .published-item,body.redesign-v4 .project-card,body.redesign-v4 .member-row,body.redesign-v4 .user-row,body.redesign-v4 .finance-row,body.redesign-v4 .inbox-item,body.redesign-v4 .production-row,body.redesign-v4 .goal-row,body.redesign-v4 .integration-card,body.redesign-v4 .sms-activation-card,body.redesign-v4 .bm-task-card,body.redesign-v4 .bm-item-row,body.redesign-v4 .domain-rotation-card{
  border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:rgba(11,11,11,.68)!important;box-shadow:none!important;
}
body.redesign-v4 .work-item:hover,body.redesign-v4 .published-item:hover,body.redesign-v4 .inbox-item:hover,body.redesign-v4 .bm-task-card:hover{
  border-color:rgba(1,111,239,.34)!important;background:rgba(33,33,33,.72)!important;
}
body.redesign-v4 .empty-state{
  min-height:140px;border:1px dashed rgba(255,255,255,.18)!important;border-radius:18px!important;color:#a8a8a8!important;background:rgba(11,11,11,.56)!important;
}
body.redesign-v4 label{color:#d9d9d9!important;font-weight:800!important}
body.redesign-v4 input,body.redesign-v4 select,body.redesign-v4 textarea{
  min-height:48px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;color:#fff!important;background:rgba(8,8,8,.78)!important;box-shadow:none!important;
}
body.redesign-v4 textarea{min-height:120px}
body.redesign-v4 input:focus,body.redesign-v4 select:focus,body.redesign-v4 textarea:focus{
  border-color:rgba(1,111,239,.62)!important;box-shadow:0 0 0 4px rgba(1,111,239,.12)!important;
}

body.redesign-v4 .drawer{padding:22px!important;background:rgba(6,6,6,.76)!important;backdrop-filter:blur(18px)}
body.redesign-v4 .drawer-panel{
  width:min(1220px,calc(100vw - 44px))!important;max-height:calc(100vh - 44px)!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;background:#111111!important;box-shadow:var(--v4-shadow)!important;
}
body.redesign-v4 .drawer-head,body.redesign-v4 .steps,body.redesign-v4 .drawer-actions{border-color:rgba(255,255,255,.10)!important;background:#151515!important}
body.redesign-v4 .drawer-head h2{color:#fff!important;font-size:38px!important}
body.redesign-v4 .steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.redesign-v4 .steps li{border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:rgba(255,255,255,.04)!important}
body.redesign-v4 .steps li.active{border-color:rgba(1,111,239,.44)!important;color:#fff!important;background:linear-gradient(135deg,rgba(1,111,239,.32),rgba(251,51,77,.18))!important;animation:none!important}
body.redesign-v4 #companyForm{padding:20px 24px!important}
body.redesign-v4 .step-pane.active{animation:testFloatIn .18s ease both}
body.redesign-v4 .step-intro,body.redesign-v4 .single-layout,body.redesign-v4 .domain-preview,body.redesign-v4 .meta-verification-box{
  border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:rgba(11,11,11,.70)!important;
}
body.redesign-v4 .domain-preview{background:linear-gradient(135deg,rgba(1,111,239,.18),rgba(251,51,77,.08)),rgba(11,11,11,.74)!important}
body.redesign-v4 .domain-preview strong{color:#fff!important}

body.redesign-v4 .status-pill,body.redesign-v4 .status-chip,body.redesign-v4 .count-badge{
  border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;color:#eadff5!important;background:rgba(255,255,255,.055)!important;
}
body.redesign-v4 .status-chip.published,body.redesign-v4 .status-chip.done,body.redesign-v4 .status-pill.connected{
  color:#cbffe9!important;border-color:rgba(52,211,153,.30)!important;background:rgba(52,211,153,.10)!important;
}
body.redesign-v4 .status-chip.failed{color:#ffd0d7!important;border-color:rgba(251,51,77,.34)!important;background:rgba(251,51,77,.12)!important}
body.redesign-v4 .inbox-item.unread{border-color:rgba(251,191,36,.34)!important;background:linear-gradient(90deg,rgba(251,191,36,.10),rgba(1,111,239,.05)),rgba(11,11,11,.70)!important}
body.redesign-v4 .copy-toast{border:1px solid rgba(1,111,239,.34)!important;border-radius:16px!important;color:#f5f7fa!important;background:#191919!important;box-shadow:var(--v4-shadow-soft)!important}
body.redesign-v4 .tutorial-modal{background:rgba(6,6,6,.76)!important;backdrop-filter:blur(18px)}
body.redesign-v4 .tutorial-panel{border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;background:#151515!important;box-shadow:var(--v4-shadow)!important}
body.redesign-v4 .tutorial-slide-icon{color:#fff!important;background:linear-gradient(135deg,var(--v4-purple),var(--v4-red))!important}
body.redesign-v4 .tutorial-dots button.active{background:var(--v4-pink)!important}
body.redesign-v4 table,body.redesign-v4 .table-wrap{overflow:hidden;border-radius:18px!important}
body.redesign-v4 th{color:#d9d9d9!important;background:rgba(255,255,255,.06)!important}
body.redesign-v4 td{border-color:rgba(255,255,255,.08)!important}

@media(max-width:1180px){
  body.redesign-v4 .shell{padding:10px 10px 34px!important}
  body.redesign-v4 .sidebar{position:relative!important;top:auto;grid-template-columns:1fr;gap:10px}
  body.redesign-v4 .brand-lockup{min-width:0}
  body.redesign-v4 .nav{width:100%;padding-bottom:6px!important}
  body.redesign-v4 .logout{display:none!important}
  body.redesign-v4 .workspace{margin-top:12px!important}
  body.redesign-v4 .workspace-head{grid-template-columns:1fr;align-items:start;min-height:auto}
  body.redesign-v4 .operations-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.redesign-v4 .staging-ribbon{display:none}
  body.redesign-v4 .auth-gate{padding:12px}
  body.redesign-v4 .auth-card{grid-template-columns:1fr;width:min(430px,100%);min-height:auto;border-radius:26px!important}
  body.redesign-v4 .auth-card::before{grid-column:1;grid-row:1;min-height:150px}
  body.redesign-v4 .auth-card::after{display:none}
  body.redesign-v4 .auth-card>*{grid-column:1;margin-left:22px!important;margin-right:22px!important}
  body.redesign-v4 .auth-brand{margin-top:24px!important}
  body.redesign-v4 .auth-card h1{font-size:48px!important}
  body.redesign-v4 .auth-card .primary{margin-bottom:24px!important}
  body.redesign-v4 .workspace-head{padding:18px!important;border-radius:22px!important}
  body.redesign-v4 #pageTitle{font-size:42px!important}
  body.redesign-v4 .head-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  body.redesign-v4 .head-actions>*{width:100%}
  body.redesign-v4 .sites-hero{grid-template-columns:1fr;min-height:auto;padding:20px!important}
  body.redesign-v4 .sites-hero h2{font-size:44px!important}
  body.redesign-v4 .sites-hero-actions{width:100%}
  body.redesign-v4 .ops-summary,body.redesign-v4 .finance-metrics,body.redesign-v4 .bm-metrics{grid-template-columns:1fr!important}
  body.redesign-v4 .panel,body.redesign-v4 .work-panel,body.redesign-v4 .team-desk{padding:16px!important;border-radius:20px!important}
  body.redesign-v4 .drawer{padding:0!important}
  body.redesign-v4 .drawer-panel{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important}
  body.redesign-v4 .steps{grid-template-columns:1fr!important}
  body.redesign-v4 .drawer-actions{display:grid!important;grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  body.redesign-v4 .head-actions{grid-template-columns:1fr}
  body.redesign-v4 .nav button{padding:0 12px!important}
  body.redesign-v4 .drawer-actions{grid-template-columns:1fr}
}

/* Staging redesign layer - Studio Command */
:root{
  --test-bg:#0b0b0b;
  --test-surface:rgba(20,20,20,.82);
  --test-surface-strong:rgba(27,27,27,.94);
  --test-panel:rgba(28,28,28,.78);
  --test-line:rgba(148,163,184,.18);
  --test-line-strong:rgba(1,111,239,.34);
  --test-text:#fafafa;
  --test-muted:#ababab;
  --test-cyan:#016fef;
  --test-blue:#016fef;
  --test-green:#34d399;
  --test-amber:#fbbf24;
  --test-rose:#fb7185;
  --test-violet:#8fc0ff;
  --test-radius:18px;
  --test-radius-sm:12px;
  --test-shadow:0 24px 70px rgba(0,0,0,.42);
  --test-soft-shadow:0 16px 36px rgba(0,0,0,.28);
}

@keyframes testFloatIn{
  from{opacity:0;transform:translateY(16px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes testGlow{
  0%,100%{opacity:.52;transform:translate3d(0,0,0)}
  50%{opacity:.92;transform:translate3d(0,-8px,0)}
}
@keyframes testSweep{
  from{transform:translateX(-120%) skewX(-18deg)}
  to{transform:translateX(160%) skewX(-18deg)}
}
@keyframes testPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(1,111,239,.18)}
  50%{box-shadow:0 0 0 7px rgba(1,111,239,0)}
}

html{
  background:var(--test-bg)!important;
}
body{
  min-height:100vh;
  color:var(--test-text)!important;
  background:
    radial-gradient(circle at 16% 12%,rgba(1,111,239,.18),transparent 28%),
    radial-gradient(circle at 82% 2%,rgba(251,191,36,.10),transparent 26%),
    radial-gradient(circle at 60% 88%,rgba(52,211,153,.12),transparent 32%),
    linear-gradient(135deg,#0b0b0b 0%,#131313 46%,#0d0d0d 100%)!important;
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.25));
}
body::after{
  content:"";
  position:fixed;
  inset:auto -18vw -24vh auto;
  width:54vw;
  height:54vw;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle,rgba(1,111,239,.14),transparent 60%);
  filter:blur(22px);
  animation:testGlow 7s ease-in-out infinite;
}

.staging-ribbon{
  position:fixed;
  top:12px;
  right:50%;
  transform:translateX(50%);
  z-index:5000;
  padding:7px 14px;
  border:1px solid rgba(251,191,36,.42);
  border-radius:999px;
  color:#fef3c7;
  background:rgba(39,25,7,.84);
  box-shadow:0 10px 30px rgba(0,0,0,.26);
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}

.shell{
  isolation:isolate;
  background:transparent!important;
}
.sidebar{
  border-right:1px solid rgba(143,192,255,.18)!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.92),rgba(12,12,12,.96)),
    var(--test-surface-strong)!important;
  box-shadow:12px 0 40px rgba(0,0,0,.20);
}
.brand-lockup{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(1,111,239,.22)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.12),rgba(143,192,255,.10)),
    rgba(14,14,14,.78)!important;
}
.brand-lockup::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.10),transparent);
  transform:translateX(-130%) skewX(-18deg);
}
.brand-lockup:hover::after{
  animation:testSweep .85s ease both;
}
.brand-mark{
  background:
    radial-gradient(circle at 35% 30%,#fff,transparent 16%),
    linear-gradient(135deg,var(--test-cyan),var(--test-green))!important;
  box-shadow:0 0 0 5px rgba(1,111,239,.10),0 16px 30px rgba(1,111,239,.14)!important;
}
.brand-lockup strong{
  color:#fff!important;
  letter-spacing:0!important;
}
.brand-lockup span{
  color:#c8c8c8!important;
}
.brand-lockup .role-badge{
  display:inline-flex!important;
  width:auto!important;
  margin:0 0 0 8px!important;
  padding:3px 7px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  font-size:11px!important;
  line-height:1!important;
  vertical-align:middle!important;
}

.nav{
  gap:7px!important;
}
.nav button{
  position:relative;
  min-height:42px;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#c6c6c6!important;
  background:transparent!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.nav button::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  margin-right:8px;
  background:rgba(165,165,165,.42);
  box-shadow:none;
}
.nav button:hover{
  color:#fff!important;
  border-color:rgba(143,192,255,.20)!important;
  background:rgba(27,27,27,.74)!important;
  transform:translateX(2px);
}
.nav button.active{
  color:#fff!important;
  border-color:rgba(1,111,239,.44)!important;
  background:
    linear-gradient(90deg,rgba(1,111,239,.18),rgba(52,211,153,.08)),
    rgba(14,14,14,.88)!important;
  box-shadow:0 14px 28px rgba(14,14,14,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.nav button.active::before{
  background:var(--test-cyan);
  box-shadow:0 0 16px rgba(1,111,239,.72);
}

.workspace{
  background:transparent!important;
}
.workspace-head{
  margin-top:8px;
  border:1px solid rgba(143,192,255,.14);
  border-radius:22px;
  padding:16px 18px;
  background:rgba(12,12,12,.58);
  box-shadow:0 16px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.workspace h1,#pageTitle{
  color:#fff!important;
  letter-spacing:0!important;
}
.eyebrow{
  color:var(--test-amber)!important;
  letter-spacing:.06em!important;
}

.primary,.secondary,.ghost,.notification-button,.compact,.icon,.mini-icon{
  position:relative;
  overflow:hidden;
  min-height:40px;
  border-radius:12px!important;
  letter-spacing:0!important;
  transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease;
}
.primary{
  border:1px solid rgba(1,111,239,.36)!important;
  color:#0d0d0d!important;
  background:linear-gradient(135deg,var(--test-cyan),var(--test-green))!important;
  box-shadow:0 16px 36px rgba(1,111,239,.16),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.secondary{
  border:1px solid rgba(1,111,239,.34)!important;
  color:#f5f7fa!important;
  background:linear-gradient(135deg,rgba(1,111,239,.18),rgba(1,111,239,.08))!important;
}
.ghost,.notification-button{
  border:1px solid rgba(148,163,184,.18)!important;
  color:#dbeafe!important;
  background:rgba(27,27,27,.68)!important;
}
.primary::after,.secondary::after,.notification-button::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.34),transparent);
  transform:translateX(-130%) skewX(-18deg);
  pointer-events:none;
}
.primary:hover::after,.secondary:hover::after,.notification-button:hover::after{
  animation:testSweep .72s ease both;
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
.primary:active,.secondary:active,.ghost:active,.notification-button:active{
  transform:translateY(0) scale(.985);
}
.notification-button span{
  background:linear-gradient(135deg,var(--test-amber),#f97316)!important;
  color:#1c1200!important;
}

.sites-hero,.sms-hero-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(1,111,239,.18)!important;
  border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.14),rgba(52,211,153,.08) 45%,rgba(251,191,36,.08)),
    rgba(14,14,14,.78)!important;
  box-shadow:var(--test-shadow)!important;
  animation:testFloatIn .38s ease both;
}
.sites-hero::before,.sms-hero-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,rgba(1,111,239,.10) 46%,transparent 74%);
}
.sites-hero h2,.sms-hero-panel h2{
  max-width:850px;
  color:#fff!important;
  font-size:clamp(30px,4vw,56px)!important;
  line-height:1.02!important;
}
.sites-hero p,.sms-hero-panel p{
  color:#d6d6d6!important;
}

.panel,.work-panel,.team-desk,.metric-panel,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.bm-task-card,.bm-item-row{
  border:1px solid var(--test-line)!important;
  border-radius:var(--test-radius)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),
    var(--test-panel)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px);
}
.panel:hover,.work-panel:hover,.team-desk:hover,.work-item:hover,.published-item:hover,.inbox-item:hover,.bm-task-card:hover{
  border-color:rgba(1,111,239,.28)!important;
}
.panel-head h2,.work-panel-head h2,.team-desk h2{
  color:#fff!important;
}
.panel-head p,.work-panel-head p,.team-desk p,.work-item small,.published-item small,.hint{
  color:var(--test-muted)!important;
}
.ops-summary article{
  min-height:112px;
}
.ops-summary article strong,.metric-panel strong{
  color:#fff!important;
}
.progress-track{
  background:rgba(27,27,27,.92)!important;
}
.progress-track i{
  background:linear-gradient(90deg,var(--test-cyan),var(--test-green),var(--test-amber))!important;
  box-shadow:0 0 20px rgba(1,111,239,.28);
}

.status-pill,.status-chip,.count-badge{
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.70)!important;
  color:#dbeafe!important;
}
.status-chip.published,.status-chip.done,.status-pill.connected{
  border-color:rgba(52,211,153,.30)!important;
  color:#bbf7d0!important;
  background:rgba(20,83,45,.22)!important;
}
.status-chip.failed{
  border-color:rgba(251,113,133,.30)!important;
  color:#fecdd3!important;
  background:rgba(127,29,29,.22)!important;
}

label{
  color:#c6c6c6!important;
  gap:8px!important;
}
input,select,textarea{
  min-height:44px;
  border:1px solid rgba(165,165,165,.20)!important;
  border-radius:12px!important;
  color:#fff!important;
  background:rgba(10,10,10,.76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
input:hover,select:hover,textarea:hover{
  border-color:rgba(143,192,255,.32)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(1,111,239,.68)!important;
  box-shadow:0 0 0 4px rgba(1,111,239,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.auth-gate{
  background:
    radial-gradient(circle at 18% 20%,rgba(1,111,239,.22),transparent 32%),
    radial-gradient(circle at 88% 76%,rgba(52,211,153,.16),transparent 30%),
    linear-gradient(135deg,#0b0b0b,#161616 55%,#0b0b0b)!important;
}
.auth-card{
  position:relative;
  overflow:hidden;
  width:min(430px,calc(100vw - 32px));
  border:1px solid rgba(1,111,239,.26)!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.88),rgba(14,14,14,.94)),
    rgba(14,14,14,.92)!important;
  box-shadow:var(--test-shadow)!important;
  animation:testFloatIn .46s ease both;
}
.auth-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(1,111,239,.12),transparent 38%,rgba(251,191,36,.08));
}
.auth-brand{
  display:inline-flex;
  width:max-content;
  padding:8px 12px;
  border:1px solid rgba(251,191,36,.28);
  border-radius:999px;
  color:#fef3c7!important;
  background:rgba(251,191,36,.10)!important;
}
.auth-card h1{
  color:#fff!important;
  font-size:clamp(34px,5vw,52px)!important;
}

.drawer{
  background:rgba(10,10,10,.70)!important;
  backdrop-filter:blur(18px);
}
.drawer-panel{
  border:1px solid rgba(1,111,239,.28)!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.98),rgba(12,12,12,.98)),
    #131313!important;
  box-shadow:var(--test-shadow)!important;
}
.drawer-head,.steps,.drawer-actions{
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(14,14,14,.90)!important;
  backdrop-filter:blur(14px);
}
.drawer-head h2{
  color:#fff!important;
}
.steps li{
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(27,27,27,.68)!important;
}
.steps li.active{
  border-color:rgba(1,111,239,.48)!important;
  background:linear-gradient(90deg,rgba(1,111,239,.18),rgba(52,211,153,.08))!important;
  animation:testPulse 1.8s ease-in-out infinite;
}
.step-pane.active{
  animation:testFloatIn .24s ease both;
}
.domain-preview,.meta-verification-box{
  border:1px solid rgba(1,111,239,.28)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.12),rgba(52,211,153,.06)),
    rgba(10,10,10,.72)!important;
}
.domain-preview strong{
  color:#fff!important;
}

.tutorial-modal{
  background:rgba(10,10,10,.72)!important;
  backdrop-filter:blur(18px);
}
.tutorial-panel{
  border:1px solid rgba(1,111,239,.30)!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.96),rgba(14,14,14,.98)),
    #131313!important;
  box-shadow:var(--test-shadow)!important;
}
.tutorial-slide-icon{
  background:linear-gradient(135deg,var(--test-cyan),var(--test-green))!important;
  color:#0d0d0d!important;
  box-shadow:0 18px 42px rgba(1,111,239,.16)!important;
}
.tutorial-dots button.active{
  background:var(--test-cyan)!important;
}

.inbox-item.unread{
  border-color:rgba(251,191,36,.38)!important;
  background:
    linear-gradient(90deg,rgba(251,191,36,.10),rgba(1,111,239,.04)),
    var(--test-panel)!important;
}
.inbox-item .primary{
  min-width:132px;
}
.copy-toast{
  border:1px solid rgba(1,111,239,.30)!important;
  border-radius:16px!important;
  background:rgba(12,12,12,.96)!important;
  color:#f5f7fa!important;
  box-shadow:0 22px 54px rgba(0,0,0,.40)!important;
}

.table-wrap,.cleanup-grid,.integrations-grid,.domain-rotation-grid{
  border-radius:18px!important;
}
.domain-rotation-card.suggested{
  border-color:rgba(52,211,153,.42)!important;
}
.domain-warning{
  border-color:rgba(251,191,36,.30)!important;
  background:rgba(251,191,36,.10)!important;
  color:#fde68a!important;
}

body[data-view="emails"] #emailsNav,
body[data-view="cloudflare"] #cloudflareNav,
body[data-view="bms"] #bmsNav,
body[data-view="phones"] #phonesNav{
  animation:testPulse 2.3s ease-in-out infinite;
}

@media(max-width:1100px){
  .staging-ribbon{
    top:auto;
    right:12px;
    bottom:12px;
    transform:none;
  }
  .workspace-head{
    margin-top:0;
  }
}
@media(max-width:760px){
  .workspace-head{
    border-radius:18px;
    padding:14px;
  }
  .sites-hero h2,.sms-hero-panel h2{
    font-size:32px!important;
  }
  .panel,.work-panel,.team-desk{
    border-radius:16px!important;
  }
}

/* Redesign v3 - staging rebuild */
body.redesign-v3{
  --r-bg:#0b0b0b;
  --r-ink:#f8f8f8;
  --r-text:#e3e3e3;
  --r-muted:#9b9b9b;
  --r-line:rgba(148,163,184,.16);
  --r-line-strong:rgba(1,111,239,.34);
  --r-panel:#171717;
  --r-panel-2:#1d1d1d;
  --r-panel-3:#252525;
  --r-accent:#016fef;
  --r-accent-2:#016fef;
  --r-warn:#f6c453;
  --r-danger:#fb7185;
  --r-radius:14px;
  --r-radius-lg:22px;
  --r-shadow:0 28px 80px rgba(0,0,0,.42);
  --r-shadow-soft:0 16px 44px rgba(0,0,0,.26);
  overflow-x:hidden;
  color:var(--r-text)!important;
  background:
    radial-gradient(circle at 72% -10%,rgba(1,111,239,.16),transparent 34%),
    radial-gradient(circle at -12% 18%,rgba(1,111,239,.12),transparent 30%),
    linear-gradient(135deg,#0c0c0c 0%,#121212 44%,#0b0b0b 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px;
  letter-spacing:0!important;
}
body.redesign-v3::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 82%);
}
body.redesign-v3 *{
  box-sizing:border-box;
}
body.redesign-v3 .staging-ribbon{
  top:14px;
  right:18px;
  transform:none;
  border:1px solid rgba(246,196,83,.36);
  border-radius:999px;
  color:#ffe8a3;
  background:rgba(48,35,11,.84);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}

body.redesign-v3 .auth-gate{
  position:fixed!important;
  inset:0!important;
  z-index:4000!important;
  display:grid;
  place-items:center;
  padding:28px;
  overflow:auto;
  background:
    radial-gradient(circle at 20% 20%,rgba(1,111,239,.18),transparent 32%),
    radial-gradient(circle at 78% 72%,rgba(1,111,239,.14),transparent 30%),
    linear-gradient(135deg,#0a0a0a,#171717 52%,#080808)!important;
}
body.redesign-v3 .auth-gate::before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(165,165,165,.12);
  border-radius:30px;
  pointer-events:none;
}
body.redesign-v3 .auth-card{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(320px,1fr);
  grid-auto-rows:min-content;
  gap:0;
  width:min(980px,calc(100vw - 48px));
  min-height:560px;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:30px!important;
  background:rgba(20,20,20,.92)!important;
  box-shadow:var(--r-shadow)!important;
}
body.redesign-v3 .auth-card::before{
  content:"";
  display:block;
  grid-column:1;
  grid-row:1 / span 8;
  min-height:100%;
  background:
    linear-gradient(160deg,rgba(1,111,239,.24),rgba(1,111,239,.12) 42%,rgba(246,196,83,.10)),
    url("data:image/svg+xml,%3Csvg width='480' height='560' viewBox='0 0 480 560' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,.16)' stroke-width='1'%3E%3Cpath d='M62 92h214M62 144h314M62 196h168M62 310h298M62 362h228M62 414h330'/%3E%3Crect x='62' y='250' width='112' height='112' rx='18'/%3E%3Crect x='204' y='250' width='174' height='112' rx='18'/%3E%3Ccircle cx='386' cy='96' r='32'/%3E%3C/g%3E%3C/svg%3E");
  background-position:center;
  background-size:cover;
}
body.redesign-v3 .auth-card>*{
  grid-column:2;
  margin-left:48px;
  margin-right:48px;
}
body.redesign-v3 .auth-brand{
  align-self:start;
  margin-top:64px;
  width:max-content;
  border:1px solid rgba(1,111,239,.28)!important;
  color:#8fc0ff!important;
  background:rgba(1,111,239,.10)!important;
}
body.redesign-v3 .auth-card h1{
  margin:34px 48px 8px!important;
  color:#fff!important;
  font-size:58px!important;
  line-height:.95!important;
}
body.redesign-v3 .auth-card p{
  margin-bottom:28px!important;
  color:var(--r-muted)!important;
}
body.redesign-v3 .auth-card label{
  color:#c4c4c4!important;
}
body.redesign-v3 .auth-card input{
  height:52px;
  border-radius:13px!important;
}
body.redesign-v3 .auth-card .primary{
  height:54px;
  margin-top:22px;
  margin-bottom:64px;
}
body.redesign-v3 .auth-gate:not(.hidden)+.shell{
  display:none!important;
}

body.redesign-v3 .shell{
  display:grid!important;
  grid-template-columns:288px minmax(0,1fr)!important;
  gap:24px;
  width:100%;
  max-width:100vw;
  min-height:100vh;
  padding:18px 22px 22px;
  background:transparent!important;
}
body.redesign-v3 .sidebar{
  position:sticky!important;
  top:18px;
  height:calc(100vh - 40px)!important;
  padding:18px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(22,22,22,.96),rgba(13,13,13,.96))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.30)!important;
}
body.redesign-v3 .brand-lockup{
  padding:14px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:18px!important;
  background:#1e1e1e!important;
}
body.redesign-v3 .brand-mark{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  color:#06251f!important;
  background:linear-gradient(135deg,var(--r-accent),#6ee7b7)!important;
}
body.redesign-v3 .brand-lockup strong{
  color:#fff!important;
  font-size:14px!important;
}
body.redesign-v3 .brand-lockup span{
  color:var(--r-muted)!important;
  font-size:12px!important;
}
body.redesign-v3 .mini-icon{
  width:22px;
  height:22px;
  min-height:22px;
  border-radius:7px!important;
}
body.redesign-v3 .nav{
  margin-top:22px;
  display:grid!important;
  gap:6px!important;
}
body.redesign-v3 .nav button{
  display:flex!important;
  align-items:center;
  min-height:44px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  color:#b6b6b6!important;
  background:transparent!important;
  font-weight:750!important;
  text-align:left!important;
}
body.redesign-v3 .nav button::before{
  content:"";
  flex:0 0 20px;
  width:20px!important;
  height:20px!important;
  margin-right:10px!important;
  border:1px solid rgba(165,165,165,.22);
  border-radius:7px!important;
  background:rgba(165,165,165,.06)!important;
  box-shadow:none!important;
}
body.redesign-v3 .nav button:hover{
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
  transform:none!important;
}
body.redesign-v3 .nav button.active{
  border-color:rgba(1,111,239,.34)!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(1,111,239,.16),rgba(1,111,239,.07))!important;
  box-shadow:inset 3px 0 0 var(--r-accent)!important;
}
body.redesign-v3 .nav button.active::before{
  border-color:rgba(1,111,239,.55);
  background:linear-gradient(135deg,var(--r-accent),var(--r-accent-2))!important;
}
body.redesign-v3 .logout{
  width:100%;
  margin-top:auto;
}

body.redesign-v3 .workspace{
  min-width:0;
  padding:0!important;
  background:transparent!important;
}
body.redesign-v3 .workspace-head{
  position:sticky;
  top:18px;
  z-index:50;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:96px;
  margin:0 0 20px!important;
  padding:18px 20px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:24px!important;
  background:rgba(20,20,20,.82)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v3 .workspace h1,
body.redesign-v3 #pageTitle{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,3.6vw,46px)!important;
  letter-spacing:-.03em!important;
}
body.redesign-v3 .eyebrow{
  margin:0 0 4px!important;
  color:var(--r-accent)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase;
}
body.redesign-v3 .head-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:10px!important;
  flex-wrap:wrap;
}
body.redesign-v3 .daily-summary{
  display:none!important;
}

body.redesign-v3 .primary,
body.redesign-v3 .secondary,
body.redesign-v3 .ghost,
body.redesign-v3 .notification-button,
body.redesign-v3 .compact{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
body.redesign-v3 .primary{
  border:0!important;
  color:#06251f!important;
  background:linear-gradient(135deg,var(--r-accent-2),var(--r-accent))!important;
  box-shadow:0 14px 34px rgba(1,111,239,.18)!important;
}
body.redesign-v3 .secondary{
  border:1px solid rgba(148,163,184,.16)!important;
  color:#efefef!important;
  background:#232323!important;
}
body.redesign-v3 .ghost,
body.redesign-v3 .notification-button{
  border:1px solid rgba(148,163,184,.16)!important;
  color:#e6e6e6!important;
  background:#1a1a1a!important;
}
body.redesign-v3 .primary:hover,
body.redesign-v3 .secondary:hover,
body.redesign-v3 .ghost:hover,
body.redesign-v3 .notification-button:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06);
}
body.redesign-v3 .notification-button span{
  margin-left:8px;
  color:#241400!important;
  background:var(--r-warn)!important;
}

body.redesign-v3 .view{
  animation:testFloatIn .22s ease both;
}
body.redesign-v3 .sites-cockpit,
body.redesign-v3 .view>.panel,
body.redesign-v3 .bm-metrics,
body.redesign-v3 .finance-metrics{
  max-width:1600px;
}
body.redesign-v3 .sites-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  min-height:190px;
  padding:28px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:26px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.16),rgba(1,111,239,.07) 45%,rgba(246,196,83,.08)),
    #1a1a1a!important;
  box-shadow:var(--r-shadow-soft)!important;
}
body.redesign-v3 .sites-hero h2{
  max-width:780px;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:clamp(34px,5vw,64px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
body.redesign-v3 .sites-hero p{
  max-width:640px;
  color:#bbbbbb!important;
  font-size:15px!important;
}
body.redesign-v3 .sites-hero-actions{
  align-self:end;
  display:flex!important;
  gap:10px;
}

body.redesign-v3 .ops-summary,
body.redesign-v3 .finance-metrics,
body.redesign-v3 .bm-metrics{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:14px!important;
  margin:18px 0!important;
}
body.redesign-v3 .ops-summary article,
body.redesign-v3 .metric-panel,
body.redesign-v3 .finance-metrics article{
  min-height:126px;
  padding:18px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:18px!important;
  background:#1b1b1b!important;
  box-shadow:none!important;
}
body.redesign-v3 .ops-summary article::before,
body.redesign-v3 .metric-panel::before,
body.redesign-v3 .finance-metrics article::before{
  content:"";
  display:block;
  width:34px;
  height:4px;
  margin-bottom:20px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--r-accent),var(--r-accent-2));
}
body.redesign-v3 .ops-summary strong,
body.redesign-v3 .metric-panel strong,
body.redesign-v3 .finance-metrics strong{
  color:#fff!important;
  font-size:30px!important;
  letter-spacing:-.04em!important;
}
body.redesign-v3 .ops-summary span,
body.redesign-v3 .metric-panel span,
body.redesign-v3 .finance-metrics span{
  color:#a9a9a9!important;
}

body.redesign-v3 .operations-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr)!important;
  gap:18px!important;
}
body.redesign-v3 .panel,
body.redesign-v3 .work-panel,
body.redesign-v3 .team-desk{
  padding:20px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:22px!important;
  background:#1a1a1a!important;
  box-shadow:var(--r-shadow-soft)!important;
}
body.redesign-v3 .panel-head,
body.redesign-v3 .work-panel-head,
body.redesign-v3 .team-desk-head{
  padding-bottom:14px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(165,165,165,.12);
}
body.redesign-v3 .panel-head h2,
body.redesign-v3 .work-panel-head h2,
body.redesign-v3 .team-desk h2{
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:-.02em!important;
}
body.redesign-v3 .panel-head p,
body.redesign-v3 .work-panel-head p,
body.redesign-v3 .team-desk p{
  color:var(--r-muted)!important;
}

body.redesign-v3 .work-list,
body.redesign-v3 .published-list,
body.redesign-v3 .inbox-list,
body.redesign-v3 .users-list,
body.redesign-v3 .finance-list,
body.redesign-v3 .production-grid,
body.redesign-v3 .integrations-grid,
body.redesign-v3 .domain-rotation-grid{
  display:grid!important;
  gap:10px!important;
}
body.redesign-v3 .work-item,
body.redesign-v3 .published-item,
body.redesign-v3 .inbox-item,
body.redesign-v3 .user-row,
body.redesign-v3 .finance-row,
body.redesign-v3 .production-row,
body.redesign-v3 .integration-card,
body.redesign-v3 .domain-rotation-card,
body.redesign-v3 .bm-task-card,
body.redesign-v3 .bm-item-row{
  border:1px solid rgba(165,165,165,.12)!important;
  border-radius:14px!important;
  background:#151515!important;
  box-shadow:none!important;
}
body.redesign-v3 .work-item:hover,
body.redesign-v3 .published-item:hover,
body.redesign-v3 .inbox-item:hover,
body.redesign-v3 .bm-task-card:hover{
  border-color:rgba(1,111,239,.30)!important;
  background:#1e1e1e!important;
}
body.redesign-v3 .empty-state{
  min-height:130px;
  border:1px dashed rgba(165,165,165,.22)!important;
  border-radius:16px!important;
  color:#9b9b9b!important;
  background:#131313!important;
}

body.redesign-v3 label{
  color:#bbbbbb!important;
  font-weight:750!important;
}
body.redesign-v3 input,
body.redesign-v3 select,
body.redesign-v3 textarea{
  min-height:46px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:12px!important;
  color:#fafafa!important;
  background:#101010!important;
  box-shadow:none!important;
}
body.redesign-v3 textarea{
  min-height:110px;
}
body.redesign-v3 input:focus,
body.redesign-v3 select:focus,
body.redesign-v3 textarea:focus{
  border-color:rgba(1,111,239,.62)!important;
  box-shadow:0 0 0 4px rgba(1,111,239,.10)!important;
}

body.redesign-v3 .drawer{
  padding:22px!important;
  background:rgba(7,7,7,.74)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v3 .drawer-panel{
  width:min(1180px,calc(100vw - 44px))!important;
  max-height:calc(100vh - 44px)!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:28px!important;
  background:#161616!important;
  box-shadow:var(--r-shadow)!important;
}
body.redesign-v3 .drawer-head,
body.redesign-v3 .steps,
body.redesign-v3 .drawer-actions{
  background:#191919!important;
  border-color:rgba(165,165,165,.12)!important;
}
body.redesign-v3 .drawer-head h2{
  color:#fff!important;
  font-size:34px!important;
}
body.redesign-v3 .steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.redesign-v3 .steps li{
  min-height:46px!important;
  border:1px solid rgba(165,165,165,.14)!important;
  border-radius:12px!important;
  background:#131313!important;
}
body.redesign-v3 .steps li.active{
  border-color:rgba(1,111,239,.44)!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(1,111,239,.14),rgba(1,111,239,.08))!important;
  animation:none!important;
}
body.redesign-v3 #companyForm{
  padding:18px 22px!important;
}
body.redesign-v3 .step-pane.active{
  animation:testFloatIn .20s ease both;
}
body.redesign-v3 .step-intro{
  border:1px solid rgba(165,165,165,.12)!important;
  border-radius:18px!important;
  background:#1a1a1a!important;
}
body.redesign-v3 .domain-preview,
body.redesign-v3 .meta-verification-box{
  border:1px solid rgba(1,111,239,.24)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(1,111,239,.10),rgba(1,111,239,.05)),#131313!important;
}

body.redesign-v3 .tutorial-modal{
  background:rgba(7,7,7,.72)!important;
  backdrop-filter:blur(18px);
}
body.redesign-v3 .tutorial-panel{
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:26px!important;
  background:#1a1a1a!important;
  box-shadow:var(--r-shadow)!important;
}
body.redesign-v3 .tutorial-slide-icon{
  color:#181818!important;
  background:linear-gradient(135deg,var(--r-accent-2),var(--r-accent))!important;
}

body.redesign-v3 .status-pill,
body.redesign-v3 .status-chip,
body.redesign-v3 .count-badge{
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:999px!important;
  background:#141d2d!important;
  color:#dbe5f2!important;
}
body.redesign-v3 .status-chip.published,
body.redesign-v3 .status-chip.done,
body.redesign-v3 .status-pill.connected{
  color:#bdf8dd!important;
  background:rgba(1,111,239,.10)!important;
  border-color:rgba(1,111,239,.30)!important;
}
body.redesign-v3 .status-chip.failed{
  color:#fecdd3!important;
  background:rgba(251,113,133,.10)!important;
  border-color:rgba(251,113,133,.30)!important;
}
body.redesign-v3 .inbox-item.unread{
  border-color:rgba(246,196,83,.34)!important;
  background:linear-gradient(90deg,rgba(246,196,83,.08),rgba(1,111,239,.04)),#151515!important;
}
body.redesign-v3 .copy-toast{
  border:1px solid rgba(1,111,239,.32)!important;
  border-radius:14px!important;
  background:#1a1a1a!important;
  color:#f5f7fa!important;
  box-shadow:var(--r-shadow-soft)!important;
}
body.redesign-v3 .table-wrap,
body.redesign-v3 table{
  border-radius:16px!important;
  overflow:hidden;
}
body.redesign-v3 th{
  background:#1b1b1b!important;
  color:#bbbbbb!important;
}
body.redesign-v3 td{
  border-color:rgba(165,165,165,.10)!important;
}

@media(max-width:1180px){
  body.redesign-v3 .shell{
    display:block!important;
    grid-template-columns:none!important;
    padding:12px;
    overflow-x:hidden;
  }
  body.redesign-v3 .sidebar{
    position:relative!important;
    top:0;
    height:auto!important;
    padding:12px!important;
  }
  body.redesign-v3 .brand-lockup{
    margin-bottom:10px;
  }
  body.redesign-v3 .nav{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto;
    padding-bottom:4px;
  }
  body.redesign-v3 .nav button{
    flex:0 0 auto;
    min-width:150px;
  }
  body.redesign-v3 .logout{
    display:none!important;
  }
  body.redesign-v3 .workspace-head{
    position:relative;
    top:0;
  }
  body.redesign-v3 .operations-layout{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:780px){
  body.redesign-v3 .staging-ribbon{
    display:none;
  }
  body.redesign-v3 .auth-card{
    grid-template-columns:1fr;
    width:min(420px,calc(100vw - 28px));
    min-height:auto;
  }
  body.redesign-v3 .auth-card::before{
    min-height:150px;
    grid-column:1;
    grid-row:auto;
  }
  body.redesign-v3 .auth-card>*,
  body.redesign-v3 .auth-card h1{
    grid-column:1;
    margin-left:24px!important;
    margin-right:24px!important;
  }
  body.redesign-v3 .auth-brand{
    margin-top:24px!important;
  }
  body.redesign-v3 .auth-card .primary{
    margin-bottom:24px;
  }
  body.redesign-v3 .workspace-head{
    display:grid!important;
    gap:14px;
  }
  body.redesign-v3 .head-actions{
    justify-content:stretch;
  }
  body.redesign-v3 .head-actions>button,
  body.redesign-v3 .notification-button{
    flex:1 1 150px!important;
  }
  body.redesign-v3 .sites-hero{
    grid-template-columns:1fr;
    padding:20px!important;
  }
  body.redesign-v3 .sites-hero-actions{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr;
  }
  body.redesign-v3 .drawer{
    padding:0!important;
  }
  body.redesign-v3 .drawer-panel{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border-radius:0!important;
  }
  body.redesign-v3 .steps{
    grid-template-columns:1fr!important;
  }
  body.redesign-v3 #companyForm{
    padding:14px!important;
  }
}

.tutorial-modal{
  position:fixed;
  inset:0;
  z-index:180;
  display:none;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(10px);
}

.tutorial-modal.active{
  display:grid;
}

.tutorial-panel{
  position:relative;
  width:min(560px,100%);
  display:grid;
  gap:14px;
  padding:28px;
  border:1px solid rgba(1,111,239,.42);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(1,111,239,.20),rgba(1,111,239,.08)),
    #131313;
  box-shadow:0 30px 90px rgba(0,0,0,.55);
}

.tutorial-close{
  position:absolute;
  top:14px;
  right:14px;
}

.tutorial-slide-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.08);
  font-size:30px;
}

.tutorial-panel h2{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1.08;
}

.tutorial-panel p{
  margin:0;
  color:var(--muted);
  font-size:16px;
}

.tutorial-dots{
  display:flex;
  gap:8px;
  margin-top:4px;
}

.tutorial-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.tutorial-dots button.active{
  width:26px;
  background:#016fef;
}

.tutorial-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}

@media(max-width:640px){
  .tutorial-modal{
    padding:12px;
  }
  .tutorial-panel{
    padding:22px;
  }
  .tutorial-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}

/* Cloudflare cleanup admin polish */
.cloudflare-cleanup-panel{
  border-color:rgba(1,111,239,.22);
}

.cloudflare-cleanup-panel .panel-head{
  border-bottom-color:rgba(1,111,239,.16);
}

.domain-rotation-panel{
  display:grid;
  gap:16px;
  border-color:rgba(71,240,154,.22);
}
.domain-rotation-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.domain-rotation-summary article{
  min-height:82px;
  display:grid;
  align-content:center;
  gap:6px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.domain-rotation-summary span{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.domain-rotation-summary strong{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:24px;
  color:var(--text);
}
.domain-rotation-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
}
.domain-health-notice{
  display:grid;
  gap:6px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:rgba(255,255,255,.045);
}
.domain-health-notice.hidden{
  display:none;
}
.domain-health-notice strong{
  color:var(--text);
  font-size:16px;
}
.domain-health-notice span{
  color:var(--muted);
  line-height:1.45;
}
.domain-health-notice.warning{
  border-color:rgba(255,209,102,.34);
  background:rgba(255,209,102,.10);
}
.domain-health-notice.warning strong{
  color:#ffe7a3;
}
.domain-health-notice.healthy{
  border-color:rgba(71,240,154,.26);
  background:rgba(71,240,154,.08);
}
.domain-rotation-card{
  display:grid;
  gap:13px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
}
.domain-rotation-card.suggested{
  border-color:rgba(71,240,154,.42);
  box-shadow:0 0 0 1px rgba(71,240,154,.10);
}
.domain-rotation-card.paused{
  opacity:.78;
}
.domain-rotation-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.domain-rotation-head strong{
  display:block;
  overflow-wrap:anywhere;
  line-height:1.25;
}
.domain-rotation-head span,
.domain-rotation-card small{
  color:var(--muted);
  font-size:12px;
}
.domain-test-badge{
  min-height:30px;
  border:1px solid rgba(255,209,102,.36);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,209,102,.15);
  color:#ffe7a3;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.domain-warning{
  padding:10px 12px;
  border:1px solid rgba(255,209,102,.24);
  border-radius:12px;
  background:rgba(255,209,102,.10);
  color:#ffe7a3;
  font-size:13px;
  font-weight:800;
}
.domain-capacity{
  display:grid;
  gap:8px;
}
.domain-capacity>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.domain-capacity strong{
  color:var(--text);
  font-size:14px;
}
.domain-capacity em{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.09);
}
.domain-capacity i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#47f09a,#ffd166);
}
.domain-rotation-card.at-limit .domain-capacity i{
  background:#ffd166;
}
.domain-rotation-card.over-limit .domain-capacity i{
  background:#ff617a;
}
.domain-rotation-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.domain-rotation-metrics span{
  display:grid;
  gap:4px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  color:var(--muted);
  font-size:12px;
}
.domain-rotation-metrics b{
  color:var(--text);
  font-size:18px;
}

.cleanup-toolbar{
  grid-template-columns:minmax(240px,1.2fr) repeat(4,minmax(150px,auto));
  align-items:end;
}

.cleanup-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:14px 0;
}

.cleanup-summary span,
.cleanup-summary strong{
  display:grid;
  min-height:44px;
  align-content:center;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.045);
}

.cleanup-summary span{
  color:#e0e0e0;
  font-weight:900;
}

.cleanup-summary strong{
  grid-column:1/-1;
  border-color:rgba(255,209,102,.25);
  background:rgba(255,209,102,.08);
  color:#ffe6a6;
}

.cleanup-recommendation{
  display:grid;
  gap:5px;
  padding:14px;
  border:1px solid rgba(255,209,102,.34);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,209,102,.12),rgba(1,111,239,.07));
}

.cleanup-recommendation strong{
  color:#fff2bd;
}

.cleanup-recommendation span{
  color:#e0e0e0;
}

.cleanup-grid{
  display:grid;
  gap:16px;
}

.cleanup-group{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.026);
}

.cleanup-group-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}

.cleanup-group-head strong,
.cleanup-group-head span{
  display:block;
}

.cleanup-group-head strong{
  color:#fff;
  font-size:17px;
}

.cleanup-group-head span{
  margin-top:3px;
  color:#cecece;
  font-size:13px;
}

.cleanup-group-head b{
  min-width:38px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(1,111,239,.30);
  background:rgba(1,111,239,.10);
  color:#f5f7fa;
}

.cleanup-group-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
  gap:12px;
}

.cleanup-card{
  position:relative;
  grid-template-columns:18px minmax(0,1fr);
  align-items:flex-start;
  gap:12px;
  min-height:124px;
  padding:14px;
  border-color:rgba(245,247,250,.15);
}

.cleanup-card-old{
  border-color:rgba(255,209,102,.42);
  background:
    linear-gradient(145deg,rgba(255,209,102,.10),rgba(1,111,239,.045)),
    rgba(23,23,23,.78);
}

.cleanup-card input{
  margin-top:4px;
  accent-color:var(--yellow);
}

.cleanup-card-body{
  display:grid;
  gap:6px;
  min-width:0;
}

.cleanup-card-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}

.cleanup-card-title strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.cleanup-card-title .status-pill{
  flex:0 0 auto;
}

.cleanup-card small{
  overflow-wrap:anywhere;
}

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

  .cleanup-toolbar label{
    grid-column:1/-1;
  }
}

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

  .cleanup-card-title{
    display:grid;
  }
}

/* BM control */
.bm-metrics,
.bm-payment-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin-bottom:16px;
}

.bm-form{
  display:grid;
  grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) minmax(130px,.55fr) auto;
  gap:14px;
  align-items:end;
}

.bm-notes-field{
  grid-column:1/-1;
}

.bm-list{
  display:grid;
  gap:14px;
}

.bm-card,
.bm-payment-summary article{
  border:1px solid rgba(245,247,250,.15);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    rgba(23,23,23,.82);
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}

.bm-card{
  display:grid;
  padding:16px;
}

.bm-card-head,
.bm-card-foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.bm-card-head{
  align-items:center;
  cursor:pointer;
  list-style:none;
}

.bm-card-head::-webkit-details-marker,
.bm-item-top::-webkit-details-marker{
  display:none;
}

.bm-card-head::after,
.bm-item-top::after{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-right:2px solid rgba(245,247,250,.72);
  border-bottom:2px solid rgba(245,247,250,.72);
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.bm-card[open] .bm-card-head::after,
.bm-item[open] .bm-item-top::after{
  transform:rotate(225deg);
}

.bm-card-body{
  display:grid;
  gap:14px;
  margin-top:14px;
}

.bm-card-title,
.bm-item-title{
  display:grid;
  gap:3px;
  min-width:0;
}

.bm-card-summary{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  margin-left:auto;
}

.bm-card-summary > span:not(.status-chip){
  padding:6px 9px;
  border:1px solid rgba(245,247,250,.13);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.bm-card-summary .bm-mini-count{
  color:#fff;
}

.bm-card-head strong,
.bm-card-head span,
.bm-card-foot span{
  display:block;
  min-width:0;
}

.bm-card-head strong{
  color:#fff;
  overflow-wrap:anywhere;
}

.bm-card-head span,
.bm-card-foot span{
  color:var(--muted);
}

.bm-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}

.bm-card textarea{
  min-height:78px;
}

.bm-items{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.028);
}

.bm-items-head,
.bm-item-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.bm-items-head strong,
.bm-item-top strong{
  color:#fff;
}

.bm-item{
  display:grid;
  padding:13px;
  border:1px solid rgba(245,247,250,.14);
  border-radius:13px;
  background:rgba(12,12,12,.62);
}

.bm-item[open]{
  gap:12px;
}

.bm-item-review{
  border-color:rgba(255,209,102,.42);
  background:linear-gradient(145deg,rgba(255,209,102,.10),rgba(1,111,239,.045)),rgba(12,12,12,.72);
}

.bm-item-top{
  cursor:pointer;
  list-style:none;
}

.bm-item-title span{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.bm-timer{
  padding:10px 12px;
  border:1px solid rgba(1,111,239,.22);
  border-radius:12px;
  background:rgba(1,111,239,.08);
  color:#f5f7fa;
  font-weight:900;
}

.bm-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}

.bm-payment-summary article{
  display:grid;
  gap:5px;
  padding:14px;
}

.bm-payment-summary span,
.bm-payment-summary small{
  color:var(--muted);
}

.bm-payment-summary strong{
  color:#fff2bd;
  font-size:22px;
}

.bm-report-panel{
  display:grid;
  gap:12px;
  margin-bottom:14px;
}

.bm-report-empty,
.bm-report-head,
.bm-report-day,
.bm-verified-list{
  border:1px solid rgba(245,247,250,.14);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}

.bm-report-empty,
.bm-report-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:14px;
}

.bm-report-head strong,
.bm-report-empty strong{
  display:block;
  color:#fff;
}

.bm-report-head span,
.bm-report-empty span{
  color:var(--muted);
}

.bm-report-days{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:12px;
}

.bm-report-day{
  display:grid;
  gap:12px;
  padding:14px;
}

.bm-report-day header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.bm-report-day header strong,
.bm-report-day header b{
  display:block;
  color:#fff;
}

.bm-report-day header span,
.bm-report-day header small{
  color:var(--muted);
}

.bm-report-users{
  display:grid;
  gap:8px;
}

.bm-report-users div{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto auto auto;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border-radius:10px;
  background:rgba(0,0,0,.20);
}

.bm-report-users span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
}

.bm-report-users strong,
.bm-report-users b{
  color:#fff;
  white-space:nowrap;
}

.bm-report-users small{
  color:var(--muted);
  white-space:nowrap;
}

.bm-verified-list{
  padding:12px 14px;
}

.bm-verified-list summary{
  cursor:pointer;
  color:#fff;
  font-weight:900;
}

.bm-verified-list>div{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.bm-verified-list article{
  display:grid;
  grid-template-columns:150px minmax(120px,.8fr) minmax(180px,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:10px;
  background:rgba(0,0,0,.18);
}

.bm-verified-list span,
.bm-verified-list small{
  color:var(--muted);
}

.bm-verified-list strong,
.bm-verified-list b{
  color:#fff;
}

@media(max-width:760px){
  .bm-report-users div,
  .bm-verified-list article{
    grid-template-columns:1fr;
  }
}

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

  .bm-form button{
    grid-column:1/-1;
  }
}

@media(max-width:720px){
  .bm-form,
  .bm-card-head,
  .bm-card-foot,
  .bm-item-top{
    display:grid;
    grid-template-columns:1fr;
  }

  .bm-card-summary{
    justify-content:flex-start;
    margin-left:0;
  }
}

/* Codex UX polish: keeps the current palette, but makes the interface calmer and more responsive. */
:root{
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 18px 50px rgba(0,0,0,.30);
  --surface:rgba(23,23,23,.84);
  --surface-soft:rgba(255,255,255,.045);
  --field-border:rgba(245,247,250,.18);
}

html{
  scrollbar-color:rgba(1,111,239,.65) rgba(11,11,11,.65);
}

body{
  line-height:1.45;
}

body::after{
  opacity:.62;
  filter:blur(86px);
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-track{
  background:rgba(11,11,11,.72);
}

::-webkit-scrollbar-thumb{
  border:2px solid rgba(11,11,11,.72);
  border-radius:999px;
  background:linear-gradient(180deg,var(--violet),var(--cyan));
}

.shell{
  grid-template-columns:260px minmax(0,1fr);
}

.sidebar{
  gap:18px;
  padding:18px 14px;
}

.brand-lockup{
  padding:8px 6px 16px;
}

.nav{
  gap:6px;
}

.nav button{
  min-height:42px;
  border-radius:12px;
  padding:10px 13px;
}

.workspace{
  padding:24px clamp(16px,2.6vw,34px) 42px;
}

.workspace-head{
  gap:14px;
  margin:-24px 0 16px;
  padding:16px 0 18px;
}

.workspace h1{
  font-size:clamp(25px,2.5vw,34px);
}

.panel,
.metric-panel,
.work-panel,
.team-desk,
.ops-summary article,
.work-item,
.published-item,
.project-card,
.member-row,
.user-row,
.finance-row,
.inbox-item,
.production-row,
.goal-row,
.integration-card,
.sms-activation-card,
.sms-system-card,
.cleanup-card{
  border-color:rgba(245,247,250,.14);
  background:
    linear-gradient(145deg,rgba(255,255,255,.072),rgba(255,255,255,.024)),
    var(--surface);
}

.panel{
  padding:20px;
  margin-bottom:16px;
}

.panel-head{
  align-items:flex-start;
  gap:14px;
  padding-bottom:14px;
  margin-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.085);
}

.panel-head h2,
.work-panel-head h2,
.team-desk h2{
  font-size:clamp(18px,1.5vw,22px);
  line-height:1.18;
}

.panel-head p,
.work-panel-head p,
.team-desk p{
  max-width:760px;
  color:#d0d0d0;
}

.primary,
.secondary,
.ghost,
.notification-button{
  min-height:42px;
  border-radius:12px;
  padding:10px 14px;
  white-space:normal;
}

.primary:hover,
.secondary:hover,
.ghost:hover,
.notification-button:hover{
  transform:translateY(-1px);
}

label{
  gap:7px;
  min-width:0;
  color:#d3d3d3;
}

input,
textarea,
select{
  min-height:44px;
  border-color:var(--field-border);
  border-radius:12px;
  padding:11px 12px;
  background:linear-gradient(180deg,rgba(12,12,12,.86),rgba(16,16,16,.76));
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset;
}

input::placeholder,
textarea::placeholder{
  color:rgba(224,224,224,.48);
}

input:hover,
textarea:hover,
select:hover{
  border-color:rgba(1,111,239,.34);
  background:rgba(15,15,15,.90);
}

input:focus,
textarea:focus,
select:focus{
  border-color:rgba(1,111,239,.78);
  box-shadow:0 0 0 3px rgba(1,111,239,.14),0 0 26px rgba(1,111,239,.14);
}

input[type="checkbox"],
input[type="radio"]{
  min-height:auto;
  box-shadow:none;
}

.form-status{
  min-height:18px;
  color:#dddddd;
}

.empty-state{
  border:1px dashed rgba(245,247,250,.22);
  border-radius:14px;
  padding:18px;
  background:rgba(255,255,255,.035);
  color:#d6d6d6;
}

.sites-hero,
.sms-hero-panel{
  border-radius:20px;
  box-shadow:0 18px 54px rgba(0,0,0,.28);
}

.sites-hero{
  min-height:210px;
  padding:26px;
}

.sites-hero h2{
  font-size:clamp(28px,3.4vw,44px);
}

.ops-summary{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
}

.ops-summary article,
.metric-panel{
  border-radius:16px;
  padding:16px;
}

.ops-summary strong,
.metric-panel strong{
  font-size:clamp(25px,2.5vw,32px);
}

.operations-layout{
  grid-template-columns:minmax(300px,.92fr) minmax(420px,1.08fr);
  gap:16px;
}

.work-panel,
.team-desk{
  padding:16px;
}

.work-item,
.published-item,
.project-card,
.member-row,
.user-row,
.finance-row,
.inbox-item,
.production-row,
.goal-row{
  border-radius:14px;
}

.work-actions,
.verification-actions,
.sms-actions{
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
}

.settings-grid,
.finance-form,
.user-form,
.inline-create,
.member-form,
.integration-form,
.phone-integration-form,
.sms-number-form{
  gap:14px;
}

.settings-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

.integration-form,
.phone-integration-form{
  grid-template-columns:repeat(3,minmax(190px,1fr)) minmax(160px,auto);
}

.sms-number-form{
  grid-template-columns:minmax(190px,1fr) minmax(170px,1fr) minmax(150px,.8fr) minmax(86px,.45fr) minmax(120px,.55fr) minmax(150px,auto);
}

.finance-form{
  grid-template-columns:minmax(120px,.55fr) minmax(220px,1.2fr) repeat(3,minmax(130px,.65fr)) minmax(150px,auto);
}

.integration-card{
  position:relative;
  gap:14px;
  overflow:hidden;
  border-radius:16px;
}

.integration-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));
  opacity:.75;
}

.integration-card-head{
  align-items:center;
}

.integration-domain,
.cloudflare-link-card,
.sms-user-picker,
.sms-user-access,
.sms-system-details div,
.sms-system-note,
.site-note{
  border-radius:12px;
  background:var(--surface-soft);
}

.integrations-grid,
.sms-systems-grid,
.cleanup-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
}

.cleanup-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) repeat(3,minmax(150px,auto));
  gap:10px;
  align-items:end;
}

.cleanup-summary{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}

.table-wrap{
  border-radius:14px;
}

.table th,
.table td{
  padding:12px 10px;
}

.drawer-panel{
  border-radius:20px;
}

#createDrawer input,
#createDrawer textarea,
#createDrawer select{
  border-color:var(--field-border);
  border-radius:12px;
}

#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  border-radius:14px;
}

.sms-floating-widget{
  border-radius:16px;
}

@media(max-width:1240px){
  .shell{
    grid-template-columns:232px minmax(0,1fr);
  }

  .operations-layout,
  .projects-layout{
    grid-template-columns:1fr;
  }

  .integration-form,
  .phone-integration-form,
  .sms-number-form,
  .finance-form,
  .production-row,
  .user-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .integration-form button,
  .phone-integration-form button,
  .sms-number-form button,
  .finance-form button{
    grid-column:1/-1;
  }
}

@media(max-width:900px){
  body{
    background:
      radial-gradient(circle at 20% 0%,rgba(1,111,239,.24),transparent 20rem),
      linear-gradient(145deg,#0c0c0c 0%,#171717 52%,#0b0b0b 100%);
  }

  .sidebar{
    position:sticky;
    top:0;
    z-index:30;
    gap:12px;
    background:rgba(16,16,16,.94);
  }

  .brand-lockup{
    border-bottom:0;
    padding-bottom:4px;
  }

  .nav{
    margin:0 -16px;
    padding:2px 16px 8px;
    scroll-snap-type:x proximity;
  }

  .nav button{
    scroll-snap-align:start;
  }

  .logout{
    width:100%;
  }

  .workspace{
    padding:16px;
  }

  .workspace-head{
    gap:12px;
  }

  .head-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }

  .head-actions>button,
  .notification-button{
    width:100%;
    flex:auto;
  }

  .daily-summary{
    grid-column:1/-1;
  }

  .sites-hero{
    padding:22px;
  }

  .panel,
  .work-panel,
  .team-desk{
    padding:16px;
  }

  .panel-head{
    display:grid;
  }

  .settings-grid,
  .finance-form,
  .user-form,
  .inline-create,
  .member-form,
  .member-row,
  .user-row,
  .finance-row,
  .production-row,
  .goal-row,
  .inbox-item,
  .staff-bar,
  .integration-form,
  .phone-integration-form,
  .sms-number-form,
  .sms-activation-card,
  .cleanup-toolbar{
    grid-template-columns:1fr!important;
  }

  .cleanup-toolbar button,
  .settings-actions button,
  .drawer-actions button{
    width:100%;
  }

  .integration-card-head,
  .work-item-main,
  .published-main,
  .publish-success{
    display:grid;
  }
}

@media(max-width:560px){
  .workspace{
    padding:12px;
  }

  .workspace h1{
    font-size:25px;
  }

  .head-actions{
    grid-template-columns:1fr;
  }

  .sites-hero,
  .sms-hero-panel,
  .panel,
  .work-panel,
  .team-desk,
  .ops-summary article,
  .metric-panel{
    border-radius:14px;
  }

  .sites-hero h2,
  .sms-hero-panel h2{
    font-size:27px;
  }

  .panel{
    padding:14px;
  }

  .primary,
  .secondary,
  .ghost,
  .notification-button{
    min-height:44px;
  }

  .sms-floating-actions{
    grid-template-columns:1fr;
  }
}

/* SMS admin user access layout */
.sms-user-picker,
.sms-user-access{
  overflow:hidden;
}
.sms-user-picker>div,
.sms-user-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
  align-items:stretch;
}
.user-check{
  min-width:0;
  width:100%;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.user-check input{
  width:14px!important;
  min-width:14px;
  height:14px;
  margin:0;
}
.user-check span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
.phone-integration-form .sms-user-picker{
  grid-column:1/-1;
}
.phone-integration-form button[type="submit"]{
  min-width:220px;
}
@media(max-width:640px){
  .sms-user-picker>div,
  .sms-user-grid{
    grid-template-columns:1fr!important;
  }
  .phone-integration-form button[type="submit"]{
    width:100%;
  }
}

/* Last rule on purpose: SMS widget stays over the create screen. */
body:has(#createDrawer.active) .sms-floating-widget.active{
  display:grid!important;
  position:fixed!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483647!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:min(260px,calc(100dvh - 112px))!important;
  pointer-events:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active:not(.positioned){
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active.positioned[style]{
  left:var(--sms-left,18px)!important;
  top:var(--sms-top,auto)!important;
  right:auto!important;
  bottom:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active .sms-floating-list{
  max-height:170px!important;
}
@media(max-width:720px){
  body:has(#createDrawer.active) .sms-floating-widget.active{
    display:grid!important;
    left:10px!important;
    right:auto!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-height:210px!important;
  }
}

/* Final safety: active SMS must stay visible over the create screen. */
body:has(#createDrawer.active) .sms-floating-widget.active{
  display:grid!important;
  position:fixed!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483647!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:min(260px,calc(100dvh - 112px))!important;
  pointer-events:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active:not(.positioned){
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active.positioned[style]{
  left:var(--sms-left,18px)!important;
  top:var(--sms-top,auto)!important;
  right:auto!important;
  bottom:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active .sms-floating-list{
  max-height:170px!important;
}
@media(max-width:720px){
  body:has(#createDrawer.active) .sms-floating-widget.active{
    display:grid!important;
    left:10px!important;
    right:auto!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-height:210px!important;
  }
}

/* Keep the active SMS assistant visible inside the full-screen create flow. */
body:has(#createDrawer.active) .sms-floating-widget.active{
  display:grid!important;
  position:fixed!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483647!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:min(260px,calc(100dvh - 112px))!important;
  pointer-events:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active:not(.positioned){
  left:18px!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active.positioned[style]{
  left:var(--sms-left,18px)!important;
  top:var(--sms-top,auto)!important;
  right:auto!important;
  bottom:auto!important;
}
body:has(#createDrawer.active) .sms-floating-widget.active .sms-floating-list{
  max-height:170px!important;
}
@media(max-width:720px){
  body:has(#createDrawer.active) .sms-floating-widget.active{
    display:grid!important;
    left:10px!important;
    right:auto!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-height:210px!important;
  }
}

/* 3D SMS floating widget */
@keyframes smsWidgetFloat{
  from{transform:translateY(0) rotateX(0deg)}
  to{transform:translateY(-6px) rotateX(2deg)}
}
@keyframes smsPulseRing{
  0%{transform:scale(.85);opacity:.65}
  70%{transform:scale(1.9);opacity:0}
  100%{transform:scale(1.9);opacity:0}
}
@keyframes smsAurora{
  from{transform:translate3d(-8%,0,0) rotate(0deg)}
  to{transform:translate3d(8%,-4%,0) rotate(8deg)}
}
.sms-floating-widget{
  width:min(430px,calc(100vw - 32px));
  padding:1px;
  border:1px solid rgba(1,111,239,.35)!important;
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(1,111,239,.95),rgba(1,111,239,.65) 36%,rgba(255,209,102,.72) 72%,rgba(255,255,255,.28));
  box-shadow:
    0 30px 90px rgba(0,0,0,.52),
    0 18px 45px rgba(1,111,239,.18),
    0 0 0 1px rgba(255,255,255,.10) inset;
  perspective:900px;
  animation:smsWidgetFloat 3.6s ease-in-out infinite alternate;
}
.sms-floating-widget::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:23px;
  background:
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.24),transparent 9rem),
    radial-gradient(circle at 92% 8%,rgba(1,111,239,.26),transparent 11rem),
    linear-gradient(145deg,rgba(18,18,18,.96),rgba(24,24,24,.98) 55%,rgba(12,12,12,.98));
}
.sms-floating-widget::after{
  content:"";
  position:absolute;
  inset:-18% -8% auto;
  height:120px;
  z-index:-2;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(1,111,239,.30),rgba(255,209,102,.24),rgba(1,111,239,.22));
  filter:blur(28px);
  animation:smsAurora 5s ease-in-out infinite alternate;
}
.sms-floating-widget.active{
  gap:10px;
}
.sms-floating-head{
  padding:14px 16px 2px;
}
.sms-floating-head strong{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:16px;
}
.sms-floating-head span{
  color:#8fc0ff;
}
.sms-live-dot{
  position:relative;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#7cffd4;
  box-shadow:0 0 18px rgba(124,255,212,.85);
}
.sms-live-dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(124,255,212,.75);
  animation:smsPulseRing 1.6s ease-out infinite;
}
.sms-floating-list{
  padding:0 12px 12px;
  max-height:50vh;
}
.sms-floating-card{
  position:relative;
  grid-template-columns:54px minmax(0,1fr);
  align-items:center;
  padding:14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:19px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04)),
    rgba(14,14,14,.78);
  box-shadow:
    0 16px 36px rgba(0,0,0,.34),
    0 1px 0 rgba(255,255,255,.12) inset;
}
.sms-phone-orb{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#121212;
  background:
    radial-gradient(circle at 30% 22%,#ffffff 0 12%,transparent 13%),
    linear-gradient(135deg,#8fc0ff,#016fef 58%,#ffd166);
  box-shadow:0 14px 34px rgba(1,111,239,.28),0 0 0 1px rgba(255,255,255,.22) inset;
  font-weight:950;
}
.sms-floating-card strong{
  color:#fff;
  font-size:18px;
}
.sms-floating-card span{
  color:#8fc0ff;
}
.sms-floating-card em{
  color:#fff8d6;
  text-shadow:0 0 16px rgba(255,209,102,.22);
}
.sms-floating-actions{
  grid-column:1/-1;
}
.sms-floating-actions button{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
}
.sms-floating-actions .secondary{
  background:linear-gradient(135deg,rgba(1,111,239,.32),rgba(1,111,239,.32));
}
body:has(#createDrawer.active) .sms-floating-widget.active:not(.positioned){
  width:min(430px,calc(100vw - 48px));
}

/* User profile polish */
.brand-mark{
  border:0;
  padding:0;
  overflow:hidden;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.brand-mark span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}
.brand-lockup strong{
  display:flex;
  align-items:center;
  gap:7px;
}
.mini-icon{
  width:24px;
  height:24px;
  min-height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.user-form{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
}
.user-row{
  grid-template-columns:minmax(170px,.8fr) minmax(260px,1fr) minmax(260px,420px) auto;
}
.user-name-edit{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto;
  gap:10px;
  align-items:center;
}
.user-name-edit input,
.user-password-reset input{
  min-width:0;
}
@media(max-width:1100px){
  .user-row,
  .user-form{
    grid-template-columns:1fr;
  }
  .user-name-edit,
  .user-password-reset{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .sms-floating-widget{left:10px;bottom:10px;width:calc(100vw - 20px)}
  .sms-floating-actions{grid-template-columns:1fr}
  .panel{padding:16px;border-radius:20px}
  .auth-card{padding:26px;border-radius:24px}
  .ops-summary{grid-template-columns:1fr}
  .sites-hero h2{font-size:30px}
  .panel-head{display:grid}
  .drawer-head,#companyForm{padding-left:16px;padding-right:16px}
  .steps{grid-template-columns:repeat(2,1fr);padding-left:16px;padding-right:16px}
  .drawer-actions{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;display:grid}
  .input-action,.inline-field,.publish-success,.domain-preview-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* BMS Clean theme overrides */
:root{
  --text:#232323;
  --muted:#747474;
  --soft:#565656;
  --bg:#f7f7f7;
  --panel:#ffffff;
  --panel-2:#fafafa;
  --field:#ffffff;
  --line:#e3e3e3;
  --line-strong:#c8c8c8;
  --pink:#016fef;
  --coral:#016fef;
  --yellow:#f59e0b;
  --mint:#10b981;
  --cyan:#016fef;
  --violet:#016fef;
  --good:#16a34a;
  --warn:#d97706;
  --bad:#dc2626;
  --shadow:0 14px 34px rgba(27,27,27,.08);
}
body{
  color:var(--text);
  background:#f7f7f7;
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:400;
}
body::before,body::after,.sites-hero::after,.auth-card::before{display:none}
.shell{grid-template-columns:270px minmax(0,1fr)}
.sidebar{
  background:#ffffff;
  border-right:1px solid #ebebeb;
  box-shadow:6px 0 24px rgba(27,27,27,.04);
}
.brand-lockup{border-bottom:1px solid #ededed}
.brand-mark{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:none;
  animation:none;
}
.brand-lockup strong,.workspace h1,.panel-head h2,.work-panel-head h2,.team-desk h2,.sites-hero h2,.drawer-head h2{
  color:#1b1b1b;
  font-weight:800;
}
.brand-lockup span,.nav button,.panel-head p,.work-panel-head p,.team-desk p,.work-item span,.published-item span,.work-item small,.published-item small,.ops-summary span,.ops-summary small,.metric-panel span,label,.hint{
  color:#747474;
}
.nav button{
  border-radius:12px;
  font-weight:700;
  color:#565656;
}
.nav button:hover{color:#1b1b1b;background:#f6f6f6;transform:none}
.nav button.active{
  color:#0f3e8a;
  border-color:#8fc0ff;
  background:#eef5ff;
  box-shadow:none;
}
.nav button.active::before{background:#016fef}
.workspace-head{
  background:rgba(247,247,247,.92);
  box-shadow:none;
}
.eyebrow{
  color:#016fef;
  font-weight:800;
}
.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.auth-card,.drawer-panel{
  background:#ffffff;
  border:1px solid #ebebeb;
  box-shadow:var(--shadow);
}
.sites-hero,.sms-hero-panel{
  background:linear-gradient(135deg,#f5f7fa,#ecfdf5);
  border:1px solid #f5f7fa;
  box-shadow:var(--shadow);
}
.sites-hero p,.sms-hero-panel p:last-child{color:#565656}
.primary,.secondary,.ghost,.notification-button{
  border-radius:12px;
  font-weight:750;
  box-shadow:none;
}
.primary{
  color:#fff;
  background:#016fef;
}
.secondary{
  color:#0f3e8a;
  border-color:#bfd4ff;
  background:#eef5ff;
}
.ghost,.notification-button{
  color:#434343;
  border-color:#e3e3e3;
  background:#ffffff;
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:none;
  filter:none;
  box-shadow:0 8px 20px rgba(27,27,27,.10);
}
.primary::after,.secondary::after{display:none}
.notification-button span{
  color:#fff;
  background:#016fef;
}
input,textarea,select{
  color:#1b1b1b;
  background:#fff;
  border-color:#dadada;
  border-radius:12px;
}
input:focus,textarea:focus,select:focus{
  border-color:#016fef;
  box-shadow:0 0 0 4px rgba(1,111,239,.12);
  background:#fff;
}
select option{background:#fff;color:#1b1b1b}
.ops-summary article::before,.metric-panel::before{background:#016fef;height:2px}
.ops-summary strong,.metric-panel strong{color:#1b1b1b;font-weight:800}
.progress-track{background:#eeeeee}
.progress-track i{background:linear-gradient(90deg,#016fef,#016fef);box-shadow:none}
.count-badge{
  color:#0f3e8a;
  border-color:#bfd4ff;
  background:#eef5ff;
}
.work-avatar{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:none;
}
.work-item:hover,.published-item:hover,.project-card:hover,.integration-card:hover,.sms-activation-card:hover{
  transform:none;
  border-color:#bfd4ff;
  box-shadow:0 12px 28px rgba(27,27,27,.10);
}
.status-chip,.status-pill{
  background:#f2f2f2;
  color:#434343;
}
.status-chip.published,.status-chip.verified,.status-pill.connected{background:#dcfce7;color:#166534}
.status-chip.draft,.status-chip.checking{background:#fef3c7;color:#92400e}
.status-chip.failed{background:#fee2e2;color:#991b1b}
.status-chip.pending{background:#f5f7fa;color:#016fef}
.empty-state{
  background:#fafafa;
  border-color:#dadada;
  color:#747474;
}
.cloudflare-empty{
  display:grid;
  gap:10px;
  justify-items:start;
  text-align:left;
}
.cloudflare-empty strong{color:#1b1b1b}
.drawer{background:rgba(27,27,27,.36)}
.drawer-panel{
  background:#ffffff;
}
.drawer-head,.steps,.drawer-actions{border-color:#ebebeb;background:#fff}
.steps li{color:#747474}
.steps li::before{background:#efefef;color:#565656}
.steps li.active{color:#1b1b1b}
.steps li.active::before{
  color:#fff;
  background:#016fef;
  box-shadow:none;
}
.step-pane>label,.form-grid>label,.settings-grid>label,.finance-form>label,.user-form>label,.phone-integration-form>label,.sms-number-form>label{
  background:#fafafa;
  border-color:#ebebeb;
}
.single-layout,.domain-preview,.saved-value,.integration-domain{
  background:#fafafa;
  border-color:#e3e3e3;
}
.domain-preview strong,.integration-domain strong,.saved-value strong{color:#1b1b1b}
.cloudflare-link-card{
  background:#fafafa;
  border-color:#e3e3e3;
}
.cloudflare-link-card strong{color:#1b1b1b}
.copy-toast{
  background:#1b1b1b;
  color:#fff;
}
.auth-gate{
  background:#f3f3f3;
  backdrop-filter:none;
}
.auth-brand{
  color:#0f3e8a;
  background:#eef5ff;
  border-color:#8fc0ff;
}
@media(max-width:900px){
  .sidebar{background:#fff}
  .workspace-head{background:transparent}
}

/* BMS Zap dark theme */
:root{
  --text:#f5f7fa;
  --muted:#a9a9a9;
  --soft:#8fc0ff;
  --bg:#0a0a0a;
  --panel:#131313;
  --panel-2:#1a1a1a;
  --field:#0a0a0a;
  --line:rgba(1,111,239,.25);
  --line-strong:rgba(143,192,255,.38);
  --pink:#016fef;
  --coral:#016fef;
  --yellow:#8fc0ff;
  --mint:#22c55e;
  --cyan:#016fef;
  --violet:#016fef;
  --good:#22c55e;
  --warn:#f59e0b;
  --bad:#ef4444;
  --shadow:0 18px 46px rgba(0,0,0,.32);
}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 80% -10%,rgba(124,58,237,.18),transparent 28rem),
    linear-gradient(180deg,#0a0a0a 0%,#0c0c0c 100%);
  font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:400;
}
.auth-gate{
  background:
    radial-gradient(circle at 28% 14%,rgba(1,111,239,.22),transparent 24rem),
    #0a0a0a;
}
.auth-card,.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.drawer-panel{
  background:#131313;
  border:1px solid rgba(1,111,239,.24);
  box-shadow:var(--shadow);
}
.sidebar{
  background:#0f0f0f;
  border-right:1px solid rgba(1,111,239,.28);
  box-shadow:none;
}
.brand-lockup{border-bottom:1px solid rgba(1,111,239,.24)}
.brand-mark{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:0 12px 30px rgba(1,111,239,.30);
}
.brand-lockup strong,.workspace h1,.panel-head h2,.work-panel-head h2,.team-desk h2,.sites-hero h2,.drawer-head h2,.cloudflare-empty strong,.domain-preview strong,.integration-domain strong,.saved-value strong,.cloudflare-link-card strong,.ops-summary strong,.metric-panel strong{
  color:#f5f7fa;
}
.brand-lockup span,.nav button,.panel-head p,.work-panel-head p,.team-desk p,.work-item span,.published-item span,.work-item small,.published-item small,.ops-summary span,.ops-summary small,.metric-panel span,label,.hint,.cloudflare-link-card span,.inbox-item span,.project-card span,.member-row span,.user-row span:not(.status-pill){
  color:#a9a9a9;
}
.workspace-head{
  background:linear-gradient(180deg,rgba(10,10,10,.96),rgba(10,10,10,.78) 82%,transparent);
}
.eyebrow{color:#8fc0ff}
.nav button{
  color:#a9a9a9;
  background:transparent;
}
.nav button:hover{
  color:#fff;
  background:#1a1a1a;
}
.nav button.active{
  color:#fff;
  border-color:rgba(1,111,239,.5);
  background:linear-gradient(90deg,#383838,#24113f);
}
.nav button.active::before{background:#016fef}
.sites-hero,.sms-hero-panel{
  background:linear-gradient(135deg,#24113f,#202020);
  border-color:rgba(1,111,239,.34);
}
.sites-hero p,.sms-hero-panel p:last-child{color:#8fc0ff}
.primary{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
}
.secondary{
  color:#f5f7fa;
  border-color:rgba(168,85,247,.45);
  background:#24113f;
}
.ghost,.notification-button{
  color:#e9d5ff;
  border-color:rgba(1,111,239,.28);
  background:#151515;
}
.notification-button span{
  color:#fff;
  background:#016fef;
}
input,textarea,select{
  color:#f5f7fa;
  background:#0a0a0a;
  border-color:rgba(1,111,239,.30);
}
input:focus,textarea:focus,select:focus{
  border-color:#016fef;
  box-shadow:0 0 0 4px rgba(1,111,239,.14);
  background:#0d0d0d;
}
select option{background:#131313;color:#f5f7fa}
.step-pane>label,.form-grid>label,.settings-grid>label,.finance-form>label,.user-form>label,.phone-integration-form>label,.sms-number-form>label,.single-layout,.domain-preview,.saved-value,.integration-domain,.cloudflare-link-card{
  background:#0d0d0d;
  border-color:rgba(1,111,239,.24);
}
.empty-state{
  background:#0d0d0d;
  border-color:rgba(1,111,239,.34);
  color:#a9a9a9;
}
.count-badge{
  color:#e9d5ff;
  border-color:rgba(168,85,247,.45);
  background:#24113f;
}
.ops-summary article::before,.metric-panel::before{background:#016fef}
.progress-track{background:#232323}
.progress-track i{background:linear-gradient(90deg,#016fef,#016fef)}
.work-avatar{background:linear-gradient(135deg,#016fef,#016fef)}
.status-chip,.status-pill{background:#232323;color:#d8b4fe}
.status-chip.published,.status-chip.verified,.status-pill.connected{background:rgba(34,197,94,.14);color:#86efac}
.status-chip.draft,.status-chip.checking{background:rgba(245,158,11,.14);color:#fcd34d}
.status-chip.failed{background:rgba(239,68,68,.14);color:#fca5a5}
.status-chip.pending{background:rgba(1,111,239,.18);color:#d8b4fe}
.drawer{background:rgba(0,0,0,.62)}
.drawer-head,.steps,.drawer-actions{background:#131313;border-color:rgba(1,111,239,.24)}
.steps li{color:#a9a9a9}
.steps li::before{background:#232323;color:#d8b4fe}
.steps li.active{color:#fff}
.steps li.active::before{background:#016fef;color:#fff}
.auth-brand{
  color:#fff;
  background:#24113f;
  border-color:rgba(168,85,247,.45);
}
.copy-toast{background:#131313;color:#fff;border-color:rgba(1,111,239,.35)}
@media(max-width:900px){
  .sidebar{background:#0f0f0f}
  .workspace-head{background:transparent}
}

/* BMS V2 polish layer */
:root{
  --text:#f5f7fa;
  --muted:#b2b2b2;
  --soft:#f5f7fa;
  --bg:#0a0a0a;
  --panel:#131313;
  --panel-2:#1b1b1b;
  --field:#0a0a0a;
  --line:rgba(1,111,239,.20);
  --line-strong:rgba(143,192,255,.34);
  --violet:#016fef;
  --pink:#016fef;
  --cyan:#016fef;
  --good:#22c55e;
  --warn:#f59e0b;
  --bad:#ef4444;
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 18px 48px rgba(0,0,0,.30);
}
body{
  background:
    radial-gradient(circle at 78% -12%,rgba(1,111,239,.22),transparent 30rem),
    radial-gradient(circle at 14% 22%,rgba(1,111,239,.08),transparent 24rem),
    linear-gradient(180deg,#0a0a0a 0%,#0c0c0c 52%,#0a0a0a 100%);
}
body::before,body::after{opacity:.35}
.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{
  padding:20px 14px;
  gap:20px;
  background:linear-gradient(180deg,rgba(15,15,15,.98),rgba(10,10,10,.96));
}
.brand-lockup{padding:8px 6px 16px}
.brand-mark{
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(135deg,#016fef,#016fef);
}
.nav{gap:6px}
.nav button{
  min-height:43px;
  border-radius:12px;
  padding:10px 12px;
  font-weight:850;
}
.nav button.active{
  background:linear-gradient(90deg,rgba(1,111,239,.44),rgba(1,111,239,.16));
  box-shadow:inset 3px 0 0 #016fef;
}
.nav button.active::before{display:none}
.workspace{padding:24px clamp(18px,2.6vw,34px) 44px}
.workspace-head{
  margin:-24px 0 18px;
  padding:16px 0 18px;
  min-height:88px;
}
.workspace h1{font-size:clamp(30px,3vw,42px)}
.head-actions{gap:9px}
.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.auth-card,.drawer-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),#131313;
  border-color:rgba(1,111,239,.22);
  box-shadow:0 12px 34px rgba(0,0,0,.24);
}
.panel{
  padding:20px;
  border-radius:20px;
  margin-bottom:18px;
}
.panel-head{margin-bottom:16px}
.panel-head h2{font-size:21px}
.primary,.secondary,.ghost,.notification-button{
  min-height:42px;
  border-radius:12px;
  padding:10px 14px;
  font-weight:850;
}
.primary{
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:0 10px 22px rgba(1,111,239,.22);
}
.secondary{
  background:rgba(124,58,237,.18);
  border-color:rgba(1,111,239,.38);
}
.ghost,.notification-button{
  background:rgba(255,255,255,.035);
  border-color:rgba(1,111,239,.28);
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}
.compact{min-height:34px;padding:7px 10px}
input,textarea,select{
  min-height:43px;
  border-radius:12px;
  background:#0a0a0a;
  border-color:rgba(1,111,239,.28);
}
.step-pane>label,.form-grid>label,.settings-grid>label,.finance-form>label,.user-form>label,.phone-integration-form>label,.sms-number-form>label,.single-layout,.domain-preview,.saved-value,.integration-domain,.cloudflare-link-card{
  border-radius:14px;
  background:#0d0d0d;
}
.sites-hero,.sms-hero-panel{
  min-height:172px;
  border-radius:22px;
  background:
    radial-gradient(circle at 80% 4%,rgba(1,111,239,.18),transparent 18rem),
    linear-gradient(135deg,#232323,#1c1c1c);
}
.sites-hero h2,.sms-hero-panel h2{font-size:clamp(28px,3.5vw,42px)}
.ops-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.operations-layout{gap:18px}
.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card{
  border-radius:16px;
}
.work-item:hover,.published-item:hover,.project-card:hover,.integration-card:hover,.sms-activation-card:hover{
  transform:translateY(-2px);
  border-color:rgba(1,111,239,.42);
}
.integrations-grid,.published-grid,.sites-grid,.projects-list,.members-list,.users-list,.finance-list,.goals-list,.production-grid{
  gap:12px;
}
.integration-card{gap:14px;overflow:hidden}
.integration-card-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
}
.integration-card footer{
  margin-top:auto;
  padding-top:8px;
  border-top:1px solid rgba(1,111,239,.16);
}
.sms-number-form{grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) minmax(150px,.75fr) 88px 124px auto}
.sms-activation-card{grid-template-columns:minmax(220px,1fr) 190px 150px minmax(220px,.9fr)}
.sms-floating-widget{
  width:min(390px,calc(100vw - 32px));
  border-radius:16px;
}
.drawer{z-index:70}
.drawer-panel{border-radius:24px}
.drawer-head{padding:22px 28px 18px}
#companyForm{padding:0 28px 22px}
.steps{padding:16px 28px}
.drawer-actions{padding:14px 28px}
body:has(.drawer.active) .sms-floating-widget{z-index:120}
@media(max-width:1180px){
  .shell{grid-template-columns:226px minmax(0,1fr)}
  .daily-summary{min-width:230px}
  .sms-activation-card{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .shell{display:block}
  .sidebar{
    position:static;
    height:auto;
    padding:14px;
  }
  .brand-lockup{padding-bottom:12px}
  .nav{
    display:flex;
    gap:8px;
    overflow:auto;
    padding-bottom:4px;
  }
  .nav button{
    width:auto;
    min-width:max-content;
    flex:0 0 auto;
  }
  .workspace{padding:16px}
  .workspace-head{
    position:static;
    min-height:0;
    display:grid;
    margin:0 0 16px;
    padding:0;
  }
  .head-actions{justify-content:start}
  .head-actions>button,.notification-button{flex:1 1 160px}
  .panel{padding:16px;border-radius:18px}
  .panel-head{display:grid}
  .form-grid,.publish-grid,.settings-grid,.finance-form,.user-form,.inline-create,.member-form,.member-row,.user-row,.finance-form,.finance-row,.production-row,.goal-row,.inbox-item,.staff-bar,.integration-form,.phone-integration-form,.sms-number-form,.sms-activation-card{
    grid-template-columns:1fr!important;
  }
  body[data-role="user"] #smsCountryField,
  body[data-role="user"] #smsDddField{display:none!important}
  .drawer{padding:0}
  .drawer-panel{
    width:100%;
    height:100%;
    max-height:none;
    border-radius:0;
  }
}
@media(max-width:640px){
  .workspace h1{font-size:30px}
  .sites-hero,.sms-hero-panel{padding:20px;min-height:150px}
  .ops-summary{grid-template-columns:1fr}
  .published-actions,.work-actions,.sms-actions,.quick-actions{grid-template-columns:1fr}
  .sms-floating-widget{
    left:10px;
    bottom:10px;
    width:calc(100vw - 20px);
  }
  .sms-floating-actions{grid-template-columns:1fr}
}

/* Maps-style dark teal skin */
:root{
  --text:#f3fff8;
  --muted:#a7a7a7;
  --soft:#c6f7e2;
  --bg:#06100c;
  --panel:#0b1a14;
  --panel-2:#102820;
  --field:#07130f;
  --line:rgba(47,155,121,.28);
  --line-strong:rgba(52,211,153,.38);
  --pink:#14b88a;
  --coral:#0ea572;
  --yellow:#fbbf24;
  --cyan:#34d399;
  --violet:#22c55e;
  --good:#34d399;
  --warn:#fbbf24;
  --bad:#fb7185;
  --shadow:0 16px 42px rgba(0,0,0,.34);
}
body{
  background:
    radial-gradient(circle at 12% 4%,rgba(16,185,129,.14),transparent 24rem),
    radial-gradient(circle at 78% 0%,rgba(1,111,239,.10),transparent 26rem),
    linear-gradient(180deg,#04100b 0%,#07120d 48%,#050d09 100%);
  color:var(--text);
}
body::before{
  opacity:.22;
  background:
    linear-gradient(90deg,rgba(52,211,153,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(52,211,153,.025) 1px,transparent 1px);
}
body::after{display:none}
.shell{
  grid-template-columns:264px minmax(0,1fr);
  gap:18px;
  padding:16px 18px 16px 78px;
}
.sidebar{
  top:16px;
  height:calc(100vh - 32px);
  padding:14px;
  border:1px solid rgba(52,211,153,.20);
  border-radius:18px;
  background:#081911;
  box-shadow:none;
}
.brand-lockup{
  margin-bottom:4px;
  padding:12px;
  border:1px solid rgba(52,211,153,.16);
  border-radius:14px;
  background:#0d241a;
}
.brand-mark{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#34d399,#016fef);
  box-shadow:0 10px 28px rgba(16,185,129,.24);
}
.nav{gap:6px}
.nav button{
  min-height:40px;
  border-radius:11px;
  padding:10px 12px;
  color:#b3b3b3;
}
.nav button:hover{
  color:#fff;
  background:#0e241a;
  transform:none;
}
.nav button.active{
  color:#d9fff0;
  border-color:rgba(52,211,153,.45);
  background:#0d3a2a;
  box-shadow:inset 3px 0 0 #10b981;
}
.logout{
  border-color:rgba(52,211,153,.30);
  background:#07130f;
}
.workspace{
  padding:0 26px 48px 0;
}
.workspace-head{
  min-height:62px;
  margin:0 0 16px;
  padding:0;
  background:linear-gradient(180deg,rgba(4,16,11,.96),rgba(4,16,11,.74) 82%,transparent);
  backdrop-filter:blur(12px);
}
.eyebrow{
  color:#95f7ce;
  font-size:11px;
}
.workspace h1{
  font-size:clamp(28px,3vw,38px);
  letter-spacing:0;
}
.head-actions{
  gap:8px;
}
.daily-summary{
  border-radius:13px;
  background:#0b1a14;
  border-color:rgba(52,211,153,.20);
}
.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.auth-card,.drawer-panel{
  background:#0b1a14;
  border-color:rgba(52,211,153,.20);
  box-shadow:none;
}
.panel,.work-panel,.team-desk{
  border-radius:15px;
}
.panel{
  padding:20px;
}
.panel-head h2,.work-panel-head h2,.team-desk h2{
  font-size:20px;
}
.panel-head p,.work-panel-head p,.team-desk p{
  color:#c8c8c8;
}
.primary,.secondary,.ghost,.notification-button{
  min-height:38px;
  border-radius:999px;
  padding:9px 14px;
}
.primary{
  background:#10b981;
  color:#032017;
  box-shadow:0 10px 24px rgba(16,185,129,.18);
}
.secondary{
  color:#d9fff0;
  background:#0e3a2b;
  border-color:rgba(52,211,153,.42);
}
.ghost,.notification-button{
  color:#e7fff5;
  background:#0b2118;
  border-color:rgba(52,211,153,.24);
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:none;
  filter:brightness(1.08);
  box-shadow:none;
}
.notification-button span{
  background:#10b981;
  color:#032017;
}
input,textarea,select{
  min-height:40px;
  border-radius:10px;
  color:#f3fff8;
  background:#06110d;
  border-color:rgba(52,211,153,.24);
}
input:focus,textarea:focus,select:focus{
  border-color:#34d399;
  box-shadow:0 0 0 3px rgba(52,211,153,.13);
}
select option{background:#081911;color:#f3fff8}
.step-pane>label,.form-grid>label,.settings-grid>label,.finance-form>label,.user-form>label,.phone-integration-form>label,.sms-number-form>label,.single-layout,.domain-preview,.saved-value,.integration-domain,.cloudflare-link-card{
  background:#07130f;
  border-color:rgba(52,211,153,.20);
  border-radius:12px;
}
.sites-hero,.sms-hero-panel{
  min-height:120px;
  align-items:center;
  border-radius:12px;
  background:#3a2810;
  border-color:rgba(251,191,36,.22);
}
.sites-hero::after{display:none}
.sites-hero h2,.sms-hero-panel h2{
  font-size:clamp(22px,2.4vw,30px);
}
.sites-hero p,.sms-hero-panel p:last-child{
  color:#f9d992;
}
.ops-summary{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
}
.ops-summary article{
  border-radius:14px;
  background:#0b1a14;
}
.ops-summary article::before,.metric-panel::before{
  background:#10b981;
  height:2px;
}
.ops-summary strong,.metric-panel strong{
  color:#f3fff8;
  font-size:30px;
}
.count-badge,.status-chip,.status-pill{
  border-radius:999px;
  background:#0e3a2b;
  color:#9ff7d3;
}
.status-chip.published,.status-chip.verified,.status-pill.connected{
  background:rgba(16,185,129,.18);
  color:#9ff7d3;
}
.status-chip.draft,.status-chip.checking{
  background:rgba(251,191,36,.15);
  color:#fde68a;
}
.status-chip.failed{
  background:rgba(251,113,133,.15);
  color:#fecdd3;
}
.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card{
  border-radius:13px;
  background:#081911;
}
.work-item:hover,.published-item:hover,.project-card:hover,.integration-card:hover,.sms-activation-card:hover{
  transform:none;
  border-color:rgba(52,211,153,.40);
}
.work-avatar{
  border-radius:13px;
  background:linear-gradient(135deg,#34d399,#016fef);
}
.progress-track{
  background:#10251c;
}
.progress-track i{
  background:#10b981;
  box-shadow:none;
}
.empty-state{
  background:#07130f;
  border-color:rgba(52,211,153,.20);
}
.drawer{
  background:rgba(0,0,0,.70);
}
.drawer-panel{
  border-radius:18px;
  background:#0b1a14;
}
.drawer-head,.steps,.drawer-actions{
  background:#0b1a14;
  border-color:rgba(52,211,153,.20);
}
.steps li::before{
  background:#0e3a2b;
  color:#9ff7d3;
}
.steps li.active::before{
  background:#10b981;
  color:#032017;
}
.sms-floating-widget{
  background:#081911;
  border-color:rgba(52,211,153,.32);
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}
@media(max-width:1180px){
  .shell{grid-template-columns:232px minmax(0,1fr);padding-left:16px}
}
@media(max-width:900px){
  .shell{display:block;padding:0}
  .sidebar{
    position:static;
    height:auto;
    border-radius:0;
    border-left:0;
    border-right:0;
    border-top:0;
  }
  .workspace{padding:16px}
  .workspace-head{background:transparent}
  .sites-hero,.sms-hero-panel{min-height:auto}
}

/* Create-site funnel experience */
.drawer{
  background:
    radial-gradient(circle at 18% 12%,rgba(1,111,239,.24),transparent 26rem),
    radial-gradient(circle at 82% 18%,rgba(1,111,239,.16),transparent 26rem),
    rgba(5,5,5,.78);
}
.drawer-panel{
  position:relative;
  width:min(1180px,calc(100vw - 34px));
  max-height:min(94vh,900px);
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(1,111,239,.38);
  background:
    linear-gradient(180deg,rgba(25,25,25,.98),rgba(12,12,12,.99)),
    #0c0c0c;
  box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 70px rgba(124,58,237,.18);
  font-family:"Segoe UI Variable","Inter","Segoe UI",Arial,sans-serif;
}
.drawer-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(115deg,rgba(1,111,239,.0),rgba(1,111,239,.72),rgba(1,111,239,.56),rgba(245,158,11,.48),rgba(1,111,239,.0));
  background-size:220% 220%;
  animation:funnelGlow 7s ease-in-out infinite;
  pointer-events:none;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
}
@keyframes funnelGlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.drawer-head{
  padding:24px 28px 20px;
  background:
    radial-gradient(circle at 72% -20%,rgba(1,111,239,.16),transparent 20rem),
    rgba(19,19,19,.92);
}
.drawer-head h2{
  font-size:clamp(28px,3.5vw,44px);
  letter-spacing:0;
}
.drawer-head .eyebrow{
  color:#fbbf24;
}
.drawer-head .icon{
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.steps{
  position:relative;
  gap:16px;
  padding:18px 28px;
  background:rgba(9,9,9,.72);
}
.steps li{
  min-height:54px;
  padding-left:38px;
  align-items:center;
  color:#a9a9a9;
}
.steps li::before{
  width:30px;
  height:30px;
  background:#222222;
  color:#d8b4fe;
  box-shadow:0 0 0 1px rgba(1,111,239,.22) inset;
}
.steps li:not(:last-child)::after{
  top:50%;
  left:42px;
  right:-6px;
  background:linear-gradient(90deg,rgba(1,111,239,.38),rgba(1,111,239,.16),transparent);
}
.steps li.active{
  color:#fff;
}
.steps li.active::before{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:0 0 0 5px rgba(124,58,237,.18),0 12px 26px rgba(1,111,239,.12);
}
#companyForm{
  padding:0 28px 24px;
  background:
    radial-gradient(circle at 0% 16%,rgba(1,111,239,.10),transparent 22rem),
    radial-gradient(circle at 100% 76%,rgba(245,158,11,.07),transparent 18rem);
}
.step-pane{
  padding:24px 0 26px;
}
.step-intro{
  display:grid;
  gap:5px;
  margin-bottom:18px;
}
.step-intro span{
  width:max-content;
  padding:5px 9px;
  border:1px solid rgba(245,158,11,.28);
  border-radius:999px;
  color:#fcd34d;
  background:rgba(245,158,11,.10);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.step-intro h3{
  margin:0;
  color:#fff;
  font-size:clamp(24px,2.4vw,32px);
  letter-spacing:0;
}
.step-intro p{
  max-width:740px;
  margin:0;
  color:#c6c6c6;
  line-height:1.5;
}
#createDrawer label{
  gap:10px;
  color:#c6c6c6;
  letter-spacing:.02em;
  text-transform:none;
}
#createDrawer input,
#createDrawer textarea,
#createDrawer select{
  min-height:52px;
  border-radius:16px;
  border-color:rgba(1,111,239,.32);
  background:#0a0a0a;
  font-size:15px;
}
#createDrawer textarea{
  min-height:124px;
}
#createDrawer .form-grid{
  gap:16px;
}
#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  border-radius:18px;
  border-color:rgba(1,111,239,.26);
  background:rgba(13,13,13,.82);
}
.cnpj-lookup-label{
  max-width:100%;
}
#createDrawer .inline-field{
  grid-template-columns:minmax(0,1fr) minmax(180px,260px);
  gap:12px;
}
#createDrawer .inline-field .secondary{
  min-height:52px;
}
.publish-grid>label:nth-child(1),
.publish-grid>label:nth-child(2){
  grid-column:span 6;
}
.publish-grid>label:nth-child(3),
.publish-grid>label:nth-child(4),
.publish-grid>label:nth-child(5){
  grid-column:span 4;
}
.publish-grid>label:nth-child(6),
.publish-grid>label:nth-child(7){
  grid-column:span 6;
}
.publish-grid>label:nth-child(8),
.publish-grid>label:nth-child(9){
  grid-column:span 6;
}
.input-action{
  grid-template-columns:minmax(0,1fr) auto;
}
.input-action .ghost{
  min-height:52px;
}
.publish-domain-grid>label{
  grid-column:span 6;
}
.domain-preview{
  margin:18px 0;
  padding:18px;
  background:
    linear-gradient(135deg,rgba(1,111,239,.11),rgba(1,111,239,.12)),
    rgba(10,10,10,.86);
}
.domain-preview span{
  color:#fcd34d;
}
.domain-preview-actions{
  grid-template-columns:minmax(0,1fr) auto auto;
}
.domain-preview strong{
  color:#fff;
  font-size:18px;
}
.meta-verification-box{
  display:grid;
  gap:16px;
  padding:18px;
}
.meta-verification-box>div:first-child{
  display:grid;
  gap:5px;
}
.meta-verification-box>div:first-child span{
  color:#016fef;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.meta-verification-box>div:first-child strong{
  color:#fff;
  font-size:20px;
}
.meta-verification-box>div:first-child p{
  margin:0;
  color:#b8b8b8;
}
.meta-grid>label:nth-child(1),
.meta-grid>label:nth-child(2){
  grid-column:span 6;
}
.meta-grid>label:nth-child(3),
.meta-grid>label:nth-child(4),
.meta-grid>label:nth-child(5){
  grid-column:span 4;
}
.meta-grid>label:last-child{
  grid-column:1/-1;
}
.file-picker span{
  min-height:52px;
  border-color:rgba(1,111,239,.38);
  background:rgba(1,111,239,.08);
}
.drawer-actions{
  margin:10px -28px -24px;
  padding:16px 28px;
  background:rgba(15,15,15,.94);
}
.drawer-actions button{
  min-width:132px;
}
@media(max-width:900px){
  .drawer-panel{
    width:100%;
    height:100%;
    max-height:none;
    border-radius:0;
  }
  .steps{
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    padding:14px 16px;
  }
  #companyForm,.drawer-head{
    padding-left:16px;
    padding-right:16px;
  }
  #createDrawer .form-grid,
  .publish-domain-grid,
  .meta-grid{
    grid-template-columns:1fr;
  }
  #createDrawer .form-grid>label,
  .publish-grid>label,
  .publish-domain-grid>label,
  .meta-grid>label{
    grid-column:1/-1!important;
  }
  #createDrawer .inline-field,
  .domain-preview-actions{
    grid-template-columns:1fr;
  }
  .drawer-actions{
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px;
    padding-right:16px;
    display:grid;
  }
}

/* BMS cosmic interface + create funnel */
:root{
  --text:#f5f7fa;
  --muted:#bcbcbc;
  --soft:#f5f7fa;
  --bg:#070707;
  --panel:#141414;
  --panel-2:#1c1c1c;
  --field:#090909;
  --line:rgba(1,111,239,.28);
  --line-strong:rgba(1,111,239,.42);
  --pink:#016fef;
  --coral:#fb923c;
  --yellow:#facc15;
  --cyan:#016fef;
  --violet:#016fef;
  --good:#34d399;
  --warn:#facc15;
  --bad:#fb7185;
  --shadow:0 22px 60px rgba(0,0,0,.44);
}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 12% 0%,rgba(1,111,239,.24),transparent 28rem),
    radial-gradient(circle at 82% 8%,rgba(1,111,239,.18),transparent 30rem),
    radial-gradient(circle at 68% 86%,rgba(251,146,60,.10),transparent 24rem),
    linear-gradient(180deg,#090909 0%,#0d0d0d 48%,#060606 100%);
  font-family:"Segoe UI Variable","Manrope","Inter","Segoe UI",Arial,sans-serif;
}
body::before{
  opacity:.18;
  background:
    linear-gradient(90deg,rgba(1,111,239,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(1,111,239,.035) 1px,transparent 1px);
}
.sidebar{
  border-color:rgba(1,111,239,.25);
  background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(10,10,10,.98));
  box-shadow:inset -1px 0 0 rgba(1,111,239,.10);
}
.brand-lockup{
  border-color:rgba(1,111,239,.26);
  background:rgba(28,28,28,.72);
}
.brand-mark,.work-avatar{
  border-radius:14px;
  background:linear-gradient(135deg,#016fef 0%,#016fef 58%,#facc15 140%);
  box-shadow:0 16px 34px rgba(1,111,239,.28);
}
.nav button{
  color:#bfbfbf;
  border-radius:13px;
}
.nav button:hover{
  color:#fff;
  background:rgba(1,111,239,.16);
}
.nav button.active{
  color:#fff;
  border-color:rgba(1,111,239,.56);
  background:linear-gradient(90deg,rgba(1,111,239,.36),rgba(1,111,239,.12));
  box-shadow:inset 4px 0 0 #016fef,0 14px 32px rgba(1,111,239,.14);
}
.workspace-head{
  background:linear-gradient(180deg,rgba(7,7,7,.96),rgba(7,7,7,.76) 82%,transparent);
}
.eyebrow{
  color:#8fc0ff;
}
.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.auth-card,.drawer-panel{
  color:var(--text);
  background:linear-gradient(180deg,rgba(22,22,22,.94),rgba(13,13,13,.96));
  border-color:rgba(1,111,239,.24);
  box-shadow:none;
}
.panel,.work-panel,.team-desk{
  border-radius:18px;
}
.panel-head p,.work-panel-head p,.team-desk p,.step-intro p,.hint{
  color:#bfbfbf;
}
.primary{
  color:#fff;
  background:linear-gradient(135deg,#016fef,#016fef);
  box-shadow:0 14px 34px rgba(1,111,239,.28);
}
.secondary{
  color:#fff;
  border-color:rgba(1,111,239,.36);
  background:linear-gradient(135deg,rgba(1,111,239,.34),rgba(1,111,239,.22));
}
.ghost,.notification-button{
  color:#f5f7fa;
  border-color:rgba(1,111,239,.34);
  background:rgba(17,17,17,.78);
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
.notification-button span{
  color:#131313;
  background:#facc15;
}
input,textarea,select{
  color:#fff;
  background:#090909;
  border-color:rgba(1,111,239,.30);
}
input:focus,textarea:focus,select:focus{
  border-color:#016fef;
  box-shadow:0 0 0 4px rgba(1,111,239,.14);
}
select option{
  color:#fff;
  background:#0e0e0e;
}
.step-pane>label,.form-grid>label,.settings-grid>label,.finance-form>label,.user-form>label,.phone-integration-form>label,.sms-number-form>label,.single-layout,.domain-preview,.saved-value,.integration-domain,.cloudflare-link-card{
  background:rgba(11,11,11,.86);
  border-color:rgba(1,111,239,.24);
}
.sites-hero,.sms-hero-panel{
  background:
    radial-gradient(circle at 16% 18%,rgba(1,111,239,.24),transparent 16rem),
    radial-gradient(circle at 88% 22%,rgba(1,111,239,.16),transparent 18rem),
    linear-gradient(135deg,rgba(22,22,22,.98),rgba(24,24,24,.96));
  border-color:rgba(1,111,239,.26);
}
.sites-hero p,.sms-hero-panel p:last-child{
  color:#f5f7fa;
}
.ops-summary article::before,.metric-panel::before,.progress-track i{
  background:linear-gradient(90deg,#016fef,#016fef,#facc15);
}
.status-chip.published,.status-chip.verified,.status-pill.connected{
  background:rgba(52,211,153,.16);
  color:#9ff7d3;
}
.status-chip.draft,.status-chip.checking{
  background:rgba(250,204,21,.14);
  color:#fde68a;
}
.count-badge,.status-chip,.status-pill{
  background:rgba(124,58,237,.18);
  color:#d8b4fe;
}
.drawer{
  background:
    radial-gradient(circle at 16% 12%,rgba(1,111,239,.30),transparent 28rem),
    radial-gradient(circle at 84% 18%,rgba(1,111,239,.24),transparent 28rem),
    rgba(5,5,5,.82);
}
#createDrawer .drawer-panel{
  width:min(1200px,calc(100vw - 34px));
  max-height:min(94vh,900px);
  border-radius:30px;
  border-color:rgba(1,111,239,.42);
  background:
    radial-gradient(circle at 14% 4%,rgba(1,111,239,.18),transparent 22rem),
    radial-gradient(circle at 92% 12%,rgba(1,111,239,.13),transparent 24rem),
    linear-gradient(180deg,rgba(22,22,22,.98),rgba(11,11,11,.99));
  box-shadow:0 30px 95px rgba(0,0,0,.58),0 0 80px rgba(1,111,239,.17);
}
#createDrawer .drawer-head{
  padding:30px 32px 24px;
  background:
    radial-gradient(circle at 78% -40%,rgba(1,111,239,.20),transparent 23rem),
    linear-gradient(180deg,rgba(22,22,22,.92),rgba(15,15,15,.88));
}
#createDrawer .drawer-head h2{
  font-size:42px;
  line-height:1.05;
}
#createDrawer .steps{
  padding:20px 32px;
  gap:18px;
  background:rgba(9,9,9,.70);
}
#createDrawer .steps li{
  min-height:64px;
  padding:12px 12px 12px 48px;
  border:1px solid rgba(1,111,239,.16);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
#createDrawer .steps li::before{
  left:12px;
  width:30px;
  height:30px;
  background:#212121;
}
#createDrawer .steps li:not(:last-child)::after{
  left:100%;
  right:auto;
  width:18px;
}
#createDrawer .steps li.active{
  border-color:rgba(1,111,239,.42);
  background:linear-gradient(135deg,rgba(1,111,239,.28),rgba(1,111,239,.12));
}
#companyForm{
  padding:0 32px 28px;
}
#createDrawer .step-pane{
  padding:30px 0 32px;
}
.step-intro{
  margin-bottom:22px;
}
.step-intro span{
  padding:6px 11px;
  border-color:rgba(250,204,21,.32);
  color:#fde68a;
  background:rgba(250,204,21,.10);
}
.step-intro h3{
  font-size:30px;
  line-height:1.12;
}
#createDrawer .form-grid{
  gap:18px;
}
#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(17,17,17,.90),rgba(10,10,10,.92));
  border-color:rgba(1,111,239,.28);
}
#createDrawer input,
#createDrawer textarea,
#createDrawer select{
  min-height:56px;
  border-radius:15px;
  font-size:15px;
}
#createDrawer textarea{
  min-height:132px;
}
#createDrawer .inline-field{
  gap:14px;
}
#createDrawer .inline-field .secondary,
.input-action .ghost{
  min-height:56px;
}
#createDrawer .domain-preview{
  margin:20px 0;
  padding:20px;
  border-color:rgba(1,111,239,.30);
  background:
    radial-gradient(circle at 90% 10%,rgba(250,204,21,.09),transparent 15rem),
    linear-gradient(135deg,rgba(1,111,239,.13),rgba(1,111,239,.14)),
    rgba(10,10,10,.90);
}
#createDrawer .domain-preview-actions{
  gap:10px;
}
#createDrawer .domain-preview strong{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:19px;
}
#createDrawer .meta-verification-box{
  gap:18px;
  border-color:rgba(250,204,21,.20);
}
#createDrawer .meta-verification-box>div:first-child span{
  color:#facc15;
}
#createDrawer .file-picker span{
  border-radius:15px;
  border-color:rgba(1,111,239,.42);
  background:rgba(1,111,239,.09);
}
#createDrawer .drawer-actions{
  margin:12px -32px -28px;
  padding:18px 32px;
  border-top:1px solid rgba(1,111,239,.24);
  background:rgba(12,12,12,.96);
}
.sms-floating-widget{
  background:linear-gradient(180deg,rgba(22,22,22,.98),rgba(13,13,13,.98));
  border-color:rgba(1,111,239,.42);
  box-shadow:0 22px 70px rgba(0,0,0,.44),0 0 34px rgba(124,58,237,.18);
}
@media(max-width:900px){
  .shell{padding:0}
  #createDrawer .drawer-panel{
    width:100%;
    height:100%;
    max-height:none;
    border-radius:0;
  }
  #createDrawer .drawer-head,
  #companyForm{
    padding-left:18px;
    padding-right:18px;
  }
  #createDrawer .drawer-head h2{
    font-size:34px;
  }
  #createDrawer .steps{
    padding:14px 18px;
    grid-template-columns:1fr 1fr;
  }
  #createDrawer .steps li{
    min-height:56px;
  }
  #createDrawer .inline-field,
  #createDrawer .domain-preview-actions{
    grid-template-columns:1fr;
  }
  #createDrawer .drawer-actions{
    margin-left:-18px;
    margin-right:-18px;
    padding-left:18px;
    padding-right:18px;
  }
}
@media(max-width:560px){
  #createDrawer .steps{
    grid-template-columns:1fr;
  }
  #createDrawer .drawer-head{
    align-items:flex-start;
    gap:14px;
  }
  #createDrawer .drawer-head .icon{
    width:100%;
  }
  #createDrawer .drawer-actions button{
    width:100%;
  }
}

/* Publish flow spacing fixes */
#createDrawer .drawer-panel{
  width:min(1320px,calc(100vw - 24px));
  max-height:calc(100vh - 18px);
}
#createDrawer .drawer-head{
  padding:22px 32px 18px;
}
#createDrawer .drawer-head h2{
  font-size:38px;
}
#createDrawer .steps{
  padding:14px 32px;
}
#createDrawer .steps li{
  min-height:52px;
}
#createDrawer .step-pane{
  padding:22px 0 24px;
}
#createDrawer .step-intro{
  margin-bottom:16px;
}
#createDrawer .step-intro h3{
  font-size:26px;
}
#createDrawer .step-pane[data-step="4"].active{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px);
  gap:18px;
  align-items:start;
}
#createDrawer .step-pane[data-step="4"] .step-intro{
  grid-column:1/-1;
  margin-bottom:2px;
}
#createDrawer .step-pane[data-step="4"] .publish-domain-grid{
  grid-column:1;
  grid-template-columns:1fr;
}
#createDrawer .step-pane[data-step="4"] .publish-domain-grid>label{
  grid-column:1/-1;
}
#createDrawer .step-pane[data-step="4"] .domain-preview{
  grid-column:1;
  margin:0;
}
#createDrawer .step-pane[data-step="4"] .meta-verification-box{
  grid-column:2;
  grid-row:2 / span 2;
  margin:0;
}
#createDrawer .step-pane[data-step="4"] #publishResult,
#createDrawer .step-pane[data-step="4"]>.hint{
  grid-column:1/-1;
}
#createDrawer .domain-preview-actions{
  grid-template-columns:minmax(0,1fr) auto auto;
}
#createDrawer .domain-preview-actions .compact{
  white-space:nowrap;
}
#createDrawer .meta-grid{
  grid-template-columns:1fr;
}
#createDrawer .meta-grid>label{
  grid-column:1/-1!important;
}
body:has(#createDrawer.active) .sms-floating-widget{
  top:auto!important;
  right:auto!important;
  left:24px!important;
  bottom:24px!important;
  width:min(390px,calc(100vw - 48px));
  max-height:230px;
  z-index:45;
}
body:has(#createDrawer.active) .sms-floating-widget .sms-floating-actions{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:1100px){
  #createDrawer .step-pane[data-step="4"].active{
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane[data-step="4"] .meta-verification-box,
  #createDrawer .step-pane[data-step="4"] .publish-domain-grid,
  #createDrawer .step-pane[data-step="4"] .domain-preview{
    grid-column:1;
    grid-row:auto;
  }
}
@media(max-width:720px){
  #createDrawer .drawer-head h2{
    font-size:32px;
  }
  #createDrawer .domain-preview-actions,
  body:has(#createDrawer.active) .sms-floating-widget .sms-floating-actions{
    grid-template-columns:1fr;
  }
}

/* Full page create flow */
#createDrawer.drawer{
  padding:0;
  place-items:stretch;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0%,rgba(1,111,239,.28),transparent 30rem),
    radial-gradient(circle at 90% 8%,rgba(1,111,239,.22),transparent 34rem),
    linear-gradient(180deg,#070707 0%,#0d0d0d 54%,#060606 100%);
  backdrop-filter:none;
}
#createDrawer.active{
  display:block;
}
#createDrawer .drawer-panel{
  width:100%;
  height:100vh;
  max-height:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:auto;
}
#createDrawer .drawer-panel::before{
  display:none;
}
#createDrawer .drawer-head,
#createDrawer .steps,
#companyForm{
  width:min(1380px,calc(100vw - 64px));
  margin-left:auto;
  margin-right:auto;
}
#createDrawer .drawer-head{
  position:sticky;
  top:0;
  z-index:4;
  padding:26px 0 20px;
  border-bottom:0;
  background:
    linear-gradient(180deg,rgba(7,7,7,.98),rgba(7,7,7,.78) 82%,transparent);
  backdrop-filter:blur(16px);
}
#createDrawer .drawer-head h2{
  font-size:46px;
}
#createDrawer .drawer-head .icon{
  min-width:96px;
}
#createDrawer .steps{
  position:sticky;
  top:100px;
  z-index:3;
  padding:14px;
  border:1px solid rgba(1,111,239,.22);
  border-radius:24px;
  background:rgba(16,16,16,.82);
  backdrop-filter:blur(14px);
}
#companyForm{
  padding:24px 0 120px;
  background:transparent;
  overflow:visible;
}
#createDrawer .step-pane{
  min-height:520px;
  padding:30px;
  border:1px solid rgba(1,111,239,.20);
  border-radius:28px;
  background:
    radial-gradient(circle at 98% 6%,rgba(1,111,239,.08),transparent 24rem),
    linear-gradient(180deg,rgba(22,22,22,.76),rgba(10,10,10,.82));
}
#createDrawer .step-intro{
  margin-bottom:24px;
}
#createDrawer .step-intro h3{
  font-size:34px;
}
#createDrawer .form-grid{
  gap:22px;
}
#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  padding:22px;
}
#createDrawer .step-pane[data-step="4"].active{
  grid-template-columns:minmax(0,1fr) minmax(420px,520px);
  gap:24px;
}
#createDrawer .domain-preview{
  min-height:134px;
  align-content:center;
}
#createDrawer .domain-preview strong{
  font-size:22px;
}
#createDrawer .meta-verification-box{
  position:sticky;
  top:206px;
}
#createDrawer .drawer-actions{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
  width:100%;
  margin:0;
  padding:16px max(32px,calc((100vw - 1380px) / 2));
  border-top:1px solid rgba(1,111,239,.26);
  background:rgba(7,7,7,.92);
  backdrop-filter:blur(16px);
}
body:has(#createDrawer.active) .sms-floating-widget{
  left:24px!important;
  bottom:88px!important;
}
@media(max-width:1100px){
  #createDrawer .drawer-head,
  #createDrawer .steps,
  #companyForm{
    width:min(100% - 32px,980px);
  }
  #createDrawer .steps{
    top:92px;
    grid-template-columns:1fr 1fr;
  }
  #createDrawer .step-pane[data-step="4"].active{
    grid-template-columns:1fr;
  }
  #createDrawer .meta-verification-box{
    position:static;
  }
  #createDrawer .drawer-actions{
    padding-left:16px;
    padding-right:16px;
  }
}
@media(max-width:720px){
  #createDrawer .drawer-head{
    position:relative;
    padding-top:18px;
  }
  #createDrawer .drawer-head h2{
    font-size:34px;
  }
  #createDrawer .steps{
    position:relative;
    top:auto;
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane{
    min-height:auto;
    padding:18px;
    border-radius:22px;
  }
  #companyForm{
    padding-bottom:170px;
  }
  #createDrawer .drawer-actions{
    display:grid;
    gap:10px;
  }
  body:has(#createDrawer.active) .sms-floating-widget{
    display:grid!important;
    left:10px!important;
    right:auto!important;
    bottom:10px!important;
    width:calc(100vw - 20px)!important;
    max-height:210px!important;
  }
}

/* Full create page readability fix */
#createDrawer .drawer-panel{
  height:100dvh;
  overflow-y:auto;
  overflow-x:hidden;
}
#createDrawer .drawer-head,
#createDrawer .steps,
#companyForm{
  width:min(1280px,calc(100vw - 48px));
}
#createDrawer .drawer-head{
  position:relative;
  top:auto;
  display:flex;
  align-items:center;
  min-height:88px;
  padding:18px 0 14px;
  background:transparent;
  backdrop-filter:none;
}
#createDrawer .drawer-head h2{
  font-size:36px;
}
#createDrawer .drawer-head .eyebrow{
  margin-bottom:4px;
}
#createDrawer .steps{
  position:relative;
  top:auto;
  margin-bottom:20px;
  padding:10px;
  gap:12px;
  border-radius:20px;
}
#createDrawer .steps li{
  min-height:44px;
  padding:9px 10px 9px 44px;
  border-radius:15px;
}
#createDrawer .steps li::before{
  top:50%;
  transform:translateY(-50%);
}
#createDrawer .steps li:not(:last-child)::after{
  display:none;
}
#companyForm{
  padding:0 0 48px;
}
#createDrawer .step-pane{
  min-height:0;
  padding:28px 30px;
  border-radius:24px;
}
#createDrawer .step-intro{
  margin-bottom:20px;
}
#createDrawer .step-intro h3{
  font-size:30px;
}
#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  padding:18px;
}
#createDrawer input,
#createDrawer textarea,
#createDrawer select{
  min-height:52px;
}
#createDrawer .drawer-actions{
  position:static;
  display:flex;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:22px 0 0;
  padding:0;
  border:0;
  background:transparent;
  backdrop-filter:none;
}
#createDrawer .drawer-actions button{
  min-width:132px;
}
#createDrawer .step-pane[data-step="4"].active{
  grid-template-columns:minmax(0,1fr) minmax(400px,480px);
}
#createDrawer .meta-verification-box{
  position:static;
  top:auto;
}
body:has(#createDrawer.active) .sms-floating-widget{
  bottom:24px!important;
}
@media(max-width:900px){
  #createDrawer .drawer-head,
  #createDrawer .steps,
  #companyForm{
    width:calc(100vw - 28px);
  }
  #createDrawer .drawer-head{
    min-height:auto;
    align-items:flex-start;
  }
  #createDrawer .steps{
    grid-template-columns:1fr 1fr;
  }
  #createDrawer .step-pane{
    padding:20px;
  }
  #createDrawer .drawer-actions{
    display:grid;
  }
  #createDrawer .drawer-actions button{
    width:100%;
  }
}
@media(max-width:560px){
  #createDrawer .steps{
    grid-template-columns:1fr;
  }
}

/* Dense create workflow */
#createDrawer .drawer-head,
#createDrawer .steps,
#companyForm{
  width:min(1280px,calc(100vw - 32px));
}
#createDrawer .drawer-head{
  min-height:64px;
  padding:12px 0 10px;
}
#createDrawer .drawer-head h2{
  font-size:30px;
  line-height:1;
}
#createDrawer .drawer-head .eyebrow{
  font-size:10px;
  margin-bottom:2px;
}
#createDrawer .drawer-head .icon{
  min-height:42px;
  min-width:86px;
}
#createDrawer .steps{
  margin-bottom:12px;
  padding:8px;
  gap:10px;
  border-radius:16px;
}
#createDrawer .steps li{
  min-height:34px;
  padding:6px 8px 6px 38px;
  border-radius:12px;
  font-size:12px;
}
#createDrawer .steps li::before{
  left:8px;
  width:24px;
  height:24px;
  font-size:12px;
}
#companyForm{
  padding:0 0 24px;
}
#createDrawer .step-pane{
  padding:16px;
  border-radius:18px;
}
#createDrawer .step-intro{
  margin-bottom:12px;
  gap:4px;
}
#createDrawer .step-intro span{
  padding:4px 8px;
  font-size:10px;
}
#createDrawer .step-intro h3{
  font-size:24px;
}
#createDrawer .step-intro p{
  font-size:14px;
  line-height:1.35;
}
#createDrawer .form-grid{
  gap:12px;
}
#createDrawer .step-pane>label,
#createDrawer .form-grid>label,
#createDrawer .single-layout,
#createDrawer .domain-preview,
#createDrawer .meta-verification-box{
  padding:12px;
  border-radius:14px;
}
#createDrawer label{
  gap:6px;
  font-size:12px;
}
#createDrawer input,
#createDrawer textarea,
#createDrawer select{
  min-height:42px;
  border-radius:12px;
  padding:9px 12px;
  font-size:14px;
}
#createDrawer textarea{
  min-height:66px;
}
#createDrawer .input-action{
  gap:8px;
}
#createDrawer .input-action .ghost,
#createDrawer .inline-field .secondary{
  min-height:42px;
}
#createDrawer .publish-grid>label:nth-child(8),
#createDrawer .publish-grid>label:nth-child(9){
  grid-column:span 6;
}
#createDrawer .publish-grid>label:nth-child(8) textarea,
#createDrawer .publish-grid>label:nth-child(9) textarea{
  min-height:66px;
}
#createDrawer .drawer-actions{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:flex;
  justify-content:space-between;
  margin:14px 0 0;
  padding:0;
  background:transparent;
  border:0;
  backdrop-filter:none;
}
#createDrawer .drawer-actions button{
  min-height:40px;
}
#createDrawer .step-pane[data-step="4"].active{
  grid-template-columns:minmax(0,.92fr) minmax(390px,.72fr);
  gap:14px;
}
#createDrawer .step-pane[data-step="4"] .step-intro{
  margin-bottom:0;
}
#createDrawer .step-pane[data-step="4"] .publish-domain-grid{
  gap:12px;
}
#createDrawer .domain-preview{
  min-height:94px;
  padding:14px;
}
#createDrawer .domain-preview strong{
  font-size:18px;
  line-height:1.25;
}
#createDrawer .domain-preview-actions{
  gap:8px;
}
#createDrawer .domain-preview-actions .compact{
  min-height:36px;
  padding:7px 10px;
}
#createDrawer .meta-verification-box{
  gap:10px;
}
#createDrawer .meta-verification-box>div:first-child{
  gap:3px;
}
#createDrawer .meta-verification-box>div:first-child strong{
  font-size:17px;
}
#createDrawer .meta-verification-box>div:first-child p{
  font-size:13px;
  line-height:1.35;
}
#createDrawer .meta-grid{
  gap:10px;
}
#createDrawer .meta-grid textarea{
  min-height:58px;
}
@media(max-width:900px){
  #createDrawer .drawer-head,
  #createDrawer .steps,
  #companyForm{
    width:calc(100vw - 20px);
  }
  #createDrawer .steps{
    gap:8px;
  }
}

/* Three-step create flow */
#createDrawer .steps{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#createDrawer .drawer-actions{
  width:min(1280px,calc(100vw - 32px));
  margin:12px auto 0;
  padding-top:12px;
  border-top:1px solid rgba(1,111,239,.20);
}
#createDrawer .drawer-actions #nextStep,
#createDrawer .drawer-actions #saveSite{
  margin-left:auto;
}
#createDrawer .step-pane[data-step="3"].active{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(460px,.76fr);
  gap:14px;
  align-items:start;
}
#createDrawer .step-pane[data-step="3"] .step-intro{
  grid-column:1/-1;
  margin-bottom:0;
}
#createDrawer .step-pane[data-step="3"] .publish-domain-grid{
  grid-column:1;
  grid-template-columns:1fr;
  gap:12px;
}
#createDrawer .step-pane[data-step="3"] .publish-domain-grid>label{
  grid-column:1/-1;
}
#createDrawer .step-pane[data-step="3"] .domain-preview{
  grid-column:1;
  margin:0;
}
#createDrawer .step-pane[data-step="3"] .meta-verification-box{
  grid-column:2;
  grid-row:2 / span 2;
  margin:0;
}
#createDrawer .step-pane[data-step="3"] #publishResult,
#createDrawer .step-pane[data-step="3"]>.hint{
  grid-column:1/-1;
}
#createDrawer .step-pane[data-step="3"]>.hint{
  margin:0;
  font-size:12px;
}
#createDrawer .step-pane[data-step="3"] .meta-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
#createDrawer .step-pane[data-step="3"] .meta-grid>label{
  grid-column:auto!important;
}
#createDrawer .step-pane[data-step="3"] .meta-grid>label:first-child,
#createDrawer .step-pane[data-step="3"] .meta-grid>label:last-child{
  grid-column:1/-1!important;
}
#createDrawer .step-pane[data-step="3"] .file-picker span{
  min-height:42px;
}
#createDrawer .step-pane[data-step="2"]{
  padding-bottom:14px;
}
#createDrawer .step-pane[data-step="2"] .publish-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:10px;
}
#createDrawer .step-pane[data-step="2"] .publish-grid>label{
  min-height:auto;
}
@media(max-width:1100px){
  #createDrawer .step-pane[data-step="3"].active{
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane[data-step="3"] .meta-verification-box,
  #createDrawer .step-pane[data-step="3"] .publish-domain-grid,
  #createDrawer .step-pane[data-step="3"] .domain-preview{
    grid-column:1;
    grid-row:auto;
  }
}
@media(max-width:700px){
  #createDrawer .steps{
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane[data-step="3"] .meta-grid{
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane[data-step="3"] .meta-grid>label{
    grid-column:1/-1!important;
  }
}

/* Meta-first preparation step */
#createDrawer .step-pane[data-step="3"].active{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:start;
}
#createDrawer .step-pane[data-step="3"] .step-intro,
#createDrawer .step-pane[data-step="3"] .meta-verification-box,
#createDrawer .step-pane[data-step="3"] .publish-domain-grid,
#createDrawer .step-pane[data-step="3"] .domain-preview,
#createDrawer .step-pane[data-step="3"] #publishResult,
#createDrawer .step-pane[data-step="3"]>.hint{
  grid-column:1;
  grid-row:auto;
}
#createDrawer .step-pane[data-step="3"] .meta-verification-box{
  order:1;
  display:grid;
  grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);
  gap:14px;
  margin:0;
  border-color:rgba(250,204,21,.28);
  background:
    radial-gradient(circle at 96% 0,rgba(250,204,21,.10),transparent 18rem),
    linear-gradient(135deg,rgba(33,33,33,.94),rgba(10,10,10,.96));
}
#createDrawer .step-pane[data-step="3"] .meta-grid{
  grid-template-columns:1fr;
  gap:0;
}
#createDrawer .step-pane[data-step="3"] .meta-grid>label{
  grid-column:1!important;
}
#createDrawer .step-pane[data-step="3"] .meta-grid #metaTag{
  min-height:58px;
  font-size:15px;
}
#createDrawer .step-pane[data-step="3"] .publish-domain-grid{
  order:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);
  gap:12px;
}
#createDrawer .step-pane[data-step="3"] .publish-domain-grid>label{
  grid-column:auto;
}
#createDrawer .step-pane[data-step="3"] .domain-preview{
  order:3;
  min-height:88px;
}
#createDrawer .step-pane[data-step="3"] .domain-preview-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
}
#createDrawer .step-pane[data-step="3"] .domain-preview strong{
  max-width:100%;
  overflow-wrap:anywhere;
}
#createDrawer .step-pane[data-step="3"] #publishResult{
  order:4;
}
#createDrawer .step-pane[data-step="3"]>.hint{
  order:5;
}
#createDrawer .drawer-actions{
  clear:both;
  align-items:center;
}
@media(max-width:900px){
  #createDrawer .step-pane[data-step="3"] .meta-verification-box,
  #createDrawer .step-pane[data-step="3"] .publish-domain-grid,
  #createDrawer .step-pane[data-step="3"] .domain-preview-actions{
    grid-template-columns:1fr;
  }
}

/* Cloudflare cleanup */
.cleanup-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto auto auto;
  gap:10px;
  align-items:end;
}
.cleanup-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0 12px;
}
.cleanup-summary span{
  padding:7px 10px;
  border:1px solid rgba(250,204,21,.28);
  border-radius:999px;
  color:#fde68a;
  background:rgba(250,204,21,.10);
  font-size:12px;
  font-weight:950;
}
.cleanup-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:10px;
}
.cleanup-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:14px;
  border:1px solid rgba(1,111,239,.28);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(33,33,33,.78),rgba(10,10,10,.92));
}
.cleanup-card input{
  width:18px;
  min-height:18px;
  margin-top:3px;
  accent-color:var(--pink);
}
.cleanup-card strong,
.cleanup-card span,
.cleanup-card small{
  display:block;
}
.cleanup-card strong{
  overflow-wrap:anywhere;
}
.cleanup-card span{
  margin-top:4px;
  color:#f5f7fa;
}
.cleanup-card small{
  margin-top:5px;
  color:var(--muted);
  overflow-wrap:anywhere;
}
@media(max-width:950px){
  .cleanup-toolbar{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:620px){
  .cleanup-toolbar{
    grid-template-columns:1fr;
  }
}

/* Create flow final polish */
#createDrawer .drawer-head,
#createDrawer .steps,
#companyForm{
  width:min(1220px,calc(100vw - 44px));
}
#createDrawer .drawer-head{
  min-height:58px;
  padding:10px 0 8px;
}
#createDrawer .steps{
  margin-bottom:10px;
}
#createDrawer .step-pane{
  border-color:rgba(1,111,239,.25);
  background:
    radial-gradient(circle at 96% 0,rgba(1,111,239,.12),transparent 24rem),
    linear-gradient(180deg,rgba(22,22,22,.82),rgba(10,10,10,.90));
}
#createDrawer .step-pane[data-step="1"].active{
  width:min(900px,100%);
  min-height:420px;
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(360px,1fr);
  gap:14px;
  align-content:center;
  align-items:stretch;
  margin:0 auto;
  padding:22px;
}
#createDrawer .step-pane[data-step="1"] .step-intro{
  grid-row:span 3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin:0;
  padding:22px;
  border:1px solid rgba(250,204,21,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(250,204,21,.12),transparent 16rem),
    rgba(17,17,17,.74);
}
#createDrawer .step-pane[data-step="1"] .step-intro h3{
  font-size:30px;
}
#createDrawer .step-pane[data-step="1"]>label,
#createDrawer .step-pane[data-step="1"] .notice,
#createDrawer .step-pane[data-step="1"] .form-status{
  align-self:center;
}
#createDrawer .step-pane[data-step="1"] .cnpj-lookup-label{
  padding:16px;
}
#createDrawer .step-pane[data-step="1"] .inline-field{
  grid-template-columns:minmax(0,1fr) 120px;
}
#createDrawer .step-pane[data-step="3"].active{
  width:min(1120px,100%);
  margin:0 auto;
  padding:18px;
  gap:10px;
}
#createDrawer .step-pane[data-step="3"] .step-intro{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:14px;
  align-items:center;
  margin-bottom:2px;
}
#createDrawer .step-pane[data-step="3"] .step-intro span{
  grid-row:1 / span 2;
}
#createDrawer .step-pane[data-step="3"] .step-intro h3,
#createDrawer .step-pane[data-step="3"] .step-intro p{
  margin:0;
}
#createDrawer .step-pane[data-step="3"] .meta-verification-box{
  grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);
  padding:14px;
}
#createDrawer .step-pane[data-step="3"] .publish-domain-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);
}
#createDrawer .step-pane[data-step="3"] .domain-preview{
  min-height:76px;
  padding:13px 16px;
}
#createDrawer .step-pane[data-step="3"] .domain-preview-actions{
  grid-template-columns:minmax(0,1fr) auto;
}
#createDrawer .step-pane[data-step="3"] .domain-preview strong{
  font-size:20px;
}
#createDrawer #copyFinalUrlButton{
  display:none!important;
}
#createDrawer .publish-result.active{
  margin-top:0;
}
#createDrawer .publish-success{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
#createDrawer .publish-success strong{
  grid-column:1;
}
#createDrawer .publish-success button{
  grid-column:2;
  grid-row:1 / span 2;
}
body:has(#createDrawer.active) .sms-floating-widget.active:not(.positioned){
  display:grid!important;
  z-index:1000!important;
  left:24px!important;
  right:auto!important;
  top:auto!important;
  bottom:24px!important;
  width:min(390px,calc(100vw - 48px));
  max-height:260px;
}
body:has(#createDrawer.active) .sms-floating-widget .sms-floating-list{
  max-height:170px;
}
body:has(#createDrawer.active){
  overflow:hidden;
}
body:has(#createDrawer.active) #createDrawer{
  overflow:hidden;
}
body:has(#createDrawer.active) #createDrawer .drawer-panel{
  height:100dvh;
  overflow:hidden!important;
}
body:has(#createDrawer.active) #companyForm{
  overflow:visible;
}
body:has(#createDrawer.active) .sms-floating-widget.active.positioned[style]{
  display:grid!important;
  z-index:1000!important;
  left:var(--sms-left, 24px)!important;
  top:var(--sms-top, auto)!important;
  right:auto!important;
  bottom:auto!important;
}
@media(max-width:900px){
  #createDrawer .drawer-head,
  #createDrawer .steps,
  #companyForm{
    width:calc(100vw - 22px);
  }
  #createDrawer .step-pane[data-step="1"].active,
  #createDrawer .step-pane[data-step="3"].active,
  #createDrawer .step-pane[data-step="3"] .meta-verification-box,
  #createDrawer .step-pane[data-step="3"] .publish-domain-grid,
  #createDrawer .step-pane[data-step="3"] .step-intro{
    grid-template-columns:1fr;
  }
  #createDrawer .step-pane[data-step="1"].active{
    min-height:0;
  }
  #createDrawer .step-pane[data-step="1"] .step-intro{
    grid-row:auto;
  }
  #createDrawer .step-pane[data-step="1"] .inline-field,
  #createDrawer .publish-success{
    grid-template-columns:1fr;
  }
  #createDrawer .publish-success button{
    grid-column:auto;
    grid-row:auto;
  }
}

/* Studio Ops redesign - staging */
:root{
  --studio-bg:#0b0b0b;
  --studio-bg-2:#131313;
  --studio-panel:#1b1b1b;
  --studio-panel-2:#232323;
  --studio-panel-3:#151515;
  --studio-text:#fafafa;
  --studio-muted:#aaaaaa;
  --studio-line:rgba(148,163,184,.18);
  --studio-line-strong:rgba(143,192,255,.34);
  --studio-cyan:#016fef;
  --studio-green:#34d399;
  --studio-amber:#fbbf24;
  --studio-rose:#fb7185;
  --studio-violet:#8fc0ff;
  --studio-shadow:0 24px 80px rgba(0,0,0,.42);
  --studio-shadow-soft:0 14px 34px rgba(0,0,0,.28);
  --radius:14px;
  --radius-lg:22px;
  --text:var(--studio-text);
  --muted:var(--studio-muted);
  --panel:var(--studio-panel);
  --panel-2:var(--studio-panel-2);
  --field:#0e0e0e;
  --line:var(--studio-line);
  --pink:var(--studio-cyan);
  --cyan:var(--studio-cyan);
  --yellow:var(--studio-amber);
  --violet:var(--studio-violet);
  --good:var(--studio-green);
  --warn:var(--studio-amber);
  --bad:var(--studio-rose);
}

@keyframes studioFadeUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes studioSweep{
  from{transform:translateX(-120%)}
  to{transform:translateX(120%)}
}
@keyframes studioPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(1,111,239,.24)}
  50%{box-shadow:0 0 0 7px rgba(1,111,239,0)}
}
@keyframes studioGlow{
  from{opacity:.62;transform:translate3d(-1%,0,0)}
  to{opacity:.92;transform:translate3d(1%,-1%,0)}
}

html{background:var(--studio-bg)}
body{
  color:var(--studio-text);
  background:
    radial-gradient(circle at 12% 10%,rgba(1,111,239,.14),transparent 26rem),
    radial-gradient(circle at 84% 4%,rgba(52,211,153,.12),transparent 24rem),
    radial-gradient(circle at 78% 92%,rgba(251,191,36,.10),transparent 26rem),
    linear-gradient(135deg,#0b0b0b 0%,#141414 48%,#090909 100%)!important;
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
body::before{
  background:
    linear-gradient(90deg,rgba(143,192,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(143,192,255,.038) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 76%)!important;
}
body::after{
  height:44vh!important;
  background:linear-gradient(90deg,rgba(1,111,239,.12),rgba(52,211,153,.10),rgba(251,191,36,.08))!important;
  filter:blur(84px)!important;
  animation:studioGlow 8s ease-in-out infinite alternate!important;
}

.auth-gate{
  background:
    linear-gradient(180deg,rgba(11,11,11,.72),rgba(11,11,11,.92)),
    radial-gradient(circle at 20% 20%,rgba(1,111,239,.20),transparent 24rem),
    radial-gradient(circle at 78% 22%,rgba(251,191,36,.12),transparent 24rem)!important;
}
.auth-card{
  width:min(480px,100%);
  padding:34px;
  border-radius:24px;
  border:1px solid rgba(143,192,255,.22);
  background:
    linear-gradient(180deg,rgba(27,27,27,.92),rgba(14,14,14,.94)),
    rgba(27,27,27,.88)!important;
  box-shadow:var(--studio-shadow),0 0 0 1px rgba(255,255,255,.04)!important;
}
.auth-card::before{
  inset:0;
  width:auto;
  height:auto;
  background:
    linear-gradient(120deg,transparent 0%,rgba(1,111,239,.11) 48%,transparent 58%),
    radial-gradient(circle at 18% 0%,rgba(1,111,239,.16),transparent 20rem)!important;
  opacity:.9;
}
.auth-brand{
  border-color:rgba(52,211,153,.28);
  background:rgba(52,211,153,.12);
  color:#bbf7d0;
}
.auth-card h1{font-size:32px}
.auth-card label{
  background:rgba(14,14,14,.78)!important;
  border-color:rgba(148,163,184,.18)!important;
}

.shell{grid-template-columns:278px minmax(0,1fr)}
.sidebar{
  padding:18px 14px;
  background:
    linear-gradient(180deg,rgba(18,18,18,.96),rgba(11,11,11,.92)),
    rgba(18,18,18,.96)!important;
  border-right:1px solid rgba(143,192,255,.14);
  box-shadow:10px 0 40px rgba(0,0,0,.26);
}
.brand-lockup{
  padding:10px 8px 18px;
  border-bottom-color:rgba(143,192,255,.14);
}
.brand-mark{
  border-radius:14px;
  color:#0f0f0f;
  background:linear-gradient(135deg,var(--studio-cyan),var(--studio-green) 52%,var(--studio-amber))!important;
  box-shadow:0 16px 42px rgba(1,111,239,.20)!important;
  animation:studioPulse 3.5s ease-in-out infinite;
}
.mini-icon{
  border:1px solid rgba(143,192,255,.20)!important;
  background:rgba(143,192,255,.09)!important;
}
.nav{
  gap:6px;
}
.nav button{
  min-height:44px;
  border-radius:12px;
  color:#aaaaaa;
  padding:11px 12px 11px 38px;
  background:transparent;
}
.nav button::after{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateY(-50%);
  border:1px solid rgba(170,170,170,.55);
  background:rgba(170,170,170,.10);
}
.nav button::before{
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
}
.nav button:hover{
  transform:translateX(3px);
  color:#fafafa;
  background:rgba(143,192,255,.07);
  border-color:rgba(143,192,255,.14);
}
.nav button.active{
  color:#fafafa;
  border-color:rgba(1,111,239,.28);
  background:linear-gradient(90deg,rgba(1,111,239,.16),rgba(52,211,153,.07))!important;
  box-shadow:none;
}
.nav button.active::before{background:linear-gradient(180deg,var(--studio-cyan),var(--studio-green))}
.nav button.active::after{
  border-color:rgba(1,111,239,.72);
  background:var(--studio-cyan);
  box-shadow:0 0 16px rgba(1,111,239,.55);
}
.logout{
  border-color:rgba(251,191,36,.20)!important;
  color:#fde68a!important;
}

.workspace{padding:26px clamp(18px,3vw,38px) 44px}
.workspace-head{
  margin:-26px 0 18px;
  padding:18px 0;
  background:linear-gradient(180deg,rgba(11,11,11,.96),rgba(11,11,11,.82) 82%,transparent)!important;
}
.workspace h1{font-size:34px}
.eyebrow{
  color:#016fef!important;
}
.head-actions{
  gap:9px;
}
.daily-summary{
  border:1px solid rgba(143,192,255,.18);
  background:rgba(14,14,14,.68);
  border-radius:12px;
}

.primary,.secondary,.ghost,.notification-button,.compact,.icon{
  position:relative;
  overflow:hidden;
  min-height:42px;
  border-radius:12px!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.primary::after,.secondary::after,.notification-button::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -80%;
  width:64%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  opacity:0;
}
.primary:hover::after,.secondary:hover::after,.notification-button:hover::after{
  opacity:1;
  animation:studioSweep .75s ease;
}
.primary{
  border:1px solid rgba(1,111,239,.38)!important;
  color:#0d0d0d!important;
  background:linear-gradient(135deg,var(--studio-cyan),var(--studio-green))!important;
  box-shadow:0 16px 34px rgba(1,111,239,.18)!important;
}
.secondary{
  border:1px solid rgba(143,192,255,.32)!important;
  color:#f5f7fa!important;
  background:linear-gradient(135deg,rgba(143,192,255,.24),rgba(1,111,239,.10))!important;
}
.ghost,.notification-button{
  border:1px solid rgba(148,163,184,.18)!important;
  color:#e2e2e2!important;
  background:rgba(27,27,27,.58)!important;
}
.primary:hover,.secondary:hover,.ghost:hover,.notification-button:hover{
  transform:translateY(-2px);
  box-shadow:var(--studio-shadow-soft);
}
.notification-button{
  padding:10px 12px;
}
.notification-button span{
  background:linear-gradient(135deg,var(--studio-rose),var(--studio-amber))!important;
  color:#12070a!important;
}

.sites-hero,.sms-hero-panel{
  min-height:190px;
  border:1px solid rgba(143,192,255,.20)!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.14),rgba(52,211,153,.08) 46%,rgba(251,191,36,.08)),
    rgba(27,27,27,.74)!important;
  box-shadow:var(--studio-shadow-soft)!important;
}
.sites-hero::before,.sms-hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 70%);
}
.sites-hero h2,.sms-hero-panel h2{
  font-size:36px;
  line-height:1.08;
}

.panel,.metric-panel,.work-panel,.team-desk,.ops-summary article,.work-item,.published-item,.project-card,.member-row,.user-row,.finance-row,.inbox-item,.production-row,.goal-row,.integration-card,.sms-activation-card,.auth-card,.drawer-panel{
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.88),rgba(16,16,16,.90)),
    rgba(27,27,27,.86)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.24)!important;
}
.panel,.work-panel,.team-desk{padding:20px}
.panel-head,.work-panel-head,.team-desk-head{
  padding-bottom:12px;
  border-bottom:1px solid rgba(165,165,165,.12);
}
.panel-head h2,.work-panel-head h2,.team-desk h2{
  font-size:21px;
}
.panel-head p,.work-panel-head p,.team-desk p,.hint{
  color:#aaaaaa!important;
}
.ops-summary{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}
.ops-summary article,.metric-panel{
  min-height:112px;
  padding:16px;
}
.ops-summary article::before,.metric-panel::before{
  height:3px;
  background:linear-gradient(90deg,var(--studio-cyan),var(--studio-green),var(--studio-amber))!important;
}
.ops-summary strong,.metric-panel strong{
  color:#fafafa!important;
  font-size:30px;
}
.progress-track{
  background:rgba(148,163,184,.16)!important;
}
.progress-track i{
  background:linear-gradient(90deg,var(--studio-cyan),var(--studio-green))!important;
}

.work-item,.published-item,.production-row,.inbox-item,.user-row,.finance-row,.bm-task-card,.bm-item-row{
  animation:studioFadeUp .24s ease both;
}
.work-item:hover,.published-item:hover,.project-card:hover,.integration-card:hover,.sms-activation-card:hover{
  transform:translateY(-2px);
  border-color:rgba(1,111,239,.26)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30)!important;
}
.work-avatar{
  background:linear-gradient(135deg,var(--studio-cyan),var(--studio-green))!important;
  color:#0d0d0d!important;
}
.count-badge,.status-chip,.status-pill,.timer-chip{
  border:1px solid rgba(148,163,184,.18);
  border-radius:999px!important;
}
.status-chip.published,.status-chip.verified,.status-pill.connected{
  background:rgba(52,211,153,.14)!important;
  color:#bbf7d0!important;
}
.status-chip.checking,.status-chip.draft{
  background:rgba(251,191,36,.13)!important;
  color:#fde68a!important;
}
.status-chip.failed{
  background:rgba(251,113,133,.14)!important;
  color:#fecdd3!important;
}

label,.single-layout,.domain-preview,.saved-value,.meta-verification-box,.cloudflare-link-card{
  border-radius:14px!important;
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(14,14,14,.72)!important;
}
input,select,textarea{
  min-height:42px;
  border-radius:11px!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#fafafa!important;
  background:#0e0e0e!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:rgba(1,111,239,.60)!important;
  box-shadow:0 0 0 4px rgba(1,111,239,.10)!important;
}
select option{background:#141414;color:#fafafa}

.drawer{
  background:rgba(9,9,9,.72)!important;
  backdrop-filter:blur(14px);
}
.drawer-panel{
  border-color:rgba(1,111,239,.24)!important;
}
.drawer-head,.steps,.drawer-actions{
  background:rgba(16,16,16,.92)!important;
  border-color:rgba(165,165,165,.14)!important;
}
.steps li{
  min-height:42px;
  border-radius:12px!important;
  background:rgba(14,14,14,.72)!important;
}
.steps li.active{
  border-color:rgba(1,111,239,.42)!important;
  background:linear-gradient(90deg,rgba(1,111,239,.16),rgba(52,211,153,.08))!important;
}
.step-pane.active{
  animation:studioFadeUp .22s ease both;
}
.meta-verification-box{
  background:
    linear-gradient(135deg,rgba(1,111,239,.10),rgba(251,191,36,.06)),
    rgba(14,14,14,.74)!important;
}
.domain-preview{
  border-color:rgba(1,111,239,.28)!important;
  background:
    linear-gradient(135deg,rgba(1,111,239,.12),rgba(52,211,153,.06)),
    rgba(14,14,14,.82)!important;
}
.domain-preview strong{color:#fafafa!important}
.domain-warning{
  border-color:rgba(251,191,36,.30)!important;
  background:rgba(251,191,36,.12)!important;
  color:#fde68a!important;
}
.domain-health-notice{
  border-color:rgba(148,163,184,.16)!important;
  background:#151515!important;
}
.domain-health-notice.warning{
  border-color:rgba(251,191,36,.34)!important;
  background:#23160e!important;
}
.domain-health-notice.healthy{
  border-color:rgba(52,211,153,.28)!important;
  background:#0d1d19!important;
}
.domain-capacity em{
  background:rgba(165,165,165,.14)!important;
}
.domain-capacity i{
  background:linear-gradient(90deg,#016fef,#34d399)!important;
}
.domain-rotation-card.at-limit .domain-capacity i{
  background:#fbbf24!important;
}
.domain-rotation-card.over-limit .domain-capacity i{
  background:#fb3370!important;
}

.domain-rotation-summary article,.domain-rotation-card{
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(14,14,14,.66)!important;
}
.domain-rotation-card.suggested{
  border-color:rgba(52,211,153,.42)!important;
  box-shadow:0 0 0 1px rgba(52,211,153,.12),0 16px 36px rgba(0,0,0,.24)!important;
}
.domain-test-badge{
  background:rgba(251,191,36,.14)!important;
  color:#fde68a!important;
}

.copy-toast{
  border:1px solid rgba(1,111,239,.26)!important;
  border-radius:14px!important;
  background:rgba(14,14,14,.96)!important;
  color:#f5f7fa!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
}
.tutorial-modal{
  background:rgba(9,9,9,.72)!important;
  backdrop-filter:blur(14px);
}
.tutorial-panel{
  border:1px solid rgba(1,111,239,.26)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(27,27,27,.94),rgba(14,14,14,.96)),
    #141414!important;
  box-shadow:var(--studio-shadow)!important;
}
.tutorial-slide-icon{
  background:linear-gradient(135deg,var(--studio-cyan),var(--studio-green))!important;
  color:#0d0d0d!important;
}
.tutorial-dots button.active{
  background:var(--studio-cyan)!important;
}

.sms-floating-widget{
  border-color:rgba(1,111,239,.24)!important;
  background:rgba(14,14,14,.92)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
.table-wrap,.table{
  border-radius:16px!important;
}
.table th{
  background:rgba(27,27,27,.88)!important;
}
.table td{
  border-color:rgba(165,165,165,.12)!important;
}

@media(max-width:1100px){
  .shell{grid-template-columns:1fr}
  .sidebar{
    position:static;
    height:auto;
    border-right:0;
    border-bottom:1px solid rgba(143,192,255,.14);
  }
  .nav{
    display:flex;
    overflow:auto;
    padding-bottom:4px;
  }
  .nav button{
    flex:0 0 auto;
    width:auto;
    min-width:142px;
    white-space:nowrap;
  }
  .workspace-head{
    position:static;
    display:grid;
  }
}
@media(max-width:760px){
  .workspace{padding:18px 12px 34px}
  .head-actions>button,.notification-button{flex:1 1 150px}
  .sites-hero h2,.sms-hero-panel h2{font-size:30px}
  .panel,.work-panel,.team-desk{padding:14px}
  .domain-rotation-summary{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* User account final overrides */
.brand-mark{
  border:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.brand-mark span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
}
.brand-lockup strong{
  display:flex!important;
  align-items:center;
  gap:7px;
}
.mini-icon{
  width:24px;
  height:24px;
  min-height:24px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  font-weight:900;
}
.user-form{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
}
.user-row{
  grid-template-columns:minmax(170px,.8fr) minmax(260px,1fr) minmax(260px,420px) auto!important;
}
.user-name-edit{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto;
  gap:10px;
  align-items:center;
}
@media(max-width:1100px){
  .user-row,
  .user-form{
    grid-template-columns:1fr!important;
  }
  .user-name-edit,
  .user-password-reset{
    grid-template-columns:1fr;
  }
}

/* SMS admin user access final override */
.sms-user-picker,
.sms-user-access{
  overflow:hidden;
}
.sms-user-picker>div,
.sms-user-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:10px!important;
  align-items:stretch;
}
.user-check{
  min-width:0;
  width:100%;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.user-check input{
  width:14px!important;
  min-width:14px;
  height:14px;
  margin:0;
}
.user-check span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
.phone-integration-form .sms-user-picker{
  grid-column:1/-1;
}
.phone-integration-form button[type="submit"]{
  min-width:220px;
}
@media(max-width:640px){
  .sms-user-picker>div,
  .sms-user-grid{
    grid-template-columns:1fr!important;
  }
  .phone-integration-form button[type="submit"]{
    width:100%;
  }
}

/* V6 TRUE FINAL OVERRIDE */
body.redesign-v6 .shell{display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
body.redesign-v6 .sidebar{position:sticky!important;top:18px!important;width:100%!important;height:calc(100dvh - 36px)!important;min-height:0!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:16px!important;padding:16px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(26,26,26,.88),rgba(9,9,9,.92))!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;overflow:hidden!important}
body.redesign-v6 .nav{display:grid!important;align-content:start!important;gap:8px!important;overflow:auto!important}
body.redesign-v6 .nav button{width:100%!important;min-width:0!important;min-height:44px!important;justify-content:flex-start!important;border-radius:14px!important}
body.redesign-v6 .workspace{max-width:1500px!important;padding:0 0 28px!important;display:grid!important;gap:16px!important}
body.redesign-v6 .workspace-head{min-height:92px!important;padding:18px!important;border-radius:22px!important}
body.redesign-v6 #pageTitle,body.redesign-v6 .workspace h1{font-size:clamp(30px,3.6vw,46px)!important;line-height:1!important;letter-spacing:0!important}
body.redesign-v6 .sites-cockpit{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:16px!important;align-items:start!important}
body.redesign-v6 .sites-hero{min-height:210px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:18px!important;padding:22px!important;border-radius:22px!important}
body.redesign-v6 .sites-hero h2{max-width:680px!important;font-size:clamp(30px,3.2vw,44px)!important;line-height:1.02!important;letter-spacing:0!important}
body.redesign-v6 .sites-hero p{font-size:14px!important}
body.redesign-v6 .sites-hero-actions{min-width:180px!important;display:grid!important;gap:9px!important}
body.redesign-v6 .ops-summary{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.redesign-v6 .ops-summary article,body.redesign-v6 .metric-panel,body.redesign-v6 .finance-metrics article{min-height:92px!important;padding:15px!important;border-radius:18px!important}
body.redesign-v6 .ops-summary strong,body.redesign-v6 .metric-panel strong,body.redesign-v6 .finance-metrics strong{font-size:28px!important}
body.redesign-v6 .operations-layout{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr)!important;gap:16px!important}
@media(max-width:1180px){body.redesign-v6 .shell{grid-template-columns:1fr!important;padding:12px!important}body.redesign-v6 .sidebar{position:static!important;height:auto!important;grid-template-rows:auto auto!important}body.redesign-v6 .nav{display:flex!important;overflow-x:auto!important}body.redesign-v6 .nav button{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important}body.redesign-v6 .logout{display:none!important}body.redesign-v6 .sites-cockpit,body.redesign-v6 .operations-layout{grid-template-columns:1fr!important}body.redesign-v6 .ops-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){body.redesign-v6 .sites-hero{grid-template-columns:1fr!important;min-height:0!important}body.redesign-v6 .sites-hero h2{font-size:30px!important}body.redesign-v6 .sites-hero-actions{min-width:0!important;width:100%!important}body.redesign-v6 .ops-summary{grid-template-columns:1fr!important}}

/* V6 RESPONSIVE TRUE LAST PATCH */
body.redesign-v6 .workspace-head{height:auto!important;min-height:86px!important;max-height:none!important;align-items:center!important;padding:16px 18px!important}
body.redesign-v6 .head-actions{min-width:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.redesign-v6 .head-actions>button,body.redesign-v6 .notification-button{min-width:0!important;white-space:nowrap!important}
body.redesign-v6 .nav{overflow-y:auto!important;overflow-x:hidden!important;padding-right:2px!important}
body.redesign-v6 .nav button{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:6px 10px!important;overflow:hidden!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.redesign-v6 .nav button::before{width:30px!important;height:30px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(1,111,239,.24),rgba(255,49,92,.16))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;font-size:16px!important;line-height:1!important;animation:v6EmojiFloat 2.8s ease-in-out infinite}
body.redesign-v6 .nav button[data-view="sites"]::before{content:"🚀"!important}
body.redesign-v6 .nav button[data-view="bms"]::before{content:"✅"!important}
body.redesign-v6 .nav button[data-view="projects"]::before{content:"🗂️"!important}
body.redesign-v6 .nav button[data-view="integrations"]::before{content:"⚡"!important}
body.redesign-v6 .nav button[data-view="phones"]::before{content:"📲"!important}
body.redesign-v6 .nav button[data-view="emails"]::before{content:"📩"!important}
body.redesign-v6 .nav button[data-view="cloudflare"]::before{content:"🌐"!important}
body.redesign-v6 .nav button[data-view="cnpjs"]::before{content:"📋"!important}
body.redesign-v6 .nav button[data-view="goals"]::before{content:"🎯"!important}
body.redesign-v6 .nav button[data-view="users"]::before{content:"👥"!important}
body.redesign-v6 .nav button[data-view="finance"]::before{content:"💰"!important}
body.redesign-v6 .nav button.active::before{background:linear-gradient(135deg,var(--v6-purple),var(--v6-red))!important}
@keyframes v6EmojiFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
body.redesign-v6 .ops-summary article::after,body.redesign-v6 .metric-panel::after,body.redesign-v6 .finance-metrics article::after{position:absolute!important;right:14px!important;top:12px!important;opacity:.92!important;font-size:22px!important;line-height:1!important;animation:v6EmojiFloat 3.2s ease-in-out infinite}
body.redesign-v6 .ops-summary article:nth-child(1)::after{content:"🧾"!important}
body.redesign-v6 .ops-summary article:nth-child(2)::after{content:"🌍"!important}
body.redesign-v6 .ops-summary article:nth-child(3)::after{content:"🏁"!important}
body.redesign-v6 .ops-summary article:nth-child(4)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(1)::after{content:"💳"!important}
body.redesign-v6 .finance-metrics article:nth-child(2)::after{content:"📈"!important}
body.redesign-v6 .finance-metrics article:nth-child(3)::after{content:"🧮"!important}
body.redesign-v6 .finance-metrics article:nth-child(4)::after{content:"🧾"!important}
body.redesign-v6 .finance-metrics article:nth-child(5)::after{content:"🏦"!important}
body.redesign-v6 .finance-metrics article:nth-child(6)::after{content:"🎯"!important}
body.redesign-v6 .panel,body.redesign-v6 .work-panel,body.redesign-v6 .team-desk{min-width:0!important;overflow:hidden!important}
body.redesign-v6 .panel form,body.redesign-v6 .team-desk form,body.redesign-v6 .user-form,body.redesign-v6 .phone-integration-form,body.redesign-v6 .cloudflare-form,body.redesign-v6 .integration-form,body.redesign-v6 .finance-form,body.redesign-v6 .project-form{min-width:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important;gap:12px!important;align-items:end!important}
body.redesign-v6 .panel form label,body.redesign-v6 .team-desk form label,body.redesign-v6 .user-form label,body.redesign-v6 .phone-integration-form label,body.redesign-v6 .cloudflare-form label,body.redesign-v6 .integration-form label,body.redesign-v6 .finance-form label,body.redesign-v6 .project-form label{min-width:0!important}
body.redesign-v6 .panel form button,body.redesign-v6 .team-desk form button,body.redesign-v6 .user-form button,body.redesign-v6 .phone-integration-form button,body.redesign-v6 .cloudflare-form button,body.redesign-v6 .integration-form button,body.redesign-v6 .finance-form button,body.redesign-v6 .project-form button{width:auto!important;min-width:min(180px,100%)!important}
body.redesign-v6 .user-row,body.redesign-v6 .member-row,body.redesign-v6 .finance-row,body.redesign-v6 .production-row{min-width:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;gap:12px!important;align-items:center!important}
body.redesign-v6 .user-name-edit,body.redesign-v6 .user-password-reset{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
body.redesign-v6 .table-wrap,body.redesign-v6 table{max-width:100%!important}
body.redesign-v6 .table-wrap{overflow:auto!important}
body.redesign-v6 table{min-width:760px!important}
body.redesign-v6 input,body.redesign-v6 select,body.redesign-v6 textarea{min-width:0!important;width:100%!important}
body.redesign-v6 .staging-ribbon{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:1180px){body.redesign-v6 .workspace-head{grid-template-columns:1fr!important}body.redesign-v6 .head-actions{justify-content:start!important}body.redesign-v6 .nav{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:6px!important}body.redesign-v6 .nav button{grid-template-columns:28px auto!important;width:auto!important;min-width:max-content!important}}
@media(max-width:760px){body.redesign-v6 .workspace-head{padding:14px!important}body.redesign-v6 .head-actions{display:grid!important;grid-template-columns:1fr!important}body.redesign-v6 .head-actions>button,body.redesign-v6 .notification-button{width:100%!important}body.redesign-v6 .user-name-edit,body.redesign-v6 .user-password-reset{grid-template-columns:1fr!important}body.redesign-v6 table{min-width:640px!important}}
body.redesign-v6 .nav button.hidden,
body.redesign-v6 .nav button[hidden],
body.redesign-v6 .head-actions .hidden,
body.redesign-v6 .head-actions [hidden],
body.redesign-v6 [data-employee-hidden="true"]{
  display:none!important;
}

/* Login isolation and verification scene */
body:has(.auth-gate:not(.hidden)) .shell,
body.redesign-v6:has(.auth-gate:not(.hidden)) .shell,
.auth-gate:not(.hidden)+.shell,
body.redesign-v6 .auth-gate:not(.hidden)+.shell{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body:has(.auth-gate:not(.hidden)),
body.redesign-v6:has(.auth-gate:not(.hidden)){
  overflow:hidden!important;
  background:#080808!important;
}

.auth-gate,
body.redesign-v6 .auth-gate{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(16px,4vw,42px)!important;
  overflow:hidden!important;
  background:#080808!important;
  backdrop-filter:none!important;
  isolation:isolate!important;
}

.auth-gate.hidden,
body.redesign-v6 .auth-gate.hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.auth-gate::before,
body.redesign-v6 .auth-gate::before{
  content:""!important;
  position:absolute!important;
  inset:clamp(12px,2vw,28px)!important;
  z-index:-3!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:clamp(24px,4vw,44px)!important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #080808!important;
  background-size:64px 64px!important;
  opacity:.74!important;
}

.auth-gate::after,
body.redesign-v6 .auth-gate::after{
  content:""!important;
  position:absolute!important;
  inset:auto -8% -18% -8%!important;
  z-index:-2!important;
  height:46dvh!important;
  background:#141414!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  transform:skewY(-4deg)!important;
  box-shadow:0 -60px 120px rgba(1,111,239,.16)!important;
}

.auth-verify-symbol{
  position:absolute;
  left:max(34px,7vw);
  top:50%;
  z-index:-1;
  width:clamp(220px,28vw,390px);
  aspect-ratio:1;
  transform:translateY(-50%);
  border-radius:40%;
  opacity:.98;
  pointer-events:none;
}

.verify-orbit{
  position:absolute;
  inset:10%;
  border:2px solid rgba(143,192,255,.22);
  border-radius:50%;
  transform:rotate(-18deg) scaleX(1.34);
  box-shadow:0 0 40px rgba(1,111,239,.22);
  animation:verifyOrbit 7s linear infinite;
}

.verify-orbit-b{
  inset:18%;
  border-color:rgba(244,63,94,.22);
  transform:rotate(18deg) scaleX(1.34);
  animation-duration:9s;
  animation-direction:reverse;
}

.verify-badge{
  position:absolute;
  left:50%;
  top:50%;
  width:44%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.18);
  border-radius:32%;
  background:#170822;
  box-shadow:
    0 22px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08);
  animation:verifyPulse 2.4s ease-in-out infinite;
}

.verify-badge::before{
  content:"";
  width:48%;
  height:27%;
  border-left:clamp(8px,1vw,13px) solid #ff3d7f;
  border-bottom:clamp(8px,1vw,13px) solid #ff3d7f;
  transform:rotate(-45deg) translate(2%, -8%);
  border-radius:4px;
  filter:drop-shadow(0 0 16px rgba(255,61,127,.52));
  animation:verifyCheck 2.4s ease-in-out infinite;
}

body.redesign-v6 .auth-card,
.auth-card{
  position:relative!important;
  z-index:2!important;
  width:min(460px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:14px!important;
  overflow:auto!important;
  padding:clamp(24px,4vw,38px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:#121212!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.54),
    0 0 0 1px rgba(1,111,239,.06),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  animation:authCardIn .45s ease both!important;
}

body.redesign-v6 .auth-card::before,
body.redesign-v6 .auth-card::after,
.auth-card::before,
.auth-card::after{
  display:none!important;
  content:none!important;
}

body.redesign-v6 .auth-brand,
.auth-brand{
  width:max-content!important;
  margin:0 0 8px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  color:#f5f7fa!important;
  background:#1f1f1f!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

body.redesign-v6 .auth-card h1,
.auth-card h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(42px,7vw,62px)!important;
  line-height:.95!important;
  letter-spacing:0!important;
}

body.redesign-v6 .auth-card p,
.auth-card p{
  margin:0 0 12px!important;
  color:#d7d7d7!important;
}

body.redesign-v6 .auth-card label,
.auth-card label{
  display:block!important;
  margin:0!important;
  color:#e8e8e8!important;
  font-size:12px!important;
  font-weight:850!important;
}

body.redesign-v6 .auth-card input,
.auth-card input{
  width:100%!important;
  height:54px!important;
  margin-top:7px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#090909!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.redesign-v6 .auth-card .primary,
.auth-card .primary{
  width:100%!important;
  min-height:56px!important;
  margin:10px 0 0!important;
  border:0!important;
  border-radius:16px!important;
  background:#ff2d6f!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(255,45,111,.28)!important;
}

@keyframes verifyOrbit{
  from{rotate:0deg}
  to{rotate:360deg}
}

@keyframes verifyPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.045)}
}

@keyframes verifyCheck{
  0%,100%{opacity:.9;filter:drop-shadow(0 0 13px rgba(1,111,239,.46))}
  50%{opacity:1;filter:drop-shadow(0 0 24px rgba(1,111,239,.72))}
}

@keyframes authCardIn{
  from{opacity:0;transform:translateY(14px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:820px){
  .auth-verify-symbol{
    left:50%;
    top:18%;
    width:230px;
    transform:translate(-50%,-50%);
    opacity:.34;
  }
  .auth-gate::after,
  body.redesign-v6 .auth-gate::after{
    height:36dvh!important;
  }
}

/* Login submit feedback */
.auth-loading-panel{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  color:#f5f7fa;
  background:#0b0611;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  font-size:13px;
  font-weight:850;
}

.auth-loading-panel.hidden{
  display:none!important;
}

.auth-mini-loader{
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.16);
  border-top-color:#ff2d6f;
  border-right-color:#016fef;
  box-shadow:0 0 18px rgba(255,45,111,.28);
  animation:authMiniSpin .72s linear infinite;
}

.auth-loading-panel::after{
  content:"";
  width:34px;
  height:8px;
  margin-left:auto;
  border-radius:999px;
  background:
    radial-gradient(circle,#ff2d6f 0 3px,transparent 4px) 0 50%/11px 8px,
    radial-gradient(circle,#8fc0ff 0 3px,transparent 4px) 11px 50%/11px 8px,
    radial-gradient(circle,#8fc0ff 0 3px,transparent 4px) 22px 50%/11px 8px;
  background-repeat:no-repeat;
  animation:authDots 1s ease-in-out infinite;
}

.auth-card.auth-busy input,
body.redesign-v6 .auth-card.auth-busy input{
  pointer-events:none!important;
  opacity:.62!important;
}

.auth-card.auth-busy .primary,
body.redesign-v6 .auth-card.auth-busy .primary{
  cursor:wait!important;
  opacity:.92!important;
}

.auth-gate.auth-success .auth-card,
body.redesign-v6 .auth-gate.auth-success .auth-card{
  min-height:390px!important;
  align-items:center!important;
  text-align:center!important;
  justify-content:center!important;
}

.auth-gate.auth-success .auth-brand,
body.redesign-v6 .auth-gate.auth-success .auth-brand{
  margin-left:auto!important;
  margin-right:auto!important;
  color:#fff!important;
  background:#2a0e2f!important;
  box-shadow:0 0 26px rgba(255,45,111,.16)!important;
}

.auth-gate.auth-success .auth-card label,
.auth-gate.auth-success #authStatus,
.auth-gate.auth-success #authSubmit,
body.redesign-v6 .auth-gate.auth-success .auth-card label,
body.redesign-v6 .auth-gate.auth-success #authStatus,
body.redesign-v6 .auth-gate.auth-success #authSubmit{
  display:none!important;
}

.auth-gate.auth-success .auth-loading-panel,
body.redesign-v6 .auth-gate.auth-success .auth-loading-panel{
  width:min(320px,100%)!important;
  justify-content:center!important;
  margin-top:10px!important;
  border-color:rgba(255,45,111,.22)!important;
  background:#0b0611!important;
}

.auth-gate.auth-success .auth-loading-panel::after,
body.redesign-v6 .auth-gate.auth-success .auth-loading-panel::after{
  margin-left:0!important;
}

.auth-gate.auth-success .auth-verify-symbol{
  opacity:.72;
}

.auth-gate.auth-success .verify-badge{
  animation:verifySuccessPulse 1.35s ease-in-out infinite!important;
}

@keyframes authMiniSpin{
  to{transform:rotate(360deg)}
}

@keyframes authDots{
  0%,100%{opacity:.42;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-1px)}
}

@keyframes verifySuccessPulse{
  0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 0 rgba(255,45,111,0)}
  50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 42px rgba(255,45,111,.35)}
}

/* Login 3D final polish */
.auth-gate,
body.redesign-v6 .auth-gate{
  perspective:1200px!important;
  background:#070707!important;
}

.auth-gate::before,
body.redesign-v6 .auth-gate::before{
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
    #070707!important;
  background-size:72px 72px!important;
}

.auth-gate::after,
body.redesign-v6 .auth-gate::after{
  height:42dvh!important;
  background:#131313!important;
  box-shadow:
    0 -46px 100px rgba(1,111,239,.12),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.auth-verify-symbol{
  width:clamp(270px,30vw,430px)!important;
  transform:translateY(-50%) rotateX(58deg) rotateZ(-18deg)!important;
  transform-style:preserve-3d!important;
  filter:drop-shadow(0 34px 34px rgba(0,0,0,.42))!important;
  animation:auth3dFloat 5.8s ease-in-out infinite!important;
}

.auth-verify-symbol::before{
  content:""!important;
  position:absolute!important;
  inset:15%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 40% 35%,rgba(1,111,239,.28),transparent 34%),
    radial-gradient(circle at 62% 65%,rgba(1,111,239,.24),transparent 38%),
    #101010!important;
  transform:translateZ(-34px)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    inset 0 18px 38px rgba(255,255,255,.04),
    inset 0 -24px 42px rgba(0,0,0,.36)!important;
}

.auth-verify-symbol::after{
  content:""!important;
  position:absolute!important;
  left:12%!important;
  right:12%!important;
  bottom:2%!important;
  height:22%!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.56)!important;
  filter:blur(24px)!important;
  transform:translateZ(-58px)!important;
}

.verify-orbit{
  inset:9%!important;
  border-width:3px!important;
  border-color:rgba(1,111,239,.32)!important;
  transform:translateZ(8px) rotateX(0) rotateZ(0) scaleX(1.32)!important;
  box-shadow:
    0 0 34px rgba(1,111,239,.18),
    inset 0 0 16px rgba(255,255,255,.06)!important;
  animation:verify3dOrbitA 7.5s linear infinite!important;
}

.verify-orbit-b{
  inset:17%!important;
  border-color:rgba(244,63,94,.38)!important;
  transform:translateZ(18px) rotateZ(65deg) scaleX(1.28)!important;
  animation:verify3dOrbitB 9.5s linear infinite!important;
}

.verify-badge{
  width:43%!important;
  border-radius:30%!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,0) 38%),
    linear-gradient(155deg,#2b1038,#12071d 58%,#07030b)!important;
  transform:translate(-50%,-50%) translateZ(56px) rotateX(-58deg) rotateZ(18deg)!important;
  transform-style:preserve-3d!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.42),
    0 16px 50px rgba(255,45,111,.18),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 12px 12px 26px rgba(255,255,255,.04),
    inset -16px -20px 28px rgba(0,0,0,.36)!important;
  animation:verify3dBadge 4.2s ease-in-out infinite!important;
}

.verify-badge::before{
  width:46%!important;
  height:27%!important;
  border-left:12px solid #ff3d7f!important;
  border-bottom:12px solid #ff3d7f!important;
  transform:rotate(-45deg) translate(2%,-8%) translateZ(28px)!important;
  border-radius:6px!important;
  filter:
    drop-shadow(0 4px 0 rgba(112,17,63,.78))
    drop-shadow(0 0 18px rgba(255,61,127,.56))!important;
  animation:verify3dCheck 2.8s ease-in-out infinite!important;
}

.verify-badge::after{
  content:""!important;
  position:absolute!important;
  inset:11% 13% auto 16%!important;
  height:28%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,0))!important;
  transform:translateZ(18px) rotate(-12deg)!important;
  opacity:.72!important;
}

.auth-loading-panel{
  position:relative!important;
  min-height:58px!important;
  gap:14px!important;
  padding:13px 16px!important;
  border-color:rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:#0b0611!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -16px 22px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}

.auth-loading-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,45,111,.18),transparent)!important;
  transform:translateX(-120%)!important;
  animation:auth3dPanelSweep 1.9s ease-in-out infinite!important;
}

.auth-loading-panel::after{
  width:46px!important;
  height:12px!important;
  margin-left:auto!important;
  background:
    radial-gradient(circle,#ff3d7f 0 4px,transparent 5px) 0 50%/15px 12px,
    radial-gradient(circle,#8fc0ff 0 4px,transparent 5px) 15px 50%/15px 12px,
    radial-gradient(circle,#8fc0ff 0 4px,transparent 5px) 30px 50%/15px 12px!important;
  background-repeat:no-repeat!important;
  animation:auth3dDots 1.05s ease-in-out infinite!important;
}

.auth-mini-loader{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%),
    linear-gradient(155deg,#323232,#141414 62%,#090909)!important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.38),
    0 0 28px rgba(255,45,111,.18),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset -9px -12px 16px rgba(0,0,0,.32)!important;
  transform-style:preserve-3d!important;
  animation:auth3dLoaderTilt 1.35s ease-in-out infinite!important;
}

.auth-mini-loader::before{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:9px!important;
  width:15px!important;
  height:8px!important;
  border-left:4px solid #ff3d7f!important;
  border-bottom:4px solid #ff3d7f!important;
  border-radius:2px!important;
  transform:rotate(-45deg) translateZ(12px)!important;
  filter:drop-shadow(0 2px 0 rgba(68,68,68,.8)) drop-shadow(0 0 10px rgba(1,111,239,.58))!important;
}

.auth-mini-loader::after{
  content:""!important;
  position:absolute!important;
  inset:auto 4px -8px 4px!important;
  height:10px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.5)!important;
  filter:blur(6px)!important;
  transform:translateZ(-16px)!important;
}

.auth-gate.auth-success .auth-loading-panel,
body.redesign-v6 .auth-gate.auth-success .auth-loading-panel{
  width:min(360px,100%)!important;
  justify-content:flex-start!important;
}

.auth-gate.auth-success .auth-loading-panel::after,
body.redesign-v6 .auth-gate.auth-success .auth-loading-panel::after{
  margin-left:auto!important;
}

.auth-gate.auth-success .verify-badge{
  animation:verify3dBadgeSuccess 1.55s ease-in-out infinite!important;
}

@keyframes auth3dFloat{
  0%,100%{transform:translateY(-50%) rotateX(58deg) rotateZ(-18deg) translate3d(0,0,0)}
  50%{transform:translateY(-54%) rotateX(58deg) rotateZ(-14deg) translate3d(0,-8px,0)}
}

@keyframes verify3dOrbitA{
  from{transform:translateZ(8px) rotateZ(0deg) scaleX(1.32)}
  to{transform:translateZ(8px) rotateZ(360deg) scaleX(1.32)}
}

@keyframes verify3dOrbitB{
  from{transform:translateZ(18px) rotateZ(65deg) scaleX(1.28)}
  to{transform:translateZ(18px) rotateZ(-295deg) scaleX(1.28)}
}

@keyframes verify3dBadge{
  0%,100%{transform:translate(-50%,-50%) translateZ(56px) rotateX(-58deg) rotateZ(18deg) scale(1)}
  50%{transform:translate(-50%,-50%) translateZ(68px) rotateX(-58deg) rotateZ(18deg) scale(1.035)}
}

@keyframes verify3dBadgeSuccess{
  0%,100%{transform:translate(-50%,-50%) translateZ(58px) rotateX(-58deg) rotateZ(18deg) scale(1)}
  50%{transform:translate(-50%,-50%) translateZ(78px) rotateX(-58deg) rotateZ(18deg) scale(1.07)}
}

@keyframes verify3dCheck{
  0%,100%{opacity:.88;filter:drop-shadow(0 4px 0 rgba(112,17,63,.78)) drop-shadow(0 0 14px rgba(1,111,239,.48))}
  50%{opacity:1;filter:drop-shadow(0 5px 0 rgba(112,17,63,.78)) drop-shadow(0 0 26px rgba(1,111,239,.76))}
}

@keyframes auth3dPanelSweep{
  0%{transform:translateX(-130%);opacity:0}
  35%,65%{opacity:1}
  100%{transform:translateX(130%);opacity:0}
}

@keyframes auth3dLoaderTilt{
  0%,100%{transform:rotateX(18deg) rotateY(-24deg) translateY(0)}
  50%{transform:rotateX(24deg) rotateY(28deg) translateY(-2px)}
}

@keyframes auth3dDots{
  0%,100%{opacity:.46;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}

@media(max-width:820px){
  .auth-verify-symbol{
    width:230px!important;
    top:17%!important;
    transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-18deg)!important;
    opacity:.48!important;
  }
  .auth-gate.auth-success .auth-verify-symbol{
    opacity:.36!important;
  }
}

/* Login 3D angle correction */
.auth-verify-symbol{
  transform:translateY(-50%) rotateX(42deg) rotateZ(-14deg)!important;
}

.verify-badge{
  transform:translate(-50%,-50%) translateZ(66px) rotateX(-28deg) rotateY(-12deg) rotateZ(12deg)!important;
}

.verify-badge::before{
  transform:rotate(-45deg) translate(2%,-8%) translateZ(34px)!important;
}

@keyframes auth3dFloat{
  0%,100%{transform:translateY(-50%) rotateX(42deg) rotateZ(-14deg) translate3d(0,0,0)}
  50%{transform:translateY(-54%) rotateX(40deg) rotateZ(-10deg) translate3d(0,-8px,0)}
}

@keyframes verify3dBadge{
  0%,100%{transform:translate(-50%,-50%) translateZ(66px) rotateX(-28deg) rotateY(-12deg) rotateZ(12deg) scale(1)}
  50%{transform:translate(-50%,-50%) translateZ(82px) rotateX(-24deg) rotateY(-8deg) rotateZ(12deg) scale(1.035)}
}

@keyframes verify3dBadgeSuccess{
  0%,100%{transform:translate(-50%,-50%) translateZ(70px) rotateX(-28deg) rotateY(-12deg) rotateZ(12deg) scale(1)}
  50%{transform:translate(-50%,-50%) translateZ(92px) rotateX(-22deg) rotateY(-8deg) rotateZ(12deg) scale(1.07)}
}

@media(max-width:820px){
  .auth-verify-symbol{
    transform:translate(-50%,-50%) rotateX(42deg) rotateZ(-14deg)!important;
  }
}

/* ADM compact domain usage popover */
.domain-quick-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
}

.domain-quick-wrap.hidden{
  display:none!important;
}

.domain-quick-button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 12px!important;
}

.domain-quick-button img{
  width:17px!important;
  height:17px!important;
  filter:invert(1) brightness(1.7)!important;
  opacity:.9!important;
}

.domain-quick-button span{
  display:inline-grid!important;
  place-items:center!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  color:#111111!important;
  background:#8fc0ff!important;
  font-size:12px!important;
  font-weight:950!important;
}

.domain-quick-popover{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  z-index:80!important;
  width:min(420px,calc(100vw - 28px))!important;
  max-height:min(560px,70vh)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid rgba(143,192,255,.24)!important;
  border-radius:18px!important;
  background:#121212!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.03) inset!important;
}

.domain-quick-popover.hidden{
  display:none!important;
}

.domain-quick-popover header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:2px 2px 10px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.domain-quick-popover header strong{
  color:#fff!important;
  font-size:15px!important;
}

.domain-quick-popover header small{
  color:#bababa!important;
  font-size:11px!important;
  text-align:right!important;
}

.domain-quick-list{
  display:grid!important;
  gap:8px!important;
  padding-top:10px!important;
}

.domain-quick-item{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 74px auto auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:#1a1a1a!important;
  text-align:left!important;
  cursor:pointer!important;
}

.domain-quick-item:hover{
  border-color:rgba(143,192,255,.34)!important;
  background:#222222!important;
  transform:translateY(-1px)!important;
}

.domain-quick-item.suggested{
  border-color:rgba(52,211,153,.42)!important;
}

.domain-quick-name{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}

.domain-quick-name strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
}

.domain-quick-name small{
  color:#bababa!important;
  font-size:10px!important;
}

.domain-quick-meter{
  height:8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#363636!important;
}

.domain-quick-meter i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:#34d399!important;
}

.domain-quick-item.near .domain-quick-meter i{background:#facc15!important}
.domain-quick-item.limit .domain-quick-meter i,
.domain-quick-item.over .domain-quick-meter i{background:#fb7185!important}
.domain-quick-item.paused{opacity:.58!important}

.domain-quick-total{
  display:flex!important;
  align-items:baseline!important;
  gap:2px!important;
  justify-self:end!important;
  font-weight:950!important;
}

.domain-quick-total b{
  font-size:18px!important;
}

.domain-quick-total em{
  color:#bababa!important;
  font-style:normal!important;
  font-size:11px!important;
}

.domain-quick-status{
  min-width:58px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  color:#f5f7fa!important;
  background:rgba(255,255,255,.075)!important;
  font-size:10px!important;
  font-weight:950!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

.domain-quick-item.ok .domain-quick-status,
.domain-quick-item.suggested .domain-quick-status{
  color:#bbf7d0!important;
  background:rgba(52,211,153,.13)!important;
}

.domain-quick-item.limit .domain-quick-status,
.domain-quick-item.over .domain-quick-status{
  color:#ffe4e6!important;
  background:rgba(251,113,133,.16)!important;
}

.domain-quick-empty{
  padding:18px!important;
  color:#bababa!important;
  text-align:center!important;
}

@media(max-width:760px){
  .domain-quick-wrap{
    width:100%!important;
  }
  .domain-quick-button{
    width:100%!important;
    justify-content:center!important;
  }
  .domain-quick-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:84px!important;
    width:auto!important;
    max-height:calc(100dvh - 104px)!important;
  }
  .domain-quick-item{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .domain-quick-meter,
  .domain-quick-status{
    grid-column:1 / -1!important;
  }
}