/* AD SCALE: self-hosted fonts and the final application colour layer. */
@font-face{
  font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/inter-latin-ext-variable.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/fonts/inter-latin-variable.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;
  src:url("/fonts/space-grotesk-latin-ext-variable.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;
  src:url("/fonts/space-grotesk-latin-variable.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

body.redesign-v6{
  --adscale-blue:#016fef;
  --adscale-blue-hover:#005fce;
  --adscale-canvas:#000000;
  --adscale-surface:#080808;
  --adscale-raised:#101010;
  --adscale-field:#050505;
  --adscale-border:#252525;
  --adscale-border-strong:#3b3b3b;
  --adscale-text:#f5f7fa;
  --adscale-muted:#9ca3af;
  --adscale-accent-text:#79b8ff;
  --adscale-focus:rgba(1,111,239,.26);
  --adscale-glow:0 8px 28px rgba(1,111,239,.16);
  --adscale-shadow:0 14px 34px rgba(0,0,0,.32);
  --ink:var(--adscale-text);--text:var(--adscale-text);--muted:var(--adscale-muted);--soft:#d1d5db;
  --bg:var(--adscale-canvas);--bg-2:var(--adscale-surface);--panel:var(--adscale-surface);
  --panel-2:var(--adscale-raised);--panel-3:#151515;--field:var(--adscale-field);
  --line:var(--adscale-border);--line-strong:var(--adscale-border-strong);
  --pink:var(--adscale-blue);--coral:var(--adscale-blue);--cyan:var(--adscale-blue);
  --blue:var(--adscale-blue);--violet:var(--adscale-blue);
  --good:#4ade80;--warn:#facc15;--bad:#f87171;
  --shadow:var(--adscale-shadow);--glow:var(--adscale-glow);
  --v6-bg:var(--adscale-canvas);--v6-card:var(--adscale-surface);--v6-panel:var(--adscale-surface);
  --v6-panel-2:var(--adscale-raised);--v6-line:var(--adscale-border);--v6-text:var(--adscale-text);
  --v6-muted:var(--adscale-muted);--v6-soft:#d1d5db;--v6-purple:var(--adscale-blue);
  --v6-pink:var(--adscale-blue-hover);--v6-red:var(--adscale-blue);--v6-cyan:var(--adscale-blue);
  --v6-shadow:var(--adscale-shadow);
  --studio-bg:var(--adscale-canvas);--studio-bg-2:var(--adscale-surface);
  --studio-panel:var(--adscale-surface);--studio-panel-2:var(--adscale-raised);--studio-panel-3:var(--adscale-field);
  --studio-text:var(--adscale-text);--studio-muted:var(--adscale-muted);--studio-line:var(--adscale-border);
  --studio-line-strong:rgba(1,111,239,.4);--studio-cyan:var(--adscale-blue);--studio-violet:var(--adscale-blue);
  --studio-shadow:var(--adscale-shadow);--studio-shadow-soft:var(--adscale-shadow);
  color:var(--adscale-text)!important;
  background:var(--adscale-canvas)!important;
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  color-scheme:dark;
  accent-color:var(--adscale-blue);
  scrollbar-color:#404040 #080808;
}
html:has(body.redesign-v6){background:#000000}
body.redesign-v6::before,body.redesign-v6::after{background:none!important;box-shadow:none!important}
body.redesign-v6 ::selection{color:#fff;background:rgba(1,111,239,.55)}
body.redesign-v6 :is(h1,h2,h3,h4,h5,h6){font-family:"Space Grotesk","Inter","Segoe UI",sans-serif!important;font-weight:700!important;color:var(--adscale-text)}
body.redesign-v6 .checker-group-title{color:var(--checker-group-color)!important}
body.redesign-v6 :is(button,input,select){font-family:"Inter","Segoe UI",Arial,sans-serif!important}
body.redesign-v6 :is(.primary,.secondary,.ghost,.notification-button,.guide-link,.compact){font-weight:600!important}
body.redesign-v6 :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--adscale-blue)!important}

/* Identity is separate from the signed-in user's profile. */
body.redesign-v6 .sidebar-identity{display:grid;gap:12px;min-width:0}
body.redesign-v6 .client-brand{display:flex;align-items:center;gap:8px;min-width:0;color:#fff}
body.redesign-v6 .client-brand img{display:block;width:40px;height:29px;object-fit:contain}
body.redesign-v6 .client-brand span{font-family:"Space Grotesk","Inter",sans-serif;font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1}
body.redesign-v6 .sidebar,body.redesign-v6 .workspace-head{background:var(--adscale-surface)!important;border-color:var(--adscale-border)!important;box-shadow:var(--adscale-shadow)!important}
body.redesign-v6 .sidebar::before{background:var(--adscale-blue)!important;box-shadow:none!important}
body.redesign-v6 .brand-lockup{background:var(--adscale-raised)!important;border-color:var(--adscale-border)!important;box-shadow:none!important}
body.redesign-v6 .brand-lockup strong{color:#fff!important;font-weight:700!important}
body.redesign-v6 .brand-lockup>div>span{color:var(--adscale-muted)!important}
body.redesign-v6 .brand-mark,body.redesign-v6 .work-avatar{background:var(--adscale-blue)!important;color:#fff!important;box-shadow:none!important}
body.redesign-v6 .role-badge{background:#191919!important;border-color:#373737!important;color:#d1d5db!important}
body.redesign-v6 .sidebar .nav button{color:#aeb4bd!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;font-weight:600!important}
body.redesign-v6 .sidebar .nav button:hover{color:#fff!important;background:#141414!important;border-color:#303030!important}
body.redesign-v6 .sidebar .nav button.active{color:#fff!important;background:rgba(1,111,239,.14)!important;border-color:rgba(1,111,239,.58)!important;box-shadow:inset 3px 0 0 var(--adscale-blue)!important}
body.redesign-v6 .sidebar .nav .nav-icon{filter:brightness(0) invert(.7)!important}
body.redesign-v6 .sidebar .nav button.active .nav-icon{filter:brightness(0) saturate(100%) invert(33%) sepia(85%) saturate(2839%) hue-rotate(204deg) brightness(98%) contrast(104%)!important}
body.redesign-v6 .sidebar .nav button.active .nav-emoji{background:transparent!important;box-shadow:none!important}
body.redesign-v6 .workspace-head::before,body.redesign-v6 .sites-hero::before,body.redesign-v6 .sites-hero::after,body.redesign-v6 .sms-hero-panel::before,body.redesign-v6 .sms-hero-panel::after{background:none!important;box-shadow:none!important}
body.redesign-v6 .eyebrow,body.redesign-v6 .step-intro>span{color:var(--adscale-accent-text)!important}

/* Base surfaces keep the established layout and dimensions. */
body.redesign-v6 .workspace :is(.panel,.work-panel,.team-desk,.metric-panel,.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,.domain-rotation-card){background:var(--adscale-surface)!important;border-color:var(--adscale-border)!important;box-shadow:var(--adscale-shadow)!important;color:var(--adscale-text)}
body.redesign-v6 .workspace :is(.sites-hero,.sms-hero-panel){background:linear-gradient(110deg,#0b1018,#080808 70%)!important;border-color:#24364e!important;box-shadow:var(--adscale-shadow)!important}
body.redesign-v6 .workspace :is(.ops-summary article,.domain-rotation-summary article,.finance-metrics article){background:var(--adscale-surface)!important;border-color:var(--adscale-border)!important;box-shadow:var(--adscale-shadow)!important}
body.redesign-v6 .workspace :is(.ops-summary article,.metric-panel,.finance-metrics article,.domain-rotation-summary article)::before{background:var(--adscale-blue)!important}
body.redesign-v6 :is(.panel-head,.work-panel-head,.team-desk-head){border-color:var(--adscale-border)!important}
body.redesign-v6 :is(.panel-head p,.work-panel-head p,.team-desk p,.step-intro p,.hint,.cloudflare-link-card span){color:var(--adscale-muted)!important}
body.redesign-v6 :is(.work-item,.published-item,.project-card,.integration-card,.sms-activation-card):hover{border-color:rgba(1,111,239,.5)!important;box-shadow:0 12px 32px rgba(0,0,0,.4)!important}
body.redesign-v6 .count-badge{color:#e5e7eb!important;background:#161616!important;border-color:#333!important}
body.redesign-v6 .progress-track{background:#242424!important}
body.redesign-v6 .progress-track i{background:var(--adscale-blue)!important}
body.redesign-v6 .workspace :is(.work-item a,.published-item a,.table a){color:var(--adscale-accent-text)!important}

/* Blue is the action colour; destructive and state colours stay semantic. */
body.redesign-v6 .primary,body.redesign-v6 .auth-card .primary{background:var(--adscale-blue)!important;border-color:var(--adscale-blue)!important;color:#fff!important;box-shadow:var(--adscale-glow)!important}
body.redesign-v6 .primary:hover,body.redesign-v6 .auth-card .primary:hover{background:var(--adscale-blue-hover)!important;border-color:var(--adscale-blue-hover)!important;box-shadow:0 8px 28px rgba(1,111,239,.24)!important}
body.redesign-v6 .primary:active{background:#005ecb!important}
body.redesign-v6 :is(.secondary,.ghost,.notification-button,.guide-link){color:#e5e7eb!important;background:#141414!important;border-color:#303030!important;box-shadow:none!important}
body.redesign-v6 :is(.secondary,.ghost,.notification-button,.guide-link):hover{color:#fff!important;background:#19212b!important;border-color:rgba(1,111,239,.58)!important;box-shadow:none!important}
body.redesign-v6 :is(.primary,.secondary,.notification-button)::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)!important}
body.redesign-v6 .notification-button span,body.redesign-v6 .domain-quick-button span{background:var(--adscale-blue)!important;color:#fff!important;box-shadow:none!important}
body.redesign-v6 .mini-icon{border-color:#333!important;background:transparent!important;color:var(--adscale-muted)!important}
body.redesign-v6 .mini-icon:hover{background:#1b1b1b!important;color:#fff!important}
body.redesign-v6 .mini-icon img{filter:brightness(0) invert(.8)!important}

/* Fields, steps, and the site creation drawer. */
body.redesign-v6 label{color:#d1d5db!important;border-color:var(--adscale-border)!important;background-color:transparent!important;background-image:none!important}
body.redesign-v6 :is(input,select,textarea){color:var(--adscale-text)!important;background:var(--adscale-field)!important;border-color:#303030!important;accent-color:var(--adscale-blue)}
body.redesign-v6 :is(input,select,textarea)::placeholder{color:#727985!important;opacity:1}
body.redesign-v6 :is(input,select,textarea):focus{border-color:var(--adscale-blue)!important;box-shadow:0 0 0 3px var(--adscale-focus)!important}
body.redesign-v6 select option{background:#0b0b0b!important;color:#f5f7fa!important}
body.redesign-v6 :is(.single-layout,.domain-preview,.saved-value,.meta-verification-box,.cloudflare-link-card){background:#0c0c0c!important;border-color:#303030!important;color:var(--adscale-text)!important}
body.redesign-v6 .domain-preview{border-color:rgba(1,111,239,.46)!important;background:rgba(1,111,239,.06)!important}
body.redesign-v6 .domain-preview strong{color:#fff!important}
body.redesign-v6 #createDrawer.drawer,body.redesign-v6 .tutorial-modal{background:rgba(0,0,0,.82)!important}
body.redesign-v6 #createDrawer .drawer-panel,body.redesign-v6 .tutorial-panel{background:#080808!important;border-color:#303030!important;box-shadow:0 30px 100px rgba(0,0,0,.7)!important}
body.redesign-v6 #createDrawer :is(.drawer-head,.drawer-actions,.steps){background:rgba(8,8,8,.97)!important;border-color:#282828!important}
body.redesign-v6 #createDrawer .step-pane{background:#0a0a0a!important;border-color:#252525!important}
body.redesign-v6 #createDrawer .steps li{background:#151515!important;border-color:#303030!important;color:#aeb4bd!important}
body.redesign-v6 #createDrawer .steps li.active{background:rgba(1,111,239,.14)!important;border-color:rgba(1,111,239,.55)!important;color:#fff!important}
body.redesign-v6 #createDrawer .steps li.active::before{background:var(--adscale-blue)!important;color:#fff!important}
body.redesign-v6 #adminOnlyPublishControl{color:#d1d5db!important}
body.redesign-v6 #adminOnlyPublishStatus{color:var(--adscale-muted)!important}
body.redesign-v6 #adminOnlyPublishDomain{accent-color:var(--adscale-blue)!important}

/* Keep each creation step at its natural height inside the form's scroll area. */
body.redesign-v6 #createDrawer #companyForm {
  display: block !important;
  min-height: 0 !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}
body.redesign-v6 #createDrawer .step-pane[data-step="3"].active {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  height: auto;
}
body.redesign-v6 #createDrawer .step-pane[data-step="3"] > * {
  min-width: 0;
}
body.redesign-v6 #createDrawer .step-pane[data-step="3"] .domain-preview {
  min-height: 0;
  height: auto;
  align-content: start;
}
body.redesign-v6 #createDrawer .step-pane[data-step="3"] .domain-preview-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body.redesign-v6 #createDrawer .domain-preview-actions > strong {
  flex: 0 0 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}
body.redesign-v6 #createDrawer .domain-preview-actions > button {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
}
body.redesign-v6 #createDrawer #copyFinalUrlButton:not([hidden]):not(.hidden) {
  display: inline-flex !important;
}
body.redesign-v6 #createDrawer #publishResult {
  min-width: 0;
  height: auto;
  overflow-wrap: anywhere;
}
body.redesign-v6 #createDrawer .publish-success {
  grid-template-columns: minmax(0, 1fr) auto;
}
body.redesign-v6 #createDrawer .publish-success > :is(span, strong) {
  min-width: 0;
  grid-column: 1;
}
body.redesign-v6 #createDrawer #companyForm > .drawer-actions {
  margin-top: 14px !important;
}
@media (max-width: 760px) {
  body.redesign-v6 #createDrawer .step-pane[data-step="3"] :is(.meta-verification-box, .publish-domain-grid),
  body.redesign-v6 #createDrawer .publish-success {
    grid-template-columns: minmax(0, 1fr);
  }
  body.redesign-v6 #createDrawer .publish-success > button {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}

body.redesign-v6 .tutorial-slide-icon{background:var(--adscale-blue)!important;color:#fff!important;box-shadow:var(--adscale-glow)!important}
body.redesign-v6 .tutorial-dots button{background:#343434!important}
body.redesign-v6 .tutorial-dots button.active{background:var(--adscale-blue)!important}

/* Tables, empty views, transient messages, and domain usage popover. */
body.redesign-v6 .table-wrap,body.redesign-v6 .table{border-color:#282828!important;background:#080808!important}
body.redesign-v6 .table th{background:#111111!important;color:#aeb4bd!important;border-color:#282828!important}
body.redesign-v6 .table td{color:#e5e7eb!important;border-color:#252525!important}
body.redesign-v6 .table tbody tr:hover{background:rgba(1,111,239,.05)!important}
body.redesign-v6 .workspace .empty-state{background:#0b0b0b!important;border-color:#2a2a2a!important;color:#9ca3af!important}
body.redesign-v6 .workspace .empty-state::before,body.redesign-v6 .workspace .empty-state::after{background-color:var(--adscale-blue)!important}
body.redesign-v6 :is(.copy-toast,.admin-toast,.sms-floating-widget,.sms-floating-card){background:rgba(10,10,10,.98)!important;border-color:#333!important;color:#e5e7eb!important;box-shadow:0 18px 48px rgba(0,0,0,.5)!important}
body.redesign-v6 .copy-toast{border-color:rgba(1,111,239,.5)!important}
body.redesign-v6 .domain-quick-popover{background:#090909!important;border-color:#333!important;box-shadow:0 24px 70px rgba(0,0,0,.65)!important}
body.redesign-v6 .domain-quick-item{background:#141414!important;border-color:#292929!important;color:#fff!important}
body.redesign-v6 .domain-quick-item:hover{background:#181d24!important;border-color:rgba(1,111,239,.5)!important}
body.redesign-v6 :is(.domain-quick-name small,.domain-quick-popover header small,.domain-quick-total em,.domain-quick-empty){color:#9ca3af!important}
body.redesign-v6 .domain-quick-meter{background:#2b2b2b!important}
body.redesign-v6 #sessionExpiredNotice{background:#211010!important;border-color:#7f3434!important;color:#fecaca!important}

/* Login and its existing loading illustration use the same blue identity. */
body.redesign-v6 .auth-gate{background:#000!important}
body.redesign-v6 .auth-gate::before{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#000!important;background-size:72px 72px!important}
body.redesign-v6 .auth-gate::after{background:#050505!important;box-shadow:0 -46px 100px rgba(1,111,239,.1),inset 0 1px 0 rgba(255,255,255,.04)!important}
body.redesign-v6 .auth-card{background:#080808!important;border-color:#292929!important;box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 0 1px rgba(1,111,239,.08),inset 0 1px 0 rgba(255,255,255,.03)!important}
body.redesign-v6 .auth-brand{display:flex!important;align-items:center!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-size:32px!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1!important;text-transform:none!important}
body.redesign-v6 .auth-brand img{display:block;width:46px;height:33px;object-fit:contain}
body.redesign-v6 .auth-card p{color:#a8afb8!important}
body.redesign-v6 .auth-card label{color:#d1d5db!important;font-weight:600!important}
body.redesign-v6 .auth-card input{background:#030303!important;border-color:#303030!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
body.redesign-v6 .auth-card input:focus{border-color:var(--adscale-blue)!important;box-shadow:0 0 0 3px var(--adscale-focus)!important}
body.redesign-v6 .auth-verify-symbol::before{background:radial-gradient(circle at 40% 35%,rgba(1,111,239,.15),transparent 55%),#070707!important;box-shadow:0 0 0 1px #242424,inset 0 18px 38px rgba(255,255,255,.025),inset 0 -24px 42px rgba(0,0,0,.4)!important}
body.redesign-v6 .auth-verify-symbol .auth-client-mark{display:block;position:relative;z-index:1;width:76%;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(1,111,239,.16))}
body.redesign-v6 .verify-orbit{border-color:rgba(1,111,239,.35)!important;box-shadow:0 0 34px rgba(1,111,239,.14),inset 0 0 16px rgba(255,255,255,.025)!important}
body.redesign-v6 .verify-orbit-b{border-color:rgba(93,162,255,.3)!important}
body.redesign-v6 .verify-badge{background:linear-gradient(155deg,#17202d,#080b10 58%,#030303)!important;border-color:#303b49!important;box-shadow:0 22px 48px rgba(0,0,0,.5),0 16px 50px rgba(1,111,239,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
body.redesign-v6 .verify-badge::before{border-left-color:var(--adscale-blue)!important;border-bottom-color:var(--adscale-blue)!important;filter:drop-shadow(0 4px 0 #00254f) drop-shadow(0 0 18px rgba(1,111,239,.4))!important}
body.redesign-v6 .verify-badge:has(img)::before,body.redesign-v6 .verify-badge:has(img)::after{display:none!important;content:none!important}
body.redesign-v6 .auth-loading-panel{background:#090909!important;border-color:#2b2b2b!important;box-shadow:0 18px 38px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)!important}
body.redesign-v6 .auth-loading-panel::before{background:linear-gradient(90deg,transparent,rgba(1,111,239,.14),transparent)!important}
body.redesign-v6 .auth-loading-panel::after{background:radial-gradient(circle,#016fef 0 4px,transparent 5px) 0 50%/15px 12px,radial-gradient(circle,#2386ff 0 4px,transparent 5px) 15px 50%/15px 12px,radial-gradient(circle,#79b8ff 0 4px,transparent 5px) 30px 50%/15px 12px!important;background-repeat:no-repeat!important}
body.redesign-v6 .auth-mini-loader{background:linear-gradient(155deg,#173253,#090d13 62%,#030303)!important;border-color:#2b3b50!important;box-shadow:0 12px 24px rgba(0,0,0,.45),0 0 28px rgba(1,111,239,.12),inset 0 1px 0 rgba(255,255,255,.06)!important}
body.redesign-v6 .auth-mini-loader::before{border-left-color:var(--adscale-blue)!important;border-bottom-color:var(--adscale-blue)!important;filter:drop-shadow(0 2px 0 #00254f) drop-shadow(0 0 10px rgba(1,111,239,.4))!important}

#view-users .users-panel {
  display: grid;
  gap: 16px;
}
#view-users #userForm {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto !important;
  margin: 0;
}
#view-users .users-list {
  gap: 8px;
}
#view-users .user-row {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 12px !important;
  padding: 12px 14px;
  border-radius: 10px;
}
#view-users .user-main {
  overflow-wrap: anywhere;
}
#view-users :is(.user-account-state, .user-row-actions, .user-edit-actions) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
#view-users .user-row-actions {
  justify-content: flex-end;
}
#view-users .user-access-status[data-active="true"] {
  color: #86efac;
  background: #102519;
  border-color: #28533a;
}
#view-users .user-access-status[data-active="false"] {
  color: #fbbf24;
  background: #281e0d;
  border-color: #594420;
}
#view-users .user-access-button[data-active="true"] {
  color: #fca5a5 !important;
}
#view-users .user-access-button[data-active="false"] {
  color: var(--adscale-accent-text) !important;
}
#view-users .user-edit-panel {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 12px;
  padding: 12px 0 0;
  border-top: 1px solid var(--adscale-border);
}
#view-users .user-edit-panel[hidden] {
  display: none !important;
}
#view-users .user-cnpj-access {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 12px 0 0;
  border-top: 1px solid var(--adscale-border);
}
#view-users .user-cnpj-access > div {
  flex: 1 1 220px;
  min-width: 0;
}
#view-cnpjs #cnpjBankStatus:empty {
  display: none;
}
#view-users :is(.user-edit-actions, .user-edit-close, .user-password-hint) {
  grid-column: 1 / -1;
}
#view-users :is(.user-edit-close, .user-edit-actions) {
  justify-self: end;
}
#view-users :is(.user-name-edit, .user-password-reset) {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  margin: 0;
}
#view-users .user-edit-panel button[type="submit"] {
  min-width: 0 !important;
}
#view-users .user-password-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px 8px;
  min-width: 0;
}
#view-users .user-password-field > label:not(:has(input)) {
  grid-column: 1 / -1;
}
#view-users .user-password-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px;
  padding-inline: 9px;
}
#view-users .user-password-toggle svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}
#view-users .user-password-hint {
  margin: 0;
  color: var(--adscale-muted);
  font-size: 12px;
  line-height: 1.5;
}
#view-users #userStatus:empty {
  display: none;
}
@media (max-width: 900px) {
  #view-users .user-edit-panel {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  #view-users #userForm,
  #view-users .user-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #view-users .user-row-actions {
    justify-content: flex-start;
  }
  #view-users #userForm > button[type="submit"] {
    justify-self: start;
  }
}
@media (max-width: 520px) {
  #view-users :is(.user-name-edit, .user-password-reset) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #view-users .user-edit-panel button[type="submit"] {
    justify-self: start;
  }
}

#view-integrations #casaDadosForm {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  margin: 0;
}
#view-integrations #casaDadosForm button {
  min-width: 0 !important;
  white-space: nowrap;
}
#view-integrations #casaDadosRemove[hidden],
#view-integrations #casaDadosStatus:empty {
  display: none !important;
}
@media (max-width: 700px) {
  #view-integrations #casaDadosForm {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #view-integrations #casaDadosForm button {
    justify-self: start;
  }
}

/* Keep the sidebar and SMS in one scroll area independent of document overflow. */
html:has(> body.redesign-v6[data-view="phones"]),
body.redesign-v6[data-view="phones"] {
  overflow: hidden !important;
}
body.redesign-v6[data-view="phones"] .shell {
  box-sizing: border-box;
  height: 100dvh !important;
  min-height: 0 !important;
  align-content: start;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  scrollbar-color: #545b65 #101113;
}
body.redesign-v6[data-view="phones"]:has(#createDrawer.active, .auth-gate:not(.hidden)) .shell {
  overflow-y: hidden !important;
}
body.redesign-v6[data-view="phones"] .workspace {
  height: auto;
  max-height: none;
  overflow: visible;
  gap: 12px !important;
}
body.redesign-v6[data-view="phones"] .workspace-head {
  margin-bottom: 0 !important;
}
body.redesign-v6[data-view="phones"]:not(:has(#createDrawer.active)) #smsFloatingWidget {
  display: none !important;
}

#view-phones.active,
#view-phones :is(.sms-workflow, .sms-admin-tools) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  min-width: 0;
  gap: 12px;
}
body[data-role="user"] #view-phones .sms-admin-tools,
#view-phones.employee-sms-view .sms-admin-tools,
#view-phones .sms-admin-tools[hidden] {
  display: none;
}
#view-phones :is(.panel, .sms-hero-panel) {
  margin: 0;
}
#view-phones .sms-hero-panel {
  grid-column: 1 / -1;
  min-height: 0;
  padding: 14px 16px;
}
#view-phones .sms-hero-panel h2 {
  font-size: clamp(22px, 2.4vw, 30px);
}
#view-phones .sms-hero-panel p:last-child {
  margin-top: 6px;
}
#view-phones .panel-head {
  margin-bottom: 12px;
}
#view-phones .form-status:empty,
#view-phones .empty-state:has(+ :is(.sms-systems-grid, .sms-activations-grid) > *) {
  display: none !important;
}

#view-phones #smsNumberForm,
#view-phones #phoneIntegrationForm {
  gap: 8px !important;
  margin: 0;
}
#view-phones #smsNumberForm {
  grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr)) !important;
}
#view-phones #phoneIntegrationForm {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
#view-phones #phoneIntegrationForm > label:nth-child(n + 3) {
  grid-column: 1 / -1;
}
#view-phones #phoneIntegrationNotes {
  min-height: 64px;
  resize: vertical;
}
#view-phones :is(#smsNumberForm, #phoneIntegrationForm) > label {
  gap: 6px;
  padding: 8px;
}
#view-phones :is(#smsNumberForm, #phoneIntegrationForm) > button {
  min-width: 0 !important;
}
#view-phones :is(.sms-user-picker > div, .sms-user-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)) !important;
}
#view-phones .user-check input {
  width: 14px !important;
  min-width: 14px !important;
  min-height: 14px;
  padding: 0;
}

#view-phones .sms-systems-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 10px;
}
#view-phones :is(.sms-system-card, .sms-activation-card) {
  gap: 10px;
  padding: 12px;
  overflow-wrap: anywhere;
}
#view-phones .sms-system-top {
  flex-wrap: wrap;
}
#view-phones .sms-activation-card {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr));
}
#view-phones :is(.sms-actions, .sms-system-card .quick-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
#view-phones :is(.sms-actions, .sms-system-card .quick-actions) > button {
  flex: 1 1 125px;
  min-width: 0;
  white-space: normal;
}

@media (min-width: 940px) {
  body[data-role="master"] #view-phones.active:not(.employee-sms-view):has(> .sms-admin-tools:not([hidden])) {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: start;
  }
}
@media (max-width: 760px) {
  body.redesign-v6[data-view="phones"] .head-actions {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px !important;
  }
  body.redesign-v6[data-view="phones"] .head-actions > :is(a, button) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px;
    padding: 6px 10px !important;
  }
}
@media (max-width: 520px) {
  #view-phones #smsNumberForm {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #view-phones #smsNumberForm > :is(#smsIntegrationField, button) {
    grid-column: 1 / -1;
  }
  #view-phones #phoneIntegrationForm {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}