*{box-sizing:border-box}html{background:#f5f6fa}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#181a20;background:#f5f6fa;font-size:16px;line-height:1.55}a{color:#3d35a8;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:74px;background:#fff;border-bottom:1px solid #e5e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;color:#191b24;font-weight:800}.brandmark{width:38px;height:38px;border-radius:11px;background:#342d96;color:#fff;display:grid;place-items:center;font-size:14px}.topright{display:flex;align-items:center;gap:18px}.topright span{color:#5f6472}.imp{background:#fff4d6;padding:8px 12px;border-radius:9px;color:#7a5200}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 74px)}aside{background:#fff;border-right:1px solid #e5e7ef;padding:30px 18px}aside nav{display:grid;gap:8px}aside a{padding:12px 14px;border-radius:10px;color:#444958;font-weight:650}aside a:hover{background:#f2f3f8;color:#2d2789}main{width:100%;max-width:1460px;margin:0 auto;padding:44px 42px 80px}.pagehead{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:30px}.pagehead h1{font-size:38px;line-height:1.1;margin:4px 0 10px}.pagehead p{margin:0;color:#666b79;max-width:760px}.eyebrow{font-size:14px!important;font-weight:800;letter-spacing:.12em;color:#766fc8!important}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.stats>div{background:#fff;border:1px solid #e6e8f0;border-radius:16px;padding:22px}.stats span{display:block;color:#6b7080;margin-bottom:8px}.stats strong{font-size:28px;display:block}.stats small{font-size:15px;color:#777c89}.card{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:28px;margin-bottom:26px}.narrow{max-width:820px}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.sectionhead h2,.card h2{margin:0;font-size:22px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sitegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.sitecard{display:block;border:1px solid #e4e6ee;border-radius:14px;padding:20px;color:#222633;transition:.15s}.sitecard:hover{transform:translateY(-1px);border-color:#c9c7e9}.sitecard>div:first-child{display:flex;align-items:center;gap:9px}.sitecard p{color:#6b7080;margin:10px 0 20px;overflow-wrap:anywhere}.sitefoot{display:flex!important;gap:12px!important;flex-wrap:wrap;color:#737887;font-size:15px}.dot{width:9px;height:9px;border-radius:50%;background:#b6b9c3}.dot.connected{background:#2f9b68}.pair{display:inline-block;background:#f1f1f7;border:1px dashed #bab8d4;border-radius:12px;padding:15px 18px;font-size:24px;letter-spacing:.08em;font-weight:850;margin-top:12px}.btn,button{border:0;border-radius:10px;background:#342d96;color:#fff;padding:12px 16px;cursor:pointer;font-weight:700;display:inline-block}.secondary{background:#fff!important;color:#342d96!important;border:1px solid #ccc9ea!important}.smallbtn{padding:9px 12px}.statuspill{padding:9px 13px;border-radius:999px;font-weight:800;font-size:14px}.statuspill.healthy{background:#e8f7ef;color:#16734b}.statuspill.warning{background:#fff4d6;color:#8a5b00}.statuspill.critical{background:#fdeaea;color:#a52727}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:650;color:#4d5260}input,select,textarea{width:100%;border:1px solid #d8dbe5;background:#fff;border-radius:10px;padding:13px 14px;color:#20232b;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#6d66c1;box-shadow:0 0 0 3px rgba(79,70,183,.09)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checks{display:flex;gap:20px;flex-wrap:wrap}.checks label,.check{display:flex;align-items:center;gap:9px;font-weight:600}.checks input,.check input{width:auto}.table{display:grid}.tr{display:grid;grid-template-columns:150px minmax(260px,1.6fr) minmax(160px,1fr) 150px;gap:18px;align-items:center;padding:16px 4px;border-bottom:1px solid #eceef3}.tr:last-child{border-bottom:0}.tr small{display:block;color:#777c88;margin-top:4px}.badge{display:inline-block;width:max-content;padding:6px 9px;border-radius:8px;background:#f0f1f5;color:#626775}.badge.published,.badge.completed{background:#e7f6ee;color:#18754c}.badge.failed,.badge.quarantine{background:#fdeaea;color:#a22626}.badge.running,.badge.writing,.badge.auditing,.badge.publishing{background:#eef0ff;color:#3932a4}.badge.ready,.badge.approved{background:#edf8f2;color:#19714c}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kv span{background:#f7f8fb;border-radius:10px;padding:12px;color:#646977}.kv b{display:block;color:#1f232d;margin-top:3px}.progress{height:10px;background:#eceef4;border-radius:99px;overflow:hidden;margin-top:16px}.progress span{display:block;height:100%;background:#4a43a7;border-radius:99px}.alert{padding:12px 14px;background:#fff0ef;color:#a22c25;border-radius:10px;margin-bottom:16px}.empty{padding:28px;color:#747987;text-align:center}.apihelp{display:grid;gap:8px;margin:12px 0}.apihelp code{display:block;background:#f4f5f8;border-radius:9px;padding:12px;overflow:auto;color:#363a46}.auth{min-height:100vh;display:grid;place-items:center;padding:30px}.authcard{width:min(100%,520px);background:#fff;border:1px solid #e4e6ee;border-radius:20px;padding:34px}.authcard h1{font-size:32px;margin:18px 0 8px}.authcard>p{color:#6d7280}.brandbig{font-weight:850;font-size:20px;color:#342d96}.authcard hr{border:0;border-top:1px solid #eceef3;width:100%;margin:4px 0}@media(max-width:980px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #e5e7ef;padding:12px 20px}aside nav{display:flex;overflow:auto}.stats{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.tr{grid-template-columns:120px 1.5fr 1fr}.tr>*:last-child{grid-column:auto}.topright>span{display:none}}@media(max-width:700px){.topbar{height:auto;padding:16px 18px;align-items:flex-start}.brand span:last-child{display:none}.topright{gap:10px;flex-wrap:wrap;justify-content:flex-end}.shell{display:block}main{padding:30px 18px 60px}.pagehead{flex-direction:column}.pagehead h1{font-size:32px}.stats{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.tr{grid-template-columns:1fr;gap:6px;padding:18px 0}.actions{width:100%}.actions form{width:100%}.actions button{width:100%}.card{padding:22px}.pair{font-size:19px;word-break:break-all}}
.budgetrow{display:flex;align-items:end;justify-content:space-between;gap:18px;background:#f8f9fb;border-radius:10px;padding:12px 14px;margin:8px 4px}.budgetrow form{display:flex;align-items:end;gap:10px}.budgetrow label{font-size:15px}.budgetrow input{width:120px;padding:9px 10px}@media(max-width:700px){.budgetrow,.budgetrow form{align-items:stretch;flex-direction:column}.budgetrow input{width:100%}}

.providerform .micro,.micro{margin:4px 0 0;color:#717685;font-size:15px}.providerquick{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;padding:18px;background:#f7f8fb;border:1px solid #eaebf1;border-radius:14px}.hint{display:block;color:#7a7f8d;font-weight:500;font-size:14px;line-height:1.45}.advanced{border:1px solid #e6e8ef;border-radius:12px;padding:0 16px}.advanced summary{cursor:pointer;padding:15px 0;font-weight:750;color:#3f4451}.advanced[open] summary{border-bottom:1px solid #eceef3;margin-bottom:16px}.presetnote{margin:4px 0 16px}.providerlist{display:grid;gap:14px}.providercard{border:1px solid #e4e6ee;border-radius:14px;padding:18px;background:#fff}.providercard.disabled{background:#fafafa;opacity:.82}.providermain{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.providertitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.providermain p{margin:6px 0;color:#626776}.providermain small{display:block;color:#7b808d;line-height:1.45}.provideractions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #eceef3}.provideractions form{display:block;gap:0}.danger{background:#fff!important;color:#a32727!important;border:1px solid #e3bcbc!important}.teststate{border-radius:10px;padding:11px 12px;background:#f5f6f9;min-width:0}.teststate strong,.teststate small{display:block}.teststate.ok{background:#edf8f2;color:#166b47}.teststate.bad{background:#fdeeee;color:#9d2727}.teststate.neutral{color:#666c79}.alert.success{background:#eaf7ef;color:#176c49}.providerquick select,.providerquick input{background:#fff}@media(max-width:850px){.providerquick,.providermain{grid-template-columns:1fr}.provideractions{align-items:stretch}.provideractions>a,.provideractions form,.provideractions button{width:100%}}
/* v2.0.4 Gemini current-model migration + provider management UX */
.savednotice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 17px}.savednotice strong{font-size:16px}.savednotice span{color:#2f6e4f}.providercard{position:relative}.providercard.justsaved{border:2px solid #58a77e;box-shadow:0 0 0 4px rgba(47,155,104,.08)}.savedflag{display:inline-block;margin-bottom:12px;padding:6px 9px;border-radius:8px;background:#e8f7ef;color:#16734b;font-weight:850;font-size:13px;letter-spacing:.04em}.keyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:11px 0 8px;padding:10px 12px;border:1px solid #e2e6eb;background:#f8faf9;border-radius:10px}.keyrow>span{font-size:14px;color:#646b76;font-weight:700}.keyrow code{letter-spacing:.08em;color:#404650;background:#eef1f2;padding:5px 8px;border-radius:7px}.keyrow b{font-size:13px;color:#16734b}.keyinputwrap{position:relative}.keyinputwrap input{padding-right:95px}.storedkey{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:5px 8px;border-radius:7px;background:#e8f7ef;color:#16734b;font-size:13px;font-weight:800}.providerform{scroll-margin-top:95px}#configured{scroll-margin-top:95px}
@media(max-width:700px){.savednotice{align-items:flex-start;flex-direction:column}.keyrow{align-items:flex-start}.storedkey{position:static;display:inline-block;transform:none;margin-top:7px}.keyinputwrap input{padding-right:14px}}

.teststate.limited{background:#fff4d6;color:#805500}.teststate.limited b{color:#6f4900}
/* v2.0.5 provider 429 cooldown + automatic fallback UX */

/* v2.0.6 deadline-aware off-peak cost scheduler */
.card h2+label{margin-top:4px}.card form h2{margin:8px 0 0;font-size:20px}.statuspill.warning{background:#fff4d6;color:#8a5b00}
/* guided custom-site connector onboarding */
.onboardsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.onboardsteps>div{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #e4e7ef;border-radius:12px;background:#fafbfc}.onboardsteps b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#342d96;color:#fff}.onboardsteps span{font-weight:650;color:#3f4451;line-height:1.4}.trustgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.trustgrid span{background:#f4faf7;color:#236548;border-radius:10px;padding:11px 13px;font-weight:650}.pairrow{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #eceef3}.pairrow>div{flex:1}.pairrow small{display:block;color:#777d8b;font-weight:800;letter-spacing:.08em;margin-bottom:7px}.pairinput{max-width:360px;font-size:20px;font-weight:850;letter-spacing:.06em;background:#f4f4f9}.copybtn{width:auto}.connectiongrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.connectiongrid span{background:#f7f8fb;border-radius:11px;padding:13px;color:#707684}.connectiongrid b{display:block;color:#20242d;margin-top:4px}.warningbox{background:#fff7e6;color:#7b5600;margin:18px 0}.advanced{margin-top:18px}@media(max-width:850px){.onboardsteps,.connectiongrid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.onboardsteps,.trustgrid,.connectiongrid{grid-template-columns:1fr}.pairrow{align-items:stretch;flex-direction:column}.copybtn{width:100%}}

/* v2.0.8 WebBang identity */
.brand{gap:10px;min-width:0}.brandlogo{display:block;width:176px;height:auto;max-height:46px;object-fit:contain}.productbadge{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#eef1ff;color:#342d96;font-size:13px;font-weight:850;letter-spacing:.02em}.authbrand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.authbrand img{display:block;width:min(100%,270px);height:auto}.authbrand span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef1ff;color:#342d96;font-weight:850;font-size:14px}.brandbig{display:none}@media(max-width:700px){.brandlogo{width:145px;max-height:40px}.productbadge{font-size:12px;padding:5px 8px}.authbrand img{width:min(100%,230px)}}

/* v2.0.9 Site Audit & AI Visibility */
.auditmini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.auditmini>div{background:#f7f8fb;border:1px solid #eceef3;border-radius:12px;padding:15px}.auditmini span{display:block;color:#707684;font-size:15px}.auditmini strong{display:block;font-size:24px;margin-top:4px}.auditmini small{display:block;color:#7a7f8d;margin-top:2px}.auditpending{background:#eef1ff;color:#3932a4}.audithero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.7fr);gap:24px;align-items:center}.audithero h2{font-size:27px;margin:2px 0 7px}.audithero p{margin:0;color:#686e7c}.scoreorb{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;align-content:center;font-size:38px;font-weight:900;border:8px solid #eceef4;background:#fff}.scoreorb small{display:block;font-size:14px;font-weight:750;color:#6d7280;margin-top:-6px}.scoreorb.healthy{border-color:#66b38b;color:#176b47}.scoreorb.warning{border-color:#e3bd5e;color:#7b5600}.scoreorb.critical{border-color:#dc7772;color:#9f2d28}.auditfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auditfacts span{background:#f7f8fb;border-radius:11px;padding:13px;color:#6d7280}.auditfacts b{display:block;color:#20242d;font-size:22px;margin-top:3px}.scoregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.scorebox{border:1px solid #e7e9f0;border-radius:13px;padding:15px;background:#fbfbfd}.scorebox>span{display:block;color:#6f7482;font-size:14px;font-weight:700;min-height:42px}.scorebox strong{display:block;font-size:23px;margin:4px 0 10px}.scorebox small{display:block;color:#7b808d;font-size:13px;line-height:1.4}.scorebar{height:7px;border-radius:99px;background:#eceef4;overflow:hidden}.scorebar i{display:block;height:100%;border-radius:99px;background:#4a43a7}.countbubble{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#f0f1f6;color:#4d5260;font-size:14px;vertical-align:middle}.issuegrid{display:grid;gap:14px}.issuecard{border:1px solid #e5e7ef;border-left:5px solid #b8bcc7;border-radius:13px;padding:18px;background:#fff}.issuecard.sev-critical{border-left-color:#c94742}.issuecard.sev-warning{border-left-color:#d49a24}.issuecard.sev-opportunity{border-left-color:#5f64ba}.issuecard.sev-info{border-left-color:#7a879a}.issuetop{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.severity{display:inline-flex;padding:5px 8px;border-radius:7px;font-weight:850;font-size:12px;letter-spacing:.04em}.severity.critical{background:#fdeaea;color:#a22626}.severity.warning{background:#fff3d8;color:#805500}.severity.opportunity{background:#eef0ff;color:#3932a4}.severity.info{background:#eef2f5;color:#596574}.fixstate{font-size:13px;font-weight:750;color:#626977;background:#f4f5f8;padding:5px 8px;border-radius:7px}.issuecard h3{font-size:20px;margin:13px 0 3px}.issuesummary{margin:0 0 14px;color:#69707e}.issuecopy{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px;background:#f8f9fb;border-radius:10px;padding:13px}.issuecopy b{color:#343944}.issuecopy p{margin:0;color:#636977}.issuecard details{margin-top:14px}.issuecard summary,.passeddetails summary{cursor:pointer;font-weight:750;color:#403a9f}.affected{display:grid;gap:8px;margin-top:12px}.affected>div{padding:10px 12px;border-radius:9px;background:#f8f9fb}.affected a{display:block;overflow-wrap:anywhere}.affected small{display:block;color:#777d8a;margin-top:4px}.passedgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.passedgrid>div{background:#f3faf6;border-radius:10px;padding:12px}.passedgrid b{display:block;color:#176b47}.passedgrid span{display:block;color:#617067;margin-top:4px}.notebox{background:#f8f9fb;border-radius:11px;padding:14px 16px}.notebox p{margin:7px 0;color:#606674}.audithistory .tr{grid-template-columns:190px 120px 180px minmax(220px,1fr)}
@media(max-width:1000px){.audithero{grid-template-columns:auto 1fr}.auditfacts{grid-column:1/-1}.scoregrid{grid-template-columns:repeat(2,1fr)}.auditmini{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.audithero{grid-template-columns:1fr}.scoreorb{width:96px;height:96px;font-size:32px}.auditfacts,.scoregrid,.auditmini,.passedgrid{grid-template-columns:1fr}.issuecopy{grid-template-columns:1fr}.audithistory .tr{grid-template-columns:1fr}}
@media print{.topbar,aside,.pagehead .actions,.auditpending{display:none!important}.shell{display:block}.shell main{max-width:none;padding:0}.card{break-inside:avoid;border-color:#d9d9d9}.issuecard{break-inside:avoid}.pagehead{margin:0 0 16px}.pagehead h1{font-size:28px}.scoreorb{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* v2.1.0 Premium SaaS UI — presentation-only refresh */
:root{
  --wb-bg:#f7f8fc;
  --wb-surface:#ffffff;
  --wb-surface-soft:#fafaff;
  --wb-line:#e7e8f0;
  --wb-line-strong:#dadce8;
  --wb-text:#171923;
  --wb-muted:#6c7280;
  --wb-muted-2:#8a8f9d;
  --wb-brand:#4038a8;
  --wb-brand-2:#625ad0;
  --wb-brand-soft:#f0efff;
  --wb-success:#1e7b53;
  --wb-success-soft:#eaf8f0;
  --wb-warning:#90620b;
  --wb-warning-soft:#fff5dc;
  --wb-danger:#b33535;
  --wb-danger-soft:#feeeee;
  --wb-radius:18px;
  --wb-radius-sm:12px;
  --wb-shadow:0 10px 30px rgba(28,31,48,.055);
  --wb-shadow-hover:0 16px 36px rgba(35,38,62,.085);
}
html{background:var(--wb-bg);scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 92% 4%,rgba(98,90,208,.08),transparent 26rem),
  radial-gradient(circle at 14% 20%,rgba(64,56,168,.035),transparent 30rem),
  var(--wb-bg);color:var(--wb-text);font-size:16px;line-height:1.6;letter-spacing:-.005em}
a{color:var(--wb-brand);transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}
a:hover{color:#2f298c}
button,input,select,textarea{font-size:16px}

/* Premium application shell */
.topbar{height:78px;padding:0 34px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(225,227,236,.92);box-shadow:0 1px 0 rgba(255,255,255,.8);z-index:100}
.brand{gap:12px}.brandlogo{width:168px;max-height:43px}.productbadge{background:var(--wb-brand-soft);color:var(--wb-brand);border:1px solid #e2e0ff;padding:6px 10px;font-size:13px}
.topright{gap:10px}.toplink{display:inline-flex;align-items:center;min-height:40px;padding:0 11px;border-radius:10px;color:#565c69;font-weight:700}.toplink:hover{background:#f5f5fa;color:var(--wb-brand)}
.userchip{display:flex;align-items:center;gap:10px;padding:6px 11px 6px 6px;border:1px solid var(--wb-line);border-radius:13px;background:#fff;margin-right:4px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--wb-brand),var(--wb-brand-2));color:#fff;font-size:13px;font-weight:850;letter-spacing:.02em}.usertext{display:grid;line-height:1.16}.usertext b{font-size:14px;color:#242733}.usertext small{font-size:13px;color:#858a97;margin-top:3px}.imp{padding:8px 11px;border:1px solid #eddba8;background:#fff8e6;color:#765000;font-weight:800}
.shell{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}
aside{position:sticky;top:78px;height:calc(100vh - 78px);display:flex;flex-direction:column;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-right:1px solid var(--wb-line);padding:26px 16px 18px;z-index:20}
.navlabel{padding:0 13px 10px;color:#999eaa;font-size:13px;font-weight:850;letter-spacing:.12em}
aside nav{gap:6px}
aside nav a{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 12px;border-radius:12px;color:#555b69;font-weight:720;border:1px solid transparent}
aside nav a:hover{background:#f7f7fb;border-color:#efeff5;color:#2f2a89;transform:translateX(1px)}
aside nav a.active{background:linear-gradient(135deg,#f1efff,#f8f7ff);color:#342e99;border-color:#e1dfff;box-shadow:inset 3px 0 0 var(--wb-brand)}
.navicon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f1f2f6;color:#666c7a;font-size:16px;font-weight:800;flex:0 0 28px}aside nav a.active .navicon{background:#dfdcff;color:#342e99}
.sidefooter{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 12px;border-top:1px solid #eeeef4;color:#555b68}.sidefooter>div{display:grid;line-height:1.25}.sidefooter b{font-size:13px}.sidefooter small{font-size:12px;color:#969ba7;margin-top:3px}.sidepulse{width:8px;height:8px;border-radius:50%;background:#32a36d;box-shadow:0 0 0 4px #e7f7ef;flex:0 0 8px}
main{max-width:1480px;padding:46px 46px 90px}

/* Page hierarchy */
.pagehead{align-items:center;margin-bottom:32px;padding:3px 2px}.pagehead>div:first-child{min-width:0}.pagehead h1{font-size:clamp(32px,3vw,44px);letter-spacing:-.035em;line-height:1.08;margin:5px 0 10px;color:#151720;font-weight:820}.pagehead p{font-size:16px;color:var(--wb-muted);max-width:790px}.eyebrow{font-size:13px!important;letter-spacing:.13em;color:#655dcc!important;font-weight:850}.actions{align-items:center;gap:10px}.actions form{display:block;gap:0}

/* Cards and data surfaces */
.card{border:1px solid var(--wb-line);border-radius:var(--wb-radius);padding:28px;background:rgba(255,255,255,.96);box-shadow:var(--wb-shadow);margin-bottom:24px}.card:hover{border-color:#e1e2ec}.narrow{max-width:860px}.sectionhead{margin-bottom:20px;align-items:flex-start}.sectionhead h2,.card h2{font-size:22px;letter-spacing:-.02em;color:#20222c}.sectionhead p{margin:5px 0 0}.twocol{gap:22px}.twocol>.card{height:100%}
.stats{gap:16px;margin-bottom:25px}.stats>div{position:relative;overflow:hidden;border:1px solid var(--wb-line);border-radius:16px;padding:21px 21px 20px;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(31,34,55,.04)}.stats>div:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--wb-brand),#8b84df);opacity:.9}.stats span{font-size:14px;font-weight:720;color:#727886;margin-bottom:8px}.stats strong{font-size:30px;letter-spacing:-.035em;color:#1c1f29;line-height:1.1}.stats strong small{font-size:15px;font-weight:700;color:#858a96;display:inline}.stats small{font-size:14px;color:#858a97;margin-top:5px}
.kv{gap:11px}.kv span{border:1px solid #ececf2;background:#f9f9fc;border-radius:12px;padding:13px 14px;color:#757b88;font-size:14px}.kv b{font-size:16px;color:#222530;margin-top:5px;overflow-wrap:anywhere}
.progress{height:8px;background:#edeef4;margin-top:17px}.progress span{background:linear-gradient(90deg,var(--wb-brand),#746dd2)}

/* Primary actions */
.btn,button{min-height:43px;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,var(--wb-brand),#554dbb);box-shadow:0 5px 14px rgba(64,56,168,.14);font-weight:760;letter-spacing:-.005em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:hover,button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(64,56,168,.2)}.secondary{background:#fff!important;color:#45409c!important;border:1px solid #dcd9ef!important;box-shadow:none!important}.secondary:hover{background:#f8f7ff!important;color:#302a8d!important;border-color:#c9c5eb!important}.danger{color:#aa3030!important;border-color:#eccfcf!important;background:#fff!important}.danger:hover{background:#fff6f6!important}.smallbtn{min-height:38px;padding:8px 12px;font-size:14px}

/* Forms */
form{gap:17px}label{gap:8px;color:#4a4f5d;font-weight:700}input,select,textarea{border:1px solid #d9dce6;border-radius:11px;padding:12px 13px;background:#fff;color:#1f222c;min-height:46px;box-shadow:inset 0 1px 0 rgba(20,22,34,.015)}textarea{min-height:120px}input:hover,select:hover,textarea:hover{border-color:#cdd0dc}input:focus,select:focus,textarea:focus{border-color:#7770d0;box-shadow:0 0 0 4px rgba(88,79,192,.09)}.formgrid{gap:19px}.checks{padding-top:3px}.checks label,.check{padding:7px 0;color:#555b67}.hint,.micro{font-size:14px;color:#7b808d;line-height:1.5}.advanced{border-color:#e3e4ec;background:#fcfcfe}.advanced summary{color:#49449f}

/* Sites / clients */
.sitegrid{gap:16px}.sitecard{position:relative;border:1px solid var(--wb-line);border-radius:16px;padding:20px;background:linear-gradient(180deg,#fff,#fdfdff);box-shadow:0 6px 20px rgba(31,34,55,.035)}.sitecard:after{content:"→";position:absolute;right:18px;top:18px;color:#aaaec0;font-weight:800}.sitecard:hover{transform:translateY(-2px);border-color:#cfcced;box-shadow:var(--wb-shadow-hover)}.sitecard>div:first-child{padding-right:28px}.sitecard strong{font-size:17px}.sitecard p{margin:9px 0 18px;color:#777c88}.sitefoot{font-size:14px!important}.sitefoot span{padding:5px 8px;border-radius:8px;background:#f4f4f8;color:#686e7b}.dot{box-shadow:0 0 0 4px #f0f1f4}.dot.connected{box-shadow:0 0 0 4px #e9f7ef}
.budgetrow{border:1px solid #ececf2;background:#fafafd;border-radius:12px;padding:13px 14px}

/* Tables */
.table{overflow:hidden}.tr{padding:15px 11px;border-bottom:1px solid #eceef3}.tr:first-child{background:#fafafd;border-radius:10px;color:#656b78;font-size:14px}.tr:hover:not(:first-child){background:#fbfbfe}.tr small{font-size:14px}.badge{padding:6px 9px;border-radius:999px;font-weight:760;font-size:13px}.badge.published,.badge.completed,.badge.ready,.badge.approved{background:var(--wb-success-soft);color:var(--wb-success)}.badge.failed,.badge.quarantine{background:var(--wb-danger-soft);color:var(--wb-danger)}.badge.running,.badge.writing,.badge.auditing,.badge.publishing{background:var(--wb-brand-soft);color:var(--wb-brand)}

/* Status and notices */
.statuspill{padding:8px 12px;border-radius:999px;font-size:13px;letter-spacing:.025em;border:1px solid transparent}.statuspill.healthy{background:var(--wb-success-soft);color:var(--wb-success);border-color:#d8efdf}.statuspill.warning{background:var(--wb-warning-soft);color:var(--wb-warning);border-color:#f0e2b9}.statuspill.critical{background:var(--wb-danger-soft);color:var(--wb-danger);border-color:#f1d7d7}.alert{border:1px solid #f2d6d3;background:#fff1f0;border-radius:12px;padding:13px 15px}.alert.success{border-color:#d8ecdf;background:#edf9f2}.warningbox{border:1px solid #f1dfad;background:#fff8e6}.auditpending{border:1px solid #dcd9f7;background:#f2f1ff}
.empty{padding:42px 24px;border:1px dashed #dfe1e9;border-radius:14px;background:#fbfbfd;color:#777d89;font-size:16px}.empty:before{content:"✦";display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border-radius:13px;background:var(--wb-brand-soft);color:var(--wb-brand);font-size:19px}

/* Onboarding */
.onboardsteps{gap:11px}.onboardsteps>div{min-height:74px;border-color:#e6e6ef;background:#fbfbfd;border-radius:13px}.onboardsteps b{background:linear-gradient(135deg,var(--wb-brand),#6b63cd);box-shadow:0 4px 10px rgba(64,56,168,.17)}.trustgrid{gap:10px}.trustgrid span{border:1px solid #dfeee5;background:#f4fbf7;border-radius:11px}.pairrow{padding-top:20px}.pairinput{background:#f7f7fb;border-color:#dedfe8;max-width:390px}.connectiongrid{gap:10px}.connectiongrid span{border:1px solid #ececf2;background:#fafafd}.connectiongrid b{font-size:16px}

/* Providers */
.providerquick{border-color:#e5e5ef;background:linear-gradient(180deg,#fafaff,#f7f7fb);border-radius:15px;padding:20px}.providercard{border-radius:15px;border-color:#e5e6ee;padding:20px;box-shadow:0 6px 18px rgba(32,35,52,.035)}.providercard:hover{border-color:#d5d2ed}.providercard.justsaved{border-color:#67ad89;box-shadow:0 0 0 4px rgba(47,155,104,.07)}.providertitle strong{font-size:17px}.provideractions{gap:8px}.keyrow{border-color:#e4e7ec;background:#fafbfb}.teststate{border:1px solid #ebecef}.teststate.ok{border-color:#d8eee1}.teststate.bad{border-color:#f0d8d8}.teststate.limited{border-color:#f1e2b9}

/* Audit visual refinement */
.audithero{background:linear-gradient(135deg,#ffffff,#fbfaff);border-color:#e2e1f1;box-shadow:0 14px 34px rgba(52,48,100,.06)}.scoreorb{box-shadow:inset 0 0 0 1px #f0f0f5,0 8px 22px rgba(33,35,52,.05)}.auditfacts span,.auditmini>div{border:1px solid #ececf2;background:#fafafd}.scoregrid{gap:12px}.scorebox{background:linear-gradient(180deg,#fff,#fafafd);border-color:#e8e8ef}.scorebox strong{font-size:25px}.scorebar i{background:linear-gradient(90deg,var(--wb-brand),#7d76d9)}.issuecard{box-shadow:0 5px 16px rgba(31,34,55,.025)}.issuecopy{background:#fafafd}.affected>div{border:1px solid #ececf2;background:#fcfcfe}.passedgrid>div{border:1px solid #dfeee5;background:#f5fbf7}.notebox{border:1px solid #e9e9f0;background:#fafafd}

/* Authentication */
.auth{position:relative;overflow:hidden;background:
  radial-gradient(circle at 10% 10%,rgba(84,76,190,.13),transparent 25rem),
  radial-gradient(circle at 90% 90%,rgba(76,167,126,.08),transparent 28rem),
  #f8f8fc}.auth:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(100,94,190,.08);top:-180px;right:-120px}.authcard{position:relative;width:min(100%,540px);border-color:#e4e4ed;border-radius:22px;padding:38px;box-shadow:0 22px 55px rgba(35,38,60,.09)}.authcard h1{font-size:34px;letter-spacing:-.03em;color:#181a23}.authcard>p{font-size:16px}.authbrand{margin-bottom:20px}.authbrand img{width:min(100%,255px)}.authbrand span{border:1px solid #e0ddff}

/* Misc */
.apihelp code{border:1px solid #e7e8ee;background:#f8f8fb;border-radius:10px;color:#3e424d}.pair{background:#f7f7fb;border-color:#cfccdf}.countbubble{background:#f0effb;color:#49439d}.savednotice{border-color:#dcece2}.savedflag{border:1px solid #d5ebde}.fixstate{background:#f2f2f6}.passedgrid b{font-weight:800}

/* Responsive */
@media(max-width:1100px){main{padding:38px 30px 72px}.shell{grid-template-columns:220px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.usertext{display:none}.userchip{padding-right:6px}.brandlogo{width:150px}}
@media(max-width:880px){.topbar{padding:0 20px}.shell{grid-template-columns:1fr}aside{position:static;height:auto;display:block;border-right:0;border-bottom:1px solid var(--wb-line);padding:10px 18px}.navlabel,.sidefooter{display:none}aside nav{display:flex;overflow:auto;gap:6px;padding-bottom:2px}aside nav a{white-space:nowrap;min-height:42px;padding:7px 10px}aside nav a.active{box-shadow:inset 0 -3px 0 var(--wb-brand)}.navicon{width:25px;height:25px;flex-basis:25px}.topright{gap:4px}.imp{font-size:13px}.twocol{grid-template-columns:1fr}.providermain{grid-template-columns:1fr}.audithero{grid-template-columns:auto 1fr}.auditfacts{grid-column:1/-1}}
@media(max-width:700px){body{font-size:16px}.topbar{min-height:68px;height:auto;padding:13px 16px;align-items:center}.brandlogo{width:136px}.productbadge{display:none}.userchip{display:none}.toplink{padding:0 8px;font-size:14px}.shell{display:block}aside{padding:9px 12px}aside nav a{font-size:14px}.navicon{display:none}main{padding:30px 16px 60px}.pagehead{align-items:flex-start;margin-bottom:24px}.pagehead h1{font-size:32px}.pagehead p{font-size:15px}.actions{width:100%;align-items:stretch}.actions>.btn,.actions>a.btn,.actions form,.actions form button{width:100%}.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:17px}.stats strong{font-size:26px}.card{padding:20px;border-radius:16px}.formgrid{grid-template-columns:1fr}.providerquick{grid-template-columns:1fr}.tr{grid-template-columns:1fr;gap:7px;padding:15px 9px}.tr:first-child{display:none}.auditfacts,.scoregrid,.auditmini,.passedgrid,.connectiongrid,.onboardsteps,.trustgrid{grid-template-columns:1fr}.audithero{grid-template-columns:1fr}.issuecopy{grid-template-columns:1fr}.auth{padding:18px}.authcard{padding:27px 22px}.authcard h1{font-size:30px}.budgetrow,.budgetrow form{align-items:stretch}.pairrow{flex-direction:column;align-items:stretch}}
@media(max-width:430px){.stats{grid-template-columns:1fr}.topright .toplink:first-of-type{display:none}.brandlogo{width:128px}}

@media print{body{background:#fff}.card{box-shadow:none}.sidefooter,.userchip{display:none!important}}

/* v2.1.4 Premium shell + dashboard refinement (presentation only) */
.topbar{height:72px;padding:0 28px;border-bottom:1px solid #e8e9f1;background:rgba(255,255,255,.97);box-shadow:0 1px 2px rgba(24,27,45,.025)}
.brand{gap:0;min-width:0;height:100%;white-space:nowrap}
.brandlogo-wrap{display:flex;align-items:center;padding-right:14px}
.brandlogo{display:block;width:132px;max-width:132px;height:auto;max-height:34px;object-fit:contain}
.branddivider{display:block!important;width:1px;height:26px;background:#e1e3ec;margin-right:14px}
.productname{display:block!important;color:#20232d;font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.productbadge{display:none!important}
.topright{gap:6px;min-width:0}
.userchip{min-height:44px;padding:5px 11px 5px 5px;border-color:#e5e6ee;background:#fbfbfd;box-shadow:none;white-space:nowrap}
.topright .avatar{width:34px;height:34px;color:#fff;background:linear-gradient(145deg,#4038a8,#665ed4)}
.topright .usertext b{font-size:15px;color:#242733;line-height:1.15}
.topright .usertext small{font-size:13px;color:#8a8f9d;line-height:1.2}
.toplink{min-height:40px;padding:0 10px;font-size:15px;color:#5d6270}
.toplink:hover{background:#f4f4f9;color:#342e99}
.shell{grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 72px)}
aside{top:72px;height:calc(100vh - 72px);padding:24px 16px 18px;background:#fff;border-right:1px solid #e7e8f0}
.navlabel{padding:0 12px 11px;font-size:13px;color:#9a9fab}
aside nav{gap:6px}
aside nav a{min-height:48px;padding:8px 10px;gap:11px;border-radius:12px;font-size:16px;font-weight:700;color:#555b69}
aside nav a:hover{transform:none;background:#f7f7fb;border-color:#ededf4}
aside nav a.active{background:#f1efff;border-color:#e2dfff;box-shadow:none;color:#342e99}
.navicon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:#f3f3f7;color:#6a6f7d}
aside nav a.active .navicon{background:#ddd9ff;color:#3d35a8}
.navsvg{display:block;width:18px;height:18px}
.sidefooter{margin-top:auto;padding:16px 11px 4px;border-top:1px solid #eeeeF4;gap:11px}
.sidefooter b{font-size:14px;color:#4f5562}
.sidefooter small{font-size:13px;color:#9297a3;margin-top:3px}
.sidepulse{width:9px;height:9px;flex-basis:9px}
main{max-width:1420px;padding:38px 42px 78px}
.pagehead{margin-bottom:26px;align-items:center}
.pagehead h1{font-size:clamp(34px,3vw,42px);margin:3px 0 7px}
.pagehead p{font-size:16px}
.eyebrow{font-size:13px!important;margin-bottom:2px!important}
.statuspill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;font-size:13px}
.statusdot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}

/* Dashboard KPI cards */
.premiumstats{gap:14px;margin-bottom:22px}
.premiumstats>div{min-height:144px;padding:19px 19px 18px;border-radius:17px;border:1px solid #e5e6ee;background:#fff;box-shadow:0 7px 22px rgba(32,35,55,.035)}
.premiumstats>div:before{display:none}
.metrictop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.metrictop>span{margin:0!important;font-size:15px!important;font-weight:720!important;color:#6e7481!important}
.metricicon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f1efff;color:#4941ad;font-style:normal;flex:0 0 36px}
.metricicon svg{width:18px;height:18px}
.metriccard strong{font-size:31px!important;margin-bottom:7px;line-height:1.02}
.metriccard>small{display:block;font-size:14px!important;color:#8a8f9c!important;line-height:1.35}

/* Worker card */
.worker-card .sectionhead{align-items:center}
.worker-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.worker-actions>a{font-size:15px;font-weight:700}
.workergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.workergrid>div{min-height:86px;padding:13px 14px;border:1px solid #ececf2;border-radius:13px;background:#fafafd}
.workergrid span{display:block;font-size:14px;color:#7a7f8c;margin-bottom:6px}
.workergrid b{display:block;font-size:21px;color:#242731;line-height:1.2;overflow-wrap:anywhere}
.workergrid .worker-last b{font-size:16px;margin-top:4px}
.workergrid .is-never{border-color:#eedeb1;background:#fffaed}
.workergrid .is-never b{color:#865d0c}
.worker-warning{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 13px;border:1px solid #eddcab;background:#fff9e9;border-radius:12px;color:#76520d}
.worker-warning>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#f6e6b9;font-weight:900}
.worker-warning>div{display:grid;gap:2px}
.worker-warning b{font-size:14px}
.worker-warning small{font-size:13px;color:#896b31;line-height:1.4}

/* Capacity and Cost Saver */
.capacityrow{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:14px}
.capacityrow>div{display:grid;gap:2px}
.capacityrow span{font-size:14px;color:#7b808d}
.capacityrow b{font-size:16px;color:#282b35}
.capacityrow>span{font-weight:800;color:#5f6471}
.capacityrow+.progress{margin-top:9px;margin-bottom:18px}
.saver-card{padding-bottom:24px}
.saver-card .sectionhead{align-items:center}
.savergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.savergrid>div{min-height:112px;padding:15px 16px;border:1px solid #e9eaf1;border-radius:14px;background:#fafafd}
.savergrid span{display:block;font-size:14px;color:#777d89;margin-bottom:5px}
.savergrid b{display:block;font-size:17px;color:#242731;line-height:1.3;overflow-wrap:anywhere}
.savergrid small{display:block;margin-top:7px;font-size:13px;color:#9296a2;line-height:1.35}
.save-text{color:#1e7b53!important}
.peak-text{color:#90620b!important}

@media(max-width:1180px){
  .shell{grid-template-columns:232px minmax(0,1fr)}
  main{padding:34px 28px 70px}
  .brandlogo{width:120px;max-width:120px}
  .premiumstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workergrid,.savergrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:880px){
  .topbar{height:68px;padding:0 18px}
  .brandlogo{width:116px;max-width:116px}
  .brandlogo-wrap{padding-right:10px}.branddivider{margin-right:10px;height:23px}.productname{font-size:16px}
  .shell{grid-template-columns:1fr}
  aside{position:static;height:auto;padding:9px 14px}
  aside nav{display:flex;overflow-x:auto;gap:6px}
  aside nav a{white-space:nowrap;min-height:44px;padding:6px 9px}
  .navlabel,.sidefooter{display:none}
  .navicon{width:29px;height:29px;flex-basis:29px}
  main{padding:30px 22px 64px}
}
@media(max-width:700px){
  .topbar{min-height:64px;height:auto;padding:11px 14px}
  .brand{min-width:0}.brandlogo{width:108px;max-width:108px}.brandlogo-wrap{padding-right:8px}.branddivider{margin-right:8px}.productname{display:block!important;font-size:15px}
  .userchip{display:none}.topright{gap:2px}.toplink{font-size:14px;padding:0 7px}
  aside{padding:8px 10px}aside nav a{font-size:14px}.navicon{display:grid!important}
  main{padding:26px 15px 56px}.pagehead{margin-bottom:22px}.pagehead h1{font-size:32px}
  .premiumstats{grid-template-columns:1fr 1fr}.premiumstats>div{min-height:132px;padding:16px}.metrictop{margin-bottom:13px}.metricicon{width:33px;height:33px}
  .workergrid,.savergrid{grid-template-columns:1fr 1fr}.worker-actions{width:auto}.saver-card .sectionhead{align-items:flex-start}
}
@media(max-width:520px){
  .branddivider,.productname{display:none!important}.brandlogo{width:116px;max-width:116px}
  .premiumstats,.workergrid,.savergrid{grid-template-columns:1fr}
  .premiumstats>div{min-height:124px}.sectionhead{gap:12px}.worker-card .sectionhead{align-items:flex-start}.worker-actions{align-items:flex-start}
}


/* v2.1.7 Premium authentication screens — presentation only */
.auth{
  min-height:100vh;
  padding:44px 24px;
  background:
    radial-gradient(circle at 12% 10%,rgba(80,69,190,.10),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(38,155,137,.07),transparent 30%),
    linear-gradient(135deg,#f7f8fc 0%,#f4f5fa 52%,#f7f9fb 100%);
}
.authcard{
  position:relative;
  overflow:hidden;
  width:min(100%,540px);
  padding:42px 46px 38px;
  border:1px solid #e2e4ed;
  border-radius:26px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 70px rgba(34,37,61,.10),0 4px 16px rgba(34,37,61,.04);
}
.authcard:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,#342d96 0%,#5750c8 55%,#7a73df 100%);
}
.authbrand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin:0 0 28px;
  padding:0 0 25px;
  border-bottom:1px solid #ececf2;
  text-align:center;
}
.authbrand img{
  display:block;
  width:min(100%,300px);
  height:auto;
  max-height:none;
  object-fit:contain;
}
.authbrand span{
  display:block;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#4b45aa;
  font-size:15px;
  font-weight:850;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
.authcard h1{
  margin:0 0 20px;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-.035em;
  color:#1d2029;
}
.authcard>p{
  margin:18px 0 0;
  color:#6f7481;
  font-size:15px;
}
.authcard form{gap:14px}
.authcard input,
.authcard select,
.authcard textarea{
  min-height:58px;
  padding:15px 16px;
  border:1px solid #dfe2eb;
  border-radius:13px;
  background:#fbfbfd;
  color:#20232b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.authcard input:focus,
.authcard select:focus,
.authcard textarea:focus{
  border-color:#6b63c8;
  background:#fff;
  box-shadow:0 0 0 4px rgba(79,70,183,.10);
}
.authcard input:-webkit-autofill,
.authcard input:-webkit-autofill:hover,
.authcard input:-webkit-autofill:focus{
  -webkit-text-fill-color:#20232b;
  -webkit-box-shadow:0 0 0 1000px #fbfbfd inset;
  box-shadow:0 0 0 1000px #fbfbfd inset;
  transition:background-color 9999s ease-out 0s;
}
.authcard button{
  min-height:56px;
  border-radius:13px;
  background:linear-gradient(135deg,#3d36a6 0%,#554dc1 100%);
  box-shadow:0 9px 22px rgba(61,54,166,.18);
  font-size:17px;
  font-weight:800;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.authcard button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(61,54,166,.23);
  filter:saturate(1.04);
}
.authcard button:active{transform:translateY(0)}
.authcard a{font-weight:750}
.authcard .alert{border:1px solid #f1d4d1;background:#fff4f3}
.authcard hr{margin:3px 0 1px;border-top-color:#ececf2}
@media(max-width:620px){
  .auth{padding:22px 14px}
  .authcard{padding:32px 24px 28px;border-radius:22px}
  .authbrand{margin-bottom:24px;padding-bottom:21px}
  .authbrand img{width:min(100%,255px)}
  .authbrand span{font-size:13px;letter-spacing:.10em}
  .authcard h1{font-size:32px;margin-bottom:18px}
  .authcard input,.authcard select,.authcard textarea{min-height:56px}
}

/* v2.1.8 Client portal simplification */
.client-site-head{margin-bottom:18px}
.client-site-head .statuspill{margin-top:4px}
.clienttabs{position:sticky;top:84px;z-index:18;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;padding:8px;border:1px solid #e5e6ee;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(32,35,55,.045);backdrop-filter:blur(14px)}
.clienttabs a{display:grid;gap:1px;padding:12px 15px;border-radius:11px;color:#5f6471;transition:.15s}
.clienttabs a:hover{background:#f6f6fb;color:#342e99}
.clienttabs a.active{background:#f0eeff;color:#332c99;box-shadow:inset 0 0 0 1px #dedaff}
.clienttabs span{font-weight:800;font-size:16px}
.clienttabs small{font-size:13px;color:#9296a3}
.clienttabs a.active small{color:#7069be}
.client-summary{margin-bottom:22px}
.client-summary>div{min-height:126px;padding:19px 20px;box-shadow:0 7px 22px rgba(32,35,55,.028)}
.client-summary strong{font-size:30px;line-height:1.08}
.client-summary .nextpublish{font-size:22px;line-height:1.2;margin-top:5px}
.client-calendar-card{padding-top:24px}
.client-planbar{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:13px 14px;border:1px solid #d9eee4;border-radius:12px;background:#f0faf5;color:#215f48}
.client-planbar .planpulse{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#2f9b68;box-shadow:0 0 0 5px rgba(47,155,104,.10)}
.client-planbar div{display:grid;gap:2px}
.client-planbar b{font-size:15px}
.client-planbar small{font-size:13px;color:#5f7c70}
.client-calendar .tr{grid-template-columns:130px minmax(300px,1.8fr) minmax(170px,.9fr) 120px}
.client-calendar .tr>span:first-child{font-variant-numeric:tabular-nums;color:#5f6572}
.client-calendar .tr>div strong{font-size:16px;line-height:1.35}
.compact-settings{padding-bottom:24px}
.connection-simple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.connection-simple span{display:grid;gap:3px;padding:14px 15px;border:1px solid #eaebf1;border-radius:12px;background:#fafafd;color:#777d89}
.connection-simple b{font-size:16px;color:#242731}
.clienttabs+.stats{margin-top:0}
@media(max-width:900px){
  .clienttabs{top:78px}
  .client-calendar .tr{grid-template-columns:110px minmax(240px,1.7fr) minmax(150px,.8fr) 100px}
}
@media(max-width:700px){
  .clienttabs{position:static;grid-template-columns:1fr;padding:6px;border-radius:14px}
  .clienttabs a{padding:11px 13px}
  .client-summary{grid-template-columns:1fr 1fr}
  .client-summary>div{min-height:112px;padding:16px}
  .client-calendar .tr{grid-template-columns:1fr;gap:7px;padding:15px 8px}
  .client-calendar .tr:first-child{display:none}
  .connection-simple{grid-template-columns:1fr}
}
@media(max-width:480px){.client-summary{grid-template-columns:1fr}}

/* v2.1.10 frictionless client onboarding — UI/UX only */
.authstep{display:inline-flex;align-items:center;margin:0 0 3px;padding:6px 9px;border-radius:999px;background:#f4f2ff;color:#5a50bc;font-size:11px;font-weight:850;letter-spacing:.11em}
.onboarding-shell{max-width:900px;margin:0 auto;padding-top:8px}.onboarding-minihead{display:flex;align-items:center;gap:10px;margin:0 0 16px 4px;color:#6d7280}.onboarding-minihead span{font-size:12px;font-weight:850;letter-spacing:.11em;color:#655dcc}.onboarding-minihead b{font-size:14px;color:#343842}
.onboarding-url-card{max-width:760px;margin:0 auto;padding:42px 44px;text-align:left}.onboarding-url-card h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.035em;margin:5px 0 10px;color:#171923}.onboarding-url-card>p{max-width:650px;color:#6d7280;font-size:16px;line-height:1.6;margin-bottom:24px}.onboarding-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eeeaff,#f8f7ff);color:#4c43b4;font-size:24px;font-weight:900;border:1px solid #e0ddff;margin-bottom:15px}.url-only-label{font-size:14px;font-weight:800}.url-only-label input{margin-top:8px;font-size:18px;min-height:62px}.onboarding-url-card button{min-height:58px;margin-top:4px;font-size:16px}.onboarding-auto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid #ececf3}.onboarding-auto span{display:flex;align-items:center;gap:7px;color:#5f6572;font-size:13px;font-weight:700}
.onboarding-pagehead{margin-bottom:22px}.onboarding-pagehead h1{font-size:clamp(34px,4vw,46px);letter-spacing:-.04em;margin:3px 0 7px}.onboarding-pagehead p{color:#6c7180}.onboarding-pagehead strong{color:#343842}
.onboarding-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 22px}.onboarding-progress>div{position:relative;display:flex;align-items:center;gap:10px;min-height:66px;padding:12px;border:1px solid #e6e7ef;border-radius:14px;background:#fff}.onboarding-progress>div:after{content:"";position:absolute;right:-9px;top:50%;width:10px;height:1px;background:#dfe1e8}.onboarding-progress>div:last-child:after{display:none}.onboarding-progress b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#f0f1f5;color:#707583;font-size:13px}.onboarding-progress span{font-weight:800;color:#414652;line-height:1.15}.onboarding-progress small{display:block;margin-top:5px;color:#8a8f9b;font-size:11px;font-weight:650}.onboarding-progress .done{border-color:#d8ecdf;background:#f8fcf9}.onboarding-progress .done b{background:#e6f6ed;color:#18764c}.onboarding-progress .active{border-color:#dcd8ff;background:#faf9ff;box-shadow:0 8px 22px rgba(63,55,158,.06)}.onboarding-progress .active b{background:#4c43b4;color:#fff}
.onboarding-live{display:flex;flex-direction:column;gap:4px;margin-bottom:22px}.onboarding-live span{color:#66706b;font-size:13px}.onboarding-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;align-items:start}.onboarding-columns>.card{margin-bottom:0}.onboarding-connect h3{font-size:20px;margin:10px 0 8px}.onboarding-action>p{color:#686e7b;line-height:1.55;margin-bottom:17px}.platform-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f0ff;color:#4d44b4;font-size:11px;font-weight:900;letter-spacing:.08em}.onboarding-discovery{min-height:100%}.discovery-list{display:grid;gap:9px}.discovery-list>div{padding:12px 13px;border:1px solid #ececf2;border-radius:12px;background:#fafafd}.discovery-list span{display:block;color:#858a96;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.discovery-list b{display:block;color:#2a2e38;line-height:1.4;font-size:14px}.onboarding-loading{display:grid;place-items:center;text-align:center;padding:30px 10px}.onboarding-loading>span{width:34px;height:34px;border:3px solid #e7e5f6;border-top-color:#4b43af;border-radius:50%;animation:wbspin .9s linear infinite}.onboarding-loading p{font-weight:800;margin:12px 0 3px}.onboarding-loading small{color:#858a96}.onboarding-next{margin-top:16px;padding:13px 14px;border-radius:12px;background:#f6f7fb;color:#5f6572}.onboarding-next b{color:#2b2f39}.onboarding-next p{margin:5px 0 0;font-size:13px;line-height:1.5}@keyframes wbspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.onboarding-progress{grid-template-columns:1fr 1fr}.onboarding-progress>div:after{display:none}.onboarding-columns{grid-template-columns:1fr}}
@media(max-width:700px){.onboarding-url-card{padding:28px 22px}.onboarding-auto{grid-template-columns:1fr}.onboarding-progress{grid-template-columns:1fr}.onboarding-pagehead h1{font-size:32px}.onboarding-columns{gap:14px}.onboarding-minihead{margin-left:0}}
.platform-correction{margin:-8px 0 18px;color:#717684;font-size:13px}.platform-correction summary{cursor:pointer;width:max-content;font-weight:750;color:#5d63a8}.platform-correction form{display:flex;gap:10px;align-items:center;margin-top:10px;max-width:620px}.platform-correction select{min-height:44px}.platform-correction button{width:auto;white-space:nowrap}@media(max-width:700px){.platform-correction form{align-items:stretch;flex-direction:column}.platform-correction button{width:100%}}

/* v2.1.12 exact WB AI Publisher 1.0.x takeover compatibility */
.takeover-detected{border:1px solid #d8e9dc;background:linear-gradient(180deg,#fbfffc,#f4fbf6)}
.takeover-preview .takeover-stats{margin:18px 0}
.takeover-preview .trustgrid{margin:18px 0 22px}
.takeover-preview form{margin-top:18px}
.takeover-preview form>button{width:100%}

/* v2.2.x public SaaS website + subscription billing (isolated from application UI) */
.marketing-body{margin:0;background:#fff;color:#161821;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.marketing-body *{box-sizing:border-box}.marketing-nav{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:78px;padding:14px max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid #ececf3;backdrop-filter:blur(16px)}.marketing-brand{display:flex;align-items:center;gap:14px;color:#191b24;font-weight:850;text-decoration:none}.marketing-brand img{width:148px;height:36px;object-fit:contain}.marketing-brand span{padding-left:14px;border-left:1px solid #e5e6ed;font-size:18px}.marketing-nav nav{display:flex;align-items:center;gap:24px}.marketing-nav nav>a:not(.btn){color:#525764;font-weight:700;font-size:14px}.marketing-cta{padding:12px 18px!important}.marketing-main{overflow:hidden}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:70px;align-items:center;max-width:1240px;margin:0 auto;padding:92px 24px 74px}.marketing-kicker{display:inline-flex;color:#5d50d4;font-size:12px;font-weight:900;letter-spacing:.13em}.hero-copy h1,.marketing-section h1,.marketing-section h2,.marketing-pricing-preview h2{letter-spacing:-.045em;color:#151721}.hero-copy h1{max-width:690px;margin:13px 0 22px;font-size:clamp(48px,6vw,76px);line-height:.98}.hero-copy h1 em{color:#5b4fda;font-style:normal}.hero-copy>p{max-width:660px;margin:0 0 28px;color:#666c79;font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{padding:15px 21px;font-size:15px}.hero-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-trust span{padding:8px 11px;border:1px solid #e7e6f5;border-radius:999px;background:#faf9ff;color:#655fa0;font-size:12px;font-weight:750}.publisher-mock{position:relative;padding:24px;border:1px solid #e4e4ef;border-radius:26px;background:linear-gradient(155deg,#181927,#27234c);box-shadow:0 30px 70px rgba(29,27,63,.19);transform:rotate(.8deg)}.publisher-mock:before{content:"";position:absolute;inset:-90px -120px auto auto;width:280px;height:280px;border-radius:50%;background:rgba(99,78,255,.16);filter:blur(1px)}.mock-top{position:relative;display:flex;justify-content:space-between;color:#fff;font-weight:850;margin-bottom:18px}.mock-top b{padding:5px 9px;border-radius:999px;background:#e9f9ef;color:#208454;font-size:10px}.mock-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.mock-metrics div{display:grid;gap:6px;padding:15px;border-radius:14px;background:#fff}.mock-metrics small{color:#848995}.mock-metrics strong{font-size:24px}.mock-row{position:relative;display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;margin-top:8px;padding:13px 14px;border-radius:13px;background:#fff;color:#242631}.mock-row span{color:#8a8f9c;font-size:12px}.mock-row b{font-size:13px}.mock-row i{padding:5px 8px;border-radius:999px;background:#e8f8ef;color:#218352;font-size:10px;font-style:normal;font-weight:800}.mock-row i.planned{background:#f1efff;color:#6258c7}.marketing-section{max-width:1240px;margin:0 auto;padding:82px 24px}.marketing-section h1{max-width:850px;margin:14px 0 20px;font-size:clamp(42px,5vw,64px);line-height:1.02}.marketing-section h2{max-width:820px;margin:12px 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.05}.section-intro{max-width:760px;margin:0 0 32px;color:#707583;font-size:17px;line-height:1.6}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.workflow-grid article{min-height:210px;padding:24px;border:1px solid #e7e8ef;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,33,55,.035)}.workflow-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0edff;color:#574cc9;font-size:12px}.workflow-grid h3{margin:28px 0 9px;font-size:18px}.workflow-grid p{margin:0;color:#737886;line-height:1.55}.feature-band{display:grid;grid-template-columns:1fr 1fr;gap:54px;max-width:1180px;margin:30px auto 70px;padding:58px;border-radius:28px;background:linear-gradient(135deg,#f5f4fb,#efedff)}.feature-band p{color:#6d7280;font-size:16px;line-height:1.65}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.feature-list span{padding:16px;border:1px solid rgba(80,72,175,.10);border-radius:14px;background:#fff;color:#363a46;font-weight:750}.marketing-pricing-preview{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1180px;margin:0 auto 88px;padding:42px 44px;border-radius:24px;background:#1e1c37;color:#fff}.marketing-pricing-preview h2{max-width:760px;margin:8px 0;color:#fff;font-size:36px}.marketing-pricing-preview p{margin:0;color:#c7c4dc}.marketing-pricing-preview .btn{flex:0 0 auto;background:#6957ec}.marketing-footer{display:flex;justify-content:space-between;gap:40px;max-width:1240px;margin:0 auto;padding:38px 24px 50px;border-top:1px solid #ececf2}.marketing-footer p{max-width:520px;color:#898e99}.marketing-footer>div:last-child{display:flex;gap:18px;align-items:flex-start}.marketing-footer>div:last-child a{color:#5d6270;font-weight:700}.pricing-page{text-align:left;padding-top:94px}.pricing-page>h1{max-width:900px}.single-price-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;max-width:900px;margin-top:34px;padding:34px;border:1px solid #dfdcff;border-radius:24px;background:linear-gradient(140deg,#fff,#f8f7ff);box-shadow:0 22px 55px rgba(50,45,125,.10)}.single-price-card>div>span{font-weight:850;color:#5b50c9}.single-price-card strong{display:block;margin:12px 0;font-size:64px;line-height:1;color:#181a23}.single-price-card strong small{font-size:18px;color:#6d7280}.single-price-card ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.single-price-card li{padding:12px;border-radius:12px;background:#fff;color:#494e5a;font-weight:700}.single-price-card li:before{content:"✓";margin-right:8px;color:#2e9a68}.single-price-card>.btn{grid-column:1/-1;justify-content:center;text-align:center}.single-price-card>small{grid-column:1/-1;text-align:center;color:#888d99}.pricing-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin-top:20px}.pricing-notes article{padding:22px;border:1px solid #e6e7ed;border-radius:16px}.pricing-notes h3{margin:0 0 8px}.pricing-notes p{margin:0;color:#727784;line-height:1.55}.legal-page{max-width:900px;min-height:60vh}.legal-page p{color:#676d7a;line-height:1.7;font-size:16px}.subscription-gate{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:34px}.subscription-gate h2{margin:8px 0;font-size:30px}.subscription-gate p{max-width:650px;color:#6d7280}.gate-price{display:grid;gap:8px;padding:22px 26px;border-radius:18px;background:#f2efff;text-align:center}.gate-price strong{font-size:42px}.gate-price strong small{font-size:15px;color:#726ca3}.gate-price span{font-size:12px;color:#716c8c;font-weight:750}.billing-actions{grid-column:1/-1;display:flex;gap:12px}.billing-actions form{flex:1}.billing-actions button{width:100%}.subscription-gate .trustgrid{grid-column:1/-1}.billing-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.billing-kv span{display:grid;gap:5px;padding:15px;border:1px solid #eaebf1;border-radius:12px;background:#fafafd;color:#7b808d}.billing-kv b{color:#252832}.billing-active form{margin-top:18px}.billing-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 24px}.billing-admin-grid>div{padding:18px;border:1px solid #e5e6ed;border-radius:15px;background:#fafafd}.billing-admin-grid h3{margin:0 0 12px}.billing-admin-grid .statuspill{margin-top:12px}.billing-overview{margin-top:18px}
@media(max-width:920px){.marketing-nav{padding:13px 18px}.marketing-nav nav>a:not(.btn){display:none}.marketing-hero{grid-template-columns:1fr;padding-top:60px}.publisher-mock{max-width:650px}.workflow-grid{grid-template-columns:1fr 1fr}.feature-band{grid-template-columns:1fr;padding:38px}.marketing-pricing-preview{align-items:flex-start;flex-direction:column}.single-price-card{grid-template-columns:1fr}.single-price-card ul{grid-template-columns:1fr 1fr}.billing-kv{grid-template-columns:1fr 1fr}.billing-admin-grid{grid-template-columns:1fr}}
@media(max-width:620px){.marketing-brand img{width:120px}.marketing-brand span{font-size:15px}.marketing-nav nav .btn{padding:10px 12px!important}.marketing-hero{padding:48px 18px}.hero-copy h1{font-size:46px}.publisher-mock{padding:16px}.mock-metrics{grid-template-columns:1fr 1fr 1fr}.mock-row{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr}.marketing-section{padding:60px 18px}.feature-band{margin:20px 18px 55px;padding:28px}.feature-list{grid-template-columns:1fr}.marketing-pricing-preview{margin:0 18px 60px;padding:30px}.marketing-footer{flex-direction:column;padding:30px 18px}.marketing-footer>div:last-child{flex-wrap:wrap}.single-price-card{padding:24px}.single-price-card ul{grid-template-columns:1fr}.pricing-notes{grid-template-columns:1fr}.subscription-gate{grid-template-columns:1fr;padding:24px}.billing-actions{flex-direction:column}.billing-kv{grid-template-columns:1fr}}

/* v2.2.9 Password recovery — auth screens only */
.authlinks{display:flex;justify-content:flex-end;margin-top:-5px;margin-bottom:1px}
.authlinks a{font-size:14px;font-weight:750;color:#4b43b3}
.authlinks a:hover{text-decoration:underline}
.authsuccess{border:1px solid #cfe8d9!important;background:#eef9f3!important;color:#176b49!important}
.authprimary{display:block;text-align:center;width:100%;margin-top:6px}


/* v2.2.26 Queue visibility + publishing history */
.queue-kpis{margin-bottom:20px}.queue-console{padding-top:20px}.queue-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #eceef3}.queue-tabs a{padding:9px 13px;border:1px solid #e1e3ec;border-radius:10px;background:#fff;color:#5c6270;font-weight:750}.queue-tabs a.active{border-color:#d9d5ff;background:#f1efff;color:#3a339d}.queue-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(130px,.8fr));gap:12px;align-items:end;margin-bottom:18px}.queue-filters label{font-size:13px;color:#747a88}.queue-filters input,.queue-filters select{padding:10px 11px}.queue-filter-actions{display:flex;gap:8px;align-items:center;grid-column:1/-1}.queue-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 0 14px;color:#565c69}.queue-summary small{color:#8b909d}.queue-table .tr{grid-template-columns:minmax(170px,.85fr) minmax(260px,1.5fr) 165px 90px 110px minmax(220px,1.1fr)}.queue-table .tr>div,.queue-table .tr>span{min-width:0}.queue-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.queue-row-actions form{display:block;margin:0}.queue-row-actions .smallbtn{padding:7px 10px;white-space:nowrap}.queue-safety{display:inline-flex;padding:6px 8px;border-radius:8px;background:#fff3d8;color:#805500;font-size:12px;font-weight:800}.badge.cancelled{background:#f0f1f5;color:#6b707c}.queue-detail{border-color:#dfddf6}.queue-detail .sectionhead{margin-bottom:14px}.queue-detail .eyebrow{margin:0 0 3px!important}.queue-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.queue-detail-grid>div{padding:13px;border:1px solid #ececf2;border-radius:12px;background:#fafafd;min-width:0}.queue-detail-grid span{display:block;color:#7a808e;font-size:13px;margin-bottom:5px}.queue-detail-grid b{display:block;color:#272a34;overflow-wrap:anywhere}.queue-detail-actions{display:flex;gap:8px;margin-top:14px}.queue-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #eceef3;color:#6d7280}.queue-pagination>div{display:flex;gap:8px}
@media(max-width:1260px){.queue-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.queue-table .tr{grid-template-columns:minmax(150px,.9fr) minmax(220px,1.4fr) 150px 85px 105px minmax(190px,1fr)}}
@media(max-width:900px){.queue-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}.queue-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-table .tr{grid-template-columns:1fr;gap:7px;padding:15px 8px}.queue-table .tr:first-child{display:none}.queue-row-actions{margin-top:4px}}
@media(max-width:560px){.queue-filters{grid-template-columns:1fr}.queue-detail-grid{grid-template-columns:1fr}.queue-summary,.queue-pagination{align-items:flex-start;flex-direction:column}.queue-filter-actions,.queue-pagination>div{width:100%}.queue-filter-actions>*{flex:1;text-align:center}}

/* v2.2.27 Failure recovery + JSON reliability */
.queue-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.workergrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.badge.safety{background:#fff3d8;color:#805500}
.queue-warnings{display:grid;gap:6px;margin:-4px 0 18px;padding:13px 15px;border:1px solid #f0d6b3;border-radius:12px;background:#fff9ef;color:#79541b}
.queue-warnings>strong{color:#684409}.queue-warnings span{font-size:13px}
.queue-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #e8e7f4;border-radius:12px;background:#faf9ff}.queue-bulk form{display:block;margin:0}.queue-bulk span{font-size:13px;color:#777c89}
.queue-retry-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-weight:inherit;color:inherit}.queue-retry-check input{width:auto;margin:0}.queue-retry-check span{min-width:0}
.queue-provider-required{display:inline-flex;padding:6px 8px;border-radius:8px;background:#f1f1f5;color:#666b78;font-size:12px;font-weight:800}
@media(max-width:900px){.queue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.queue-kpis,.workergrid{grid-template-columns:1fr}}

.badge.recovered{background:#eaf4ef;color:#3f6d58}.queue-recovered{display:inline-flex;padding:6px 8px;border-radius:8px;background:#eaf4ef;color:#3f6d58;font-size:12px;font-weight:800}

/* v2.2.28 Queue operations polish */
.queue-kpis>a.queue-kpi-link{position:relative;overflow:hidden;display:block;border:1px solid var(--wb-line);border-radius:16px;padding:21px 21px 20px;background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(31,34,55,.04);color:inherit;transition:.15s ease}
.queue-kpis>a.queue-kpi-link:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--wb-brand),#8b84df);opacity:.9}.queue-kpis>a.queue-kpi-link:hover{transform:translateY(-1px);border-color:#cbc8f2;box-shadow:0 12px 28px rgba(31,34,55,.07)}
.queue-kpis>a.queue-kpi-link span{font-size:14px;font-weight:720;color:#727886;margin-bottom:8px}.queue-kpis>a.queue-kpi-link strong{font-size:30px;letter-spacing:-.035em;color:#1c1f29;line-height:1.1}.queue-kpis>a.queue-kpi-link small{display:block;font-size:14px;color:#858a97;margin-top:5px}
.queue-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.queue-health-card{margin-bottom:0;padding:22px}.queue-health-list{display:grid;gap:8px}.queue-health-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #ececf2;border-radius:11px;background:#fafafd;color:#262a34}.queue-health-row:hover{border-color:#d7d4f4;background:#f8f7ff}.queue-health-row b{display:block;font-size:14px}.queue-health-row small{display:block;margin-top:2px;color:#7e8390;font-size:12px;line-height:1.45}.queue-health-status{flex:0 0 auto;display:inline-flex;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:850}.queue-health-status.healthy{background:#e8f7ef;color:#16734b}.queue-health-status.warning{background:#fff4d6;color:#8a5b00}.queue-health-status.attention{background:#fdeaea;color:#a52727}.queue-health-status.muted{background:#f0f1f5;color:#6b707c}.queue-export{margin-left:auto}
@media(max-width:1050px){.queue-health-grid{grid-template-columns:1fr}}
@media(max-width:560px){.queue-health-row{align-items:flex-start;flex-direction:column}.queue-export{margin-left:0}}

/* v2.2.33 Autonomous scheduler, quality gate & cost router */
.autopilot-overview{border-color:#dfddf6}.autopilot-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.autopilot-summary>div{padding:15px;border:1px solid #ececf2;border-radius:13px;background:#fafafd}.autopilot-summary span{display:block;color:#777d8a;font-size:13px;margin-bottom:5px}.autopilot-summary b{display:block;color:#222630;font-size:18px}.autopilot-summary small{display:block;color:#8a8f9c;margin-top:4px}.autopilot-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.autopilot-form{gap:0}.schedule-table{display:grid;gap:0;border:1px solid #ececf2;border-radius:14px;overflow:hidden}.schedule-row{display:grid;grid-template-columns:minmax(230px,1.5fr) 145px 100px 95px 95px 125px;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid #ececf2;background:#fff}.schedule-row:last-child{border-bottom:0}.schedule-head{background:#fafafd;color:#727785;font-size:13px}.schedule-row small{display:block;color:#838895;margin-top:3px;font-size:12px}.schedule-row>input{padding:9px 10px}.schedule-check{display:flex;align-items:center;gap:7px;font-weight:650}.schedule-check input{width:auto;margin:0}.autopilot-save{display:flex;align-items:center;gap:14px;margin-top:18px}.autopilot-save small{color:#7d8290}.success{background:#eef9f3!important;color:#176b49!important;border:1px solid #cfe8d9!important}
@media(max-width:1100px){.autopilot-summary,.autopilot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-row{grid-template-columns:minmax(220px,1.5fr) 135px 95px 85px 85px 110px}}
@media(max-width:760px){.autopilot-summary,.autopilot-kpis{grid-template-columns:1fr}.schedule-head{display:none}.schedule-row{grid-template-columns:1fr 1fr;gap:10px}.schedule-row>div:first-child{grid-column:1/-1}.autopilot-save{align-items:flex-start;flex-direction:column}}

/* v2.2.34 WebBang Platform SSO pairing */
#platform-sso .platform-pair-form{margin-top:16px}#platform-sso .inlineform{margin-top:12px}#platform-sso .kv{margin-top:12px}