/* StudioAirOS Global Theme Tokens v1.0
   Single source of truth for platform colorization.
   Supports light/dark modes via html[data-theme="light|dark"] and system fallback.
*/
:root,
html[data-theme="light"]{
  color-scheme: light;

  /* Brand palette */
  --sf-brand-blue:#1b78ff;
  --sf-brand-cyan:#22d3ee;
  --sf-brand-purple:#8b5cf6;
  --sf-brand-orange:#f97316;
  --sf-brand-pink:#ec4899;

  /* Semantic brand aliases */
  --sf-blue:var(--sf-brand-blue);
  --sf-cyan:var(--sf-brand-cyan);
  --sf-purple:var(--sf-brand-purple);
  --sf-orange:var(--sf-brand-orange);
  --sf-primary:var(--sf-brand-blue);
  --sf-primary-hover:#1769e8;
  --sf-primary-text:#ffffff;
  --sf-accent:var(--sf-brand-orange);

  /* App surfaces */
  --sf-bg:#f5f8fc;
  --sf-bg-elevated:#ffffff;
  --sf-bg-soft:#f8fafc;
  --sf-bg-muted:#eef4ff;
  --sf-surface:#ffffff;
  --sf-card:#ffffff;
  --sf-panel:#ffffff;
  --sf-popover:#ffffff;
  --sf-card-hover:#f8fbff;

  /* Text */
  --sf-ink:#101828;
  --sf-text:#101828;
  --sf-heading:#0b1220;
  --sf-muted:#667085;
  --sf-subtle:#98a2b3;
  --sf-link:#244c8f;
  --sf-link-hover:var(--sf-brand-blue);

  /* Lines + states */
  --sf-border:#d9e0ea;
  --sf-line:#e5eaf2;
  --sf-focus:#93c5fd;
  --sf-focus-ring:rgba(27,120,255,.16);
  --sf-overlay:rgba(16,24,40,.56);

  /* Status colors */
  --sf-success:#027a48;
  --sf-success-bg:#ecfdf3;
  --sf-success-border:#abefc6;
  --sf-warning:#92400e;
  --sf-warning-bg:#fffaeb;
  --sf-warning-border:#fedf89;
  --sf-danger:#b42318;
  --sf-danger-bg:#fef3f2;
  --sf-danger-border:#fecdca;
  --sf-info:#1d4ed8;
  --sf-info-bg:#eff6ff;
  --sf-info-border:#bfdbfe;

  /* Premium treatments */
  --sf-radius-xs:8px;
  --sf-radius-sm:12px;
  --sf-radius-md:16px;
  --sf-radius-lg:24px;
  --sf-radius-xl:30px;
  --sf-shadow-sm:0 1px 2px rgba(16,24,40,.06);
  --sf-shadow:0 18px 50px rgba(16,24,40,.08);
  --sf-shadow-lg:0 24px 70px rgba(16,24,40,.14);
  --sf-gradient-primary:linear-gradient(135deg,var(--sf-brand-blue),var(--sf-brand-purple));
  --sf-gradient-primary-hover:linear-gradient(135deg,#1769e8,#7c3aed);
  --sf-gradient-accent:linear-gradient(135deg,var(--sf-brand-orange),var(--sf-brand-pink));
  --sf-gradient-cta:linear-gradient(135deg,var(--sf-brand-blue) 0%,var(--sf-brand-purple) 55%,var(--sf-brand-orange) 100%);
  --sf-gradient-hero:linear-gradient(135deg,#287eea 0%,#5138df 42%,#b64fc8 68%,#ff7a1a 100%);
  --sf-gradient-shell:linear-gradient(180deg,#ffffff 0%,var(--sf-bg) 100%);
  --sf-glass:rgba(255,255,255,.82);
  --sf-glass-border:rgba(217,224,234,.92);

  /* Shell aliases */
  --sf-shell-bg:var(--sf-glass);
  --sf-shell-bg2:var(--sf-bg-elevated);
  --sf-shell-border:var(--sf-line);
  --sf-shell-text:var(--sf-text);
  --sf-shell-link:var(--sf-link);
  --sf-shell-link-hover:var(--sf-link-hover);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --sf-primary-hover:#60a5fa;
    --sf-bg:#070b16;
    --sf-bg-elevated:#0d1324;
    --sf-bg-soft:#111827;
    --sf-bg-muted:#101b33;
    --sf-surface:#0d1324;
    --sf-card:#101827;
    --sf-panel:#0d1324;
    --sf-popover:#111827;
    --sf-card-hover:#15233a;
    --sf-ink:#f8fafc;
    --sf-text:#e5e7eb;
    --sf-heading:#ffffff;
    --sf-muted:#a9b4c7;
    --sf-subtle:#7b879b;
    --sf-link:#93c5fd;
    --sf-link-hover:#bfdbfe;
    --sf-border:#243149;
    --sf-line:#1f2a3d;
    --sf-focus:#60a5fa;
    --sf-focus-ring:rgba(96,165,250,.24);
    --sf-overlay:rgba(0,0,0,.68);
    --sf-success:#6ee7b7;
    --sf-success-bg:#052e24;
    --sf-success-border:#0f766e;
    --sf-warning:#fbbf24;
    --sf-warning-bg:#332405;
    --sf-warning-border:#92400e;
    --sf-danger:#fca5a5;
    --sf-danger-bg:#3b0a0a;
    --sf-danger-border:#991b1b;
    --sf-info:#bfdbfe;
    --sf-info-bg:#0b2447;
    --sf-info-border:#1d4ed8;
    --sf-shadow-sm:0 1px 2px rgba(0,0,0,.22);
    --sf-shadow:0 18px 55px rgba(0,0,0,.38);
    --sf-shadow-lg:0 28px 80px rgba(0,0,0,.48);
    --sf-gradient-shell:radial-gradient(circle at top left,rgba(27,120,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 30%),linear-gradient(180deg,#070b16 0%,var(--sf-bg) 100%);
    --sf-glass:rgba(13,19,36,.82);
    --sf-glass-border:rgba(36,49,73,.86);
    --sf-shell-bg:var(--sf-glass);
    --sf-shell-bg2:var(--sf-bg-elevated);
    --sf-shell-border:var(--sf-line);
    --sf-shell-text:var(--sf-text);
    --sf-shell-link:var(--sf-link);
    --sf-shell-link-hover:var(--sf-link-hover);
  }
}

html[data-theme="dark"]{
  color-scheme: dark;
  --sf-primary-hover:#60a5fa;
  --sf-bg:#070b16;
  --sf-bg-elevated:#0d1324;
  --sf-bg-soft:#111827;
  --sf-bg-muted:#101b33;
  --sf-surface:#0d1324;
  --sf-card:#101827;
  --sf-panel:#0d1324;
  --sf-popover:#111827;
  --sf-card-hover:#15233a;
  --sf-ink:#f8fafc;
  --sf-text:#e5e7eb;
  --sf-heading:#ffffff;
  --sf-muted:#a9b4c7;
  --sf-subtle:#7b879b;
  --sf-link:#93c5fd;
  --sf-link-hover:#bfdbfe;
  --sf-border:#243149;
  --sf-line:#1f2a3d;
  --sf-focus:#60a5fa;
  --sf-focus-ring:rgba(96,165,250,.24);
  --sf-overlay:rgba(0,0,0,.68);
  --sf-success:#6ee7b7;
  --sf-success-bg:#052e24;
  --sf-success-border:#0f766e;
  --sf-warning:#fbbf24;
  --sf-warning-bg:#332405;
  --sf-warning-border:#92400e;
  --sf-danger:#fca5a5;
  --sf-danger-bg:#3b0a0a;
  --sf-danger-border:#991b1b;
  --sf-info:#bfdbfe;
  --sf-info-bg:#0b2447;
  --sf-info-border:#1d4ed8;
  --sf-shadow-sm:0 1px 2px rgba(0,0,0,.22);
  --sf-shadow:0 18px 55px rgba(0,0,0,.38);
  --sf-shadow-lg:0 28px 80px rgba(0,0,0,.48);
  --sf-gradient-shell:radial-gradient(circle at top left,rgba(27,120,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 30%),linear-gradient(180deg,#070b16 0%,var(--sf-bg) 100%);
  --sf-glass:rgba(13,19,36,.82);
  --sf-glass-border:rgba(36,49,73,.86);
  --sf-shell-bg:var(--sf-glass);
  --sf-shell-bg2:var(--sf-bg-elevated);
  --sf-shell-border:var(--sf-line);
  --sf-shell-text:var(--sf-text);
  --sf-shell-link:var(--sf-link);
  --sf-shell-link-hover:var(--sf-link-hover);
}

*{box-sizing:border-box;}
html{min-height:100%;background:var(--sf-bg);}
body{
  min-height:100%;
  background:var(--sf-gradient-shell);
  color:var(--sf-text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit;}
a{color:var(--sf-link);}
a:hover{color:var(--sf-link-hover);}

.sf-container{max-width:1180px;margin:26px auto;padding:0 16px;}
.sf-muted{color:var(--sf-muted);line-height:1.55;}
.sf-heading,.sf-title,h1,h2,h3{color:var(--sf-heading);}
.sf-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}

.sf-card{
  background:var(--sf-card);
  border:1px solid var(--sf-line);
  border-radius:var(--sf-radius-lg);
  padding:20px;
  box-shadow:var(--sf-shadow);
}
.sf-card-link{display:block;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;}
.sf-card-link:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);transform:translateY(-1px);box-shadow:var(--sf-shadow-lg);}
.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;}
.sf-actions{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

.sf-btn,.sf-btn:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 15px;border-radius:14px;border:1px solid var(--sf-border);
  background:var(--sf-surface);color:var(--sf-link);text-decoration:none;
  font-weight:850;font-size:14px;line-height:1.1;cursor:pointer;
  box-shadow:var(--sf-shadow-sm);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
.sf-btn:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);transform:translateY(-1px);}
.sf-btn-primary,.sf-btn.sf-btn-primary{border-color:transparent;background:var(--sf-gradient-primary);color:var(--sf-primary-text);box-shadow:0 12px 28px rgba(27,120,255,.24);}
.sf-btn-primary:hover,.sf-btn.sf-btn-primary:hover{background:var(--sf-gradient-primary-hover);color:var(--sf-primary-text);}
.sf-btn-secondary,.sf-btn.sf-btn-secondary{background:var(--sf-surface);border-color:var(--sf-border);color:var(--sf-text);}

.sf-input,.sf-select,.sf-textarea,select,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="number"]{
  width:100%;padding:13px 14px;border:1px solid var(--sf-border);border-radius:14px;font-size:14px;
  background:var(--sf-surface);color:var(--sf-text);outline:none;
}
.sf-input:focus,.sf-select:focus,.sf-textarea:focus,select:focus,textarea:focus,input:focus{border-color:var(--sf-focus);box-shadow:0 0 0 4px var(--sf-focus-ring);}
.sf-form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px 0;}
.sf-form-row label,.sf-label{margin:0;padding:0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--sf-muted);}
.sf-field{margin-bottom:12px;}
.sf-help{font-size:12px;color:var(--sf-muted);line-height:1.45;}

.sf-message,.sf-alert,.sf-notice{background:var(--sf-info-bg);color:var(--sf-info);border:1px solid var(--sf-info-border);padding:12px 14px;border-radius:16px;margin-bottom:18px;font-weight:750;}
.sf-badge,.sf-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:var(--sf-bg-muted);color:var(--sf-link-hover);border:1px solid var(--sf-line);}

.sf-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--sf-border);background:var(--sf-surface);color:var(--sf-text);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:var(--sf-shadow-sm);}
.sf-theme-toggle:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}


/* Global enterprise SaaS components */
.sf-page,.sf-shell{color:var(--sf-text);}
.sf-panel{background:var(--sf-panel);border-color:var(--sf-line);color:var(--sf-text);}
.sf-table-wrap{background:var(--sf-panel);border-color:var(--sf-line);}
table{background:var(--sf-panel);color:var(--sf-text);}
th{background:var(--sf-bg-soft);color:var(--sf-muted);border-color:var(--sf-line);}
td{color:var(--sf-text);border-color:var(--sf-line);}
.sf-app-name,strong{color:var(--sf-heading);}
.sf-code{color:var(--sf-muted);}
.sf-gradient-action,.sf-staff-deployment-button,.sf-configure-button{background:var(--sf-gradient-cta)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 30px rgba(27,120,255,.22)!important;}
.sf-gradient-action:hover,.sf-staff-deployment-button:hover,.sf-configure-button:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(139,92,246,.24)!important;}
.sf-hero-panel{position:relative;overflow:hidden;border:0;background:var(--sf-gradient-hero);color:#fff;border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-lg);}
.sf-hero-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(34,211,238,.45),transparent 32%),radial-gradient(circle at 84% 12%,rgba(249,115,22,.35),transparent 30%);pointer-events:none;}
.sf-hero-panel > *{position:relative;z-index:1;}

@media(max-width:760px){
  .sf-section-head{align-items:flex-start;flex-direction:column;}
  .sf-actions{margin-left:0;width:100%;}
  .sf-btn{width:100%;}
}

/* StudioAirOS Platform Standard Shell Components v9
   Use these classes across every enterprise SaaS module page. */
.sf-standard-page{
  max-width:1180px;
  margin:0 auto;
  padding:34px 24px 56px;
  color:var(--sf-text);
}

.sf-module-hero{
  background:var(--sf-gradient-hero);
  color:#fff;
  border-radius:24px;
  padding:34px;
  box-shadow:var(--sf-shadow);
  overflow:hidden;
  position:relative;
  margin:0 0 22px;
}

.sf-module-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 18%,rgba(67,199,244,.55),transparent 32%),
    radial-gradient(circle at 84% 12%,rgba(255,189,53,.40),transparent 30%);
  pointer-events:none;
}

.sf-module-hero:after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:300px;
  height:300px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  pointer-events:none;
}

.sf-module-hero > *{
  position:relative;
  z-index:1;
}

.sf-module-hero h1,
.sf-module-hero .sf-hero-title{
  margin:0;
  color:#fff;
  font-size:40px;
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:900;
}

.sf-module-hero .sf-lede,
.sf-module-hero p{
  margin:14px 0 0;
  color:#f8fbff;
  font-size:16px;
  line-height:1.65;
  max-width:820px;
}

.sf-standard-panel{
  background:var(--sf-panel);
  border:1px solid var(--sf-line);
  border-radius:20px;
  padding:22px;
  box-shadow:var(--sf-shadow);
  margin-top:22px;
  position:relative;
  overflow:hidden;
}

.sf-standard-panel:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange));
}

.sf-gradient-action,
a.sf-gradient-action,
button.sf-gradient-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:var(--sf-gradient-cta);
  color:#fff!important;
  text-decoration:none!important;
  border-radius:16px;
  padding:12px 18px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(27,120,255,.22);
  white-space:nowrap;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.sf-gradient-action:hover,
a.sf-gradient-action:hover,
button.sf-gradient-action:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(139,92,246,.24);
  filter:saturate(1.04);
  color:#fff!important;
}

.sf-gradient-action:disabled,
button.sf-gradient-action:disabled{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
  filter:none;
}

@media(max-width:760px){
  .sf-standard-page{padding:24px 16px 44px;}
  .sf-module-hero{padding:28px 22px;}
  .sf-module-hero h1,.sf-module-hero .sf-hero-title{font-size:34px;}
}

/* StudioAirOS Exact Shared Enterprise Shell v10 */
:root{
  --sf-gradient-hero:linear-gradient(135deg,#2f9cf4 0%,#4355f5 28%,#8b5cf6 52%,#db5ca8 74%,#ff7a1a 100%);
  --sf-gradient-cta:linear-gradient(135deg,#1b78ff 0%,#8b5cf6 52%,#ff7a1a 100%);
}

body{
  background:var(--sf-gradient-shell)!important;
  color:var(--sf-text);
}

.sf-shell-pagewrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.sf-standard-page,
.sf-apps-shell{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 24px 56px!important;
  color:var(--sf-text);
}

.sf-module-hero,
.sf-apps-hero{
  background:var(--sf-gradient-hero)!important;
  background-size:260% 260%!important;
  animation:sf-gradient-roll 18s ease-in-out infinite!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:34px!important;
  box-shadow:var(--sf-shadow)!important;
  overflow:hidden!important;
  position:relative!important;
  margin:0 0 22px!important;
}

.sf-module-hero:before,
.sf-apps-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(67,199,244,.55),transparent 32%),
    radial-gradient(circle at 84% 12%,rgba(255,189,53,.40),transparent 30%)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.sf-module-hero:after,
.sf-apps-hero:after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  bottom:-120px!important;
  width:300px!important;
  height:300px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.sf-module-hero > *,
.sf-apps-hero > *{
  position:relative!important;
  z-index:1!important;
}

.sf-module-hero h1,
.sf-apps-hero h1,
.sf-module-hero .sf-hero-title,
.sf-apps-hero .sf-hero-title{
  margin:0!important;
  color:#fff!important;
  font-size:40px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
}

.sf-module-hero .sf-lede,
.sf-apps-hero .sf-lede,
.sf-module-hero p,
.sf-apps-hero p{
  margin:14px 0 0!important;
  color:#f8fbff!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:820px!important;
}

.sf-standard-panel{
  background:var(--sf-panel)!important;
  border:1px solid var(--sf-line)!important;
  border-radius:20px!important;
  padding:22px!important;
  box-shadow:var(--sf-shadow)!important;
  margin-top:22px!important;
  position:relative!important;
  overflow:hidden!important;
}

.sf-standard-panel:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange))!important;
}

@keyframes sf-gradient-roll{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

@media (prefers-reduced-motion: reduce){
  .sf-module-hero,
  .sf-apps-hero{
    animation:none!important;
  }
}

@media(max-width:760px){
  .sf-standard-page,
  .sf-apps-shell{padding:24px 16px 44px!important;}
  .sf-module-hero,
  .sf-apps-hero{padding:28px 22px!important;}
  .sf-module-hero h1,
  .sf-apps-hero h1{font-size:34px!important;}
}

/* StudioAirOS Premium Visible Hero Motion v11 */
.sf-module-hero,
.sf-apps-hero{
  background:
    linear-gradient(120deg,#1b78ff 0%,#4355f5 24%,#8b5cf6 46%,#db5ca8 68%,#ff7a1a 100%)!important;
  background-size:360% 360%!important;
  animation:sf-gradient-roll-visible 9s ease-in-out infinite!important;
  isolation:isolate;
}

.sf-module-hero:before,
.sf-apps-hero:before{
  background:
    radial-gradient(circle at var(--sf-glow-x,16%) var(--sf-glow-y,18%),rgba(67,199,244,.72),transparent 34%),
    radial-gradient(circle at calc(100% - var(--sf-glow-x,16%)) 18%,rgba(255,189,53,.48),transparent 32%),
    linear-gradient(105deg,transparent 0%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.26) 48%,rgba(255,255,255,.08) 60%,transparent 100%)!important;
  background-size:100% 100%,100% 100%,260% 100%!important;
  animation:sf-hero-glow-drift 7s ease-in-out infinite, sf-hero-shimmer 5.5s ease-in-out infinite!important;
  opacity:.95!important;
}

.sf-module-hero:after,
.sf-apps-hero:after{
  animation:sf-hero-orb-float 8s ease-in-out infinite!important;
  opacity:.28!important;
}

@keyframes sf-gradient-roll-visible{
  0%{background-position:0% 50%;}
  35%{background-position:85% 45%;}
  65%{background-position:100% 65%;}
  100%{background-position:0% 50%;}
}

@keyframes sf-hero-shimmer{
  0%{background-position:0 0,0 0,-160% 0;}
  50%{background-position:0 0,0 0,120% 0;}
  100%{background-position:0 0,0 0,-160% 0;}
}

@keyframes sf-hero-glow-drift{
  0%{--sf-glow-x:14%;--sf-glow-y:18%;}
  50%{--sf-glow-x:34%;--sf-glow-y:38%;}
  100%{--sf-glow-x:14%;--sf-glow-y:18%;}
}

@keyframes sf-hero-orb-float{
  0%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(-28px,-18px,0) scale(1.08);}
  100%{transform:translate3d(0,0,0) scale(1);}
}

/* Keep motion accessible: reduce, but do not fully remove, unless the OS requests it. */
@media (prefers-reduced-motion: reduce){
  .sf-module-hero,
  .sf-apps-hero,
  .sf-module-hero:before,
  .sf-apps-hero:before,
  .sf-module-hero:after,
  .sf-apps-hero:after{
    animation:none!important;
  }
}

/* StudioAirOS Enterprise Platform Standard v12
   Global source of truth for premium SaaS page shell, hero helper, and rolling gradients. */
:root{
  --sf-platform-bg-light:
    radial-gradient(circle at 9% 6%,rgba(27,120,255,.10),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%);
  --sf-platform-bg-dark:
    radial-gradient(circle at 9% 6%,rgba(34,211,238,.16),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.18),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0b1020 100%);
  --sf-hero-roll:
    linear-gradient(90deg,
      #1b78ff 0%,
      #4355f5 12.5%,
      #8b5cf6 25%,
      #db5ca8 37.5%,
      #ff7a1a 50%,
      #db5ca8 62.5%,
      #8b5cf6 75%,
      #4355f5 87.5%,
      #1b78ff 100%
    );
}

html,
body{
  min-height:100%;
  background:var(--sf-platform-bg-light)!important;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
body[data-theme="dark"],
body[data-theme="dark"] html{
  background:var(--sf-platform-bg-dark)!important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]),
  html:not([data-theme="light"]) body{
    background:var(--sf-platform-bg-dark)!important;
  }
}

.sf-shell-pagewrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.sf-standard-page,
.sf-apps-shell,
.sf-shell,
.sf-page{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 24px 56px!important;
  color:var(--sf-text)!important;
  background:transparent!important;
}

/* Exact same hero/helper treatment for /apps and every Apps subpage. */
.sf-module-hero,
.sf-apps-hero,
.sf-hero{
  background-image:var(--sf-hero-roll)!important;
  background-size:200% 100%!important;
  background-position:0% 50%!important;
  animation:sf-hero-roll-left-to-right 11s linear infinite!important;
  color:#fff!important;
  border-radius:24px!important;
  padding:34px!important;
  box-shadow:var(--sf-shadow)!important;
  overflow:hidden!important;
  position:relative!important;
  margin:0 0 22px!important;
  isolation:isolate!important;
}

.sf-module-hero:before,
.sf-apps-hero:before,
.sf-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(100deg,transparent 0%,rgba(255,255,255,.06) 35%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.06) 65%,transparent 100%),
    radial-gradient(circle at 16% 18%,rgba(67,199,244,.62),transparent 32%),
    radial-gradient(circle at 84% 12%,rgba(255,189,53,.44),transparent 30%)!important;
  background-size:220% 100%,100% 100%,100% 100%!important;
  animation:sf-hero-light-sweep 6s linear infinite!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.95!important;
}

.sf-module-hero:after,
.sf-apps-hero:after,
.sf-hero:after{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  bottom:-120px!important;
  width:300px!important;
  height:300px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.sf-module-hero > *,
.sf-apps-hero > *,
.sf-hero > *{
  position:relative!important;
  z-index:1!important;
}

.sf-module-hero h1,
.sf-apps-hero h1,
.sf-hero h1,
.sf-module-hero .sf-hero-title,
.sf-apps-hero .sf-hero-title,
.sf-hero .sf-hero-title,
.sf-hero strong{
  margin:0!important;
  color:#fff!important;
  font-size:40px!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
}

.sf-module-hero .sf-lede,
.sf-apps-hero .sf-lede,
.sf-hero .sf-lede,
.sf-module-hero p,
.sf-apps-hero p,
.sf-hero p{
  margin:14px 0 0!important;
  color:#f8fbff!important;
  font-size:16px!important;
  line-height:1.65!important;
  max-width:820px!important;
}

@keyframes sf-hero-roll-left-to-right{
  0%{background-position:0% 50%;}
  100%{background-position:200% 50%;}
}

@keyframes sf-hero-light-sweep{
  0%{background-position:-220% 0,0 0,0 0;}
  100%{background-position:220% 0,0 0,0 0;}
}

@media (prefers-reduced-motion: reduce){
  .sf-module-hero,
  .sf-apps-hero,
  .sf-hero,
  .sf-module-hero:before,
  .sf-apps-hero:before,
  .sf-hero:before{
    animation:none!important;
  }
}

@media(max-width:760px){
  .sf-standard-page,
  .sf-apps-shell,
  .sf-shell,
  .sf-page{padding:24px 16px 44px!important;}
  .sf-module-hero,
  .sf-apps-hero,
  .sf-hero{padding:28px 22px!important;}
  .sf-module-hero h1,
  .sf-apps-hero h1,
  .sf-hero h1,
  .sf-hero strong{font-size:34px!important;}
}

/* StudioAirOS Platform Shell Hard Override v13
   Final authority for page background, apps shell, and smooth left-to-right hero roll. */
html,
body,
.sf-shell-pagewrap,
main.sf-standard-page,
main.sf-apps-shell{
  background-color:transparent!important;
}

html,
body{
  min-height:100%!important;
}

body{
  background:
    radial-gradient(circle at 9% 6%,rgba(27,120,255,.10),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%)!important;
}

html[data-theme="dark"] body,
body[data-theme="dark"]{
  background:
    radial-gradient(circle at 9% 6%,rgba(34,211,238,.16),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.18),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0b1020 100%)!important;
}

.sf-shell-pagewrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

main.sf-standard-page,
main.sf-apps-shell,
.sf-standard-page.sf-apps-shell{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 24px 56px!important;
}

.sf-module-hero.sf-apps-hero,
.sf-module-hero,
.sf-apps-hero{
  background-image:
    linear-gradient(90deg,
      #1b78ff 0%,
      #4355f5 12.5%,
      #8b5cf6 25%,
      #db5ca8 37.5%,
      #ff7a1a 50%,
      #1b78ff 50.001%,
      #4355f5 62.5%,
      #8b5cf6 75%,
      #db5ca8 87.5%,
      #ff7a1a 100%
    )!important;
  background-size:200% 100%!important;
  animation:sf-hero-roll-continuous-ltr 12s linear infinite!important;
}

@keyframes sf-hero-roll-continuous-ltr{
  from{background-position:100% 50%;}
  to{background-position:0% 50%;}
}

@media (prefers-reduced-motion: reduce){
  .sf-module-hero.sf-apps-hero,
  .sf-module-hero,
  .sf-apps-hero{
    animation:none!important;
  }
}

@media(max-width:760px){
  main.sf-standard-page,
  main.sf-apps-shell,
  .sf-standard-page.sf-apps-shell{
    padding:24px 16px 44px!important;
  }
}

/* StudioAirOS Platform Background Lock v14
   One background source for /apps and all /staff/apps subpages. */
html,
body{
  min-height:100%!important;
}

body,
.sf-shell-pagewrap,
.sf-standard-page,
.sf-apps-shell{
  background:transparent!important;
}

body{
  background-color:#f6f8fc!important;
  background-image:
    radial-gradient(circle at 9% 6%,rgba(27,120,255,.10),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f6f8fc 100%)!important;
  background-attachment:fixed!important;
}

html[data-theme="dark"] body,
body[data-theme="dark"]{
  background-color:#0b1020!important;
  background-image:
    radial-gradient(circle at 9% 6%,rgba(34,211,238,.16),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(139,92,246,.18),transparent 34%),
    linear-gradient(180deg,#07111f 0%,#0b1020 100%)!important;
  background-attachment:fixed!important;
}

.sf-shell-pagewrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.sf-standard-page,
.sf-apps-shell{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:34px 24px 56px!important;
}

.sf-module-hero,
.sf-apps-hero,
.sf-hero{
  background-image:
    linear-gradient(90deg,
      #1b78ff 0%,
      #4355f5 12.5%,
      #8b5cf6 25%,
      #db5ca8 37.5%,
      #ff7a1a 50%,
      #1b78ff 50.001%,
      #4355f5 62.5%,
      #8b5cf6 75%,
      #db5ca8 87.5%,
      #ff7a1a 100%
    )!important;
  background-size:200% 100%!important;
  animation:sf-hero-roll-continuous-ltr 12s linear infinite!important;
}

@keyframes sf-hero-roll-continuous-ltr{
  from{background-position:100% 50%;}
  to{background-position:0% 50%;}
}



/* StudioAirOS shared dashboard cards */
.sf-dashboard-card {
  position: relative !important;
  display: block !important;
  background: var(--sf-panel) !important;
  color: var(--sf-text) !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: 20px !important;
  padding: 22px !important;
  box-shadow: var(--sf-shadow) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.sf-dashboard-card:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange)) !important;
}

.sf-dashboard-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 48px rgba(15,23,42,.16) !important;
}

.sf-dashboard-card h3 {
  margin: 0 0 8px !important;
  color: var(--sf-text) !important;
  font-weight: 900 !important;
}

.sf-dashboard-card p {
  margin: 0 !important;
  color: var(--sf-muted) !important;
  line-height: 1.5 !important;
}

/* StudioAirOS global button standard */
.sf-btn.sf-btn-primary,
button.sf-btn.sf-btn-primary,
a.sf-btn.sf-btn-primary {
  background: linear-gradient(135deg, var(--sf-cyan), var(--sf-purple), var(--sf-orange)) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 14px 34px rgba(124, 58, 237, .28) !important;
}

.sf-btn.sf-btn-primary:hover,
button.sf-btn.sf-btn-primary:hover,
a.sf-btn.sf-btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 42px rgba(124, 58, 237, .34) !important;
}

/* Scripts landing: 3 cards across on desktop */
.sf-script-show-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
  .sf-script-show-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .sf-script-show-grid {
    grid-template-columns: 1fr !important;
  }
}


/* Connect Phase 6C Executive Operations Polish */
.sf-executive-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}
.sf-executive-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
}
.sf-executive-health-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  min-width:360px;
}
.sf-executive-health-row div{
  border:1px solid var(--sf-line);
  border-radius:18px;
  padding:14px 16px;
  background:var(--sf-bg-soft);
}
.sf-executive-health-row strong{
  display:block;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.sf-executive-health-row span{
  display:block;
  margin-top:6px;
  color:var(--sf-muted);
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
@media(max-width:960px){
  .sf-executive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sf-executive-summary{grid-template-columns:1fr;}
  .sf-executive-health-row{min-width:0;}
}
@media(max-width:640px){
  .sf-executive-grid,.sf-executive-health-row{grid-template-columns:1fr;}
}


/* Connect Phase 6C.1 Executive Operations Dashboard */
.sf-executive-command{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:26px!important;align-items:stretch!important;}
.sf-executive-score-card{border:1px solid var(--sf-line);border-radius:24px;background:linear-gradient(180deg,var(--sf-bg-soft),var(--sf-panel));padding:22px;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:190px;}
.sf-executive-score-card strong{font-size:64px;line-height:.95;letter-spacing:-.07em;color:var(--sf-heading);}
.sf-executive-score-card span{margin-top:8px;font-weight:950;color:var(--sf-link-hover);}
.sf-executive-score-card p{margin:8px 0 0;color:var(--sf-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
.sf-intelligence-list{display:grid;gap:10px;}
.sf-intelligence-list div{border:1px solid var(--sf-line);border-radius:16px;padding:13px 14px;background:var(--sf-bg-soft);}
.sf-intelligence-list strong{display:block;color:var(--sf-heading);font-weight:900;}
.sf-intelligence-list span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-pressure-list{display:grid;gap:12px;}
.sf-pressure-row{display:grid;gap:8px;}
.sf-pressure-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
.sf-pressure-row strong{font-weight:900;color:var(--sf-heading);}
.sf-pressure-row span{color:var(--sf-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.sf-pressure-track{height:10px;border-radius:999px;background:var(--sf-bg-muted);overflow:hidden;border:1px solid var(--sf-line);}
.sf-pressure-track i{display:block;height:100%;border-radius:999px;background:var(--sf-gradient-cta);}
.sf-activity-brief-list{display:grid;gap:10px;}
.sf-activity-brief-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:16px;padding:13px 14px;background:var(--sf-bg-soft);}
.sf-activity-brief-row:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-activity-brief-row strong{display:block;color:var(--sf-heading);font-weight:900;}
.sf-activity-brief-row span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-activity-brief-row em{font-style:normal;color:var(--sf-muted);font-size:12px;font-weight:850;white-space:nowrap;}
@media(max-width:900px){.sf-executive-command{grid-template-columns:1fr!important;}.sf-activity-brief-row{grid-template-columns:1fr;}}


/* Connect Phase 6C.2 Operational Intelligence Engine */
.sf-intelligence-engine{overflow:hidden!important;}
.sf-intelligence-kpi{border:1px solid var(--sf-line);border-radius:22px;background:var(--sf-bg-soft);padding:16px 18px;text-align:center;min-width:150px;}
.sf-intelligence-kpi strong{display:block;font-size:40px;line-height:1;letter-spacing:-.06em;color:var(--sf-heading);}
.sf-intelligence-kpi span{display:block;margin-top:6px;color:var(--sf-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;}
.sf-intelligence-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:18px;}
.sf-intelligence-columns h3{margin:0 0 10px;}
.sf-intelligence-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sf-intelligence-signal-grid div{border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-intelligence-signal-grid strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-intelligence-signal-grid span{display:block;margin-top:4px;color:var(--sf-muted);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;}
.sf-intelligence-conversation-list{display:grid;gap:10px;}
.sf-intelligence-conversation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-intelligence-conversation:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-intelligence-conversation strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-intelligence-conversation span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-intelligence-conversation em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--sf-gradient-cta);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(27,120,255,.18);}
@media(max-width:900px){.sf-intelligence-columns{grid-template-columns:1fr;}.sf-intelligence-signal-grid{grid-template-columns:1fr;}.sf-intelligence-kpi{min-width:0;}}


/* Connect Phase 6C.3 Predictive Operations */
.sf-predictive-ops{overflow:hidden!important;}
.sf-predictive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;}
.sf-predictive-score{border:1px solid var(--sf-line);border-radius:22px;background:linear-gradient(180deg,var(--sf-bg-soft),var(--sf-panel));padding:18px;text-align:center;}
.sf-predictive-score strong{display:block;font-size:48px;line-height:1;letter-spacing:-.07em;color:var(--sf-heading);}
.sf-predictive-score span{display:block;margin-top:7px;color:var(--sf-muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;}
.sf-predictive-columns{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;margin-top:8px;}
.sf-predictive-guidance{display:grid;gap:10px;}
.sf-predictive-guidance div{border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-predictive-guidance strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-predictive-guidance span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-predictive-list{display:grid;gap:10px;}
.sf-predictive-conversation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-predictive-conversation:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-predictive-conversation strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-predictive-conversation span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-predictive-conversation em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--sf-gradient-cta);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(27,120,255,.18);}
@media(max-width:900px){.sf-predictive-grid,.sf-predictive-columns{grid-template-columns:1fr;}.sf-predictive-conversation{grid-template-columns:1fr;}}


/* Connect Phase 6C.4 Autonomous Operational Coordination */
.sf-autonomous-ops{overflow:hidden!important;}
.sf-autonomous-index{border:1px solid var(--sf-line);border-radius:22px;background:linear-gradient(180deg,var(--sf-bg-soft),var(--sf-panel));padding:18px 20px;text-align:center;min-width:180px;}
.sf-autonomous-index strong{display:block;font-size:52px;line-height:1;letter-spacing:-.07em;color:var(--sf-heading);}
.sf-autonomous-index span{display:block;margin-top:7px;color:var(--sf-muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;}
.sf-autonomous-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;}
.sf-autonomous-list{display:grid;gap:10px;}
.sf-autonomous-list div{border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-autonomous-list strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-autonomous-list span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
@media(max-width:900px){.sf-autonomous-columns{grid-template-columns:1fr;}.sf-autonomous-index{min-width:0;width:100%;}}


/* Connect Phase 6C.5 Unified Operational Ecosystem */
.sf-ecosystem-ops{overflow:hidden!important;}
.sf-ecosystem-index{border:1px solid var(--sf-line);border-radius:22px;background:linear-gradient(180deg,var(--sf-bg-soft),var(--sf-panel));padding:18px 20px;text-align:center;min-width:180px;}
.sf-ecosystem-index strong{display:block;font-size:52px;line-height:1;letter-spacing:-.07em;color:var(--sf-heading);}
.sf-ecosystem-index span{display:block;margin-top:7px;color:var(--sf-muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;}
.sf-ecosystem-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;}
.sf-ecosystem-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.sf-ecosystem-signal-grid div,.sf-ecosystem-list div{border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-ecosystem-signal-grid strong,.sf-ecosystem-list strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-ecosystem-signal-grid span,.sf-ecosystem-list span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-ecosystem-signal-grid p{margin:7px 0 0;color:var(--sf-muted);font-size:12px;line-height:1.45;}
.sf-ecosystem-list{display:grid;gap:10px;}
.sf-ecosystem-activity-list{display:grid;gap:10px;}
.sf-ecosystem-activity{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-ecosystem-activity:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-ecosystem-activity strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-ecosystem-activity span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-ecosystem-activity em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--sf-gradient-cta);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(27,120,255,.18);}
@media(max-width:900px){.sf-ecosystem-columns,.sf-ecosystem-signal-grid,.sf-ecosystem-activity{grid-template-columns:1fr;}.sf-ecosystem-index{min-width:0;width:100%;}}


/* Connect Phase 6C.6 AI-Assisted Operational Coordination */
.sf-ai-ops{overflow:hidden!important;}
.sf-ai-index{border:1px solid var(--sf-line);border-radius:22px;background:linear-gradient(180deg,var(--sf-bg-soft),var(--sf-panel));padding:18px 20px;text-align:center;min-width:180px;}
.sf-ai-index strong{display:block;font-size:52px;line-height:1;letter-spacing:-.07em;color:var(--sf-heading);}
.sf-ai-index span{display:block;margin-top:7px;color:var(--sf-muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.07em;}
.sf-ai-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;}
.sf-ai-list{display:grid;gap:10px;}
.sf-ai-list div{border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-ai-list strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-ai-list span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-ai-focus-list{display:grid;gap:10px;}
.sf-ai-focus-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-bg-soft);padding:13px 14px;}
.sf-ai-focus-row:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-ai-focus-row strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-ai-focus-row span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-ai-focus-row em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--sf-gradient-cta);color:#fff;font-weight:950;padding:10px 13px;box-shadow:0 12px 28px rgba(27,120,255,.18);}
@media(max-width:900px){.sf-ai-columns,.sf-ai-focus-row{grid-template-columns:1fr;}.sf-ai-index{min-width:0;width:100%;}}


/* Connect Operations tabbed staff workspace */
.sf-ops-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px;
  padding:8px;
  border:1px solid var(--sf-line);
  border-radius:999px;
  background:var(--sf-panel);
  box-shadow:var(--sf-shadow-sm);
}
.sf-ops-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  text-decoration:none;
  color:var(--sf-muted);
  font-weight:900;
  font-size:13px;
}
.sf-ops-tab:hover{background:var(--sf-bg-soft);color:var(--sf-link-hover);}
.sf-ops-tab.active{background:var(--sf-gradient-cta);color:#fff!important;box-shadow:0 12px 28px rgba(27,120,255,.18);}
.sf-ops-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;}
.sf-ops-scope-note{margin-bottom:22px;}
@media(max-width:900px){.sf-ops-tabs{border-radius:22px}.sf-ops-tab{flex:1 1 45%;}.sf-ops-two-column{grid-template-columns:1fr;}}


/* Connect Phase 6D.1 Operations Polish */
.sf-ops-tabs{border-radius:24px;}
.sf-ops-scope-note p{max-width:900px;}
.sf-ops-two-column .sf-standard-panel{margin-top:0;}
.sf-ops-two-column h2{letter-spacing:-.02em;}
@media(max-width:700px){.sf-ops-tab{flex:1 1 100%;}.sf-executive-grid{grid-template-columns:1fr!important;}}


/* Connect Phase 6D.2 Queue & Ownership System */
.sf-connect-queue-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px 0;
}
.sf-connect-queue-tabs .sf-btn{white-space:nowrap;}
@media(max-width:720px){.sf-connect-queue-tabs .sf-btn{width:100%;}}


/* StudioAirOS Apps Phase 1H Premium Polish v2 */
.sf-apps-top-actions{
  margin:0 0 22px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.sf-app-command-center{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
  align-items:stretch;
  margin:0 0 18px;
}
.sf-app-command-main,
.sf-readiness-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--sf-line);
  border-radius:24px;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft));
  box-shadow:var(--sf-shadow);
  padding:22px;
}
.sf-app-command-main:before,
.sf-readiness-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange));
}
.sf-kicker{
  display:block;
  margin:0 0 8px;
  color:var(--sf-link-hover);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sf-app-command-main h2{
  margin:0;
  color:var(--sf-heading);
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.04em;
}
.sf-app-command-main p,
.sf-readiness-card p{
  margin:10px 0 0;
  color:var(--sf-muted);
  line-height:1.55;
}
.sf-app-status-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.sf-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:950;
  border:1px solid var(--sf-line);
  background:var(--sf-bg-muted);
  color:var(--sf-link-hover);
}
.sf-status-chip.good{background:var(--sf-success-bg);color:var(--sf-success);border-color:var(--sf-success-border);}
.sf-status-chip.wait{background:var(--sf-warning-bg);color:var(--sf-warning);border-color:var(--sf-warning-border);}
.sf-status-chip.info{background:var(--sf-info-bg);color:var(--sf-info);border-color:var(--sf-info-border);}
.sf-readiness-card{display:flex;flex-direction:column;justify-content:center;}
.sf-readiness-card span{
  color:var(--sf-muted);
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.sf-readiness-card strong{
  display:block;
  margin-top:6px;
  color:var(--sf-heading);
  font-size:36px;
  line-height:1;
  letter-spacing:-.06em;
}
.sf-app-workspace-nav{
  position:sticky;
  top:10px;
  z-index:5;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:8px;
  border:1px solid var(--sf-line);
  border-radius:999px;
  background:var(--sf-glass);
  backdrop-filter:blur(14px);
  box-shadow:var(--sf-shadow-sm);
}
.sf-app-workspace-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  color:var(--sf-muted);
  text-decoration:none;
  font-size:12px;
  font-weight:950;
}
.sf-app-workspace-nav a:hover{background:var(--sf-bg-soft);color:var(--sf-link-hover);}
.sf-app-config-panel{scroll-margin-top:92px;}
.sf-panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}
.sf-panel-heading h2{margin:0!important;}
.sf-panel-pill{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border-radius:999px;
  padding:7px 10px;
  background:var(--sf-bg-muted);
  color:var(--sf-link-hover);
  border:1px solid var(--sf-line);
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sf-check-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:12px!important;
}
.sf-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:14px 15px!important;
  border:1px solid var(--sf-line)!important;
  border-radius:18px!important;
  background:var(--sf-bg-soft)!important;
  color:var(--sf-heading)!important;
  font-weight:900!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-check input{width:auto!important;accent-color:var(--sf-primary);}
.sf-guidance-card{border-radius:22px!important;box-shadow:var(--sf-shadow-sm)!important;}
.sf-nav-row,.sf-navigation-row,.sf-sortable-row{border-radius:20px!important;}
@media(max-width:900px){
  .sf-app-command-center{grid-template-columns:1fr;}
  .sf-app-workspace-nav{position:relative;top:auto;border-radius:24px;}
  .sf-app-workspace-nav a{flex:1 1 42%;}
  .sf-panel-heading{flex-direction:column;}
}
@media(max-width:640px){
  .sf-apps-top-actions .sf-btn,
  .sf-apps-top-actions .sf-gradient-action{width:100%;}
  .sf-app-workspace-nav a{flex:1 1 100%;}
  .sf-readiness-card strong{font-size:30px;}
}


/* StudioAirOS Onboarding Phase 2A Foundations v3 */
.sf-onboarding-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 22px;}
.sf-onboarding-command{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:stretch;margin:0 0 22px;}
.sf-onboarding-command-copy,.sf-onboarding-score,.sf-onboarding-metrics div,.sf-onboarding-plan-card,.sf-empty-state{position:relative;overflow:hidden;border:1px solid var(--sf-line);border-radius:24px;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft));box-shadow:var(--sf-shadow);padding:22px;}
.sf-onboarding-command-copy:before,.sf-onboarding-score:before,.sf-onboarding-metrics div:before,.sf-onboarding-plan-card:before,.sf-empty-state:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange));}
.sf-onboarding-command-copy h2{margin:0;color:var(--sf-heading);font-size:32px;line-height:1.08;letter-spacing:-.04em;}
.sf-onboarding-command-copy p{margin:10px 0 0;color:var(--sf-muted);line-height:1.6;}
.sf-onboarding-score{display:flex;flex-direction:column;justify-content:center;text-align:center;}
.sf-onboarding-score strong{display:block;color:var(--sf-heading);font-size:54px;line-height:1;letter-spacing:-.07em;}
.sf-onboarding-score span,.sf-onboarding-metrics span,.sf-onboarding-plan-card span{display:block;margin-top:7px;color:var(--sf-muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.sf-onboarding-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px;}
.sf-onboarding-metrics strong{display:block;color:var(--sf-heading);font-size:38px;line-height:1;letter-spacing:-.06em;}
.sf-onboarding-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sf-onboarding-plan-card strong{display:block;margin-top:7px;color:var(--sf-heading);font-size:22px;letter-spacing:-.03em;}
.sf-onboarding-plan-card p{color:var(--sf-muted);line-height:1.5;}
.sf-onboarding-plan-card ul{margin:12px 0 0;padding-left:18px;color:var(--sf-muted);font-size:13px;line-height:1.6;}
.sf-onboarding-list{display:grid;gap:10px;}
.sf-onboarding-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--sf-line);border-radius:18px;background:var(--sf-bg-soft);padding:15px 16px;}
.sf-onboarding-row:hover{background:var(--sf-card-hover);border-color:var(--sf-focus);}
.sf-onboarding-row strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-onboarding-row span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-onboarding-row em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:999px;background:var(--sf-gradient-cta);color:#fff;font-weight:950;box-shadow:0 12px 28px rgba(27,120,255,.18);}
.sf-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.sf-two-col .sf-wide{grid-column:1 / -1;}
.sf-empty-state{text-align:center;}
.sf-empty-state h3{margin:0;}
.sf-empty-state p{color:var(--sf-muted);}
@media(max-width:900px){.sf-onboarding-command,.sf-onboarding-metrics,.sf-onboarding-plan-grid,.sf-two-col{grid-template-columns:1fr;}.sf-onboarding-row{grid-template-columns:1fr;}}
@media(max-width:640px){.sf-onboarding-actions .sf-btn,.sf-onboarding-actions .sf-gradient-action{width:100%;}}


/* StudioAirOS Onboarding Phase 2A.2 Lead Capture + Plan Selector */
.sf-onboarding-selected-plan{border:1px solid var(--sf-line);border-radius:18px;background:var(--sf-bg-soft);padding:14px 16px;}
.sf-onboarding-selected-plan strong{display:block;color:var(--sf-heading);font-weight:950;}
.sf-onboarding-selected-plan span{display:block;margin-top:4px;color:var(--sf-muted);line-height:1.45;}
.sf-onboarding-entitlement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px;}
.sf-onboarding-entitlement-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--sf-line);border-radius:18px;background:var(--sf-bg-soft);padding:15px 16px;color:var(--sf-text);box-shadow:var(--sf-shadow-sm);}
.sf-onboarding-entitlement-card input{width:auto;align-self:flex-start;accent-color:var(--sf-primary);}
.sf-onboarding-entitlement-card span{color:var(--sf-heading);font-weight:950;}
.sf-onboarding-entitlement-card small{color:var(--sf-muted);line-height:1.45;}
.sf-onboarding-entitlement-card.enabled{border-color:var(--sf-success-border);background:var(--sf-success-bg);}


/* StudioAirOS Onboarding Phase 2A.4 Lead Intake */
.sf-onboarding-lead-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.sf-onboarding-metadata{
  margin-top:14px;
  border:1px solid var(--sf-line);
  border-radius:18px;
  background:var(--sf-bg-soft);
  padding:13px 15px;
}
.sf-onboarding-metadata summary{
  cursor:pointer;
  color:var(--sf-heading);
  font-weight:950;
}
.sf-onboarding-metadata .sf-two-col{
  margin-top:12px;
}
.sf-onboarding-metadata strong{
  display:block;
  color:var(--sf-heading);
  font-weight:950;
}
.sf-onboarding-metadata span{
  display:block;
  margin-top:4px;
  color:var(--sf-muted);
  overflow-wrap:anywhere;
}


/* StudioAirOS Onboarding Phase 2A.5 Billing Cadence */
.sf-onboarding-selected-plan em{display:block;margin-top:8px;color:var(--sf-heading);font-style:normal;font-weight:950;font-size:20px;letter-spacing:-.03em;}
.sf-onboarding-selected-plan small{display:block;margin-top:3px;color:var(--sf-success);font-weight:900;}


/* StudioAirOS Onboarding Phase 2A.6 Pricing Display Safe Patch */
.sf-onboarding-selected-plan .sf-plan-summary-line{
  display:block;
  margin-top:6px;
  color:var(--sf-muted);
  line-height:1.45;
}
.sf-onboarding-selected-plan .sf-plan-summary-price{
  color:var(--sf-heading);
  font-weight:950;
}


/* StudioAirOS Onboarding Programming Format Dropdown */
.sf-field-help{display:block;margin-top:6px;color:var(--sf-muted);font-size:12px;line-height:1.4;}


/* StudioAirOS Onboarding Phase 2A.8 Autosave */
.sf-autosave-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:999px;
  padding:8px 12px;
  border:1px solid var(--sf-line);
  background:var(--sf-bg-soft);
  color:var(--sf-muted);
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sf-autosave-status[data-state="saving"]{background:var(--sf-info-bg);color:var(--sf-info);border-color:var(--sf-info-border);}
.sf-autosave-status[data-state="saved"]{background:var(--sf-success-bg);color:var(--sf-success);border-color:var(--sf-success-border);}
.sf-autosave-status[data-state="error"]{background:var(--sf-danger-bg);color:var(--sf-danger);border-color:var(--sf-danger-border);}


/* StudioAirOS Onboarding Phase 2A.9 Payment-Gated Activation */
.sf-autosave-note{
  margin-top:12px;
  color:var(--sf-muted);
  font-size:13px;
  font-weight:850;
}
.sf-check.sf-provisioned{
  border-color:var(--sf-success-border)!important;
  background:var(--sf-success-bg)!important;
}
.sf-check small{
  display:block;
  margin-left:auto;
  color:var(--sf-muted);
  font-size:11px;
  font-weight:850;
}


/* StudioAirOS Onboarding Phase 2A.10 Provisioning Automation */
.sf-onboarding-shell input[readonly]{
  opacity:.82;
  background:var(--sf-bg-soft)!important;
}


/* StudioAirOS Onboarding Premium Lifecycle Pills */
.sf-status-chip,
.sf-onboarding-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
  border:1px solid var(--sf-line)!important;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-heading)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-status-chip.good,
.sf-onboarding-pill.good{
  border-color:var(--sf-success-border)!important;
  background:var(--sf-success-bg)!important;
  color:var(--sf-success)!important;
}
.sf-status-chip.wait,
.sf-onboarding-pill.wait{
  border-color:var(--sf-warning-border)!important;
  background:var(--sf-warning-bg)!important;
  color:var(--sf-warning)!important;
}
.sf-status-chip.info,
.sf-onboarding-pill.info{
  border-color:var(--sf-info-border)!important;
  background:var(--sf-info-bg)!important;
  color:var(--sf-info)!important;
}
.sf-lifecycle-percent{
  font-variant-numeric:tabular-nums!important;
  font-weight:950!important;
}


/* StudioAirOS Billing Catalog Management */
.sf-billing-catalog-page .sf-table-wrap{overflow-x:auto;margin:14px 0 24px;}
.sf-billing-catalog-page code{font-size:12px;color:var(--sf-muted);}
.sf-billing-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--sf-line);}
.sf-check-inline{display:inline-flex;align-items:center;gap:8px;margin-right:14px;color:var(--sf-text);font-weight:850;}



/* StudioAirOS Billing Catalog — Shell and Colorization Fix */
body.sf-theme-body{
  margin:0;
  background:var(--sf-bg);
  color:var(--sf-text);
}

.sf-billing-catalog-page{
  max-width:1480px;
  margin:0 auto;
  padding:28px 24px 60px;
  color:var(--sf-text);
}

.sf-billing-catalog-page .sf-billing-hero{
  position:relative;
  overflow:hidden;
  margin-bottom:24px;
  padding:30px;
  border:1px solid var(--sf-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--sf-accent) 26%, transparent), transparent 36%),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--sf-primary) 22%, transparent), transparent 32%),
    linear-gradient(135deg, var(--sf-panel), var(--sf-bg-soft));
  box-shadow:var(--sf-shadow);
}

.sf-billing-catalog-page .sf-billing-hero:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.10), transparent 34%, rgba(255,255,255,.06));
}

.sf-billing-catalog-page .sf-billing-hero > *{
  position:relative;
  z-index:1;
}

.sf-billing-catalog-page .sf-kicker,
.sf-billing-catalog-page .sf-commerce-key{
  color:var(--sf-accent);
  font-size:11px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.sf-billing-catalog-page h1,
.sf-billing-catalog-page h2,
.sf-billing-catalog-page h3{
  color:var(--sf-heading);
  letter-spacing:-.035em;
}

.sf-billing-catalog-page h1{
  margin:0;
  font-size:clamp(34px,4vw,58px);
  line-height:.98;
  font-weight:950;
}

.sf-billing-catalog-page h2{
  margin:3px 0 0;
  font-size:24px;
  font-weight:950;
}

.sf-billing-catalog-page h3{
  margin:4px 0 0;
  font-size:18px;
  font-weight:950;
}

.sf-billing-catalog-page .sf-lede,
.sf-billing-catalog-page .sf-muted,
.sf-billing-catalog-page label,
.sf-billing-catalog-page .sf-commerce-tags span,
.sf-billing-catalog-page .sf-commerce-stripe span{
  color:var(--sf-muted);
}

.sf-billing-catalog-page .sf-lede{
  max-width:780px;
  margin:14px 0 0;
  font-size:16px;
  line-height:1.65;
  font-weight:650;
}

.sf-billing-catalog-page .sf-module-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}

.sf-billing-catalog-page .sf-btn,
.sf-billing-catalog-page a.sf-btn,
.sf-billing-catalog-page button.sf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  gap:8px;
  padding:10px 15px;
  border-radius:999px;
  border:1px solid var(--sf-line);
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.sf-billing-catalog-page .sf-btn-primary,
.sf-billing-catalog-page .sf-gradient-action{
  border:0;
  color:#fff;
  background:linear-gradient(135deg, var(--sf-primary), var(--sf-accent));
  box-shadow:0 18px 38px color-mix(in srgb, var(--sf-primary) 30%, transparent);
}

.sf-billing-catalog-page .sf-btn-secondary{
  color:var(--sf-heading);
  background:var(--sf-panel);
  border-color:var(--sf-line);
}

.sf-billing-catalog-page .sf-commerce-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.sf-billing-catalog-page .sf-commerce-stats span,
.sf-billing-catalog-page .sf-commerce-tags span,
.sf-billing-catalog-page .sf-panel-pill,
.sf-billing-catalog-page .sf-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--sf-line);
  border-radius:999px;
  padding:8px 12px;
  background:var(--sf-bg-soft);
  color:var(--sf-muted);
  font-size:12px;
  font-weight:900;
}

.sf-billing-catalog-page .sf-status-chip.good{
  color:var(--sf-success);
  border-color:color-mix(in srgb, var(--sf-success) 38%, var(--sf-line));
  background:color-mix(in srgb, var(--sf-success) 12%, var(--sf-panel));
}

.sf-billing-catalog-page .sf-status-chip.wait{
  color:var(--sf-warning);
  border-color:color-mix(in srgb, var(--sf-warning) 38%, var(--sf-line));
  background:color-mix(in srgb, var(--sf-warning) 12%, var(--sf-panel));
}

.sf-billing-catalog-page .sf-commerce-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:22px;
  align-items:start;
}

.sf-billing-catalog-page .sf-commerce-main,
.sf-billing-catalog-page .sf-commerce-side{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.sf-billing-catalog-page .sf-commerce-side{
  position:sticky;
  top:22px;
}

.sf-billing-catalog-page .sf-standard-panel,
.sf-billing-catalog-page .sf-commerce-panel,
.sf-billing-catalog-page .sf-commerce-editor{
  margin:0;
  padding:24px;
  border:1px solid var(--sf-line);
  border-radius:30px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--sf-accent) 8%, transparent), transparent 32%),
    linear-gradient(180deg, var(--sf-panel), var(--sf-bg-soft));
  box-shadow:var(--sf-shadow-sm);
}

.sf-billing-catalog-page .sf-panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.sf-billing-catalog-page .sf-commerce-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:16px;
  margin-top:18px;
}

.sf-billing-catalog-page .sf-commerce-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:242px;
  padding:19px;
  border:1px solid var(--sf-line);
  border-radius:26px;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--sf-accent) 12%, transparent), transparent 36%),
    linear-gradient(180deg, var(--sf-panel), var(--sf-bg-soft));
  box-shadow:var(--sf-shadow-sm);
}

.sf-billing-catalog-page .sf-commerce-card.selected{
  border-color:var(--sf-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 18%, transparent), var(--sf-shadow-sm);
}

.sf-billing-catalog-page .sf-commerce-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}

.sf-billing-catalog-page .sf-commerce-price{
  color:var(--sf-heading);
  font-size:31px;
  font-weight:950;
  letter-spacing:-.045em;
}

.sf-billing-catalog-page .sf-commerce-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sf-billing-catalog-page .sf-commerce-tags span{
  padding:6px 10px;
}

.sf-billing-catalog-page .sf-commerce-stripe{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:auto;
}

.sf-billing-catalog-page .sf-commerce-stripe span{
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sf-billing-catalog-page .sf-commerce-stripe code{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  border:1px solid var(--sf-line);
  border-radius:14px;
  padding:9px 11px;
  background:var(--sf-bg);
  color:var(--sf-text);
  font-size:12px;
}

.sf-billing-catalog-page .sf-commerce-editor .sf-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.sf-billing-catalog-page .sf-commerce-editor .sf-form-row.sf-wide{
  grid-column:1/-1;
}

.sf-billing-catalog-page .sf-input,
.sf-billing-catalog-page .sf-select,
.sf-billing-catalog-page .sf-textarea{
  width:100%;
  min-height:44px;
  border:1px solid var(--sf-line);
  border-radius:14px;
  padding:11px 13px;
  background:var(--sf-bg);
  color:var(--sf-text);
  outline:none;
}

.sf-billing-catalog-page .sf-input:focus,
.sf-billing-catalog-page .sf-select:focus,
.sf-billing-catalog-page .sf-textarea:focus{
  border-color:var(--sf-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 18%, transparent);
}

.sf-billing-catalog-page .sf-check-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-right:14px;
  color:var(--sf-text);
  font-weight:850;
}

.sf-billing-catalog-page .sf-check-inline input{
  width:16px;
  height:16px;
  accent-color:var(--sf-accent);
}

@media(max-width:1180px){
  .sf-billing-catalog-page .sf-commerce-grid{grid-template-columns:1fr;}
  .sf-billing-catalog-page .sf-commerce-side{position:static;}
}

@media(max-width:760px){
  .sf-billing-catalog-page{padding:18px 14px 44px;}
  .sf-billing-catalog-page .sf-commerce-card-grid{grid-template-columns:1fr;}
  .sf-billing-catalog-page .sf-commerce-price{font-size:27px;}
}



/* StudioAirOS Access Center Tenants Global Colorization */
.sf-access-center-page,
.sf-control-page,
.sf-tenants-page{
  color:var(--sf-text)!important;
  background:transparent!important;
}

.sf-access-center-page .sf-module-hero,
.sf-control-page .sf-module-hero,
.sf-tenants-page .sf-module-hero{
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--sf-accent) 26%, transparent), transparent 36%),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--sf-primary) 22%, transparent), transparent 32%),
    linear-gradient(135deg, var(--sf-panel), var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
  color:var(--sf-text)!important;
}

.sf-access-center-page .sf-standard-panel,
.sf-control-page .sf-standard-panel,
.sf-tenants-page .sf-standard-panel,
.sf-access-card,
.sf-tenant-card{
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--sf-accent) 8%, transparent), transparent 32%),
    linear-gradient(180deg, var(--sf-panel), var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
  color:var(--sf-text)!important;
}

.sf-access-center-page h1,
.sf-access-center-page h2,
.sf-access-center-page h3,
.sf-control-page h1,
.sf-control-page h2,
.sf-control-page h3,
.sf-tenants-page h1,
.sf-tenants-page h2,
.sf-tenants-page h3{
  color:var(--sf-heading)!important;
}

.sf-access-center-page .sf-kicker,
.sf-control-page .sf-kicker,
.sf-tenants-page .sf-kicker{
  color:var(--sf-accent)!important;
}

.sf-access-center-page .sf-muted,
.sf-control-page .sf-muted,
.sf-tenants-page .sf-muted,
.sf-access-center-page p,
.sf-control-page p,
.sf-tenants-page p{
  color:var(--sf-muted)!important;
}

.sf-access-center-page .sf-btn-primary,
.sf-control-page .sf-btn-primary,
.sf-tenants-page .sf-btn-primary,
.sf-access-center-page .sf-gradient-action,
.sf-control-page .sf-gradient-action,
.sf-tenants-page .sf-gradient-action{
  background:linear-gradient(135deg, var(--sf-primary), var(--sf-accent))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 18px 38px color-mix(in srgb, var(--sf-primary) 30%, transparent)!important;
}

.sf-access-center-page .sf-btn-secondary,
.sf-control-page .sf-btn-secondary,
.sf-tenants-page .sf-btn-secondary{
  background:var(--sf-panel)!important;
  color:var(--sf-heading)!important;
  border:1px solid var(--sf-line)!important;
}

.sf-access-center-page input,
.sf-access-center-page select,
.sf-access-center-page textarea,
.sf-control-page input,
.sf-control-page select,
.sf-control-page textarea,
.sf-tenants-page input,
.sf-tenants-page select,
.sf-tenants-page textarea{
  background:var(--sf-bg)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
}

.sf-access-center-page input:focus,
.sf-access-center-page select:focus,
.sf-access-center-page textarea:focus,
.sf-control-page input:focus,
.sf-control-page select:focus,
.sf-control-page textarea:focus,
.sf-tenants-page input:focus,
.sf-tenants-page select:focus,
.sf-tenants-page textarea:focus{
  border-color:var(--sf-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 18%, transparent)!important;
}



/* StudioAirOS Tenant Detail Global Formatting */
.sf-tenants-page .wrap{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.sf-tenants-page .topbar{
  display:none!important;
}

.sf-tenants-page .card{
  border:1px solid var(--sf-line)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
  padding:22px!important;
  margin-bottom:20px!important;
}

.sf-tenants-page .summary-grid,
.sf-tenants-page .grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

.sf-tenants-page .summary-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.sf-tenants-page .summary-grid > div{
  border:1px solid var(--sf-line)!important;
  border-radius:18px!important;
  background:var(--sf-bg-soft)!important;
  padding:16px!important;
}

.sf-tenants-page .summary-label{
  color:var(--sf-accent)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.sf-tenants-page .title,
.sf-tenants-page h2,
.sf-tenants-page h3,
.sf-tenants-page h4{
  color:var(--sf-heading)!important;
}

.sf-tenants-page .muted{
  color:var(--sf-muted)!important;
}

.sf-tenants-page .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  border:1px solid var(--sf-line)!important;
  background:var(--sf-panel)!important;
  color:var(--sf-heading)!important;
  text-decoration:none!important;
  font-weight:900!important;
}

.sf-tenants-page .btn-primary{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--sf-primary),var(--sf-accent))!important;
}

.sf-tenants-page input,
.sf-tenants-page select,
.sf-tenants-page textarea{
  background:var(--sf-bg)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  border-radius:14px!important;
}

.sf-tenants-page .sf-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:5000;
  background:color-mix(in srgb,var(--sf-bg) 78%,transparent);
  backdrop-filter:blur(18px);
  padding:24px;
  overflow:auto;
}

.sf-tenants-page .sf-modal.is-open{
  display:block!important;
}

.sf-tenants-page .sf-modal__dialog{
  max-width:1040px;
  margin:4vh auto 0;
  border:1px solid var(--sf-line);
  border-radius:28px;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft));
  color:var(--sf-text);
  box-shadow:var(--sf-shadow);
}

@media(max-width:1000px){
  .sf-tenants-page .summary-grid,
  .sf-tenants-page .grid{
    grid-template-columns:1fr!important;
  }
}



/* StudioAirOS Form Control Size Normalization */
input[type="checkbox"],
input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  vertical-align:-2px!important;
  accent-color:var(--sf-accent)!important;
  flex:0 0 16px!important;
}

label input[type="checkbox"],
label input[type="radio"]{
  margin-right:8px!important;
}

.sf-tenants-detail-page input[type="checkbox"],
.sf-tenants-detail-page input[type="radio"],
.sf-control-page input[type="checkbox"],
.sf-control-page input[type="radio"],
.sf-access-center-page input[type="checkbox"],
.sf-access-center-page input[type="radio"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  vertical-align:-2px!important;
  flex:0 0 16px!important;
}

.sf-check-inline,
label:has(input[type="checkbox"]),
label:has(input[type="radio"]){
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  line-height:1.3!important;
}



/* StudioAirOS Billing Catalog — Access Center Color Scheme */
.sf-billing-catalog-page .sf-module-hero,
.sf-billing-catalog-page .sf-billing-hero,
.sf-billing-catalog-page .sf-commerce-hero{
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--sf-accent) 26%, transparent), transparent 36%),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--sf-primary) 22%, transparent), transparent 32%),
    linear-gradient(135deg, var(--sf-panel), var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}

.sf-billing-catalog-page .sf-btn,
.sf-billing-catalog-page a.sf-btn,
.sf-billing-catalog-page button.sf-btn,
.sf-billing-catalog-page .sf-gradient-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:var(--sf-gradient-cta, linear-gradient(135deg, var(--sf-primary), var(--sf-accent)))!important;
  color:#fff!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}

.sf-billing-catalog-page .sf-btn-secondary,
.sf-billing-catalog-page a.sf-btn-secondary{
  background:var(--sf-panel)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}

.sf-billing-catalog-page .sf-standard-panel,
.sf-billing-catalog-page .sf-commerce-card,
.sf-billing-catalog-page .sf-commerce-editor{
  background:var(--sf-panel)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow)!important;
}

.sf-billing-catalog-page .sf-commerce-card.selected{
  border-color:color-mix(in srgb, var(--sf-accent) 55%, var(--sf-line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--sf-accent) 18%, transparent), var(--sf-shadow)!important;
}

.sf-billing-catalog-page h1,
.sf-billing-catalog-page h2,
.sf-billing-catalog-page h3,
.sf-billing-catalog-page .sf-commerce-price{
  color:var(--sf-heading)!important;
}

.sf-billing-catalog-page .sf-kicker,
.sf-billing-catalog-page .sf-commerce-key{
  color:var(--sf-accent)!important;
}

.sf-billing-catalog-page .sf-muted,
.sf-billing-catalog-page .sf-lede,
.sf-billing-catalog-page label,
.sf-billing-catalog-page .sf-commerce-tags span,
.sf-billing-catalog-page .sf-commerce-stripe span{
  color:var(--sf-muted)!important;
}

.sf-billing-catalog-page .sf-commerce-stats span,
.sf-billing-catalog-page .sf-commerce-tags span,
.sf-billing-catalog-page .sf-panel-pill{
  background:var(--sf-bg-soft)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-muted)!important;
}

.sf-billing-catalog-page .sf-input,
.sf-billing-catalog-page .sf-select,
.sf-billing-catalog-page .sf-textarea,
.sf-billing-catalog-page .sf-commerce-stripe code{
  background:var(--sf-bg)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
}



/* StudioAirOS Billing Catalog — Access Center Hero/Button Alignment */
.sf-billing-catalog-page .sf-module-hero,
.sf-billing-catalog-page .sf-commerce-hero,
.sf-billing-catalog-page .sf-billing-hero{
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--sf-accent) 26%, transparent), transparent 36%),
    radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--sf-primary) 22%, transparent), transparent 32%),
    linear-gradient(135deg, var(--sf-panel), var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
  color:var(--sf-text)!important;
}

.sf-billing-catalog-page .sf-btn,
.sf-billing-catalog-page a.sf-btn,
.sf-billing-catalog-page button.sf-btn,
.sf-billing-catalog-page .sf-gradient-action{
  background:var(--sf-gradient-cta, linear-gradient(135deg, var(--sf-primary), var(--sf-accent)))!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
}

.sf-billing-catalog-page .sf-btn-secondary,
.sf-billing-catalog-page a.sf-btn-secondary{
  background:var(--sf-panel)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
}

.sf-billing-catalog-page .sf-kicker,
.sf-billing-catalog-page .sf-commerce-key{
  color:var(--sf-accent)!important;
}

.sf-billing-catalog-page h1,
.sf-billing-catalog-page h2,
.sf-billing-catalog-page h3,
.sf-billing-catalog-page .sf-commerce-price{
  color:var(--sf-heading)!important;
}


/* Publish premium builder layer */
.sf-publish-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  gap: 24px;
  align-items: stretch;
}

.sf-publish-preview-frame {
  min-height: 420px;
  border-radius: 28px;
  padding: 28px;
  background:
    radial-gradient(circle at top left, rgba(76, 201, 240, .22), transparent 38%),
    radial-gradient(circle at bottom right, rgba(255, 122, 24, .18), transparent 34%),
    var(--sf-surface, #fff);
  border: 1px solid var(--sf-border, rgba(15, 23, 42, .12));
  box-shadow: var(--sf-shadow-lg, 0 24px 60px rgba(15, 23, 42, .12));
}

.sf-publish-browser-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
}

.sf-publish-browser-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--sf-accent, #ff7a18);
  opacity: .75;
}

.sf-publish-preview-stage {
  border-radius: 24px;
  padding: 34px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.7);
}

.sf-publish-preview-stage h3 {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  margin-bottom: 16px;
}

.sf-publish-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.sf-publish-editor-rail {
  display: grid;
  gap: 16px;
}

.sf-publish-editor-card {
  border-left: 4px solid var(--sf-accent, #ff7a18);
}

.sf-publish-action-bar {
  position: sticky;
  bottom: 18px;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--sf-surface, #fff) 86%, transparent);
  border: 1px solid var(--sf-border, rgba(15, 23, 42, .12));
  box-shadow: var(--sf-shadow-lg, 0 24px 60px rgba(15, 23, 42, .12));
  backdrop-filter: blur(18px);
}

@media (max-width: 980px) {
  .sf-publish-builder-grid {
    grid-template-columns: 1fr;
  }
  .sf-publish-action-bar {
    position: static;
    flex-direction: column;
    align-items: flex-start;
  }
}


/* StudioAirOS AI Provider Connections modal */
#llmModal .sf-ai-summary-shell {
  padding: 18px;
  margin-bottom: 18px;
  border-radius: 24px;
  border: 1px solid rgba(96, 165, 250, .24);
}

#llmModal .sf-ai-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#llmModal .sf-ai-summary-tile {
  padding: 16px;
  border-radius: 18px;
}

#llmModal .sf-ai-summary-kicker {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

#llmModal .sf-ai-summary-value {
  font-size: 22px;
  font-weight: 950;
  line-height: 1.1;
  margin-top: 8px;
}

#llmModal .sf-ai-summary-value.sf-ai-summary-count {
  font-size: 30px;
}

#llmModal .sf-ai-summary-help {
  margin-top: 8px;
  font-size: 13px;
}

body.sf-light #llmModal .sf-ai-summary-shell,
html[data-theme="light"] #llmModal .sf-ai-summary-shell,
body[data-theme="light"] #llmModal .sf-ai-summary-shell {
  background: linear-gradient(135deg, #ffffff, #f6f9ff);
  border-color: rgba(37, 99, 235, .18);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
}

body.sf-light #llmModal .sf-ai-summary-tile,
html[data-theme="light"] #llmModal .sf-ai-summary-tile,
body[data-theme="light"] #llmModal .sf-ai-summary-tile {
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .12);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

body.sf-light #llmModal .sf-ai-summary-kicker,
html[data-theme="light"] #llmModal .sf-ai-summary-kicker,
body[data-theme="light"] #llmModal .sf-ai-summary-kicker {
  color: #2563eb;
}

body.sf-light #llmModal .sf-ai-summary-value,
html[data-theme="light"] #llmModal .sf-ai-summary-value,
body[data-theme="light"] #llmModal .sf-ai-summary-value {
  color: #0f172a;
}

body.sf-light #llmModal .sf-ai-summary-help,
html[data-theme="light"] #llmModal .sf-ai-summary-help,
body[data-theme="light"] #llmModal .sf-ai-summary-help {
  color: #475569;
}

body.sf-dark #llmModal .sf-ai-summary-shell,
body[data-theme="dark"] #llmModal .sf-ai-summary-shell {
  background: linear-gradient(135deg, rgba(59,130,246,.16), rgba(168,85,247,.14));
  border-color: rgba(148,163,184,.22);
  box-shadow: 0 18px 54px rgba(0,0,0,.28);
}

body.sf-dark #llmModal .sf-ai-summary-tile,
body[data-theme="dark"] #llmModal .sf-ai-summary-tile {
  background: rgba(15, 23, 42, .72);
  border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 14px 36px rgba(0,0,0,.24);
}

body.sf-dark #llmModal .sf-ai-summary-kicker,
body[data-theme="dark"] #llmModal .sf-ai-summary-kicker {
  color: #93c5fd;
}

body.sf-dark #llmModal .sf-ai-summary-value,
body[data-theme="dark"] #llmModal .sf-ai-summary-value {
  color: #f8fafc;
}

body.sf-dark #llmModal .sf-ai-summary-help,
body[data-theme="dark"] #llmModal .sf-ai-summary-help {
  color: #cbd5e1;
}

@media (max-width: 760px) {
  #llmModal .sf-ai-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* Strong dark-mode override for AI Provider Connections summary tiles */
html[data-theme="dark"] #llmModal .sf-ai-summary-shell,
body[data-theme="dark"] #llmModal .sf-ai-summary-shell,
html.sf-dark #llmModal .sf-ai-summary-shell,
body.sf-dark #llmModal .sf-ai-summary-shell,
html.dark #llmModal .sf-ai-summary-shell,
body.dark #llmModal .sf-ai-summary-shell {
  background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.92)) !important;
  border-color: rgba(148,163,184,.24) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.35) !important;
}

html[data-theme="dark"] #llmModal .sf-ai-summary-tile,
body[data-theme="dark"] #llmModal .sf-ai-summary-tile,
html.sf-dark #llmModal .sf-ai-summary-tile,
body.sf-dark #llmModal .sf-ai-summary-tile,
html.dark #llmModal .sf-ai-summary-tile,
body.dark #llmModal .sf-ai-summary-tile {
  background: rgba(2,6,23,.76) !important;
  border-color: rgba(148,163,184,.26) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] #llmModal .sf-ai-summary-kicker,
body[data-theme="dark"] #llmModal .sf-ai-summary-kicker,
html.sf-dark #llmModal .sf-ai-summary-kicker,
body.sf-dark #llmModal .sf-ai-summary-kicker,
html.dark #llmModal .sf-ai-summary-kicker,
body.dark #llmModal .sf-ai-summary-kicker {
  color: #93c5fd !important;
}

html[data-theme="dark"] #llmModal .sf-ai-summary-value,
body[data-theme="dark"] #llmModal .sf-ai-summary-value,
html.sf-dark #llmModal .sf-ai-summary-value,
body.sf-dark #llmModal .sf-ai-summary-value,
html.dark #llmModal .sf-ai-summary-value,
body.dark #llmModal .sf-ai-summary-value {
  color: #f8fafc !important;
}

html[data-theme="dark"] #llmModal .sf-ai-summary-help,
body[data-theme="dark"] #llmModal .sf-ai-summary-help,
html.sf-dark #llmModal .sf-ai-summary-help,
body.sf-dark #llmModal .sf-ai-summary-help,
html.dark #llmModal .sf-ai-summary-help,
body.dark #llmModal .sf-ai-summary-help {
  color: #cbd5e1 !important;
}

/* StudioAirOS Publish Global Experience Styles v1 START */
.sf-publish-shell {
    
    
    
    
    
    
  }
  .sf-publish-shell .sf-standard-panel {
    border-radius:28px;
    border:1px solid rgba(29,78,216,.10);
    box-shadow:0 22px 70px rgba(15,23,42,.06);
  }
  html[data-theme="dark"] .sf-publish-shell, body[data-theme="dark"] .sf-publish-shell, .dark .sf-publish-shell .sf-standard-panel {
    border-color:rgba(148,163,184,.16);
    box-shadow:0 22px 70px rgba(0,0,0,.22);
  }
  .sf-publish-hero {
    position:relative;
    overflow:hidden;
  }
  .sf-publish-hero:after {
    content:"";
    position:absolute;
    right:-90px;
    top:-90px;
    width:260px;
    height:260px;
    border-radius:999px;
    border:34px solid rgba(255,255,255,.28);
    pointer-events:none;
  }
  .dark .sf-publish-hero:after { border-color:rgba(255,255,255,.08); }

  .sf-publish-command-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
  .sf-publish-command-card {
    position:relative;
    overflow:hidden;
    min-height:202px;
    border-radius:26px;
    border:1px solid rgba(29,78,216,.14);
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78)),
      radial-gradient(circle at top right,rgba(6,182,212,.18),transparent 38%);
    box-shadow:0 18px 52px rgba(15,23,42,.07);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sf-publish-command-card:hover {
    transform:translateY(-2px);
    box-shadow:0 26px 68px rgba(29,78,216,.13);
    border-color:rgba(124,58,237,.28);
  }
  .dark .sf-publish-command-card {
    background:
      linear-gradient(180deg,rgba(17,24,39,.94),rgba(17,24,39,.80)),
      radial-gradient(circle at top right,rgba(6,182,212,.14),transparent 36%);
    border-color:rgba(148,163,184,.20);
  }
  .sf-publish-command-card:before,
  .sf-publish-site-card:before,
  .sf-publish-blueprint-card:before {
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background:linear-gradient(90deg,var(--sf-primary),var(--sf-cyan),var(--sf-purple),var(--sf-orange));
  }
  .sf-publish-command-icon {
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    font-weight:900;
    color:#fff;
    background:linear-gradient(135deg,var(--sf-primary),var(--sf-purple));
    box-shadow:0 12px 30px rgba(29,78,216,.24);
    margin-bottom:.85rem;
  }

  .sf-publish-kpi-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; margin:1rem 0; }
  .sf-publish-kpi {
    border-radius:22px;
    padding:1rem;
    border:1px solid rgba(29,78,216,.12);
    background:
      linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.66)),
      radial-gradient(circle at top right,rgba(124,58,237,.10),transparent 40%);
  }
  html[data-theme="dark"] .sf-publish-kpi, body[data-theme="dark"] .sf-publish-kpi, .dark .sf-publish-kpi { background:rgba(15,23,42,.58); border-color:rgba(148,163,184,.18); }
  .sf-publish-kpi strong { display:block; font-size:1.35rem; line-height:1.1; }
  .sf-publish-kpi span { display:block; margin-top:.25rem; font-size:.88rem; opacity:.78; }

  .sf-publish-site-card,
  .sf-publish-blueprint-card {
    position:relative;
    overflow:hidden;
    border-radius:28px;
    min-height:220px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.82)),
      radial-gradient(circle at 88% 14%,rgba(6,182,212,.15),transparent 30%),
      radial-gradient(circle at 18% 88%,rgba(249,115,22,.10),transparent 30%);
    border:1px solid rgba(29,78,216,.13);
    box-shadow:0 18px 58px rgba(15,23,42,.075);
  }
  html[data-theme="dark"] .sf-publish-site-card, body[data-theme="dark"] .sf-publish-site-card, .dark .sf-publish-site-card,
  html[data-theme="dark"] .sf-publish-blueprint-card, body[data-theme="dark"] .sf-publish-blueprint-card, .dark .sf-publish-blueprint-card {
    background:
      linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.78)),
      radial-gradient(circle at 88% 14%,rgba(6,182,212,.13),transparent 30%),
      radial-gradient(circle at 18% 88%,rgba(249,115,22,.09),transparent 30%);
    border-color:rgba(148,163,184,.18);
  }
  .sf-publish-site-topline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    margin-bottom:1rem;
  }
  .sf-publish-site-mark {
    width:52px;
    height:52px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-weight:900;
    letter-spacing:.02em;
    background:linear-gradient(135deg,var(--sf-primary),var(--sf-cyan) 46%,var(--sf-purple));
    box-shadow:0 14px 35px rgba(29,78,216,.22);
  }
  .sf-publish-readiness {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.55rem;
    margin:1rem 0;
  }
  .sf-publish-readiness span {
    border-radius:14px;
    padding:.6rem .7rem;
    font-size:.82rem;
    font-weight:750;
    background:rgba(29,78,216,.07);
    border:1px solid rgba(29,78,216,.10);
  }
  html[data-theme="dark"] .sf-publish-readiness, body[data-theme="dark"] .sf-publish-readiness, .dark .sf-publish-readiness span {
    background:rgba(148,163,184,.08);
    border-color:rgba(148,163,184,.14);
  }

  .sf-publish-brand-board { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:1.25rem; margin-bottom:1rem; }
  .sf-publish-brand-preview {
    border-radius:28px;
    padding:1.25rem;
    color:#fff;
    background:
      radial-gradient(circle at 15% 10%,rgba(255,255,255,.32),transparent 24%),
      linear-gradient(135deg,var(--sf-primary),var(--sf-purple) 58%,var(--sf-orange));
    box-shadow:0 26px 70px rgba(29,78,216,.26);
  }
  .sf-publish-brand-preview .sf-pill { color:#fff; border-color:rgba(255,255,255,.38); background:rgba(255,255,255,.16); }
  .sf-publish-roadmap { display:grid; gap:.8rem; }
  .sf-publish-roadmap-step { display:grid; grid-template-columns:40px minmax(0,1fr); gap:.85rem; align-items:start; }
  .sf-publish-roadmap-step b {
    display:inline-flex;
    width:34px;
    height:34px;
    border-radius:999px;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,var(--sf-cyan),var(--sf-purple));
  }
  .sf-publish-experience-strip {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.9rem;
    margin-top:1rem;
  }
  .sf-publish-experience-strip article {
    border-radius:22px;
    padding:1rem;
    border:1px solid rgba(124,58,237,.13);
    background:rgba(255,255,255,.70);
  }
  html[data-theme="dark"] .sf-publish-experience-strip, body[data-theme="dark"] .sf-publish-experience-strip, .dark .sf-publish-experience-strip article {
    background:rgba(15,23,42,.58);
    border-color:rgba(148,163,184,.16);
  }
  .sf-publish-experience-strip h3 { margin:.25rem 0; }
  .sf-publish-experience-strip p { margin:0; font-size:.9rem; opacity:.78; }
  .sf-publish-command-card {
    position:relative;
    overflow:hidden;
    min-height:210px;
  }
  .sf-publish-command-card::after {
    content:"";
    position:absolute;
    right:-48px;
    top:-48px;
    width:120px;
    height:120px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(6,182,212,.16), rgba(124,58,237,.12));
    pointer-events:none;
  }
  .sf-publish-command-card h3,
  .sf-publish-command-card p,
  .sf-publish-command-card .sf-hero-actions {
    position:relative;
    z-index:1;
  }
  .sf-publish-site-card h3,
  .sf-publish-command-card h3 {
    letter-spacing:-.02em;
  }
  .sf-publish-site-card {
    border:1px solid rgba(29,78,216,.12);
    box-shadow:0 18px 54px rgba(15,23,42,.055);
  }
  .sf-publish-site-card:hover,
  .sf-publish-command-card:hover {
    transform:translateY(-2px);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    box-shadow:0 24px 68px rgba(15,23,42,.08);
    border-color:rgba(124,58,237,.22);
  }
  .sf-publish-shell .sf-section-heading h2 {
    letter-spacing:-.035em;
  }
  .sf-publish-shell .sf-lede {
    max-width:900px;
  }


  .sf-publish-visual-blueprint {
    display:flex;
    flex-direction:column;
    gap:.75rem;
  }
  .sf-publish-blueprint-active {
    border-color:rgba(249,115,22,.42) !important;
    box-shadow:0 28px 80px rgba(249,115,22,.14);
  }
  .sf-publish-blueprint-preview {
    min-height:104px;
    border-radius:22px;
    padding:1rem;
    display:grid;
    gap:.6rem;
    background:
      radial-gradient(circle at 15% 18%,rgba(255,255,255,.45),transparent 23%),
      linear-gradient(135deg,rgba(29,78,216,.92),rgba(124,58,237,.84) 58%,rgba(249,115,22,.82));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 18px 42px rgba(29,78,216,.18);
  }
  .sf-publish-blueprint-preview span {
    display:block;
    border-radius:999px;
    background:rgba(255,255,255,.72);
  }
  .sf-publish-blueprint-preview span:nth-child(1){width:58%;height:15px;}
  .sf-publish-blueprint-preview span:nth-child(2){width:84%;height:11px;opacity:.82;}
  .sf-publish-blueprint-preview span:nth-child(3){width:42%;height:28px;opacity:.95;}
  .sf-publish-builder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
  .sf-publish-builder-block {
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:1rem;
    align-items:start;
    border-radius:26px;
    border:1px solid rgba(29,78,216,.12);
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78)),
      radial-gradient(circle at top right,rgba(6,182,212,.12),transparent 35%);
  }
  html[data-theme="dark"] .sf-publish-builder-block, body[data-theme="dark"] .sf-publish-builder-block, .dark .sf-publish-builder-block {
    background:rgba(15,23,42,.68);
    border-color:rgba(148,163,184,.16);
  }
  .sf-publish-builder-icon {
    width:52px;
    height:52px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:900;
    background:linear-gradient(135deg,var(--sf-primary),var(--sf-cyan) 45%,var(--sf-purple));
    box-shadow:0 14px 34px rgba(29,78,216,.22);
  }
  .sf-publish-journey-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.9rem; }
  .sf-publish-journey-step {
    border-radius:24px;
    padding:1rem;
    border:1px solid rgba(124,58,237,.14);
    background:
      linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.70)),
      radial-gradient(circle at top left,rgba(249,115,22,.10),transparent 38%);
  }
  html[data-theme="dark"] .sf-publish-journey-step, body[data-theme="dark"] .sf-publish-journey-step, .dark .sf-publish-journey-step {
    background:rgba(15,23,42,.60);
    border-color:rgba(148,163,184,.16);
  }
  .sf-publish-journey-step b {
    width:36px;
    height:36px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,var(--sf-purple),var(--sf-orange));
    margin-bottom:.75rem;
  }
  .sf-publish-journey-step h3 { margin:.1rem 0 .35rem; }
  .sf-publish-journey-step p { margin:0; font-size:.92rem; opacity:.80; }
  .sf-publish-library-panel { scroll-margin-top:2rem; }
  .sf-publish-library-split { display:grid; grid-template-columns:1.35fr .95fr; gap:1.15rem; align-items:start; }
  .sf-publish-library-split h3 { margin:.1rem 0 .75rem; letter-spacing:-.025em; }
  .sf-publish-compact-grid { gap:.75rem !important; }
  .sf-publish-compact-grid .sf-card { padding:1rem !important; min-height:0 !important; }
  .sf-publish-compact-grid .sf-card h3 { margin:.05rem 0 .35rem; font-size:1rem; }
  .sf-publish-compact-grid .sf-card p { margin:0 0 .7rem; font-size:.88rem; line-height:1.38; opacity:.82; }
  .sf-publish-compact-grid .sf-card .sf-btn { margin-top:.5rem; padding:.48rem .75rem; font-size:.82rem; }
  @media (max-width:980px) { .sf-publish-library-split { grid-template-columns:1fr; } }



  /* StudioAirOS Publish blueprint selector polish */
  .sf-publish-blueprint-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:1rem;
    align-items:stretch;
  }
  .sf-publish-blueprint-grid .sf-publish-blueprint-card {
    min-height:0;
    padding:1.05rem;
    border-radius:24px;
    display:flex;
    flex-direction:column;
    gap:.58rem;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sf-publish-blueprint-grid .sf-publish-blueprint-card:hover {
    transform:translateY(-2px);
    box-shadow:0 24px 64px rgba(29,78,216,.12);
    border-color:rgba(124,58,237,.26);
  }
  .sf-publish-blueprint-grid .sf-publish-blueprint-preview {
    min-height:0;
    height:58px;
    border-radius:18px;
    padding:.55rem;
    margin:0 0 .15rem;
    display:grid;
    grid-template-columns:1fr 34px;
    gap:.5rem;
    align-items:stretch;
    background:
      radial-gradient(circle at 12% 20%,rgba(255,255,255,.42),transparent 30%),
      linear-gradient(135deg,rgba(29,78,216,.95),rgba(124,58,237,.86) 58%,rgba(249,115,22,.82));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 12px 30px rgba(29,78,216,.14);
  }
  .sf-publish-blueprint-wire {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:.32rem;
    min-width:0;
  }
  .sf-publish-blueprint-wire i {
    display:block;
    border-radius:999px;
    background:rgba(255,255,255,.72);
  }
  .sf-publish-blueprint-wire i:nth-child(1){width:58%;height:7px;}
  .sf-publish-blueprint-wire i:nth-child(2){width:84%;height:6px;opacity:.82;}
  .sf-publish-blueprint-wire i:nth-child(3){width:44%;height:12px;opacity:.94;}
  .sf-publish-blueprint-phone {
    border-radius:10px;
    background:rgba(255,255,255,.24);
    border:1px solid rgba(255,255,255,.36);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  }
  .sf-publish-blueprint-grid .sf-card-kicker,
  .sf-publish-blueprint-grid .sf-eyebrow {
    font-size:.70rem;
    margin:0;
    letter-spacing:.08em;
  }
  .sf-publish-blueprint-grid h3 {
    font-size:1.05rem;
    line-height:1.16;
    margin:0;
    letter-spacing:-.025em;
  }
  .sf-publish-blueprint-grid p {
    font-size:.86rem;
    line-height:1.32;
    margin:0;
    opacity:.82;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .sf-publish-blueprint-tags {
    display:flex;
    flex-wrap:wrap;
    gap:.42rem;
    margin-top:auto;
    padding-top:.15rem;
  }
  .sf-publish-blueprint-tags span {
    display:inline-flex;
    align-items:center;
    min-height:28px;
    max-width:100%;
    border-radius:999px;
    padding:.34rem .52rem;
    font-size:.69rem;
    line-height:1.1;
    font-weight:850;
    background:rgba(29,78,216,.07);
    border:1px solid rgba(29,78,216,.11);
    overflow-wrap:anywhere;
  }
  .sf-publish-blueprint-tags span:last-child {
    background:rgba(249,115,22,.10);
    border-color:rgba(249,115,22,.16);
  }
  .dark .sf-publish-blueprint-tags span {
    background:rgba(148,163,184,.08);
    border-color:rgba(148,163,184,.15);
  }
  .dark .sf-publish-blueprint-tags span:last-child {
    background:rgba(249,115,22,.13);
    border-color:rgba(249,115,22,.22);
  }
  @media (min-width:1180px) {
    .sf-publish-blueprint-grid {
      grid-template-columns:repeat(5,minmax(0,1fr));
    }
  }
  @media (max-width:900px) {
    .sf-publish-blueprint-grid {
      grid-template-columns:repeat(2,minmax(0,1fr));
    }
  }
  @media (max-width:620px) {
    .sf-publish-blueprint-grid {
      grid-template-columns:1fr;
    }
  }



/* StudioAirOS Publish blueprint final polish */
.sf-publish-blueprint-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
  gap: 1.15rem !important;
  align-items: stretch !important;
}

.sf-publish-blueprint-card.sf-publish-visual-blueprint {
  min-height: 0 !important;
  height: auto !important;
  padding: 1.05rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .8rem !important;
  overflow: hidden !important;
}

.sf-publish-blueprint-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.sf-publish-blueprint-card .sf-card-kicker {
  margin: 0 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
  color: rgba(255,255,255,.68) !important;
}

.sf-publish-blueprint-status,
.sf-publish-blueprint-footer span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: .34rem .66rem !important;
  background: rgba(59,130,246,.16) !important;
  border: 1px solid rgba(96,165,250,.28) !important;
  color: rgba(238,246,255,.92) !important;
  font-weight: 800 !important;
  font-size: .76rem !important;
  white-space: nowrap !important;
}

.sf-publish-blueprint-card h3 {
  margin: -.25rem 0 0 !important;
  line-height: 1.08 !important;
  font-size: clamp(1.12rem, 1.45vw, 1.35rem) !important;
}

.sf-publish-blueprint-preview {
  height: 62px !important;
  min-height: 62px !important;
  border-radius: 1rem !important;
  margin: 0 !important;
  position: relative !important;
}

.sf-publish-blueprint-wire {
  transform: scale(.68) !important;
  transform-origin: left center !important;
}

.sf-publish-blueprint-phone {
  width: 36px !important;
  height: 46px !important;
  right: .75rem !important;
  top: .5rem !important;
  border-radius: .8rem !important;
}

.sf-publish-blueprint-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
}

.sf-publish-blueprint-row {
  min-height: 88px !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.035)) !important;
  border-radius: .95rem !important;
  padding: .72rem .78rem !important;
}

.sf-publish-blueprint-row span {
  display: block !important;
  margin: 0 0 .34rem !important;
  font-size: .64rem !important;
  line-height: 1 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  color: rgba(226,232,240,.72) !important;
}

.sf-publish-blueprint-row p,
.sf-publish-blueprint-card p {
  margin: 0 !important;
  color: rgba(226,232,240,.84) !important;
  line-height: 1.32 !important;
  font-size: .86rem !important;
}

.sf-publish-blueprint-footer {
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: .05rem !important;
}

.sf-publish-blueprint-footer span {
  background: rgba(249,115,22,.13) !important;
  border-color: rgba(249,115,22,.28) !important;
}

@media (max-width: 900px) {
  .sf-publish-blueprint-grid {
    grid-template-columns: 1fr !important;
  }
  .sf-publish-blueprint-detail-grid {
    grid-template-columns: 1fr !important;
  }
  .sf-publish-blueprint-row {
    min-height: 0 !important;
  }
}

/* StudioAirOS Publish blueprint compact production layout START */
.sf-publish-blueprint-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}
.sf-publish-blueprint-card.sf-publish-visual-blueprint {
  min-height: 0 !important;
  height: auto !important;
  padding: 1rem !important;
  gap: .7rem !important;
  border-radius: 1.35rem !important;
  overflow: hidden !important;
}
.sf-publish-blueprint-card .sf-card-kicker {
  font-size: .66rem !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  opacity: .74 !important;
}
.sf-publish-blueprint-card h3 {
  margin: -.18rem 0 0 !important;
  font-size: clamp(1.08rem, 1.25vw, 1.28rem) !important;
  line-height: 1.12 !important;
}
.sf-publish-blueprint-status {
  padding: .28rem .58rem !important;
  font-size: .72rem !important;
}
.sf-publish-blueprint-preview {
  height: 50px !important;
  min-height: 50px !important;
  border-radius: .85rem !important;
  padding: .48rem .56rem !important;
  grid-template-columns: 1fr 30px !important;
}
.sf-publish-blueprint-wire { gap: .24rem !important; transform: none !important; }
.sf-publish-blueprint-wire i:nth-child(1){height:5px !important;width:56% !important;}
.sf-publish-blueprint-wire i:nth-child(2){height:5px !important;width:78% !important;}
.sf-publish-blueprint-wire i:nth-child(3){height:9px !important;width:42% !important;}
.sf-publish-blueprint-phone {
  width: 28px !important;
  height: 34px !important;
  border-radius: .62rem !important;
  align-self: center !important;
}
.sf-publish-blueprint-summary,
.sf-publish-blueprint-metrics > div {
  border: 1px solid rgba(148,163,184,.14) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border-radius: .9rem !important;
  padding: .68rem .72rem !important;
}
.sf-publish-blueprint-summary span,
.sf-publish-blueprint-metrics span {
  display: block !important;
  margin: 0 0 .28rem !important;
  font-size: .62rem !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  opacity: .72 !important;
}
.sf-publish-blueprint-summary p,
.sf-publish-blueprint-metrics p {
  display: block !important;
  margin: 0 !important;
  line-height: 1.32 !important;
  font-size: .82rem !important;
  opacity: .84 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}
.sf-publish-blueprint-metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .62rem !important;
}
.sf-publish-blueprint-detail-grid,
.sf-publish-blueprint-row {
  display: none !important;
}
.sf-publish-blueprint-footer {
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: .42rem !important;
  align-items: start !important;
}
.sf-publish-blueprint-footer span {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  padding: .34rem .62rem !important;
  font-size: .74rem !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  background: rgba(249,115,22,.13) !important;
  border: 1px solid rgba(249,115,22,.28) !important;
}
.sf-publish-blueprint-footer em {
  display: block !important;
  margin: 0 !important;
  font-style: normal !important;
  font-size: .74rem !important;
  line-height: 1.28 !important;
  opacity: .64 !important;
}
@media (min-width: 1320px) {
  .sf-publish-blueprint-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 900px) {
  .sf-publish-blueprint-grid {
    grid-template-columns: 1fr !important;
  }
  .sf-publish-blueprint-metrics {
    grid-template-columns: 1fr !important;
  }
}
/* StudioAirOS Publish blueprint compact production layout END */

  /* StudioAirOS Publish homepage experience builder polish */
  .sf-publish-builder-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:1rem;
    align-items:stretch;
  }
  .sf-publish-builder-block.sf-publish-builder-block-v2 {
    display:flex;
    flex-direction:column;
    gap:.8rem;
    min-height:0;
    padding:1rem;
    border-radius:24px;
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.76)),
      radial-gradient(circle at 85% 8%,rgba(6,182,212,.14),transparent 30%),
      radial-gradient(circle at 5% 100%,rgba(124,58,237,.12),transparent 32%);
    border:1px solid rgba(29,78,216,.13);
    box-shadow:0 18px 52px rgba(15,23,42,.06);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .sf-publish-builder-block.sf-publish-builder-block-v2:hover {
    transform:translateY(-2px);
    border-color:rgba(124,58,237,.28);
    box-shadow:0 28px 72px rgba(29,78,216,.12);
  }
  html[data-theme="dark"] .sf-publish-builder-block, body[data-theme="dark"] .sf-publish-builder-block, .dark .sf-publish-builder-block.sf-publish-builder-block-v2 {
    background:
      linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.74)),
      radial-gradient(circle at 85% 8%,rgba(6,182,212,.11),transparent 30%),
      radial-gradient(circle at 5% 100%,rgba(124,58,237,.10),transparent 32%);
    border-color:rgba(148,163,184,.16);
  }
  .sf-publish-builder-card-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
  }
  .sf-publish-builder-step {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:14px;
    color:#fff;
    font-weight:900;
    font-size:.78rem;
    background:linear-gradient(135deg,var(--sf-primary),var(--sf-purple));
    box-shadow:0 12px 28px rgba(29,78,216,.20);
    margin-bottom:.55rem;
  }
  .sf-publish-builder-block-v2 .sf-card-kicker {
    margin:0 0 .18rem;
    font-size:.69rem;
    letter-spacing:.10em;
    opacity:.72;
  }
  .sf-publish-builder-block-v2 h3 {
    margin:0;
    font-size:1.04rem;
    line-height:1.16;
    letter-spacing:-.02em;
  }
  .sf-publish-builder-status {
    white-space:nowrap;
    border-radius:999px;
    padding:.36rem .62rem;
    font-size:.72rem;
    font-weight:900;
    background:rgba(29,78,216,.08);
    border:1px solid rgba(29,78,216,.14);
  }
  .dark .sf-publish-builder-status {
    background:rgba(96,165,250,.12);
    border-color:rgba(96,165,250,.24);
  }
  .sf-publish-builder-preview {
    height:52px;
    border-radius:18px;
    display:grid;
    grid-template-columns:1fr 44px;
    grid-template-rows:repeat(3,1fr);
    gap:.28rem .55rem;
    padding:.58rem;
    background:
      radial-gradient(circle at 14% 18%,rgba(255,255,255,.42),transparent 30%),
      linear-gradient(135deg,rgba(29,78,216,.92),rgba(6,182,212,.82) 34%,rgba(124,58,237,.84) 68%,rgba(249,115,22,.78));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 30px rgba(29,78,216,.13);
  }
  .sf-publish-builder-preview i,
  .sf-publish-builder-preview b {
    display:block;
    border-radius:999px;
    background:rgba(255,255,255,.72);
  }
  .sf-publish-builder-preview i:nth-child(1){width:70%;height:7px;align-self:end;}
  .sf-publish-builder-preview i:nth-child(2){width:88%;height:6px;}
  .sf-publish-builder-preview i:nth-child(3){width:44%;height:10px;align-self:start;}
  .sf-publish-builder-preview b {
    grid-column:2;
    grid-row:1 / 4;
    width:34px;
    height:34px;
    align-self:center;
    justify-self:end;
    border-radius:13px;
    background:rgba(255,255,255,.24);
    border:1px solid rgba(255,255,255,.35);
  }
  .sf-publish-builder-goal {
    margin:0;
    font-size:.90rem;
    line-height:1.38;
    opacity:.82;
  }
  .sf-publish-builder-modules {
    display:flex;
    flex-wrap:wrap;
    gap:.42rem;
    margin-top:auto;
  }
  .sf-publish-builder-modules span {
    border-radius:999px;
    padding:.32rem .55rem;
    font-size:.72rem;
    line-height:1.1;
    font-weight:850;
    background:rgba(15,23,42,.05);
    border:1px solid rgba(15,23,42,.08);
  }
  .dark .sf-publish-builder-modules span {
    background:rgba(148,163,184,.08);
    border-color:rgba(148,163,184,.14);
  }
  .sf-publish-builder-actions {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    padding-top:.2rem;
    font-size:.76rem;
    font-weight:800;
    opacity:.82;
  }
  .sf-publish-builder-actions .sf-gradient-action {
    padding:.48rem .76rem;
    border-radius:999px;
    font-size:.78rem;
  }

/* StudioAirOS Publish final workspace tuning */
.sf-publish-brand-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}
.sf-publish-brand-chips .sf-pill {
  display: inline-flex;
  align-items: center;
  white-space: normal;
  line-height: 1.25;
}
.sf-publish-command-card .sf-publish-mini-tags,
.sf-publish-command-card .sf-publish-card-tags,
.sf-publish-experience-card .sf-publish-mini-tags,
.sf-publish-experience-card .sf-publish-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.sf-publish-command-card .sf-publish-mini-tags span,
.sf-publish-command-card .sf-publish-card-tags span,
.sf-publish-experience-card .sf-publish-mini-tags span,
.sf-publish-experience-card .sf-publish-card-tags span {
  margin: 0;
  line-height: 1.2;
}
.sf-publish-blueprint-active {
  border-color: rgba(34, 211, 238, .78) !important;
  box-shadow: 0 20px 44px rgba(14, 165, 233, .18) !important;
}
.sf-publish-blueprint-active .sf-publish-blueprint-status {
  background: linear-gradient(135deg, rgba(34,211,238,.20), rgba(124,58,237,.18));
  border-color: rgba(34,211,238,.45);
}


/* Publish global token alignment: do not theme Publish locally. */
.sf-publish-shell{
  color:var(--sf-text)!important;
  background:transparent!important;
}
.sf-publish-shell .sf-standard-panel,
.sf-publish-shell .sf-publish-site-card,
.sf-publish-shell .sf-publish-blueprint-card,
.sf-publish-shell .sf-publish-command-card,
.sf-publish-shell .sf-publish-builder-block,
.sf-publish-shell .sf-publish-journey-step,
.sf-publish-shell .sf-publish-experience-card,
.sf-publish-shell .sf-publish-insight-card,
.sf-publish-shell .sf-publish-kpi,
.sf-publish-shell .sf-publish-readiness span,
.sf-publish-shell .sf-publish-experience-strip article{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border-color:var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-shell h1,
.sf-publish-shell h2,
.sf-publish-shell h3,
.sf-publish-shell h4,
.sf-publish-shell strong,
.sf-publish-shell .sf-publish-blueprint-title,
.sf-publish-shell .sf-publish-detail-value{
  color:var(--sf-heading)!important;
}
.sf-publish-shell p,
.sf-publish-shell .sf-muted,
.sf-publish-shell .sf-lede,
.sf-publish-shell .sf-publish-detail-label,
.sf-publish-shell .sf-publish-blueprint-copy,
.sf-publish-shell .sf-publish-detail-text,
.sf-publish-shell .sf-publish-journey-step p,
.sf-publish-shell .sf-publish-builder-block p,
.sf-publish-shell .sf-publish-experience-card p,
.sf-publish-shell .sf-publish-insight-card p{
  color:var(--sf-muted)!important;
}
.sf-publish-shell .sf-pill,
.sf-publish-shell .sf-status-chip,
.sf-publish-shell .sf-publish-tag,
.sf-publish-shell .sf-publish-blueprint-status,
.sf-publish-shell .sf-publish-blueprint-chip{
  background:var(--sf-bg-muted)!important;
  color:var(--sf-link-hover)!important;
  border:1px solid var(--sf-line)!important;
}
.sf-publish-shell .sf-publish-blueprint-active,
.sf-publish-shell .sf-publish-blueprint-card.is-selected{
  border-color:color-mix(in srgb,var(--sf-primary) 46%,var(--sf-line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary) 16%,transparent), var(--sf-shadow-sm)!important;
}
.sf-publish-shell .sf-publish-blueprint-active .sf-publish-blueprint-status,
.sf-publish-shell .sf-publish-blueprint-card.is-selected .sf-publish-blueprint-status{
  background:var(--sf-success-bg)!important;
  color:var(--sf-success)!important;
  border-color:var(--sf-success-border)!important;
}
.sf-publish-shell .sf-publish-brand-preview,
.sf-publish-shell .sf-publish-command-icon,
.sf-publish-shell .sf-publish-builder-icon,
.sf-publish-shell .sf-publish-roadmap-step b,
.sf-publish-shell .sf-publish-site-mark,
.sf-publish-shell .sf-publish-blueprint-preview{
  background:var(--sf-gradient-cta)!important;
  color:#fff!important;
}
.sf-publish-shell .sf-publish-detail-box,
.sf-publish-shell .sf-publish-compact-detail{
  background:var(--sf-bg-soft)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
}
.sf-publish-shell .sf-btn,
.sf-publish-shell a.sf-btn,
.sf-publish-shell button.sf-btn{
  background:var(--sf-panel)!important;
  border-color:var(--sf-line)!important;
  color:var(--sf-heading)!important;
}
.sf-publish-shell .sf-btn-primary,
.sf-publish-shell .sf-gradient-action,
.sf-publish-shell a.sf-gradient-action,
.sf-publish-shell button.sf-gradient-action{
  background:var(--sf-gradient-cta)!important;
  color:#fff!important;
  border-color:transparent!important;
}

/* StudioAirOS Publish Global Experience Styles v1 END */

/* StudioAirOS Publish global component layer START */

/* Publish uses the same shared hero treatment as Scripts via .sf-module-hero.
   Do not set a custom hero background here. Only define Publish-specific layout
   inside the global CSS layer. */
.sf-publish-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.sf-publish-hero .sf-card{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
.sf-publish-hero .sf-card h3,
.sf-publish-hero .sf-card p,
.sf-publish-hero .sf-card .sf-eyebrow{
  color:#fff!important;
}
.sf-publish-hero .sf-pill{
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.sf-publish-shell .sf-standard-panel{
  border-radius:var(--sf-radius-lg)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}
.sf-publish-command-card,
.sf-publish-site-card,
.sf-publish-blueprint-card,
.sf-publish-builder-block.sf-publish-builder-block-v2{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
  color:var(--sf-text)!important;
}
.sf-publish-command-card:before,
.sf-publish-site-card:before,
.sf-publish-blueprint-card:before{
  background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-accent))!important;
}
.sf-publish-command-icon,
.sf-publish-site-mark,
.sf-publish-roadmap-step b,
.sf-publish-builder-step{
  background:var(--sf-gradient-cta)!important;
  color:#fff!important;
}
.sf-publish-brand-preview,
.sf-publish-blueprint-preview,
.sf-publish-builder-preview{
  background:var(--sf-gradient-cta)!important;
}
@media(max-width:900px){
  .sf-publish-hero{
    grid-template-columns:1fr!important;
  }
}


/* StudioAirOS Publish global component layer END */
/* StudioAirOS Publish hero global standard guard START
   Publish must use the same shared module hero colorization as Scripts.
   This guard references the global hero token instead of defining a Publish-specific theme. */
.sf-publish-shell .sf-module-hero.sf-publish-hero{
  background-image:var(--sf-hero-roll)!important;
  background-size:200% 100%!important;
  animation:sf-hero-roll-continuous-ltr 12s linear infinite!important;
  color:#fff!important;
}

.sf-publish-shell .sf-module-hero.sf-publish-hero h1,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-hero-title,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-lede,
.sf-publish-shell .sf-module-hero.sf-publish-hero p{
  color:#fff!important;
}
/* StudioAirOS Publish hero global standard guard END */

/* StudioAirOS Publish light blueprint usability fix START */
/*
   Publish blueprint cards must remain usable in both light and dark modes.
   This layer intentionally lives in global CSS, not in publish_web_ui.py.
   It fixes the light-mode contrast issue where CTA/action chips became pale
   orange with white text, and normalizes blueprint card copy to shared tokens.
*/
.sf-publish-shell .sf-publish-blueprint-card,
.sf-publish-shell .sf-publish-blueprint-card.sf-publish-visual-blueprint{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

.sf-publish-shell .sf-publish-blueprint-card h3,
.sf-publish-shell .sf-publish-blueprint-card strong{
  color:var(--sf-heading)!important;
}

.sf-publish-shell .sf-publish-blueprint-card p,
.sf-publish-shell .sf-publish-blueprint-summary p,
.sf-publish-shell .sf-publish-blueprint-metrics p,
.sf-publish-shell .sf-publish-blueprint-footer em{
  color:var(--sf-muted)!important;
  opacity:1!important;
}

.sf-publish-shell .sf-publish-blueprint-card .sf-card-kicker,
.sf-publish-shell .sf-publish-blueprint-summary span,
.sf-publish-shell .sf-publish-blueprint-metrics span{
  color:var(--sf-muted)!important;
  opacity:1!important;
}

.sf-publish-shell .sf-publish-blueprint-summary,
.sf-publish-shell .sf-publish-blueprint-metrics > div{
  background:var(--sf-bg-soft)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
}

.sf-publish-shell .sf-publish-blueprint-status{
  background:var(--sf-bg-muted)!important;
  color:var(--sf-link-hover)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

.sf-publish-shell .sf-publish-blueprint-active .sf-publish-blueprint-status,
.sf-publish-shell .sf-publish-blueprint-card.is-selected .sf-publish-blueprint-status{
  background:var(--sf-success-bg)!important;
  color:var(--sf-success)!important;
  border-color:var(--sf-success-border)!important;
}

/* Primary action chip at the bottom of blueprint cards. */
.sf-publish-shell .sf-publish-blueprint-footer span{
  background:var(--sf-gradient-cta)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--sf-primary) 22%, transparent)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}

/* Stronger dark-mode version without changing the shared behavior. */
html[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-card,
body[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-card,
.dark .sf-publish-shell .sf-publish-blueprint-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-summary,
html[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-metrics > div,
body[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-summary,
body[data-theme="dark"] .sf-publish-shell .sf-publish-blueprint-metrics > div,
.dark .sf-publish-shell .sf-publish-blueprint-summary,
.dark .sf-publish-shell .sf-publish-blueprint-metrics > div{
  background:color-mix(in srgb,var(--sf-bg-soft) 82%, transparent)!important;
  border-color:var(--sf-line)!important;
}
/* StudioAirOS Publish light blueprint usability fix END */


/* StudioAirOS Publish homepage configuration START */
.sf-publish-config-page .sf-form-row{margin:0!important;}
.sf-publish-config-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
.sf-publish-config-grid .sf-wide{grid-column:1 / -1!important;}
.sf-publish-config-block-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;}
.sf-publish-config-block{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:16px!important;border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius-md)!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;color:var(--sf-text)!important;box-shadow:var(--sf-shadow-sm)!important;cursor:pointer!important;}
.sf-publish-config-block:hover{border-color:var(--sf-focus)!important;background:var(--sf-card-hover)!important;}
.sf-publish-config-block input{margin-top:3px!important;accent-color:var(--sf-primary)!important;}
.sf-publish-config-block strong{display:block!important;color:var(--sf-heading)!important;font-weight:950!important;}
.sf-publish-config-block small{display:block!important;margin-top:4px!important;color:var(--sf-muted)!important;line-height:1.45!important;font-size:13px!important;}
.sf-publish-config-page .sf-publish-preview-stage h3{color:var(--sf-heading)!important;}
.sf-publish-config-page .sf-publish-preview-stage p{color:var(--sf-muted)!important;}
@media(max-width:760px){.sf-publish-config-grid{grid-template-columns:1fr!important;}}
/* StudioAirOS Publish homepage configuration END */


/* StudioAirOS Publish AI Site Builder START */
.sf-publish-ai-builder-panel{overflow:hidden!important;}
.sf-publish-ai-builder-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;gap:16px!important;align-items:stretch!important;}
.sf-publish-ai-prompt-card,.sf-publish-ai-status-card,.sf-publish-ai-output{border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius-lg)!important;background:radial-gradient(circle at top right, color-mix(in srgb, var(--sf-purple) 10%, transparent), transparent 32%),linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;color:var(--sf-text)!important;box-shadow:var(--sf-shadow-sm)!important;padding:20px!important;}
.sf-publish-ai-prompt-card h3,.sf-publish-ai-status-card h3,.sf-publish-ai-output h3{color:var(--sf-heading)!important;margin:0 0 8px!important;}
.sf-publish-ai-prompt-card p,.sf-publish-ai-status-card p,.sf-publish-ai-output p{color:var(--sf-muted)!important;}
.sf-publish-ai-checklist{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important;}
.sf-publish-ai-checklist span{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:7px 10px!important;background:var(--sf-bg-muted)!important;color:var(--sf-link-hover)!important;border:1px solid var(--sf-line)!important;font-size:12px!important;font-weight:900!important;}
.sf-publish-ai-output{grid-column:1 / -1!important;}
@media(max-width:900px){.sf-publish-ai-builder-grid{grid-template-columns:1fr!important;}}
/* StudioAirOS Publish AI Site Builder END */

/* StudioAirOS Publish Phase 3C blueprint filtering START */
.sf-publish-current-blueprint-panel{
  overflow:hidden!important;
}
.sf-publish-current-blueprint-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:16px!important;
}
.sf-publish-blueprint-filter-note{
  margin:16px 0 0!important;
  font-size:13px!important;
}
.sf-publish-blueprint-select-form{
  margin-top:10px!important;
}
.sf-publish-blueprint-select-form .sf-btn{
  width:100%!important;
}
@media(max-width:900px){
  .sf-publish-current-blueprint-grid{
    grid-template-columns:1fr!important;
  }
}
/* StudioAirOS Publish Phase 3C blueprint filtering END */

/* StudioAirOS Publish Phase 3D command center START */
.sf-publish-workspace-command-center .sf-publish-current-blueprint-panel .sf-publish-current-blueprint-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.sf-publish-build-next-panel .sf-section-heading,
.sf-publish-readiness-panel .sf-section-heading{
  margin-bottom:16px!important;
}
.sf-publish-command-tile-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.sf-publish-command-tile{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-height:238px!important;
  padding:18px!important;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-command-tile-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.sf-publish-command-tile h3{
  margin:2px 0 0!important;
  color:var(--sf-heading)!important;
  font-size:1.08rem!important;
  line-height:1.18!important;
}
.sf-publish-command-tile p{
  margin:0!important;
  color:var(--sf-muted)!important;
  line-height:1.45!important;
  font-size:.92rem!important;
}
.sf-publish-command-tile .sf-btn{
  margin-top:auto!important;
  width:100%!important;
}
.sf-publish-readiness-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.sf-publish-readiness-summary-grid .sf-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
@media(max-width:980px){
  .sf-publish-command-tile-grid,
  .sf-publish-readiness-summary-grid,
  .sf-publish-workspace-command-center .sf-publish-current-blueprint-panel .sf-publish-current-blueprint-grid{
    grid-template-columns:1fr!important;
  }
  .sf-publish-command-tile{min-height:0!important;}
}
/* StudioAirOS Publish Phase 3D command center END */

/* StudioAirOS Publish hero action spacing/global standard START */
/*
   Publish hero chips/buttons must use the same global StudioAirOS action language.
   Keep this in global CSS so publish_web_ui.py only emits semantic classes.
*/
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-hero-actions,
.sf-publish-shell .sf-publish-hero .sf-hero-actions,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-actions,
.sf-publish-shell .sf-publish-hero .sf-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  row-gap:10px!important;
  margin-top:16px!important;
}

.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-pill,
.sf-publish-shell .sf-publish-hero .sf-pill,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-status-chip,
.sf-publish-shell .sf-publish-hero .sf-status-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-btn,
.sf-publish-shell .sf-publish-hero .sf-btn,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-gradient-action,
.sf-publish-shell .sf-publish-hero .sf-gradient-action{
  min-height:42px!important;
  padding:11px 17px!important;
  border-radius:16px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-btn + .sf-btn,
.sf-publish-shell .sf-publish-hero .sf-btn + .sf-btn,
.sf-publish-shell .sf-module-hero.sf-publish-hero .sf-gradient-action + .sf-gradient-action,
.sf-publish-shell .sf-publish-hero .sf-gradient-action + .sf-gradient-action{
  margin-left:0!important;
}

@media(max-width:760px){
  .sf-publish-shell .sf-module-hero.sf-publish-hero .sf-hero-actions,
  .sf-publish-shell .sf-publish-hero .sf-hero-actions,
  .sf-publish-shell .sf-module-hero.sf-publish-hero .sf-actions,
  .sf-publish-shell .sf-publish-hero .sf-actions{
    gap:9px!important;
    row-gap:9px!important;
  }
  .sf-publish-shell .sf-module-hero.sf-publish-hero .sf-btn,
  .sf-publish-shell .sf-publish-hero .sf-btn,
  .sf-publish-shell .sf-module-hero.sf-publish-hero .sf-gradient-action,
  .sf-publish-shell .sf-publish-hero .sf-gradient-action{
    width:auto!important;
    flex:0 0 auto!important;
  }
}
/* StudioAirOS Publish hero action spacing/global standard END */

/* StudioAirOS Publish Phase 3E simplified index START */
.sf-publish-index-simple .sf-publish-hero .sf-hero-actions{
  margin-top:16px!important;
  gap:10px!important;
}
.sf-publish-index-simple .sf-publish-hero-chip-row{
  margin-top:10px!important;
}
.sf-publish-hero-summary-card{
  align-self:stretch!important;
}
.sf-publish-index-overview-panel .sf-section-heading{
  margin-bottom:16px!important;
}
.sf-publish-index-site-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;
  gap:16px!important;
}
.sf-publish-index-site-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:0!important;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-index-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sf-publish-site-avatar{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  color:#fff!important;
  background:var(--sf-gradient-cta)!important;
  font-weight:950!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--sf-primary) 22%,transparent)!important;
}
.sf-publish-index-site-card h3{
  margin:0!important;
  color:var(--sf-heading)!important;
  font-size:1.2rem!important;
  line-height:1.15!important;
}
.sf-publish-index-site-card p{
  margin:0!important;
  color:var(--sf-muted)!important;
  line-height:1.45!important;
}
.sf-publish-index-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:2px!important;
}
.sf-publish-index-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:auto!important;
}
.sf-publish-index-quick-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:22px!important;
}
.sf-publish-index-quick-links .sf-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-index-quick-links h3{
  margin:12px 0 8px!important;
  color:var(--sf-heading)!important;
  font-size:1.05rem!important;
}
.sf-publish-index-quick-links p{
  margin:0!important;
  color:var(--sf-muted)!important;
  line-height:1.45!important;
}
@media(max-width:900px){
  .sf-publish-index-quick-links{
    grid-template-columns:1fr!important;
  }
  .sf-publish-index-actions .sf-btn,
  .sf-publish-index-overview-panel .sf-section-heading .sf-btn{
    width:100%!important;
  }
}
/* StudioAirOS Publish Phase 3E simplified index END */

/* StudioAirOS Publish homepage dark usability fix START */
/*
   Publish section configuration pages must remain usable in dark mode.
   This is intentionally global CSS and scoped to Publish section/config pages.
   It normalizes preview/editor surfaces, sticky action bars, cards, panels,
   form fields, and browser-preview elements to the StudioAirOS token system.
*/
.sf-publish-shell .sf-publish-config-page,
.sf-publish-shell .sf-publish-section-page,
.sf-publish-shell .sf-publish-homepage-page,
.sf-publish-config-page,
.sf-publish-section-page,
.sf-publish-homepage-page{
  color:var(--sf-text)!important;
  background:transparent!important;
}

.sf-publish-config-page .sf-standard-panel,
.sf-publish-section-page .sf-standard-panel,
.sf-publish-homepage-page .sf-standard-panel,
.sf-publish-config-page .sf-card,
.sf-publish-section-page .sf-card,
.sf-publish-homepage-page .sf-card,
.sf-publish-config-page .sf-publish-editor-card,
.sf-publish-section-page .sf-publish-editor-card,
.sf-publish-homepage-page .sf-publish-editor-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

.sf-publish-config-page .sf-publish-preview-frame,
.sf-publish-section-page .sf-publish-preview-frame,
.sf-publish-homepage-page .sf-publish-preview-frame{
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 16%, transparent), transparent 34%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--sf-orange) 11%, transparent), transparent 30%),
    linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}

.sf-publish-config-page .sf-publish-preview-stage,
.sf-publish-section-page .sf-publish-preview-stage,
.sf-publish-homepage-page .sf-publish-preview-stage{
  background:color-mix(in srgb,var(--sf-panel) 88%, transparent)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

.sf-publish-config-page .sf-publish-preview-stage h1,
.sf-publish-config-page .sf-publish-preview-stage h2,
.sf-publish-config-page .sf-publish-preview-stage h3,
.sf-publish-config-page .sf-publish-preview-stage h4,
.sf-publish-section-page .sf-publish-preview-stage h1,
.sf-publish-section-page .sf-publish-preview-stage h2,
.sf-publish-section-page .sf-publish-preview-stage h3,
.sf-publish-section-page .sf-publish-preview-stage h4,
.sf-publish-homepage-page .sf-publish-preview-stage h1,
.sf-publish-homepage-page .sf-publish-preview-stage h2,
.sf-publish-homepage-page .sf-publish-preview-stage h3,
.sf-publish-homepage-page .sf-publish-preview-stage h4{
  color:var(--sf-heading)!important;
}

.sf-publish-config-page .sf-publish-preview-stage p,
.sf-publish-config-page .sf-publish-preview-stage span,
.sf-publish-config-page .sf-publish-preview-stage small,
.sf-publish-section-page .sf-publish-preview-stage p,
.sf-publish-section-page .sf-publish-preview-stage span,
.sf-publish-section-page .sf-publish-preview-stage small,
.sf-publish-homepage-page .sf-publish-preview-stage p,
.sf-publish-homepage-page .sf-publish-preview-stage span,
.sf-publish-homepage-page .sf-publish-preview-stage small{
  color:var(--sf-muted)!important;
}

.sf-publish-config-page .sf-publish-browser-bar,
.sf-publish-section-page .sf-publish-browser-bar,
.sf-publish-homepage-page .sf-publish-browser-bar{
  color:var(--sf-muted)!important;
}

.sf-publish-config-page .sf-publish-action-bar,
.sf-publish-section-page .sf-publish-action-bar,
.sf-publish-homepage-page .sf-publish-action-bar{
  background:color-mix(in srgb,var(--sf-panel) 90%, transparent)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-lg)!important;
  backdrop-filter:blur(18px)!important;
}

.sf-publish-config-page .sf-publish-action-bar strong,
.sf-publish-section-page .sf-publish-action-bar strong,
.sf-publish-homepage-page .sf-publish-action-bar strong{
  color:var(--sf-heading)!important;
}

.sf-publish-config-page .sf-publish-action-bar p,
.sf-publish-section-page .sf-publish-action-bar p,
.sf-publish-homepage-page .sf-publish-action-bar p{
  color:var(--sf-muted)!important;
}

.sf-publish-config-page input,
.sf-publish-config-page select,
.sf-publish-config-page textarea,
.sf-publish-section-page input,
.sf-publish-section-page select,
.sf-publish-section-page textarea,
.sf-publish-homepage-page input,
.sf-publish-homepage-page select,
.sf-publish-homepage-page textarea{
  background:var(--sf-bg)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
}

.sf-publish-config-page input:focus,
.sf-publish-config-page select:focus,
.sf-publish-config-page textarea:focus,
.sf-publish-section-page input:focus,
.sf-publish-section-page select:focus,
.sf-publish-section-page textarea:focus,
.sf-publish-homepage-page input:focus,
.sf-publish-homepage-page select:focus,
.sf-publish-homepage-page textarea:focus{
  border-color:var(--sf-focus)!important;
  box-shadow:0 0 0 4px var(--sf-focus-ring)!important;
}

.sf-publish-config-page label,
.sf-publish-section-page label,
.sf-publish-homepage-page label,
.sf-publish-config-page .sf-label,
.sf-publish-section-page .sf-label,
.sf-publish-homepage-page .sf-label{
  color:var(--sf-muted)!important;
}

.sf-publish-config-page .sf-btn:not(.sf-btn-primary):not(.sf-gradient-action),
.sf-publish-section-page .sf-btn:not(.sf-btn-primary):not(.sf-gradient-action),
.sf-publish-homepage-page .sf-btn:not(.sf-btn-primary):not(.sf-gradient-action){
  background:var(--sf-panel)!important;
  color:var(--sf-heading)!important;
  border:1px solid var(--sf-line)!important;
}

.sf-publish-config-page .sf-pill,
.sf-publish-section-page .sf-pill,
.sf-publish-homepage-page .sf-pill,
.sf-publish-config-page .sf-status-chip,
.sf-publish-section-page .sf-status-chip,
.sf-publish-homepage-page .sf-status-chip{
  background:var(--sf-bg-muted)!important;
  color:var(--sf-link-hover)!important;
  border:1px solid var(--sf-line)!important;
}

/* Explicit dark-mode strengthening for semi-transparent preview/editor areas. */
html[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-frame,
html[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-frame,
html[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-frame,
.dark .sf-publish-config-page .sf-publish-preview-frame,
.dark .sf-publish-section-page .sf-publish-preview-frame,
.dark .sf-publish-homepage-page .sf-publish-preview-frame{
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 18%, transparent), transparent 34%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--sf-orange) 12%, transparent), transparent 30%),
    linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
}

html[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-stage,
html[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-stage,
html[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-stage,
.dark .sf-publish-config-page .sf-publish-preview-stage,
.dark .sf-publish-section-page .sf-publish-preview-stage,
.dark .sf-publish-homepage-page .sf-publish-preview-stage{
  background:color-mix(in srgb,var(--sf-panel) 94%, transparent)!important;
  border-color:var(--sf-line)!important;
}
/* StudioAirOS Publish homepage dark usability fix END */

/* StudioAirOS Publish preview dark contrast global fix START */
/*
   Publish preview cards are used on /publish/sites/<site>/sections/* routes that
   may only carry .sf-publish-shell, not the older config-page helper classes.
   Keep this global and token-driven so Publish does not inline page CSS.
*/
.sf-publish-shell .sf-publish-preview-frame{
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 18%, transparent), transparent 34%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--sf-orange) 13%, transparent), transparent 30%),
    linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}

.sf-publish-shell .sf-publish-preview-stage{
  background:linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

.sf-publish-shell .sf-publish-preview-stage h1,
.sf-publish-shell .sf-publish-preview-stage h2,
.sf-publish-shell .sf-publish-preview-stage h3,
.sf-publish-shell .sf-publish-preview-stage h4,
.sf-publish-shell .sf-publish-preview-stage strong{
  color:var(--sf-heading)!important;
  opacity:1!important;
  text-shadow:none!important;
}

.sf-publish-shell .sf-publish-preview-stage p,
.sf-publish-shell .sf-publish-preview-stage span:not(.sf-pill),
.sf-publish-shell .sf-publish-preview-stage small,
.sf-publish-shell .sf-publish-preview-stage .sf-eyebrow{
  color:var(--sf-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}

.sf-publish-shell .sf-publish-preview-stage .sf-pill,
.sf-publish-shell .sf-publish-preview-actions .sf-pill{
  background:var(--sf-bg-muted)!important;
  color:var(--sf-link-hover)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow-sm)!important;
  opacity:1!important;
  text-shadow:none!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-frame,
html.dark .sf-publish-shell .sf-publish-preview-frame,
body.dark .sf-publish-shell .sf-publish-preview-frame,
.dark .sf-publish-shell .sf-publish-preview-frame{
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 20%, transparent), transparent 34%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--sf-orange) 13%, transparent), transparent 30%),
    linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border-color:var(--sf-line)!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage,
html.dark .sf-publish-shell .sf-publish-preview-stage,
body.dark .sf-publish-shell .sf-publish-preview-stage,
.dark .sf-publish-shell .sf-publish-preview-stage{
  background:linear-gradient(180deg,#111827,#0d1324)!important;
  color:var(--sf-text)!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h1,
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h2,
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h3,
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h4,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h1,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h2,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h3,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage h4,
.dark .sf-publish-shell .sf-publish-preview-stage h1,
.dark .sf-publish-shell .sf-publish-preview-stage h2,
.dark .sf-publish-shell .sf-publish-preview-stage h3,
.dark .sf-publish-shell .sf-publish-preview-stage h4{
  color:#f8fafc!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage p,
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage span:not(.sf-pill),
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage small,
html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage .sf-eyebrow,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage p,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage span:not(.sf-pill),
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage small,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-stage .sf-eyebrow,
.dark .sf-publish-shell .sf-publish-preview-stage p,
.dark .sf-publish-shell .sf-publish-preview-stage span:not(.sf-pill),
.dark .sf-publish-shell .sf-publish-preview-stage small,
.dark .sf-publish-shell .sf-publish-preview-stage .sf-eyebrow{
  color:#cbd5e1!important;
}

html[data-theme="dark"] .sf-publish-shell .sf-publish-preview-actions .sf-pill,
body[data-theme="dark"] .sf-publish-shell .sf-publish-preview-actions .sf-pill,
.dark .sf-publish-shell .sf-publish-preview-actions .sf-pill{
  background:#16233a!important;
  color:#dbeafe!important;
  border-color:rgba(147,197,253,.26)!important;
}
/* StudioAirOS Publish preview dark contrast global fix END */

/* StudioAirOS Publish preview theme split fix START */
/*
   Keep dark mode readable without forcing the dark preview treatment onto light mode.
   This restores the original premium light preview card behavior while preserving
   the dark-token preview layer for html/body[data-theme="dark"] and .dark.
*/

/* Light mode: restore the brighter preview canvas/stage. */
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-frame,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-frame,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-frame,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-frame,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-frame,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-frame,
body:not([data-theme="dark"]) .sf-publish-config-page .sf-publish-preview-frame,
body:not([data-theme="dark"]) .sf-publish-section-page .sf-publish-preview-frame,
body:not([data-theme="dark"]) .sf-publish-homepage-page .sf-publish-preview-frame{
  background:
    radial-gradient(circle at top left, rgba(76, 201, 240, .22), transparent 38%),
    radial-gradient(circle at bottom right, rgba(255, 122, 24, .18), transparent 34%),
    var(--sf-surface, #ffffff)!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-border, rgba(15,23,42,.12))!important;
  box-shadow:var(--sf-shadow-lg, 0 24px 60px rgba(15,23,42,.12))!important;
}

html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage,
body:not([data-theme="dark"]) .sf-publish-config-page .sf-publish-preview-stage,
body:not([data-theme="dark"]) .sf-publish-section-page .sf-publish-preview-stage,
body:not([data-theme="dark"]) .sf-publish-homepage-page .sf-publish-preview-stage{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  color:var(--sf-text)!important;
  box-shadow:none!important;
}

/* Light mode preview typography must stay high contrast. */
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h1,
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h2,
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h3,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h1,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h2,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h3,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h1,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h2,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h3,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h1,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h2,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage h3,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h1,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h2,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage h3,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h1,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h2,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage h3,
body:not([data-theme="dark"]) .sf-publish-preview-stage h1,
body:not([data-theme="dark"]) .sf-publish-preview-stage h2,
body:not([data-theme="dark"]) .sf-publish-preview-stage h3{
  color:var(--sf-heading)!important;
  text-shadow:none!important;
}

html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage p,
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage span,
html[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage small,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage p,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage span,
html[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage small,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage p,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage span,
html[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage small,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage p,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage span,
body[data-theme="light"] .sf-publish-config-page .sf-publish-preview-stage small,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage p,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage span,
body[data-theme="light"] .sf-publish-section-page .sf-publish-preview-stage small,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage p,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage span,
body[data-theme="light"] .sf-publish-homepage-page .sf-publish-preview-stage small,
body:not([data-theme="dark"]) .sf-publish-preview-stage p,
body:not([data-theme="dark"]) .sf-publish-preview-stage span,
body:not([data-theme="dark"]) .sf-publish-preview-stage small{
  color:var(--sf-muted)!important;
  text-shadow:none!important;
}

/* Dark mode: force the readable dark preview treatment only in dark contexts. */
html[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-frame,
html[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-frame,
html[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-frame,
body[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-frame,
.dark .sf-publish-config-page .sf-publish-preview-frame,
.dark .sf-publish-section-page .sf-publish-preview-frame,
.dark .sf-publish-homepage-page .sf-publish-preview-frame{
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 18%, transparent), transparent 34%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--sf-orange) 12%, transparent), transparent 30%),
    linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  color:var(--sf-text)!important;
  border:1px solid var(--sf-line)!important;
  box-shadow:var(--sf-shadow)!important;
}

html[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-stage,
html[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-stage,
html[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-config-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-section-page .sf-publish-preview-stage,
body[data-theme="dark"] .sf-publish-homepage-page .sf-publish-preview-stage,
.dark .sf-publish-config-page .sf-publish-preview-stage,
.dark .sf-publish-section-page .sf-publish-preview-stage,
.dark .sf-publish-homepage-page .sf-publish-preview-stage{
  background:color-mix(in srgb,var(--sf-panel) 94%, transparent)!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}

html[data-theme="dark"] .sf-publish-preview-stage h1,
html[data-theme="dark"] .sf-publish-preview-stage h2,
html[data-theme="dark"] .sf-publish-preview-stage h3,
body[data-theme="dark"] .sf-publish-preview-stage h1,
body[data-theme="dark"] .sf-publish-preview-stage h2,
body[data-theme="dark"] .sf-publish-preview-stage h3,
.dark .sf-publish-preview-stage h1,
.dark .sf-publish-preview-stage h2,
.dark .sf-publish-preview-stage h3{
  color:var(--sf-heading)!important;
}

html[data-theme="dark"] .sf-publish-preview-stage p,
html[data-theme="dark"] .sf-publish-preview-stage span,
html[data-theme="dark"] .sf-publish-preview-stage small,
body[data-theme="dark"] .sf-publish-preview-stage p,
body[data-theme="dark"] .sf-publish-preview-stage span,
body[data-theme="dark"] .sf-publish-preview-stage small,
.dark .sf-publish-preview-stage p,
.dark .sf-publish-preview-stage span,
.dark .sf-publish-preview-stage small{
  color:var(--sf-muted)!important;
}
/* StudioAirOS Publish preview theme split fix END */
/* StudioAirOS Publish Phase 3F AI section workflow START */
.sf-publish-ai-run-card{
  overflow:hidden!important;
}
.sf-publish-ai-results-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
}
.sf-publish-ai-result-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-ai-result-primary{
  grid-column:1 / -1!important;
}
.sf-publish-ai-result-card h3{
  color:var(--sf-heading)!important;
}
.sf-publish-ai-result-card p,
.sf-publish-ai-result-card li{
  color:var(--sf-muted)!important;
  line-height:1.5!important;
}
.sf-publish-ai-journey{
  margin:10px 0 0!important;
  padding-left:20px!important;
}
.sf-publish-ai-journey li+li{
  margin-top:6px!important;
}
html[data-theme="dark"] .sf-publish-ai-result-card,
body[data-theme="dark"] .sf-publish-ai-result-card,
.dark .sf-publish-ai-result-card{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border-color:var(--sf-line)!important;
}
@media(max-width:760px){
  .sf-publish-ai-result-primary{
    grid-column:auto!important;
  }
}
/* StudioAirOS Publish Phase 3F AI section workflow END */

/* StudioAirOS Publish Phase 4A premium AI homepage rendering START */
.sf-publish-homepage-preview-panel .sf-publish-builder-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
  align-items:start!important;
}
.sf-publish-live-homepage-preview{
  min-height:0!important;
}
.sf-publish-live-preview-stage{
  display:grid!important;
  gap:18px!important;
  border-radius:26px!important;
  padding:22px!important;
  background:linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-live-preview-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:24px!important;
  padding:28px!important;
  color:#fff!important;
  background:var(--sf-gradient-cta)!important;
  box-shadow:0 20px 54px color-mix(in srgb,var(--sf-primary) 22%,transparent)!important;
}
.sf-publish-live-preview-hero:after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  top:-80px!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  pointer-events:none!important;
}
.sf-publish-live-preview-hero>*{position:relative!important;z-index:1!important;}
.sf-publish-live-preview-hero h3,
.sf-publish-live-preview-hero p,
.sf-publish-live-preview-hero .sf-eyebrow{color:#fff!important;}
.sf-publish-live-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.sf-publish-live-preview-card,
.sf-publish-live-preview-journey,
.sf-publish-live-preview-seo{
  border-radius:20px!important;
  padding:16px!important;
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border:1px solid var(--sf-line)!important;
  color:var(--sf-text)!important;
  box-shadow:var(--sf-shadow-sm)!important;
}
.sf-publish-live-preview-card h4,
.sf-publish-live-preview-seo h4{margin:4px 0 8px!important;color:var(--sf-heading)!important;font-size:1rem!important;line-height:1.15!important;}
.sf-publish-live-preview-card p,
.sf-publish-live-preview-seo p{margin:0 0 10px!important;color:var(--sf-muted)!important;line-height:1.45!important;}
.sf-publish-live-preview-journey ol{margin:8px 0 0!important;padding-left:20px!important;color:var(--sf-muted)!important;line-height:1.55!important;}
.sf-publish-live-preview-journey li{margin:4px 0!important;}
html[data-theme="dark"] .sf-publish-live-preview-stage,
body[data-theme="dark"] .sf-publish-live-preview-stage,
.dark .sf-publish-live-preview-stage{
  background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;
  border-color:var(--sf-line)!important;
}
@media(max-width:980px){
  .sf-publish-homepage-preview-panel .sf-publish-builder-grid,
  .sf-publish-live-preview-grid{grid-template-columns:1fr!important;}
}
/* StudioAirOS Publish Phase 4A premium AI homepage rendering END */



/* StudioAirOS Publish Phase 4B ultra-premium station experience START */
.sf-publish-ai-command{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;gap:18px!important;align-items:stretch!important;}
.sf-publish-ai-command-copy,.sf-publish-ai-command-form,.sf-publish-value-rail{border:1px solid var(--sf-line)!important;border-radius:28px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;box-shadow:var(--sf-shadow)!important;padding:22px!important;color:var(--sf-text)!important;}
.sf-publish-ai-command-copy h2,.sf-publish-value-rail h3{margin:0!important;color:var(--sf-heading)!important;letter-spacing:-.04em!important;}.sf-publish-ai-command-copy p,.sf-publish-value-rail p{color:var(--sf-muted)!important;line-height:1.55!important;}
.sf-publish-provider-pill{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;background:var(--sf-bg-soft)!important;padding:12px 14px!important;margin-bottom:14px!important;}.sf-publish-provider-pill span{font-size:11px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--sf-muted)!important;}.sf-publish-provider-pill strong{color:var(--sf-heading)!important;}
.sf-publish-ultra-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:18px!important;margin-top:18px!important;align-items:start!important;}.sf-publish-ultra-preview{display:grid!important;gap:16px!important;border-radius:30px!important;padding:18px!important;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--sf-cyan) 16%,transparent),transparent 32%),radial-gradient(circle at 100% 10%,color-mix(in srgb,var(--sf-orange) 12%,transparent),transparent 32%),linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;border:1px solid var(--sf-line)!important;box-shadow:var(--sf-shadow)!important;color:var(--sf-text)!important;}
.sf-publish-ultra-browser{display:flex!important;align-items:center!important;gap:8px!important;color:var(--sf-muted)!important;font-size:12px!important;font-weight:900!important;}.sf-publish-ultra-browser span{width:10px!important;height:10px!important;border-radius:999px!important;background:var(--sf-accent)!important;opacity:.72!important;}.sf-publish-ultra-browser strong{margin-left:auto!important;color:var(--sf-muted)!important;font-size:12px!important;}
.sf-publish-ultra-hero{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:24px!important;align-items:center!important;overflow:hidden!important;border-radius:28px!important;padding:30px!important;color:#fff!important;background:linear-gradient(135deg,var(--sf-brand-blue),var(--sf-brand-purple) 56%,var(--sf-brand-orange))!important;box-shadow:0 24px 70px color-mix(in srgb,var(--sf-primary) 24%,transparent)!important;}.sf-publish-ultra-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.24),transparent 26%),radial-gradient(circle at 88% 6%,rgba(255,255,255,.18),transparent 30%)!important;pointer-events:none!important;}.sf-publish-ultra-hero>*{position:relative!important;z-index:1!important;}.sf-publish-ultra-hero h2{margin:0!important;color:#fff!important;font-size:clamp(2rem,4vw,4.4rem)!important;line-height:.94!important;letter-spacing:-.07em!important;}.sf-publish-ultra-hero p{color:rgba(255,255,255,.90)!important;line-height:1.55!important;max-width:720px!important;}
.sf-publish-ultra-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important;}.sf-publish-ultra-actions span,.sf-publish-ultra-card-grid article span{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:9px 13px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.30)!important;color:#fff!important;font-weight:950!important;font-size:12px!important;}
.sf-publish-station-visual{min-height:190px!important;border-radius:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;}.sf-publish-station-visual img{width:100%!important;height:100%!important;object-fit:contain!important;padding:16px!important;}.sf-publish-station-visual-fallback{flex-direction:column!important;gap:8px!important;color:#fff!important;}.sf-publish-station-visual-fallback span{font-size:54px!important;font-weight:950!important;letter-spacing:-.08em!important;color:#fff!important;}.sf-publish-station-visual-fallback small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:rgba(255,255,255,.72)!important;font-weight:950!important;}
.sf-publish-ultra-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}.sf-publish-ultra-card-grid article,.sf-publish-ultra-split article,.sf-publish-value-card{border:1px solid var(--sf-line)!important;border-radius:22px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;box-shadow:var(--sf-shadow-sm)!important;padding:17px!important;color:var(--sf-text)!important;}.sf-publish-ultra-card-grid h4,.sf-publish-ultra-split h3,.sf-publish-value-card strong{margin:0 0 8px!important;color:var(--sf-heading)!important;font-weight:950!important;}.sf-publish-ultra-card-grid p,.sf-publish-ultra-split p,.sf-publish-ultra-split li,.sf-publish-value-card p{color:var(--sf-muted)!important;line-height:1.5!important;}.sf-publish-ultra-card-grid article span{background:var(--sf-bg-muted)!important;border:1px solid var(--sf-line)!important;color:var(--sf-link-hover)!important;margin-top:6px!important;}
.sf-publish-ultra-split{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;}.sf-publish-ultra-split ol{margin:8px 0 0!important;padding-left:20px!important;}.sf-publish-value-grid{display:grid!important;gap:10px!important;margin-top:14px!important;}.sf-publish-value-card{padding:14px!important;}.sf-publish-value-card p{margin:6px 0 0!important;font-size:13px!important;}
html[data-theme="dark"] .sf-publish-ultra-preview,body[data-theme="dark"] .sf-publish-ultra-preview,.dark .sf-publish-ultra-preview{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--sf-cyan) 14%,transparent),transparent 32%),radial-gradient(circle at 100% 10%,color-mix(in srgb,var(--sf-orange) 10%,transparent),transparent 32%),linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;}
@media(max-width:1000px){.sf-publish-ai-command,.sf-publish-ultra-layout,.sf-publish-ultra-hero,.sf-publish-ultra-split{grid-template-columns:1fr!important;}.sf-publish-ultra-card-grid{grid-template-columns:1fr!important;}.sf-publish-station-visual{min-height:150px!important;}}
/* StudioAirOS Publish Phase 4B ultra-premium station experience END */


/* StudioAirOS Publish Phase 4C focused AI Assist page START */
.sf-publish-ai-focused-page .sf-publish-ai-focused-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.48fr)!important;}
.sf-publish-ai-focused-hero-card{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;}
.sf-publish-ai-focused-hero-card h3,.sf-publish-ai-focused-hero-card p,.sf-publish-ai-focused-hero-card .sf-eyebrow{color:#fff!important;}
.sf-publish-ai-control-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)!important;gap:18px!important;margin-top:22px!important;align-items:stretch!important;}
.sf-publish-ai-control-card,.sf-publish-ai-outcome-card,.sf-publish-ai-preview-shell{border:1px solid var(--sf-line)!important;border-radius:28px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;box-shadow:var(--sf-shadow)!important;color:var(--sf-text)!important;padding:22px!important;position:relative!important;overflow:hidden!important;}
.sf-publish-ai-control-card:before,.sf-publish-ai-outcome-card:before,.sf-publish-ai-preview-shell:before{content:""!important;position:absolute!important;inset:0 0 auto 0!important;height:4px!important;background:linear-gradient(90deg,var(--sf-cyan),var(--sf-purple),var(--sf-orange))!important;}
.sf-publish-ai-control-card>* ,.sf-publish-ai-outcome-card>* ,.sf-publish-ai-preview-shell>*{position:relative!important;z-index:1!important;}
.sf-publish-ai-control-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:start!important;margin-bottom:16px!important;}
.sf-publish-ai-control-head h2,.sf-publish-ai-outcome-card h3,.sf-publish-ai-preview-shell h2{margin:0!important;color:var(--sf-heading)!important;letter-spacing:-.04em!important;}
.sf-publish-ai-control-head p,.sf-publish-ai-outcome-card p,.sf-publish-ai-preview-shell p{color:var(--sf-muted)!important;line-height:1.55!important;}
.sf-publish-ai-outcome-card ul{margin:12px 0 0!important;padding-left:19px!important;color:var(--sf-muted)!important;line-height:1.58!important;}
.sf-publish-ai-outcome-card li+li{margin-top:7px!important;}
.sf-publish-ai-focused-layout{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:18px!important;align-items:start!important;margin-top:16px!important;}
.sf-publish-ai-focused-page .sf-publish-value-rail{margin-top:0!important;position:sticky!important;top:18px!important;}
.sf-publish-ai-focused-page .sf-publish-ultra-preview{min-height:0!important;}
@media(max-width:1000px){.sf-publish-ai-focused-page .sf-publish-ai-focused-hero,.sf-publish-ai-control-panel,.sf-publish-ai-control-head,.sf-publish-ai-focused-layout{grid-template-columns:1fr!important;}.sf-publish-ai-focused-page .sf-publish-value-rail{position:relative!important;top:auto!important;}}
@media(max-width:700px){.sf-publish-ai-control-card,.sf-publish-ai-outcome-card,.sf-publish-ai-preview-shell{padding:18px!important;}}
/* StudioAirOS Publish Phase 4C focused AI Assist page END */


/* StudioAirOS Publish Phase 4D ChatGPT-style AI website builder START */
.sf-publish-ai-builder-v2 .sf-publish-ai-prompt-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.38fr)!important;}
.sf-publish-ai-value-card{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.sf-publish-ai-command-layout{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;gap:18px!important;align-items:stretch!important;}
.sf-publish-ai-prompt-card-v2,.sf-publish-ai-build-recipe{background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;border:1px solid var(--sf-line)!important;border-radius:26px!important;padding:22px!important;box-shadow:var(--sf-shadow-sm)!important;color:var(--sf-text)!important;}
.sf-publish-ai-main-prompt{min-height:220px!important;font-size:15px!important;line-height:1.6!important;border-radius:22px!important;padding:18px!important;background:var(--sf-bg)!important;color:var(--sf-text)!important;border:1px solid var(--sf-line)!important;}
.sf-publish-ai-prompt-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;margin-top:16px!important;}
.sf-publish-ai-recipe-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important;}
.sf-publish-ai-recipe-grid span{border-radius:16px!important;padding:12px!important;background:var(--sf-bg-muted)!important;border:1px solid var(--sf-line)!important;color:var(--sf-heading)!important;font-weight:900!important;}
.sf-publish-generated-homepage{border-radius:32px!important;padding:20px!important;background:radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 18%, transparent), transparent 32%),radial-gradient(circle at 90% 12%, color-mix(in srgb,var(--sf-orange) 14%, transparent), transparent 30%),linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;border:1px solid var(--sf-line)!important;box-shadow:var(--sf-shadow-lg)!important;}
.sf-publish-generated-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;gap:24px!important;align-items:center!important;overflow:hidden!important;position:relative!important;border-radius:28px!important;padding:32px!important;background:var(--sf-gradient-cta)!important;color:#fff!important;box-shadow:0 24px 70px color-mix(in srgb,var(--sf-primary) 24%, transparent)!important;}
.sf-publish-generated-hero:after{content:""!important;position:absolute!important;right:-90px!important;top:-90px!important;width:240px!important;height:240px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;pointer-events:none!important;}
.sf-publish-generated-hero>*{position:relative!important;z-index:1!important;}
.sf-publish-generated-hero h2{font-size:clamp(2.2rem,5vw,4.9rem)!important;line-height:.96!important;letter-spacing:-.06em!important;margin:0 0 16px!important;color:#fff!important;}
.sf-publish-generated-hero p,.sf-publish-generated-hero .sf-eyebrow{color:rgba(255,255,255,.92)!important;}
.sf-publish-generated-copy .sf-hero-actions{margin-top:22px!important;}
.sf-publish-station-graphic-stack{display:grid!important;gap:16px!important;justify-items:center!important;}
.sf-publish-station-logo-orb{width:154px!important;height:154px!important;border-radius:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.36)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 28px 70px rgba(0,0,0,.20)!important;color:#fff!important;font-size:48px!important;font-weight:950!important;letter-spacing:-.08em!important;}
.sf-publish-phone-preview{width:210px!important;border-radius:30px!important;background:rgba(10,17,34,.72)!important;border:1px solid rgba(255,255,255,.28)!important;padding:18px!important;color:#fff!important;box-shadow:0 24px 60px rgba(0,0,0,.26)!important;display:grid!important;gap:8px!important;}
.sf-publish-phone-preview span{display:block!important;width:68px!important;height:68px!important;border-radius:22px!important;background:var(--sf-gradient-cta)!important;}
.sf-publish-phone-preview strong{color:#fff!important;font-size:20px!important;}
.sf-publish-phone-preview em{font-style:normal!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;line-height:1.35!important;}
.sf-publish-phone-preview b{display:inline-flex!important;justify-content:center!important;border-radius:999px!important;padding:9px 12px!important;background:#fff!important;color:#111827!important;font-size:12px!important;}
.sf-publish-premium-block-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important;}
.sf-publish-premium-block-grid article,.sf-publish-listener-flow>div,.sf-publish-listener-flow>aside,.sf-publish-benefit-grid article{border-radius:24px!important;padding:18px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;border:1px solid var(--sf-line)!important;box-shadow:var(--sf-shadow-sm)!important;color:var(--sf-text)!important;}
.sf-publish-premium-block-grid article span{display:inline-flex!important;width:34px!important;height:34px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;background:var(--sf-gradient-cta)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;margin-bottom:10px!important;}
.sf-publish-premium-block-grid h3,.sf-publish-listener-flow h3,.sf-publish-listener-flow h4{color:var(--sf-heading)!important;margin:0 0 8px!important;}
.sf-publish-premium-block-grid p,.sf-publish-listener-flow p,.sf-publish-listener-flow li,.sf-publish-benefit-grid span{color:var(--sf-muted)!important;line-height:1.48!important;}
.sf-publish-listener-flow{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)!important;gap:14px!important;margin-top:14px!important;align-items:start!important;}
.sf-publish-listener-flow ol{margin:10px 0 0!important;padding-left:20px!important;}
.sf-publish-benefit-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.sf-publish-benefit-grid strong{display:block!important;color:var(--sf-heading)!important;margin-bottom:6px!important;}
html[data-theme="dark"] .sf-publish-generated-homepage,body[data-theme="dark"] .sf-publish-generated-homepage,.dark .sf-publish-generated-homepage{background:radial-gradient(circle at 12% 10%, color-mix(in srgb,var(--sf-cyan) 18%, transparent), transparent 32%),linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;}
@media(max-width:1100px){.sf-publish-premium-block-grid,.sf-publish-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.sf-publish-generated-hero,.sf-publish-ai-command-layout,.sf-publish-listener-flow{grid-template-columns:1fr!important;}}
@media(max-width:680px){.sf-publish-premium-block-grid,.sf-publish-benefit-grid,.sf-publish-ai-recipe-grid{grid-template-columns:1fr!important;}.sf-publish-generated-hero{padding:24px!important;}.sf-publish-ai-prompt-actions .sf-btn{width:100%!important;}}
/* StudioAirOS Publish Phase 4D ChatGPT-style AI website builder END */

/* StudioAirOS Publish Phase 5A AI Site Generation Engine START */
.sf5-ai-builder-page .sf-standard-panel{overflow:hidden!important;}.sf5-builder-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;}.sf5-builder-value-card{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;}.sf5-builder-value-card h3,.sf5-builder-value-card p,.sf5-builder-value-card .sf-eyebrow{color:#fff!important;}.sf5-prompt-form{display:grid!important;gap:16px!important;}.sf5-builder-textarea{font-size:15px!important;line-height:1.55!important;min-height:210px!important;}.sf5-generated-site-shell{border-radius:30px!important;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--sf-cyan) 16%,transparent),transparent 30%),radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--sf-orange) 13%,transparent),transparent 32%),linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;border:1px solid var(--sf-line)!important;box-shadow:var(--sf-shadow-lg)!important;padding:18px!important;}.sf5-generated-website-frame{display:grid!important;gap:18px!important;border-radius:24px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;border:1px solid var(--sf-line)!important;padding:18px!important;}.sf5-generated-hero{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)!important;gap:24px!important;align-items:stretch!important;border-radius:28px!important;padding:30px!important;color:#fff!important;background:linear-gradient(135deg,#1b78ff 0%,#6d5dfc 38%,#9f4fd8 68%,#f97316 100%)!important;box-shadow:0 24px 70px color-mix(in srgb,var(--sf-primary) 24%,transparent)!important;}.sf5-generated-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 14% 16%,rgba(255,255,255,.32),transparent 30%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.18),transparent 32%)!important;pointer-events:none!important;}.sf5-generated-hero>*{position:relative!important;z-index:1!important;}.sf5-generated-hero h2{margin:0!important;color:#fff!important;font-size:clamp(2.2rem,5vw,4.7rem)!important;line-height:.95!important;letter-spacing:-.06em!important;max-width:820px!important;}.sf5-generated-hero p{color:#fff!important;max-width:720px!important;font-size:1.05rem!important;line-height:1.55!important;}.sf5-generated-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:20px!important;}.sf5-generated-actions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:11px 15px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.30)!important;color:#fff!important;font-weight:950!important;box-shadow:0 12px 34px rgba(0,0,0,.12)!important;}.sf5-station-graphic-stack{display:grid!important;gap:14px!important;align-content:center!important;}.sf5-station-orb{width:154px!important;height:154px!important;border-radius:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.36)!important;color:#fff!important;font-size:3.1rem!important;font-weight:1000!important;letter-spacing:-.08em!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 26px 70px rgba(0,0,0,.18)!important;justify-self:end!important;}.sf5-now-playing-card{border-radius:22px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.30)!important;padding:16px!important;color:#fff!important;backdrop-filter:blur(12px)!important;}.sf5-now-playing-card span,.sf5-now-playing-card em{display:block!important;color:rgba(255,255,255,.78)!important;font-style:normal!important;line-height:1.4!important;}.sf5-now-playing-card strong{display:block!important;color:#fff!important;font-size:1.15rem!important;margin:5px 0!important;}.sf5-chip-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}.sf5-chip-board>div{border:1px solid var(--sf-line)!important;border-radius:20px!important;background:var(--sf-bg-soft)!important;padding:15px!important;}.sf5-chip-board strong{display:block!important;color:var(--sf-heading)!important;margin-bottom:10px!important;}.sf5-chip-board div div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}.sf5-chip-board span,.sf5-section-copy .sf-pill,.sf5-seo-card .sf-pill{display:inline-flex!important;border-radius:999px!important;padding:7px 10px!important;background:var(--sf-bg-muted)!important;color:var(--sf-link-hover)!important;border:1px solid var(--sf-line)!important;font-size:12px!important;font-weight:900!important;}.sf5-site-section-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}.sf5-site-section-card{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:14px!important;align-items:stretch!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;padding:14px!important;box-shadow:var(--sf-shadow-sm)!important;}.sf5-section-visual{border-radius:18px!important;min-height:116px!important;display:flex!important;align-items:flex-end!important;padding:12px!important;color:#fff!important;background:var(--sf-gradient-cta)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)!important;}.sf5-section-visual span{font-size:11px!important;font-weight:950!important;line-height:1.15!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;}.sf5-section-copy h3{margin:4px 0 8px!important;color:var(--sf-heading)!important;font-size:1.18rem!important;line-height:1.12!important;letter-spacing:-.03em!important;}.sf5-section-copy p{margin:0 0 10px!important;color:var(--sf-muted)!important;line-height:1.45!important;}.sf5-journey-seo-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;}.sf5-journey-card,.sf5-seo-card{border:1px solid var(--sf-line)!important;border-radius:24px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;padding:18px!important;box-shadow:var(--sf-shadow-sm)!important;}.sf5-journey-card h3,.sf5-seo-card h3{margin:4px 0 10px!important;color:var(--sf-heading)!important;}.sf5-journey-card ol{margin:0!important;padding-left:20px!important;color:var(--sf-muted)!important;line-height:1.58!important;}.sf5-journey-card li+li{margin-top:6px!important;}.sf5-seo-card p{color:var(--sf-muted)!important;line-height:1.5!important;}.sf5-outcome-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}.sf5-outcome-grid article{border:1px solid var(--sf-line)!important;border-radius:20px!important;background:var(--sf-bg-soft)!important;padding:16px!important;}.sf5-outcome-grid strong{display:block!important;color:var(--sf-heading)!important;font-size:1.05rem!important;margin-bottom:6px!important;}.sf5-outcome-grid span{display:block!important;color:var(--sf-muted)!important;line-height:1.45!important;}html[data-theme="dark"] .sf5-generated-site-shell,body[data-theme="dark"] .sf5-generated-site-shell,.dark .sf5-generated-site-shell{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--sf-cyan) 18%,transparent),transparent 30%),radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--sf-orange) 12%,transparent),transparent 32%),linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;}@media(max-width:980px){.sf5-builder-hero,.sf5-generated-hero,.sf5-chip-board,.sf5-site-section-grid,.sf5-journey-seo-grid,.sf5-outcome-grid{grid-template-columns:1fr!important;}.sf5-station-orb{justify-self:start!important;}.sf5-site-section-card{grid-template-columns:1fr!important;}.sf5-section-visual{min-height:88px!important;}.sf5-generated-hero h2{font-size:2.5rem!important;}}
/* StudioAirOS Publish Phase 5A AI Site Generation Engine END */

/* StudioAirOS Publish Phase 5B Real Website Preview + Station Logo START */
.sf5b-ai-builder-page .sf-standard-panel{overflow:hidden!important}.sf5b-builder-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr)!important}.sf5b-logo-proof-card{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}.sf5b-logo-proof-card h3,.sf5b-logo-proof-card p,.sf5b-logo-proof-card .sf-eyebrow{color:#fff!important}.sf5b-proof-logo{display:block!important;width:112px!important;height:112px!important;object-fit:contain!important;border-radius:26px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;padding:10px!important;margin:0 0 14px!important}.sf5b-station-logo-fallback{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:2.2rem!important;font-weight:1000!important;letter-spacing:-.08em!important}.sf5b-prompt-form{display:grid!important;gap:16px!important}.sf5b-builder-textarea{min-height:220px!important;font-size:15px!important;line-height:1.55!important}.sf5b-public-site-preview{border-radius:32px!important;overflow:hidden!important;background:linear-gradient(180deg,var(--sf-bg-elevated),var(--sf-panel))!important;border:1px solid var(--sf-line)!important;box-shadow:var(--sf-shadow-lg)!important;color:var(--sf-text)!important}.sf5b-public-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 22px!important;border-bottom:1px solid var(--sf-line)!important;background:color-mix(in srgb,var(--sf-panel) 92%,transparent)!important}.sf5b-public-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.sf5b-public-brand strong{font-size:1rem!important;color:var(--sf-heading)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sf5b-mini-logo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:12px!important;background:var(--sf-bg-soft)!important;border:1px solid var(--sf-line)!important;padding:5px!important;flex:0 0 auto!important}.sf5b-public-nav nav{display:flex!important;gap:16px!important;flex-wrap:wrap!important;color:var(--sf-muted)!important;font-weight:850!important;font-size:.9rem!important}.sf5b-public-hero{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr)!important;gap:28px!important;align-items:center!important;padding:48px!important;color:#fff!important;background:linear-gradient(135deg,#0f63ff 0%,#7657ff 42%,#b94fd1 72%,#ff7a1a 100%)!important}.sf5b-public-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.30),transparent 30%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.18),transparent 34%)!important;pointer-events:none!important}.sf5b-public-hero>*{position:relative!important;z-index:1!important}.sf5b-public-hero h1{margin:0!important;color:#fff!important;font-size:clamp(2.4rem,5vw,5.2rem)!important;line-height:.92!important;letter-spacing:-.065em!important;max-width:880px!important}.sf5b-public-hero p{color:#fff!important;font-size:1.08rem!important;line-height:1.58!important;max-width:780px!important}.sf5b-public-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important}.sf5b-public-actions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:12px 16px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;font-weight:950!important;box-shadow:0 14px 34px rgba(0,0,0,.13)!important}.sf5b-public-hero-art{display:grid!important;gap:16px!important;justify-items:end!important}.sf5b-hero-logo{width:184px!important;height:184px!important;object-fit:contain!important;border-radius:44px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.36)!important;padding:16px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 26px 70px rgba(0,0,0,.20)!important}.sf5b-live-card{width:min(100%,320px)!important;border-radius:24px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.30)!important;padding:18px!important;color:#fff!important;backdrop-filter:blur(14px)!important}.sf5b-live-card span,.sf5b-live-card em{display:block!important;color:rgba(255,255,255,.78)!important;font-style:normal!important;line-height:1.4!important}.sf5b-live-card strong{display:block!important;color:#fff!important;font-size:1.2rem!important;margin:5px 0!important}.sf5b-listen-band{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:18px!important;background:var(--sf-panel)!important}.sf5b-listen-band article{border:1px solid var(--sf-line)!important;border-radius:22px!important;padding:18px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important}.sf5b-listen-band span,.sf5b-feature-grid .sf-eyebrow,.sf5b-app-showcase .sf-eyebrow,.sf5b-seo-footer-card .sf-eyebrow{color:var(--sf-link-hover)!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important}.sf5b-listen-band strong{display:block!important;color:var(--sf-heading)!important;font-size:1.15rem!important;margin:6px 0!important}.sf5b-listen-band p{color:var(--sf-muted)!important;margin:0!important;line-height:1.45!important}.sf5b-feature-grid{display:grid!important;grid-template-columns:1.15fr repeat(2,minmax(0,.85fr))!important;gap:16px!important;padding:18px!important}.sf5b-feature-grid article{border:1px solid var(--sf-line)!important;border-radius:26px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;padding:22px!important;box-shadow:var(--sf-shadow-sm)!important}.sf5b-feature-large{grid-row:span 2!important;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--sf-cyan) 16%,transparent),transparent 32%),linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important}.sf5b-feature-grid h2,.sf5b-app-showcase h2{margin:8px 0!important;color:var(--sf-heading)!important;font-size:clamp(1.7rem,3vw,3rem)!important;line-height:1!important;letter-spacing:-.05em!important}.sf5b-feature-grid h3,.sf5b-seo-footer-card h3{margin:8px 0!important;color:var(--sf-heading)!important;font-size:1.3rem!important;line-height:1.08!important;letter-spacing:-.035em!important}.sf5b-feature-grid p,.sf5b-app-showcase p,.sf5b-seo-footer-card p{color:var(--sf-muted)!important;line-height:1.52!important}.sf5b-feature-grid article>span{display:inline-flex!important;margin-top:10px!important;border-radius:999px!important;padding:9px 12px!important;background:var(--sf-bg-muted)!important;color:var(--sf-link-hover)!important;border:1px solid var(--sf-line)!important;font-weight:900!important;font-size:.86rem!important}.sf5b-app-showcase{display:grid!important;grid-template-columns:minmax(0,1fr) 240px!important;gap:24px!important;align-items:center!important;margin:0 18px 18px!important;padding:28px!important;border-radius:28px!important;background:linear-gradient(135deg,var(--sf-brand-blue),var(--sf-brand-purple) 60%,var(--sf-brand-orange))!important;color:#fff!important}.sf5b-app-showcase h2,.sf5b-app-showcase p,.sf5b-app-showcase .sf-eyebrow{color:#fff!important}.sf5b-phone-mock{justify-self:center!important;width:190px!important;height:320px!important;border-radius:34px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.34)!important;padding:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}.sf5b-phone-mock>div{height:100%!important;border-radius:24px!important;background:rgba(255,255,255,.16)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:12px!important;color:#fff!important}.sf5b-phone-mock strong,.sf5b-phone-mock span{color:#fff!important}.sf5b-seo-footer-card{margin:0 18px 18px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-bg-soft)!important;padding:20px!important}html[data-theme="dark"] .sf5b-public-site-preview,body[data-theme="dark"] .sf5b-public-site-preview,.dark .sf5b-public-site-preview{background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important}.sf5b-station-logo-fallback.sf5b-hero-logo,.sf5b-station-logo-fallback.sf5b-proof-logo,.sf5b-station-logo-fallback.sf5b-mini-logo{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:var(--sf-gradient-cta)!important}@media(max-width:980px){.sf5b-builder-hero,.sf5b-public-hero,.sf5b-listen-band,.sf5b-feature-grid,.sf5b-app-showcase{grid-template-columns:1fr!important}.sf5b-public-hero{padding:32px 22px!important}.sf5b-public-hero-art{justify-items:start!important}.sf5b-public-nav{align-items:flex-start!important;flex-direction:column!important}.sf5b-feature-large{grid-row:auto!important}.sf5b-phone-mock{justify-self:start!important}.sf5b-public-hero h1{font-size:2.65rem!important}}
/* StudioAirOS Publish Phase 5B Real Website Preview + Station Logo END */
/* StudioAirOS Publish Phase 6D Apps Branding Resolver START */
.sf5b-hero-logo,
.sf5b-mini-logo,
.sf5b-proof-logo,
.sf6d-app-logo {
  object-fit: contain !important;
}

.sf5b-public-hero {
  background:
    radial-gradient(circle at 10% 8%, rgba(255,255,255,.28), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(255,255,255,.20), transparent 34%),
    var(--sf-gradient-cta) !important;
}

.sf5b-hero-logo:not(.sf5b-station-logo-fallback),
.sf5b-proof-logo:not(.sf5b-station-logo-fallback),
.sf5b-mini-logo:not(.sf5b-station-logo-fallback) {
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(255,255,255,.42) !important;
}

.sf5b-mini-logo:not(.sf5b-station-logo-fallback) {
  padding: 4px !important;
}

.sf5b-hero-logo:not(.sf5b-station-logo-fallback) {
  padding: 14px !important;
}

.sf5b-proof-logo:not(.sf5b-station-logo-fallback) {
  padding: 10px !important;
}
/* StudioAirOS Publish Phase 6D Apps Branding Resolver END */


/* StudioAirOS Publish Phase 6E app logo resolver START */
.sf-publish-phase6e-logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:inherit!important;
  background:transparent!important;
}
.sf-publish-site-mark:has(.sf-publish-phase6e-logo),
.sf-publish-site-avatar:has(.sf-publish-phase6e-logo),
.sf-publish-generated-logo:has(.sf-publish-phase6e-logo),
.sf-publish-logo-mark:has(.sf-publish-phase6e-logo),
.sf-publish-preview-logo:has(.sf-publish-phase6e-logo),
.sf-publish-brand-logo:has(.sf-publish-phase6e-logo){
  padding:6px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid var(--sf-line)!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .sf-publish-site-mark:has(.sf-publish-phase6e-logo),
html[data-theme="dark"] .sf-publish-site-avatar:has(.sf-publish-phase6e-logo),
html[data-theme="dark"] .sf-publish-generated-logo:has(.sf-publish-phase6e-logo),
html[data-theme="dark"] .sf-publish-logo-mark:has(.sf-publish-phase6e-logo),
html[data-theme="dark"] .sf-publish-preview-logo:has(.sf-publish-phase6e-logo),
html[data-theme="dark"] .sf-publish-brand-logo:has(.sf-publish-phase6e-logo){
  background:rgba(255,255,255,.88)!important;
}
/* StudioAirOS Publish Phase 6E app logo resolver END */


/* StudioAirOS Publish Phase 6N AI builder app logo rendering START */
.sf5-station-logo-orb,
.sf-publish-public-artwork .sf-publish-generated-logo,
.sf-publish-public-artwork .sf-publish-public-logo-img{
  overflow:hidden!important;
  padding:0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
}
.sf5-station-logo-orb img,
.sf5-station-logo-img,
.sf-publish-public-logo-img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  display:block!important;
  padding:10px!important;
}
.sf5-station-logo-orb .sf-publish-logo-placeholder{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* StudioAirOS Publish Phase 6N AI builder app logo rendering END */


/* StudioAirOS Publish Phase 7A autosave/live no-proxy START */
.sf-publish-prompt-autosave-status[data-state="saving"]{background:var(--sf-info-bg)!important;color:var(--sf-info)!important;border-color:var(--sf-info-border)!important;}
.sf-publish-prompt-autosave-status[data-state="saved"]{background:var(--sf-success-bg)!important;color:var(--sf-success)!important;border-color:var(--sf-success-border)!important;}
.sf-publish-prompt-autosave-status[data-state="dirty"]{background:var(--sf-warning-bg)!important;color:var(--sf-warning)!important;border-color:var(--sf-warning-border)!important;}
.sf-publish-prompt-autosave-status[data-state="error"]{background:var(--sf-danger-bg)!important;color:var(--sf-danger)!important;border-color:var(--sf-danger-border)!important;}
.sf-publish-live-panel{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;margin:0 0 18px!important;background:linear-gradient(180deg,var(--sf-panel),var(--sf-bg-soft))!important;border:1px solid var(--sf-line)!important;}
.sf-publish-live-art{width:120px!important;height:120px!important;border-radius:28px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--sf-gradient-cta)!important;color:#fff!important;font-weight:950!important;}
.sf-publish-live-art img{width:100%!important;height:100%!important;object-fit:contain!important;padding:10px!important;background:rgba(255,255,255,.08)!important;}
.sf-publish-live-copy h3{margin:4px 0!important;color:var(--sf-heading)!important;}
.sf-publish-live-copy p{margin:0 0 10px!important;color:var(--sf-muted)!important;}
.sf-publish-live-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin:8px 0!important;}
.sf-publish-recently-played{margin-top:10px!important;color:var(--sf-muted)!important;font-size:13px!important;}
.sf-publish-recently-played strong{display:block!important;color:var(--sf-heading)!important;margin-bottom:6px!important;}
.sf-publish-recently-played div{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
.sf-publish-recently-played span,.sf-publish-recently-played em{display:inline-flex!important;border:1px solid var(--sf-line)!important;border-radius:999px!important;padding:6px 9px!important;background:var(--sf-bg-muted)!important;color:var(--sf-muted)!important;font-style:normal!important;}
@media(max-width:700px){.sf-publish-live-panel{grid-template-columns:1fr!important}.sf-publish-live-art{width:100%!important;max-width:180px!important;margin:auto!important}}
/* StudioAirOS Publish Phase 7A autosave/live no-proxy END */