:root{
  --cream:#fbfaf4;
  --ink:#050505;
  --muted:#5d605b;
  --green:#087d3a;
  --line:rgba(0,0,0,.13);
  --card:#ffffff;
  --black:#050605;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: "Barlow", "Segoe UI", Arial, sans-serif;
  background:var(--cream);
  color:var(--ink);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 48px)); margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(251,250,244,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.nav{
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px
}
.brand img{height:54px;width:auto}
.nav-links{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px;letter-spacing:.01em}
.nav-links a{padding:26px 0 22px;border-bottom:3px solid transparent}
.nav-links a.active,.nav-links a:hover{border-bottom-color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:14px}
.login-btn,.btn{
  border:1px solid var(--ink);border-radius:8px;padding:12px 20px;font-weight:700;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px
}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.hero{padding:86px 0 56px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:76px;align-items:center}
.hero-logo{width:min(390px,70vw);margin-bottom:42px}
.eyebrow{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.23em;color:var(--green);font-weight:700;font-size:12px;margin:0 0 16px}
.eyebrow:before{content:"";width:32px;height:3px;background:var(--green);display:inline-block}
.hero h1,.page-title{
  font-family: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  font-weight:700;
  font-size:clamp(54px,7.2vw,100px);
  line-height:.94;
  letter-spacing:-.025em;
  margin:0 0 24px;
  max-width:700px
}
.hero-copy{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px;margin:0 0 28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.hero-side{display:grid;gap:16px}
.value-card{
  padding:24px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 24px 70px rgba(0,0,0,.055)
}
.value-card.dark{background:var(--black);color:#fff}
.value-card h3{margin:0 0 8px;font-size:22px;line-height:1.15;font-weight:700}
.value-card p{margin:0;color:inherit;opacity:.72;line-height:1.4;font-size:16px}
.section{padding:72px 0;border-top:1px solid rgba(0,0,0,.08)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(38px,4.6vw,66px);line-height:.98;letter-spacing:-.02em;margin:0}
.section-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:11px;margin-bottom:10px}
.section-link{font-weight:700;font-size:14px}
.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.channel-card{
  min-height:218px;border-radius:10px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .18s ease
}
.channel-card:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(0,0,0,.12)}
.channel-card.dark{background:#050605;color:#fff}
.channel-card.light{background:#fff;color:#050505}
.channel-card.coming{background:transparent;border-style:dashed}
.channel-logo{height:78px;width:80%;object-fit:contain;margin-bottom:16px}
.channel-card h3{font-size:20px;margin:0 0 6px}
.channel-card .category{color:#79c955;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:10px}
.channel-card.light .category{color:var(--green)}
.channel-card p{font-size:14px;line-height:1.35;margin:0;color:inherit;opacity:.78}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.media-card{
  min-height:320px;border-radius:10px;overflow:hidden;position:relative;background:#111;border:1px solid var(--line);box-shadow:0 18px 56px rgba(0,0,0,.09)
}
.media-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.80))}
.media-body{position:absolute;inset:auto 0 0;padding:24px;color:#fff;z-index:2}
.media-label{display:inline-block;border-radius:5px;background:#7fc94a;color:#0b0b08;padding:6px 9px;font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-bottom:12px}
.media-body h3{font-size:34px;line-height:1.02;margin:0 0 10px;font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
.media-body p{margin:0 0 16px;color:rgba(255,255,255,.78);line-height:1.35}
.cta-band{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.cta-copy{padding:46px}
.cta-copy h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:60px;line-height:.98;letter-spacing:-.02em;margin:0 0 18px}
.cta-copy p{font-size:19px;line-height:1.45;color:var(--muted)}
.cta-art{background:#080908;display:grid;place-items:center;min-height:320px}
.cta-art img{max-width:70%;max-height:190px;object-fit:contain}
.footer{background:#050605;color:#fff;padding:56px 0 30px;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:34px}
.footer-logo{height:70px;width:auto;margin-bottom:14px}
.footer h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.footer a,.footer p{display:block;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7;margin:0 0 6px}
.page-hero{padding:70px 0 48px}
.page-hero p{font-size:20px;color:var(--muted);max-width:760px;line-height:1.45}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px}
.panel h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:42px;line-height:1.05;margin:0 0 12px}
.form-grid{display:grid;gap:14px}
.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:7px;padding:14px;font:inherit;background:#fff}
.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 74px)}
.admin-side{background:#080908;color:#fff;padding:28px}
.admin-side img{height:72px;margin-bottom:28px}
.admin-side a{display:block;padding:12px 14px;border-radius:7px;color:rgba(255,255,255,.76);font-weight:600}
.admin-side a:hover{background:rgba(255,255,255,.08);color:#fff}
.admin-main{padding:34px}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.codebox{white-space:pre-wrap;background:#0b0c0b;color:#d7ffce;border-radius:16px;padding:18px;overflow:auto;max-height:360px}
.notice{background:#f0f7ed;border:1px solid #b9d9b3;border-radius:16px;padding:18px;margin:18px 0;color:#224520}
@media(max-width:960px){
  .nav-links{display:none}
  .hero-grid,.cta-band,.split-grid,.admin-layout{grid-template-columns:1fr}
  .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid,.event-grid,.footer-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,var(--max))}
  .hero{padding-top:46px}
  .hero h1,.page-title{font-size:56px}
  .channel-grid{grid-template-columns:1fr}
  .brand img{height:44px}
}


/* v20 typography + authenticated app surface */
body{font-weight:400;letter-spacing:.002em}
h1,h2,h3,h4,strong,.btn,.login-btn,.section-link{font-synthesis:none}
p{font-weight:400}
.nav-links a{font-weight:600}
.footer h4{font-weight:700}
.footer a,.footer p{font-weight:400}
.page-hero p{line-height:1.6}
.panel p{line-height:1.6}
.input,textarea,select{font-weight:400}
.auth-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:64px;align-items:start;padding:68px 0 88px}
.auth-intro{max-width:680px}
.auth-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.02em;margin:0 0 20px}
.auth-copy{font-size:19px;line-height:1.6;color:var(--muted);max-width:620px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.06)}
.auth-card h2{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-size:38px;line-height:1;margin:0 0 8px}
.auth-meta{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 22px}
.field-label{font-size:13px;font-weight:700;margin-bottom:6px;display:block}
.auth-status{display:none;margin-top:14px;padding:12px;border-radius:7px;font-size:14px;line-height:1.45}
.auth-status.show{display:block}.auth-status.error{background:#fff1f1;border:1px solid #edb6b6;color:#7a1616}.auth-status.info{background:#eef6ec;border:1px solid #b9d9b3;color:#224520}
.app-header{background:#050605;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.app-nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.app-nav img{height:44px}
.app-user{display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,.75)}
.app-shell{min-height:calc(100vh - 70px);display:grid;grid-template-columns:240px 1fr;background:#f5f5f2}
.app-side{background:#0b0c0b;color:#fff;padding:28px 18px;border-right:1px solid rgba(255,255,255,.08)}
.app-side-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#74be55;font-weight:700;padding:0 12px 10px}
.app-side a{display:block;padding:11px 12px;margin-bottom:4px;border-radius:6px;color:rgba(255,255,255,.72);font-weight:500}
.app-side a:hover,.app-side a.active{background:rgba(255,255,255,.08);color:#fff}
.app-main{padding:42px;max-width:1200px;width:100%}
.app-title{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:56px;line-height:1;margin:0 0 10px}
.app-lead{color:var(--muted);font-size:18px;line-height:1.55;max-width:760px}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.app-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;min-height:160px}
.app-card h3{font-size:20px;margin:0 0 8px}.app-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.app-card.locked{opacity:.55}.app-card .module-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700;margin-bottom:12px}
.app-guard{min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px}.app-guard .panel{max-width:560px}
@media(max-width:960px){.auth-wrap{grid-template-columns:1fr;gap:32px}.app-shell{grid-template-columns:1fr}.app-side{display:none}.app-grid{grid-template-columns:1fr}.app-main{padding:28px 20px}}

/* v21 readability reset: clean sans typography, no condensed display faces */
body{
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-size:16px;
  line-height:1.55;
  letter-spacing:0;
}
.hero h1,.page-title,.section-title,.media-body h3,.cta-copy h2,.panel h2,.auth-title,.auth-card h2,.app-title{
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-style:normal;
  font-stretch:normal;
  font-synthesis:none;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.hero h1,.page-title{
  font-weight:700;
  font-size:clamp(44px,5.5vw,76px);
  line-height:1.06;
  max-width:860px;
  margin-bottom:24px;
}
.section-title{
  font-weight:700;
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.media-body h3{
  font-weight:700;
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.cta-copy h2{
  font-weight:700;
  font-size:clamp(38px,4.2vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
}
.panel h2{
  font-weight:700;
  font-size:36px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.auth-title{
  font-weight:700;
  font-size:clamp(42px,5vw,68px);
  line-height:1.07;
  letter-spacing:-.035em;
}
.auth-card h2{
  font-weight:700;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-.02em;
}
.app-title{
  font-weight:700;
  font-size:48px;
  line-height:1.08;
  letter-spacing:-.03em;
}
.hero-copy,.page-hero p,.auth-copy,.app-lead,.cta-copy p{
  letter-spacing:0;
}
.eyebrow,.section-kicker,.footer h4,.media-label,.channel-card .category,.table th,.app-side-label,.app-card .module-tag{
  letter-spacing:.14em;
}
.nav-links,.btn,.login-btn,.section-link,.value-card h3,.channel-card h3{
  letter-spacing:0;
}
@media(max-width:620px){
  .hero h1,.page-title{font-size:44px;line-height:1.08}
  .section-title{font-size:36px}
  .cta-copy h2{font-size:38px}
  .app-title{font-size:40px}
}


/* v22 production web client */
.auth-status.success,.form-status.success{background:#eef6ec;border:1px solid #b9d9b3;color:#224520}
.form-status{display:none;margin-top:8px;padding:12px;border-radius:7px;font-size:14px;line-height:1.45}
.form-status.show{display:block}.form-status.error{background:#fff1f1;border:1px solid #edb6b6;color:#7a1616}.form-status.info{background:#f3f3f0;border:1px solid var(--line);color:var(--muted)}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-form{max-width:880px}
.account-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 8px}
.account-strip>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 16px}
.account-strip span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}
.account-strip strong{font-size:15px}
.app-card-link{display:block;color:inherit;position:relative;padding-bottom:46px}
.app-card-link:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.07)}
.card-arrow{position:absolute;left:22px;bottom:18px;font-size:13px;font-weight:700;color:var(--green)}
.coming-label{display:block;margin-top:18px;font-size:12px;color:var(--muted);font-weight:600}
.app-side-spacer{margin-top:22px}
@media(max-width:700px){.form-two,.account-strip{grid-template-columns:1fr}}

/* v22.3 account onboarding */
.auth-links{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:2px}.auth-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.auth-links strong{font-weight:800}

/* v22.5 creator livestream */
.live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.live-status{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;font-weight:800;font-size:13px;letter-spacing:.08em}.live-status span{width:10px;height:10px;border-radius:50%;background:#777}.live-status.is-live span{background:var(--green);box-shadow:0 0 0 5px rgba(8,125,58,.12)}.live-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.live-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.live-card h2{margin:0 0 18px;font-size:24px}.live-credentials{grid-column:1/-1}.live-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:20px 0 7px;color:var(--muted)}.credential-row{display:flex;gap:9px;align-items:stretch}.credential-row code{flex:1;min-width:0;background:#f3f4f1;border:1px solid var(--line);border-radius:8px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;white-space:nowrap}.credential-row .btn{padding:10px 16px}.credential-row .btn:disabled{opacity:.45;cursor:not-allowed}.live-warning{margin-top:18px;padding:13px 15px;background:#fff8e6;border:1px solid #ead8a4;border-radius:8px;font-size:13px;line-height:1.5}.setup-steps{margin:0;padding-left:21px;color:var(--muted);line-height:1.65}.setup-steps strong{color:var(--ink)}.live-note{margin-top:18px;color:var(--muted);font-size:13px}.live-note span{padding:0 7px}@media(max-width:760px){.live-head{display:block}.live-status{margin-top:16px}.live-grid{grid-template-columns:1fr}.live-card-head{display:block}.live-card-head .btn{margin-top:12px}.credential-row{flex-wrap:wrap}.credential-row code{flex-basis:100%}}


/* v22.6 creator studio */
.studio-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}.studio-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.studio-card h2{margin:0;font-size:25px}.studio-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.studio-pill{display:inline-flex;border-radius:999px;padding:6px 10px;background:#e9f4e5;color:#2f5d28;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-pill.neutral{background:#f1f1ee;color:#555}.studio-upload-card input[type=text],.studio-upload-card input[type=url],.studio-upload-card input:not([type]),.studio-upload-card select,.studio-upload-card textarea{width:100%}.studio-file{position:relative;border:1px dashed #aeb3a8;border-radius:9px;background:#f7f7f4;padding:18px;overflow:hidden}.studio-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio-file span{font-weight:700}.studio-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.45;color:var(--muted)}.studio-check input{margin-top:3px}.studio-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.studio-help{font-size:12px;color:var(--muted)}.studio-progress{height:8px;background:#e9e9e5;border-radius:999px;overflow:hidden;margin:16px 0 8px}.studio-progress>div{height:100%;width:0;background:var(--green);transition:width .18s ease}.studio-production{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.studio-production:first-child{border-top:0;padding-top:0}.studio-production h3{margin:7px 0 5px;font-size:18px}.studio-production p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.studio-meta{display:flex;gap:7px;align-items:center;margin-top:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.studio-empty{display:grid;gap:5px;padding:30px 8px;color:var(--muted);text-align:center}.studio-empty strong{color:var(--ink)}.btn.small{padding:8px 12px;font-size:12px}@media(max-width:900px){.studio-grid{grid-template-columns:1fr}.studio-head{display:block}.studio-head>.btn{margin-top:16px}.studio-production{display:block}.studio-production>.btn{margin-top:12px}}


/* v22.7 creator batch uploader */
.studio-optional{font-weight:500;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}
.studio-help-block{margin-top:-6px;margin-bottom:16px}
.studio-dropzone{padding:24px;border-width:2px;transition:border-color .15s ease,background .15s ease}
.studio-dropzone.dragging{border-color:var(--green);background:#eff8eb}
.studio-dropzone>div{display:grid;gap:4px;pointer-events:none}
.studio-dropzone strong{font-size:15px}
.studio-dropzone span{font-size:12px;color:var(--muted)}
.studio-queue-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 9px}
.studio-file-queue{display:grid;gap:9px}
.studio-queue-empty{border:1px solid var(--line);border-radius:9px;padding:20px;text-align:center;color:var(--muted);font-size:13px;background:#fafaf8}
.studio-queue-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:9px;padding:14px;background:#fff}
.studio-queue-item.complete{border-color:#bad6af;background:#f7fbf5}
.studio-queue-item.failed{border-color:#dfb8b8;background:#fff8f8}
.studio-queue-item.uploading,.studio-queue-item.submitting,.studio-queue-item.preparing{border-color:#cdd8c8;background:#fbfdf9}
.studio-queue-main{min-width:0;flex:1}
.studio-queue-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:8px}
.studio-queue-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.studio-queue-top span{white-space:nowrap;color:var(--muted);font-size:11px}
.studio-queue-title{width:100%;padding:9px 10px!important;font-size:13px!important;margin:0!important}
.studio-queue-meta{display:flex;gap:6px;align-items:center;margin-top:7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.studio-file-progress{height:5px;background:#e8e9e5;border-radius:999px;overflow:hidden;margin-top:9px}
.studio-file-progress>div{height:100%;background:var(--green);transition:width .15s ease}
.studio-queue-error{margin-top:8px;color:#9b2727;font-size:12px;font-weight:700}
@media(max-width:640px){
  .studio-queue-item{display:block}
  .studio-queue-item>.btn{margin-top:10px}
  .studio-queue-top{align-items:flex-start}
}


/* v22.8 module-driven account navigation */
.app-side .app-side-request,
.app-side .app-side-disabled{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  box-sizing:border-box;
  border:0;
  border-radius:7px;
  padding:10px 12px;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  text-decoration:none;
}
.app-side .app-side-request{cursor:pointer}
.app-side .app-side-request:hover{background:rgba(255,255,255,.06)}
.app-side .app-side-request small,
.app-side .app-side-disabled small{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  opacity:.65;
}
.app-side .app-side-request.pending{cursor:default;opacity:.72}
.app-side .app-side-disabled{opacity:.62}
.app-side .app-side-request.active,
.app-side .app-side-disabled.active{background:rgba(255,255,255,.08)}
.app-card-locked{border-style:dashed}
.app-card-locked.pending{opacity:.8}
.app-card-locked .btn{margin-top:14px}
.module-access-panel .btn{margin-right:8px;margin-top:10px}

/* v22.17 Network Content Manager */
.network-content-manager{margin:0 0 26px;background:#fff;border:1px solid #deded8;border-radius:18px;padding:22px}
.network-manager-bar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.network-manager-bar h2{margin:4px 0 4px;font-size:28px}.network-manager-bar p{margin:0;color:#666}
.content-manager-layout{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);gap:18px;min-height:560px}
.content-tree-pane,.content-editor-pane{border:1px solid #e2e2dc;border-radius:14px;background:#fafaf7;overflow:auto}
.content-tree-pane{padding:14px;max-height:720px}.content-editor-pane{padding:18px;background:#fff}
.content-tree-head{display:grid;gap:2px;padding:4px 4px 12px;border-bottom:1px solid #e3e3dd;margin-bottom:10px}
.content-tree-channel,.content-tree-series{border-left:2px solid #ddd;padding-left:8px;margin:8px 0}
.content-tree-channel>summary,.content-tree-series>summary{cursor:pointer;padding:7px 5px}
.content-tree-channel>summary{display:flex;justify-content:space-between;gap:10px}
.content-tree-season{margin:6px 0 8px 8px;padding:6px;border-radius:10px}
.content-tree-season-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:5px}
.content-tree-list{display:grid;gap:4px}
.content-tree-item{width:100%;border:0;background:transparent;text-align:left;padding:7px 8px;border-radius:8px;display:flex;justify-content:space-between;gap:8px;cursor:pointer}
.content-tree-item:hover,.content-tree-item.is-selected{background:#eaf4e7}.content-tree-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-tree-item small{color:#7a7a74;white-space:nowrap}
.content-tree-empty{font-size:12px;color:#999;padding:8px}.is-drop-target{outline:2px dashed #2f7d50;background:#eef8ef}
.content-editor-empty{min-height:420px;display:grid;place-content:center;text-align:center;color:#777}
.content-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.content-editor-head h3{margin:8px 0 4px;font-size:24px}
.content-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.content-editor-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.content-editor-grid input,.content-editor-grid select,.content-editor-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cfcfc9;border-radius:9px;padding:10px;background:#fff;font:inherit;text-transform:none;letter-spacing:normal}
.content-editor-grid .span-2{grid-column:1/-1}.content-editor-grid .check-row{display:flex;align-items:center;text-transform:none;letter-spacing:normal;font-weight:600}.content-editor-grid .check-row input{width:auto}
@media(max-width:900px){.content-manager-layout{grid-template-columns:1fr}.content-tree-pane{max-height:440px}.content-editor-grid{grid-template-columns:1fr}.content-editor-grid .span-2{grid-column:auto}}


/* =========================================================
   v22.18 STNR Production Suite — Light Operator Experience
   ========================================================= */
body.studio-pamper{
  background:
    radial-gradient(circle at 20% -10%,rgba(85,173,122,.11),transparent 34rem),
    radial-gradient(circle at 92% 4%,rgba(87,150,215,.10),transparent 28rem),
    #f5f7f4;
  color:#151b18;
}
body.studio-pamper .app-header{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid #dce4dc;
  box-shadow:0 8px 28px rgba(22,42,30,.05);
}
body.studio-pamper .app-header img{height:30px}
body.studio-pamper .app-header .app-user{color:#25332b}
body.studio-pamper .app-shell{background:transparent}
body.studio-pamper .app-main{padding:26px 30px 50px;max-width:none}
body.studio-pamper .studio-head{
  background:linear-gradient(135deg,#ffffff 0%,#f6fbf6 58%,#edf5fb 100%);
  border:1px solid #dce4dc;
  border-radius:20px;
  padding:26px 28px;
  box-shadow:0 14px 40px rgba(26,49,34,.06);
  margin-bottom:22px;
}
body.studio-pamper .studio-head .app-title{font-size:40px}
body.studio-pamper .studio-head .app-lead{max-width:860px}

/* Existing global module sidebar, lightened for long operator sessions */
body.studio-pamper .app-side{
  background:#ffffff;
  color:#26342b;
  border-right:1px solid #dfe5df;
  box-shadow:8px 0 30px rgba(25,42,31,.035);
}
body.studio-pamper .app-side a,
body.studio-pamper .app-side button,
body.studio-pamper .app-side .app-side-disabled{color:#334039}
body.studio-pamper .app-side a:hover,
body.studio-pamper .app-side button:hover{background:#f1f6f0}
body.studio-pamper .app-side .active,
body.studio-pamper .app-side .app-side-request.active,
body.studio-pamper .app-side .app-side-disabled.active{
  background:#eaf5e8!important;color:#164f2f!important;
  box-shadow:inset 3px 0 #1f874f;
}
body.studio-pamper .app-side-label{color:#43825f}

/* Hide the old admin submission cards visually underneath the production suite.
   They remain in DOM for upload workflow and compatibility, but manager becomes primary. */
body.studio-pamper [data-network-manager] + .studio-grid{
  margin-top:22px;
}
body.studio-pamper .studio-card{
  border-radius:18px;border-color:#dfe5df;
  box-shadow:0 10px 28px rgba(28,48,34,.045)
}

.suite-shell{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:0!important;
  padding:0!important;
  overflow:hidden;
  border-radius:24px!important;
  border:1px solid #d7e0d8!important;
  background:#edf2ee!important;
  box-shadow:0 24px 70px rgba(29,54,38,.10);
}
.suite-rail{
  min-height:900px;
  background:linear-gradient(180deg,#fbfcfb,#f4f7f4);
  border-right:1px solid #d8e1d9;
  padding:20px 14px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.suite-rail-brand{padding:8px 10px 22px;display:grid;gap:2px}
.suite-rail-mark{font-size:24px;font-weight:900;letter-spacing:-.06em;color:#14231a}
.suite-rail-brand small{text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#6c7c71;font-weight:800}
.suite-rail-link{
  appearance:none;border:0;background:transparent;
  display:flex;align-items:center;gap:10px;width:100%;
  padding:11px 12px;border-radius:11px;text-decoration:none;
  color:#47554c;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:left;
}
.suite-rail-link span{width:20px;text-align:center;color:#718078}
.suite-rail-link:hover{background:#eef4ef;color:#1c4d31}
.suite-rail-link.is-active{
  background:#e3f2e5;color:#14613a;
  box-shadow:inset 3px 0 #21824e;
}
.suite-rail-link.is-active span{color:#21824e}
.suite-rail-sep{height:1px;background:#dde4de;margin:8px 4px}
.suite-rail-status{
  margin-top:auto;border:1px solid #d9e4da;border-radius:14px;
  padding:13px;background:#fff;display:flex;align-items:center;gap:9px
}
.suite-rail-status strong{font-size:12px;display:block}.suite-rail-status small{font-size:10px;color:#748178}
.suite-status-dot{width:9px;height:9px;border-radius:50%;background:#20a55d;box-shadow:0 0 0 5px rgba(32,165,93,.11)}

.suite-workspace{min-width:0;padding:24px;background:#f7f9f7}
.suite-topbar{
  display:flex;justify-content:space-between;gap:22px;align-items:flex-start;
  margin-bottom:18px;padding:6px 2px 2px
}
.suite-kicker,.suite-label{
  color:#21824e;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase
}
.suite-topbar h2{margin:5px 0 5px;font-size:32px;letter-spacing:-.035em}
.suite-topbar p{margin:0;color:#68766d;font-size:13px}
.suite-top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.suite-env{
  border:1px solid #cfe0d2;background:#fff;border-radius:999px;padding:9px 12px;
  font-size:10px;font-weight:900;color:#42604e;letter-spacing:.05em
}
.suite-env i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22a75d;margin-right:7px}

.suite-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.suite-stat{
  background:#fff;border:1px solid #dce4dc;border-radius:16px;padding:16px 17px;
  box-shadow:0 7px 22px rgba(28,49,34,.035);position:relative;overflow:hidden
}
.suite-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#65ad7d}
.suite-stat:nth-child(2):before{background:#e76d4e}.suite-stat:nth-child(3):before{background:#d1a334}.suite-stat:nth-child(4):before{background:#6b9dcb}
.suite-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6d7b71;font-weight:800}
.suite-stat strong{display:block;font-size:28px;line-height:1.1;margin:7px 0 2px}.suite-stat small{color:#7b877f;font-size:10px}

.suite-panel{
  background:#fff;border:1px solid #dae3db;border-radius:18px;
  box-shadow:0 10px 30px rgba(26,47,32,.045);margin-bottom:16px;overflow:hidden
}
.suite-panel-head{
  display:flex;justify-content:space-between;gap:18px;align-items:center;
  padding:17px 19px;border-bottom:1px solid #e5eae6
}
.suite-panel-head h3{margin:3px 0 0;font-size:19px}.suite-panel-head>small{color:#849087;font-size:11px}

.suite-channel-strip{
  display:flex;gap:10px;padding:14px 16px 17px;overflow-x:auto;scrollbar-width:thin;
}
.suite-channel-card{
  min-width:220px;max-width:220px;border:1px solid #dce4dd;border-radius:14px;
  background:linear-gradient(150deg,#fff,#f7faf7);
  padding:13px;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;
  position:relative;cursor:pointer;transition:.16s ease;
}
.suite-channel-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(33,67,44,.08);border-color:#b9d2bf}
.suite-channel-card.is-active{border-color:#5ca774;background:linear-gradient(145deg,#f3fbf4,#eef7f1);box-shadow:0 0 0 2px rgba(59,143,86,.09)}
.suite-channel-icon{
  width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#234a34,#4a8d63);
  display:grid;place-items:center;color:white;font-size:12px;font-weight:900;letter-spacing:.04em
}
.suite-channel-icon-all{background:linear-gradient(145deg,#18261e,#2b5e3d)}
.suite-channel-copy{min-width:0}.suite-channel-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 5px}
.suite-channel-copy span{display:block;font-size:10px;color:#79857d}
.suite-channel-state{grid-column:1/-1;font-size:9px;font-weight:900;color:#728078;letter-spacing:.08em;margin-top:3px}
.suite-channel-state.is-live{color:#c84f36}.suite-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e35c41;margin-right:5px;box-shadow:0 0 0 4px rgba(227,92,65,.11)}

.suite-manager-panel{overflow:visible}
.suite-toolbar{display:flex;gap:8px}
.suite-chip{border:1px solid #d5dfd6;background:#f7faf7;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;color:#526158;cursor:pointer}
.suite-chip:hover{background:#edf5ee}

.suite-shell .content-manager-layout{
  grid-template-columns:minmax(330px,38%) minmax(0,1fr);
  min-height:650px;gap:0;
}
.suite-shell .content-tree-pane{
  border:0;border-right:1px solid #e1e7e2;border-radius:0;background:#fbfcfb;padding:16px;max-height:760px
}
.suite-shell .content-editor-pane{border:0;border-radius:0;padding:22px;background:#fff}
.suite-shell .content-tree-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:2px 3px 14px;margin-bottom:9px
}
.suite-shell .content-tree-head>div{display:grid;gap:2px}.suite-shell .content-tree-head strong{font-size:14px}.suite-shell .content-tree-head span{font-size:10px;color:#7d8981}
.suite-drag-hint{background:#edf4ee;border-radius:999px;padding:5px 8px!important;font-size:9px!important;font-weight:800;color:#52725d!important}

.suite-shell .content-tree-channel{
  border-left:0;padding-left:0;margin:8px 0;border:1px solid #e2e8e3;border-radius:12px;background:#fff;overflow:hidden
}
.suite-shell .content-tree-channel>summary{
  padding:10px 11px;background:#f7faf7;border-bottom:1px solid #edf0ed;
  list-style:none
}
.suite-shell .content-tree-channel>summary::-webkit-details-marker{display:none}
.suite-shell .content-tree-channel>summary strong{font-size:13px}.suite-shell .content-tree-channel>summary small{font-size:9px;background:#eaf1eb;color:#627269;padding:4px 6px;border-radius:999px}
.suite-shell .content-tree-series{
  border-left:0;margin:8px;padding-left:0;background:#fbfcfb;border:1px solid #e7ece8;border-radius:9px;overflow:hidden
}
.suite-shell .content-tree-series>summary{
  padding:8px 10px;font-size:11px;font-weight:900;color:#334b3b;background:#f4f7f4
}
.suite-shell .content-tree-season{margin:7px;padding:6px;background:#fff;border:1px solid #edf0ed}
.suite-shell .content-tree-item{
  background:#fff;border:1px solid transparent;padding:8px 9px;
}
.suite-shell .content-tree-item:hover{background:#f0f7f1;border-color:#dce9de}
.suite-shell .content-tree-item.is-selected{background:#e5f3e8;border-color:#bdd9c4;color:#164d2d}
.suite-shell .content-tree-item small{font-size:8px;text-transform:uppercase;letter-spacing:.05em}
.suite-shell .is-drop-target{outline:2px dashed #55a56e;background:#edf8ef!important}

.suite-shell .content-editor-empty{
  min-height:590px;border:2px dashed #e2e8e3;border-radius:16px;background:linear-gradient(145deg,#fbfcfb,#f5f8f5)
}
.suite-shell .content-editor-empty strong{font-size:20px;color:#405047}
.suite-shell .content-editor-head{
  padding-bottom:18px;border-bottom:1px solid #e5eae6;margin-bottom:18px
}
.suite-shell .content-editor-head h3{font-size:26px;letter-spacing:-.025em}
.suite-shell .content-editor-grid{
  background:#fafcfb;border:1px solid #e3e9e4;border-radius:15px;padding:16px;gap:13px
}
.suite-shell .content-editor-grid label{font-size:10px;color:#59685e}
.suite-shell .content-editor-grid input,
.suite-shell .content-editor-grid select,
.suite-shell .content-editor-grid textarea{
  border-color:#d9e1da;border-radius:10px;padding:11px;background:#fff;box-shadow:inset 0 1px 2px rgba(30,47,35,.025)
}
.suite-shell .content-editor-grid input:focus,
.suite-shell .content-editor-grid select:focus,
.suite-shell .content-editor-grid textarea:focus{
  outline:3px solid rgba(43,139,79,.10);border-color:#67a97d
}
.suite-shell .studio-actions{
  border-top:1px solid #e5eae6;padding-top:15px
}
.suite-shell .btn{border-radius:10px}

@media(max-width:1050px){
  .suite-shell{grid-template-columns:1fr}
  .suite-rail{min-height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;border-right:0;border-bottom:1px solid #d8e1d9}
  .suite-rail-brand,.suite-rail-status,.suite-rail-sep{display:none}
  .suite-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body.studio-pamper .app-main{padding:16px}
  .suite-workspace{padding:14px}
  .suite-topbar{display:block}.suite-top-actions{justify-content:flex-start;margin-top:13px}
  .suite-stat-grid{grid-template-columns:1fr 1fr}
  .suite-shell .content-manager-layout{grid-template-columns:1fr}
  .suite-shell .content-tree-pane{border-right:0;border-bottom:1px solid #e1e7e2;max-height:450px}
}


/* v22.22 Live Routing Desk */
.live-admin-suite{display:grid;gap:16px}
.live-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.live-admin-stats>div{background:#fff;border:1px solid #dce5dd;border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px rgba(26,49,34,.04);position:relative;overflow:hidden}
.live-admin-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#59a676}
.live-admin-stats>div:nth-child(2):before{background:#eb6b4c}.live-admin-stats>div:nth-child(3):before{background:#6f9dcc}.live-admin-stats>div:nth-child(4):before{background:#d3a63a}
.live-admin-stats span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#708077}
.live-admin-stats strong{display:block;font-size:30px;margin:7px 0 2px}.live-admin-stats small{font-size:10px;color:#7b8880}
.route-panel{background:#fff;border:1px solid #dce4dd;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(26,49,34,.05)}
.route-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border-bottom:1px solid #e5eae6}
.route-panel-head h2{margin:3px 0 0}.route-panel-head p{margin:0;color:#7b877f;font-size:12px}
.route-list{display:grid;gap:12px;padding:16px;background:#f7f9f7}
.route-card{background:#fff;border:1px solid #dfe6e0;border-radius:16px;padding:16px 17px;box-shadow:0 7px 22px rgba(29,51,35,.035)}
.route-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.route-person{display:flex;gap:12px;align-items:center}
.route-avatar{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#1e5235,#66a87c);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}
.route-person h3{margin:3px 0 2px;font-size:17px}.route-person p{margin:0;color:#7b8780;font-size:11px}
.route-current{margin:13px 0;background:linear-gradient(140deg,#f4f9f5,#f7fafc);border:1px solid #e0e9e2;border-radius:12px;padding:11px 13px}
.route-current span,.route-current small{display:block;color:#76827a;font-size:10px}.route-current strong{display:block;margin:3px 0;font-size:13px}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.route-grid label{display:grid;gap:5px}.route-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#64736a}
.route-grid select{width:100%;border:1px solid #d7e0d8;background:#fff;border-radius:9px;padding:10px;font:inherit;font-size:12px}
.route-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid #e6ebe7}
.route-actions code{font-size:10px;color:#7b877f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-note{display:flex;gap:10px;align-items:center;background:#eef7f0;border:1px solid #d4e7d8;color:#355c43;border-radius:14px;padding:13px 16px;font-size:12px}.route-note span{color:#5c7565}
.creator-route-banner{display:flex;align-items:center;gap:12px;background:#eef7f0;border:1px solid #d6e7d9;border-radius:14px;padding:12px 15px;margin:0 0 15px}.creator-route-banner span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6b7d70;font-weight:900}.creator-route-banner strong{font-size:13px}.creator-route-banner small{margin-left:auto;color:#6e7b73}
@media(max-width:1000px){.live-admin-stats{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.live-admin-stats,.route-grid{grid-template-columns:1fr}.route-card-top,.route-actions,.route-note{align-items:flex-start;flex-direction:column}.route-actions code{max-width:100%}}

/* =========================================================
   STNR.TV v22.28 Network Publishing Workspace
   ========================================================= */
.network-publishing-active .studio-head,
.network-publishing-active .studio-grid{display:none!important}
.network-publishing-active .app-main{padding:0!important;background:#f4f7f4;min-width:0}
.np-shell{min-height:calc(100vh - 78px);background:#f4f7f4;color:#132218}
.np-workspace{padding:22px;min-width:0}
.np-topbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:14px}
.np-topbar h2{font-size:31px;letter-spacing:-.035em;margin:4px 0}
.np-topbar p{margin:0;color:#69766d;font-size:13px}
.np-tabs{display:flex;gap:4px;background:#e7ece8;border:1px solid #d8dfd9;padding:4px;border-radius:12px;margin:14px 0}
.np-tab{appearance:none;border:0;background:transparent;padding:10px 16px;border-radius:8px;font-weight:850;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#637068;cursor:pointer}
.np-tab:hover{background:#f4f7f4;color:#24432f}.np-tab.is-active{background:#fff;color:#165b34;box-shadow:0 1px 4px rgba(25,55,35,.12)}
.np-view{min-width:0}.np-notice{padding:9px 12px;margin:0 0 10px;border:1px solid #cfe0d2;background:#edf7ef;border-radius:9px;color:#31553c;font-size:11px;font-weight:700}
.np-three-pane{display:grid;grid-template-columns:minmax(220px,24%) minmax(320px,34%) minmax(380px,42%);min-height:720px;max-height:calc(100vh - 285px);border:1px solid #dce3dd;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 5px 20px rgba(31,60,40,.06)}
.np-nav-pane,.np-work-pane,.np-inspector{min-width:0;overflow:auto;background:#fff}
.np-nav-pane{border-right:1px solid #e0e6e1;background:#f8faf8}.np-work-pane{border-right:1px solid #e0e6e1}.np-inspector{background:#fff}
.np-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #e6ebe7;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);z-index:5}
.np-nav-pane .np-pane-head{background:rgba(248,250,248,.97)}
.np-pane-head span,.np-queue-block>span,.np-tree-title>span,.np-workflow>span,.np-rules-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#668071}
.np-pane-head h3{margin:3px 0;font-size:18px}.np-pane-head small{color:#7c887f;font-size:10px}.np-icon-btn{border:1px solid #d8e1d9;background:#fff;border-radius:8px;padding:5px 8px;cursor:pointer}
.np-nav-search{padding:12px 13px}.np-nav-search input,.np-work-tools input{width:100%;border:1px solid #d8e1d9;border-radius:9px;padding:9px 10px;font-size:11px;background:#fff}
.np-queue-block{padding:2px 10px 12px;border-bottom:1px solid #e4e9e5}.np-queue-block>span{display:block;padding:6px 4px}
.np-queue-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;border-radius:8px;padding:7px 8px;color:#44534a;font-size:11px;cursor:pointer;text-align:left}
.np-queue-link strong{background:#e8eee9;padding:2px 6px;border-radius:999px;font-size:9px}.np-queue-link:hover{background:#edf3ee}.np-queue-link.is-active{background:#dff0e3;color:#145832;font-weight:800}.np-queue-link.is-active strong{background:#fff}
.np-tree-block{padding:10px}.np-tree-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.np-text-btn{border:0;background:transparent;color:#23824e;font-size:10px;font-weight:850;cursor:pointer;padding:4px}.np-text-btn:hover{text-decoration:underline}
.np-tree-channel,.np-tree-series{border:1px solid #e0e6e1;border-radius:8px;background:#fff;margin-bottom:6px;overflow:hidden}.np-tree-channel>summary,.np-tree-series>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;cursor:pointer;list-style:none;font-size:11px;font-weight:800}.np-tree-channel>summary::-webkit-details-marker,.np-tree-series>summary::-webkit-details-marker{display:none}.np-tree-channel>summary b,.np-tree-series>summary b{font-size:8px;background:#edf2ee;color:#6d7b71;padding:3px 6px;border-radius:999px}.np-tree-series{margin:6px;border-color:#edf0ed}.np-tree-series>summary{font-size:10px;background:#fafcfb}.np-tree-filter{border:0;background:#f5f8f6;color:#53625a;font-size:9px;padding:5px 9px;width:100%;text-align:left;cursor:pointer}.np-tree-filter:hover{color:#17603a}.np-tree-drop{margin:6px;padding:7px;border:1px dashed #d8e1d9;border-radius:6px;color:#819087;font-size:9px}.np-tree-season{padding:5px 8px;border-top:1px solid #edf0ed}.np-tree-season-label{font-size:9px;color:#647268;font-weight:800}.np-empty-mini{font-size:10px;color:#7c887f;padding:12px}
.np-work-tools{display:grid;grid-template-columns:1fr 112px;gap:8px;padding:10px 12px;border-bottom:1px solid #edf0ed;position:sticky;top:78px;background:#fff;z-index:4}.np-work-tools select{border:1px solid #d8e1d9;border-radius:9px;padding:8px;font-size:10px;background:#fff}
.np-work-list{padding:5px 0}.np-work-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #eff2ef;cursor:grab}.np-work-row:hover{background:#f6faf7}.np-work-row.is-selected{background:#eaf6ed;box-shadow:inset 3px 0 #2c9357}.np-work-row input{margin:0}.np-work-main{border:0;background:transparent;text-align:left;padding:0;min-width:0;cursor:pointer}.np-work-main strong,.np-work-main span,.np-work-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-work-main strong{font-size:12px;color:#1c2b21}.np-work-main span{font-size:9px;color:#65746a;margin-top:3px}.np-work-main small{font-size:9px;color:#8a958e;margin-top:2px}
.np-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#edf1ee;color:#657269}.np-status-production,.np-status-compliance{background:#fff0d5;color:#8b6519}.np-status-processing{background:#e8effc;color:#355d98}.np-status-approved{background:#e6f4ea;color:#21633a}.np-status-published{background:#dff2e5;color:#145b31}.np-status-held{background:#fbe7e4;color:#914233}
.np-load-more{display:block;width:calc(100% - 24px);margin:12px;border:1px solid #dbe4dc;background:#f7faf7;border-radius:9px;padding:9px;font-size:10px;font-weight:800;cursor:pointer}.np-load-more small{display:block;color:#879189;font-weight:500;margin-top:2px}
.np-empty{padding:35px 20px;text-align:center;color:#718077}.np-empty strong,.np-empty span{display:block}.np-empty strong{color:#425047;font-size:13px}.np-empty span{font-size:10px;margin-top:5px}
.np-bulk-bar{display:grid;grid-template-columns:auto minmax(110px,1fr) minmax(100px,1fr) 90px auto auto;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #d9e7dc;background:#eef8f0;position:sticky;top:126px;z-index:3}.np-bulk-bar strong{font-size:9px}.np-bulk-bar select,.np-bulk-bar input{min-width:0;border:1px solid #d3dfd5;border-radius:6px;padding:6px;font-size:9px;background:#fff}
.np-inspector-head{position:sticky;top:0}.np-inspector-head h3{max-width:420px}.np-media-strip{padding:10px 16px;background:#17271d}.np-media-strip a{color:#d9f4e1;font-size:10px;font-weight:800;text-decoration:none}.np-suggestion{margin:12px 15px 0;border:1px solid #cbe0d0;background:#f0f8f2;border-radius:10px;padding:10px 12px}.np-suggestion>div{display:flex;justify-content:space-between}.np-suggestion span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#4d7b5c}.np-suggestion strong{font-size:9px}.np-suggestion p{font-size:10px;color:#53645a;margin:6px 0 2px}
.np-inspector-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.np-inspector-form label{display:grid;gap:4px;font-size:9px;color:#59685e;font-weight:800}.np-inspector-form label>span{letter-spacing:.04em;text-transform:uppercase}.np-inspector-form input,.np-inspector-form select,.np-inspector-form textarea{width:100%;border:1px solid #d5ded7;border-radius:8px;padding:8px 9px;font:inherit;font-size:11px;background:#fff;color:#18241c}.np-inspector-form textarea{resize:vertical}.np-inspector-form .span-2{grid-column:1/-1}.np-inspector-actions{display:flex;gap:7px;border-top:1px solid #edf0ed;padding-top:12px}.np-workflow{padding:0 15px 18px}.np-workflow>span{display:block;border-top:1px solid #e8ece9;padding-top:13px;margin-bottom:8px}.np-workflow-actions{display:flex;gap:6px;flex-wrap:wrap}.np-inspector-empty{padding:90px 35px;text-align:center;color:#738078}.np-empty-icon{font-size:36px;color:#aec0b2}.np-inspector-empty strong{display:block;color:#3f5045;font-size:18px;margin-top:12px}.np-inspector-empty p{font-size:11px;line-height:1.6;max-width:300px;margin:7px auto}
.np-pipeline{display:grid;gap:12px}.np-stage-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.np-stage-card{border:1px solid #dce4dd;background:#fff;border-radius:11px;padding:12px;text-align:left;cursor:pointer;box-shadow:0 2px 8px rgba(28,58,37,.03)}.np-stage-card:hover,.np-stage-card.is-active{border-color:#75ad83;background:#f2faf4}.np-stage-card span,.np-stage-card strong,.np-stage-card small{display:block}.np-stage-card span{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#64736a}.np-stage-card strong{font-size:26px;margin:4px 0}.np-stage-card small{font-size:8px;color:#869188}.np-pipeline-work{display:grid;grid-template-columns:minmax(420px,45%) minmax(440px,55%);height:calc(100vh - 465px);min-height:560px;border:1px solid #dce3dd;border-radius:14px;overflow:hidden;background:#fff}.np-pipeline-work .np-work-pane{border-right:1px solid #e0e6e1}
.np-rules{background:#fff;border:1px solid #dce3dd;border-radius:14px;padding:18px}.np-rules-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e6ebe7;padding-bottom:16px}.np-rules-head h3{font-size:21px;margin:3px 0}.np-rules-head p{font-size:11px;color:#6e7c72;margin:0}.np-api-note{max-width:360px;border:1px solid #eadbb4;background:#fff8e9;border-radius:10px;padding:10px 12px}.np-api-note strong,.np-api-note span{display:block}.np-api-note strong{font-size:10px;color:#735b1d}.np-api-note span{font-size:9px;color:#7d6c3e;margin-top:3px;line-height:1.4}.np-creator-list{display:grid;gap:12px;margin-top:15px}.np-creator-card{border:1px solid #e0e6e1;border-radius:10px;overflow:hidden}.np-creator-card>header{display:flex;justify-content:space-between;padding:10px 12px;background:#f8faf8}.np-creator-card>header strong,.np-creator-card>header small{display:block}.np-creator-card>header strong{font-size:12px}.np-creator-card>header small{font-size:9px;color:#77847a}.np-creator-card>header>span{font-size:8px;font-weight:900;color:#53715e}.np-rule-matrix{padding:8px}.np-rule-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:5px;align-items:center;padding:5px}.np-rule-row strong,.np-rule-row b{font-size:9px}.np-rule-row button{border:1px solid #d8e1da;border-radius:5px;background:#f3f6f4;font-size:8px;padding:5px;color:#728078}.np-rule-head{color:#829087;text-transform:uppercase;letter-spacing:.04em}
.np-shell .is-drop-target{outline:2px dashed #4a9d63;background:#edf8ef!important}
@media(max-width:1280px){.np-three-pane{grid-template-columns:220px minmax(310px,38%) minmax(380px,1fr)}.np-stage-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.np-workspace{padding:12px}.np-topbar{display:block}.np-three-pane{display:block;max-height:none}.np-nav-pane,.np-work-pane,.np-inspector{max-height:none;border-right:0;border-bottom:1px solid #e0e6e1}.np-pipeline-work{display:block;height:auto}.np-stage-grid{grid-template-columns:repeat(2,1fr)}.np-rules-head{display:block}.np-api-note{margin-top:10px}.np-bulk-bar{grid-template-columns:1fr 1fr}.np-inspector-form{grid-template-columns:1fr}.np-inspector-form .span-2{grid-column:auto}}

/* v22.29 Network Publishing: queue-first adaptive workspace */
.np-three-pane{grid-template-columns:260px minmax(0,1fr);}
.np-three-pane.has-inspector{grid-template-columns:250px minmax(460px,1fr) minmax(390px,38%);}
.np-three-pane:not(.has-inspector) .np-work-pane{border-right:0;}
.np-three-pane.has-inspector .np-work-pane{border-right:1px solid #e0e6e1;}
.np-nav-pane{width:auto;}
.np-work-tools{grid-template-columns:minmax(280px,1fr) 160px;}
.np-work-row{grid-template-columns:30px minmax(0,1fr) 100px;padding:12px 14px;gap:10px;}
.np-work-main strong{font-size:13px;}
.np-work-main span{font-size:10px;}
.np-work-main small{font-size:9px;}
.np-bulk-bar{position:sticky;top:82px;z-index:7;box-shadow:0 6px 14px rgba(25,55,34,.08);}
.np-inspector-head-actions{display:flex;align-items:center;gap:8px;}
.np-close-inspector{width:30px;height:30px;border:1px solid #d7dfd8;border-radius:8px;background:#fff;color:#34443a;font-size:20px;line-height:1;cursor:pointer;}
.np-close-inspector:hover{background:#f2f7f3;border-color:#9fbaA6;}
@media(min-width:1500px){.np-three-pane.has-inspector{grid-template-columns:260px minmax(600px,1fr) minmax(420px,35%);}}
@media(max-width:1280px){.np-three-pane{grid-template-columns:220px minmax(0,1fr)}.np-three-pane.has-inspector{grid-template-columns:220px minmax(390px,1fr) minmax(360px,40%);}}
@media(max-width:980px){.np-three-pane,.np-three-pane.has-inspector{display:block}.np-inspector{border-top:1px solid #e0e6e1}}


/* v22.30 Network Publishing: interaction + scrolling hardening */
.np-three-pane{
  height:clamp(480px,calc(100dvh - 300px),900px);
  min-height:480px;
  max-height:none;
  overflow:hidden;
  align-items:stretch;
}
.np-nav-pane,.np-work-pane,.np-inspector{
  height:100%;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.np-work-pane{display:block;position:relative;}
.np-work-row{cursor:pointer;user-select:none;}
.np-work-row:focus{outline:2px solid #2c9357;outline-offset:-2px;background:#f1f8f3;}
.np-work-row input{cursor:pointer;}
.np-row-tail{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:150px;}
.np-row-open{width:28px;height:28px;border:1px solid #d9e2da;border-radius:7px;background:#fff;color:#285d3a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;}
.np-row-open:hover{background:#eaf6ed;border-color:#9cc8a8;}
.np-drag-handle{font-size:14px;color:#86958b;cursor:grab;padding:5px 2px;letter-spacing:-2px;}
.np-drag-handle:active{cursor:grabbing;}
.np-workflow-primary{position:sticky;top:78px;z-index:4;margin:0;padding:12px 16px;border-bottom:1px solid #dce6de;background:#f1f8f3;box-shadow:0 4px 12px rgba(24,62,35,.05);}
.np-workflow-primary>span{display:block;margin-bottom:8px;color:#4a7056;}
.np-workflow-primary .studio-actions{margin-top:0!important;}
.np-workflow-primary .btn{margin:0 6px 6px 0;}
.np-inspector-form{padding-bottom:80px;}
@media(max-width:980px){
  .np-three-pane,.np-three-pane.has-inspector{height:auto;min-height:0;overflow:visible;}
  .np-nav-pane,.np-work-pane,.np-inspector{height:auto;max-height:70vh;overflow-y:auto;}
  .np-workflow-primary{top:0;}
}

/* =========================================================
   STNR.TV v22.31 Network Publishing: nav rail + overlay inspector
   ========================================================= */
.np-three-pane{
  display:grid;
  grid-template-columns:240px minmax(0,1fr)!important;
  width:100%;
  height:clamp(520px,calc(100dvh - 285px),920px);
  min-height:520px;
  max-height:none;
  overflow:hidden;
  position:relative;
}
.np-three-pane.has-inspector{grid-template-columns:240px minmax(0,1fr)!important;}
.np-nav-pane{width:240px!important;min-width:0;border-right:1px solid #e0e6e1!important;overflow-y:auto!important;}
.np-work-pane{min-width:0!important;width:auto!important;border-right:0!important;overflow-y:auto!important;}
.np-nav-search{padding:12px 12px 6px;position:sticky;top:78px;background:#f8faf8;z-index:4;}
.np-queue-block{padding:8px 10px 12px;}
.np-library-nav{padding:12px 10px 16px;border-top:1px solid #e4e9e5;}
.np-library-nav>span{display:block;padding:0 4px 6px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#668071;}
.np-library-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;border-radius:8px;padding:9px 8px;color:#33463a;font-size:11px;font-weight:750;text-align:left;cursor:pointer;}
.np-library-link:hover,.np-library-link.is-active{background:#e8f3eb;color:#145832;}
.np-library-link b{font-size:16px;font-weight:500;color:#789083;}
.np-pane-head-actions{display:flex;align-items:center;gap:8px;}
.np-library-browser{background:#fff;}
.np-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:14px;align-content:start;}
.np-library-card{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #dfe6e0;background:#fff;border-radius:10px;padding:14px 15px;cursor:pointer;min-height:72px;}
.np-library-card:hover{background:#f2f8f4;border-color:#9bc2a5;box-shadow:0 3px 10px rgba(32,72,44,.06);}
.np-library-card strong,.np-library-card small{display:block;}
.np-library-card strong{font-size:13px;color:#17291e;}
.np-library-card small{font-size:9px;color:#77857b;margin-top:4px;}
.np-library-card>span{font-size:10px;color:#277345;font-weight:800;white-space:nowrap;}
.np-tree-block{display:none!important;}

/* Drawer is removed from grid flow and can never make the workspace wider. */
.np-inspector{
  position:fixed!important;
  top:12px!important;
  right:12px!important;
  bottom:12px!important;
  width:min(480px,calc(100vw - 24px))!important;
  height:auto!important;
  max-height:none!important;
  z-index:1200!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid #d4ded6!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:-18px 0 50px rgba(18,39,25,.20),0 8px 30px rgba(18,39,25,.14)!important;
  animation:npDrawerIn .16s ease-out;
}
@keyframes npDrawerIn{from{transform:translateX(24px);opacity:.65}to{transform:translateX(0);opacity:1}}
.np-inspector .np-inspector-head{top:0!important;z-index:12!important;}
.np-inspector .np-workflow-primary{top:78px!important;z-index:11!important;}
.np-inspector-form{grid-template-columns:1fr 1fr!important;padding-bottom:28px!important;}
.np-inspector-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 4px;z-index:5;}

/* Queue remains the primary surface. */
.np-work-tools{top:78px!important;}
.np-work-row{grid-template-columns:30px minmax(0,1fr) 160px!important;padding:13px 16px!important;}
.np-row-tail{min-width:150px!important;}
.np-work-main strong{font-size:13px!important;white-space:normal!important;line-height:1.25;}
.np-work-main span{white-space:normal!important;}
.np-bulk-bar{top:126px!important;}

/* Pipeline uses the same overlay drawer rather than a permanent third column. */
.np-pipeline-work{display:block!important;position:relative;height:clamp(520px,calc(100dvh - 465px),900px)!important;min-height:520px!important;overflow:hidden!important;}
.np-pipeline-work .np-work-pane{height:100%!important;overflow-y:auto!important;}

@media(max-width:980px){
  .np-three-pane,.np-three-pane.has-inspector{display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;height:calc(100dvh - 210px)!important;min-height:480px!important;overflow:hidden!important;}
  .np-nav-pane{width:205px!important;max-height:none!important;height:100%!important;}
  .np-work-pane{max-height:none!important;height:100%!important;}
  .np-inspector{top:8px!important;right:8px!important;bottom:8px!important;width:min(460px,calc(100vw - 16px))!important;max-height:none!important;}
  .np-library-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .np-three-pane,.np-three-pane.has-inspector{grid-template-columns:1fr!important;}
  .np-nav-pane{display:none!important;}
  .np-work-row{grid-template-columns:28px minmax(0,1fr) 110px!important;padding:11px 10px!important;}
  .np-row-tail{min-width:100px!important;}
  .np-drag-handle{display:none!important;}
  .np-inspector-form{grid-template-columns:1fr!important;}
  .np-inspector-form .span-2{grid-column:auto!important;}
}


/* STNR.TV v22.32: inline single-item editor + dependent bulk catalog assignment */
.np-inspector{display:none!important}
.np-three-pane,.np-three-pane.has-inspector{grid-template-columns:240px minmax(0,1fr)!important}
.np-row-wrap{border-bottom:1px solid #e5ebe6;background:#fff}
.np-row-wrap .np-work-row{border-bottom:0!important}
.np-row-wrap.is-expanded{background:#f8fbf9;box-shadow:inset 3px 0 0 #239457}
.np-row-wrap.is-expanded .np-work-row{background:#f2f8f4}
.np-inline-editor{padding:0 16px 16px 46px;background:#f8fbf9;border-top:1px solid #e1e8e2}
.np-inline-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 8px}
.np-inline-top span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#64806f}.np-inline-top strong{font-size:13px;color:#183024}
.np-inline-close{width:28px;height:28px;border:1px solid #d7e0d8;border-radius:7px;background:#fff;font-size:18px;cursor:pointer;color:#385544}
.np-inline-workflow{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:0 0 10px;border:1px solid #dbe8de;border-radius:9px;background:#eef7f0}
.np-inline-workflow>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#4e715a;padding-top:8px;white-space:nowrap}
.np-inline-workflow .studio-actions{margin:0!important;display:flex;flex-wrap:wrap;gap:6px}.np-inline-workflow .studio-destination{margin:0!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;width:100%}
.np-inline-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin-bottom:10px;border:1px dashed #abc7b1;border-radius:8px;background:#fff}.np-inline-suggestion span{font-size:9px;color:#496555}.np-inline-suggestion button{border:0;background:transparent;color:#18703d;font-size:9px;font-weight:850;cursor:pointer}
.np-inline-form{display:grid;grid-template-columns:minmax(150px,1.25fr) minmax(180px,1.4fr) minmax(120px,.65fr) minmax(110px,.65fr) minmax(150px,.9fr) minmax(150px,1fr);gap:8px;align-items:end}
.np-inline-form label{display:grid;gap:4px;min-width:0}.np-inline-form label>span{font-size:8px;font-weight:850;letter-spacing:.05em;color:#64786b;text-transform:uppercase}.np-inline-form input,.np-inline-form select,.np-inline-form textarea{width:100%;min-width:0;border:1px solid #d6dfd7;border-radius:7px;background:#fff;padding:8px 9px;font:inherit;font-size:10px;color:#22352a;box-sizing:border-box}
.np-inline-actions{display:flex;gap:7px;align-items:center;grid-column:span 2}.np-inline-actions .btn{white-space:nowrap}
.np-inline-more{grid-column:1/-1;margin-top:4px;border-top:1px solid #e1e7e2;padding-top:7px}.np-inline-more summary{font-size:9px;font-weight:800;color:#3c674b;cursor:pointer}.np-inline-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.np-inline-more-grid .span-2{grid-column:1/-1}
.np-bulk-bar-v32{display:grid!important;grid-template-columns:auto minmax(150px,1.1fr) minmax(170px,1.3fr) minmax(170px,1.2fr) 90px 130px auto auto!important;gap:7px!important;align-items:end!important;padding:9px 10px!important;top:126px!important}
.np-bulk-bar-v32>strong{align-self:center;white-space:nowrap}.np-bulk-bar-v32 label{display:grid;gap:3px;min-width:0}.np-bulk-bar-v32 label>span{font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#607668}.np-bulk-bar-v32 input,.np-bulk-bar-v32 select{width:100%;min-width:0;padding:7px 8px;border:1px solid #d3ddd5;border-radius:7px;background:#fff;font-size:9px;box-sizing:border-box}
.np-drag-dock{display:none;position:sticky;top:126px;z-index:20;padding:9px 12px;background:#173e27;color:#fff;gap:7px;align-items:center;flex-wrap:wrap;box-shadow:0 7px 16px rgba(14,45,25,.18)}.np-is-dragging .np-drag-dock{display:flex}.np-drag-dock strong{font-size:9px;margin-right:4px}.np-drag-dock button{border:1px solid rgba(255,255,255,.35);background:#fff;color:#204e31;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}.np-drag-dock button.is-drop-target{outline:2px solid #a9edb9;background:#dff6e4!important}
.np-row-open{cursor:pointer!important}.np-drag-handle{cursor:grab!important;user-select:none}.np-drag-handle:active{cursor:grabbing!important}
@media(max-width:1250px){.np-inline-form{grid-template-columns:1fr 1fr 1fr}.np-inline-actions{grid-column:auto}.np-bulk-bar-v32{grid-template-columns:auto 1fr 1fr 1fr!important}.np-bulk-bar-v32 .np-bulk-new{grid-column:span 2}}
@media(max-width:850px){.np-three-pane,.np-three-pane.has-inspector{grid-template-columns:1fr!important}.np-inline-editor{padding-left:12px}.np-inline-form{grid-template-columns:1fr 1fr}.np-inline-actions,.np-inline-more{grid-column:1/-1}.np-bulk-bar-v32{grid-template-columns:1fr 1fr!important}.np-bulk-bar-v32>strong{grid-column:1/-1}}


/* STNR.TV v22.33 - portal workflow restoration */
.portal-shell{max-width:none!important}
.portal-workspace{min-width:0;background:#f7faf7;border:1px solid #dce5de;border-radius:15px;overflow:hidden}
.portal-workspace .np-topbar{padding:20px 22px;border-bottom:1px solid #e1e8e2;background:#fff}
.portal-tabs{display:flex;gap:0;overflow-x:auto;border-top:1px solid #e1e8e2;border-bottom:1px solid #dfe7e1;background:#fff;padding:0 14px}
.portal-tab{display:flex;align-items:center;gap:8px;border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 15px;font:inherit;font-size:11px;font-weight:850;color:#50685a;cursor:pointer;white-space:nowrap}
.portal-tab b{min-width:22px;padding:2px 6px;border-radius:999px;background:#edf3ee;font-size:9px;color:#3f5849}
.portal-tab.is-active{color:#0e6c36;border-bottom-color:#178a47}
.portal-tab.is-active b{background:#dff2e4;color:#0d6934}
.portal-table-wrap{padding:14px;background:#f7faf7}
.portal-table-tools{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:8px;margin-bottom:10px}
.portal-table-tools input,.portal-table-tools select,.portal-bulk input,.portal-bulk select,.portal-detail-form input,.portal-detail-form select,.portal-detail-form textarea{width:100%;box-sizing:border-box;border:1px solid #d3ded5;border-radius:8px;background:#fff;padding:9px 10px;font:inherit;font-size:11px;color:#21372a}
.portal-table-scroll{overflow:auto;max-height:58vh;border:1px solid #dbe4dd;border-radius:10px;background:#fff}
.portal-table{width:100%;border-collapse:collapse;min-width:1060px;font-size:10px}
.portal-table thead th{position:sticky;top:0;z-index:3;text-align:left;background:#f3f7f4;border-bottom:1px solid #dce5de;padding:9px 10px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#5f7566}
.portal-table td{padding:10px;border-bottom:1px solid #e6ece7;vertical-align:middle;color:#344d3d}
.portal-table tbody tr:hover{background:#f7fbf8}
.portal-table tbody tr.is-selected{background:#edf8f0;box-shadow:inset 3px 0 0 #178b47}
.portal-check{width:30px}.portal-drag{width:30px}.portal-drag span{display:inline-block;cursor:grab;font-weight:900;color:#668072;user-select:none;padding:5px}.portal-drag span:active{cursor:grabbing}
.portal-title{min-width:260px}.portal-title button{display:block;max-width:520px;border:0;background:none;padding:0;color:#142b1d;font:inherit;font-size:11px;font-weight:850;text-align:left;cursor:pointer}.portal-title small{display:block;margin-top:3px;color:#74877b;font-size:8px}
.portal-actions{width:80px}.portal-actions .btn{padding:6px 9px!important}
.portal-empty{text-align:center;padding:34px!important;color:#6e8075!important}
.portal-bulk{border:1px solid #bcd9c3;background:#edf8ef;border-radius:10px;padding:10px;margin-bottom:10px}
.portal-bulk-head{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}.portal-bulk-head strong{font-size:10px;color:#183b25}.portal-bulk-head span{font-size:8px;color:#5d7465}
.portal-bulk-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 90px 120px auto auto;gap:7px;align-items:end}
.portal-bulk label,.portal-detail-form label{display:grid;gap:4px;min-width:0}.portal-bulk label>span,.portal-detail-form label>span{font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#61766a}
.portal-drag-strip{display:flex;align-items:center;gap:12px;padding:8px 10px;margin-bottom:10px;border:1px dashed #cad9ce;border-radius:9px;background:#fff}
.portal-drag-strip>div:first-child{min-width:120px}.portal-drag-strip span{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;color:#668072}.portal-drag-strip strong{display:block;font-size:9px;color:#304b39}
.portal-drop-targets{display:flex;gap:6px;overflow-x:auto;padding:2px;flex:1}.portal-drop-targets button{border:1px solid #d4dfd6;border-radius:999px;background:#f7faf8;padding:6px 9px;font-size:8px;font-weight:800;color:#375640;white-space:nowrap;cursor:pointer}
.portal-is-dragging .portal-drag-strip{border-style:solid;border-color:#1c914c;background:#edf9f0;box-shadow:0 5px 16px rgba(18,80,39,.10)}.portal-drop-targets button.is-drop-target{background:#d8f2df;border-color:#259751;outline:2px solid #b6e7c3}
.portal-detail{margin:0 14px 16px;border:1px solid #cad8cd;border-radius:12px;background:#fff;overflow:hidden;scroll-margin-top:10px}
.portal-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid #e1e8e2;background:#f8fbf9}.portal-detail-head span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#668072}.portal-detail-head h3{margin:3px 0 2px;font-size:18px;color:#13291b}.portal-detail-head small{font-size:8px;color:#718478}
.portal-close{width:32px;height:32px;border:1px solid #d4ded6;border-radius:8px;background:#fff;font-size:20px;cursor:pointer;color:#3f5d49}
.portal-detail-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 18px;border-bottom:1px solid #e6ece7;background:#eef7f0}.portal-detail-actions>strong{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#557060;margin-right:5px}
.portal-detail-columns{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:16px;padding:16px}
.portal-media-card{border:1px solid #dce5de;border-radius:10px;overflow:hidden;background:#f8faf9}.portal-media-card header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#fff;border-bottom:1px solid #e1e8e2}.portal-media-card header span{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;color:#6b8274}.portal-media-card header strong{display:block;font-size:10px;color:#263f30}.portal-media-links{display:flex;gap:6px}
.portal-media-video,.portal-media-image{display:block;width:100%;max-height:430px;background:#000;object-fit:contain}.portal-media-audio{display:block;width:calc(100% - 24px);margin:24px 12px}
.portal-hls-note{padding:8px 12px;margin:0;font-size:8px;color:#667d6f;background:#fff7dc}.portal-no-media{display:grid;gap:5px;padding:35px 18px;text-align:center}.portal-no-media strong{font-size:11px}.portal-no-media span{font-size:9px;color:#6c7e73}
.portal-media-tech{display:flex;gap:12px;padding:8px 12px;border-top:1px solid #e1e8e2;background:#fff;font-size:8px;color:#607668}
.portal-detail-form{padding:2px}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-form-grid .span-2{grid-column:1/-1}.portal-detail-form textarea{resize:vertical}
.portal-detail-save{display:flex;gap:8px;margin-top:10px}
@media(max-width:1150px){.portal-detail-columns{grid-template-columns:1fr}.portal-bulk-grid{grid-template-columns:1fr 1fr 1fr 1fr}.portal-bulk-grid .btn{align-self:end}}
@media(max-width:760px){.portal-table-tools{grid-template-columns:1fr}.portal-bulk-grid{grid-template-columns:1fr 1fr}.portal-detail-columns{padding:10px}.portal-form-grid{grid-template-columns:1fr}.portal-form-grid .span-2{grid-column:auto}}

/* STNR.TV v22.35 Channels + Series cloud hierarchy control */
.structure-workspace{margin-top:18px;border:1px solid #d9d9d9;background:#fff;border-radius:18px;overflow:hidden}
.structure-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa}.structure-toolbar span,.structure-tree-head span,.structure-editor-form header span,.structure-welcome>span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#6d6d6d}.structure-toolbar strong,.structure-tree-head strong{display:block;margin-top:4px;font-size:15px}
.structure-grid{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);min-height:620px}.structure-tree{border-right:1px solid #e5e5e5;background:#f8f8f8;min-width:0}.structure-tree-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.structure-tree-scroll{max-height:720px;overflow:auto;padding:10px}.structure-channel-group{margin-bottom:8px;border:1px solid #e1e1e1;border-radius:12px;background:#fff;overflow:hidden}.structure-channel-row,.structure-series-row,.structure-add-series{width:100%;border:0;text-align:left;background:transparent;cursor:pointer}.structure-channel-row{padding:13px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800}.structure-channel-row small,.structure-series-row small{font-size:10px;color:#777;font-weight:700}.structure-channel-row.is-selected,.structure-series-row.is-selected{background:#111;color:#fff}.structure-channel-row.is-selected small,.structure-series-row.is-selected small{color:#cfcfcf}.structure-series-list{border-top:1px solid #eee}.structure-series-row{padding:10px 14px 10px 28px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #f0f0f0;font-size:13px}.structure-add-series{padding:9px 14px;color:#444;font-size:12px;font-weight:800;background:#fafafa}.structure-editor{padding:24px;min-width:0}.structure-editor-form{display:grid;gap:20px}.structure-editor-form header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #eee;padding-bottom:16px}.structure-editor-form h3,.structure-welcome h3{margin:4px 0 0;font-size:24px}.structure-kind{background:#111!important;color:#fff!important;padding:6px 9px;border-radius:999px;font-size:10px!important}.structure-editor-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.structure-art-preview,.structure-art-empty{width:100%;aspect-ratio:16/9;border-radius:12px;border:1px solid #ddd;background:#f2f2f2;object-fit:cover}.structure-art-empty{display:grid;place-items:center;color:#777;font-weight:800;font-size:12px}.structure-editor-form footer{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:16px}.structure-check{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 0}.structure-check input{width:auto!important}.structure-welcome{max-width:640px;padding:28px 10px}.structure-welcome p{line-height:1.6;color:#555;margin:12px 0 18px}
@media(max-width:900px){.structure-grid{grid-template-columns:1fr}.structure-tree{border-right:0;border-bottom:1px solid #e5e5e5}.structure-tree-scroll{max-height:360px}.structure-editor-layout{grid-template-columns:1fr}.structure-art-preview,.structure-art-empty{max-width:360px}}

.portal-bulk-workflow{border-top:1px solid rgba(255,255,255,.12);margin-top:14px;padding-top:14px;display:grid;gap:8px}.portal-bulk-workflow>span{font-size:.72rem;font-weight:800;letter-spacing:.08em;opacity:.72}.portal-bulk-actions{display:flex;flex-wrap:wrap;gap:8px}.btn.danger{border-color:#a22}.portal-bulk-workflow small{opacity:.7}

/* v22.40 Creator Publishing Access */
.creator-policy-workspace{padding:14px;background:#f7faf7;min-height:56vh}
.creator-policy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;background:#fff;border:1px solid #dbe4dd;border-radius:12px}
.creator-policy-head>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#5e7867}
.creator-policy-head h3{margin:4px 0 3px;font-size:21px;color:#21372a}
.creator-policy-head p{margin:0;font-size:11px;color:#6a7b70;line-height:1.45}
.creator-policy-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}
.creator-policy-legend>div{background:#fff;border:1px solid #dfe7e1;border-radius:10px;padding:10px 12px}
.creator-policy-legend strong,.creator-policy-legend span{display:block}.creator-policy-legend strong{font-size:10px;color:#294534}.creator-policy-legend span{font-size:9px;color:#718077;margin-top:2px;line-height:1.35}
.creator-policy-list{display:grid;gap:9px}
.creator-policy-card{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(390px,1.6fr) minmax(120px,.45fr);align-items:center;gap:16px;background:#fff;border:1px solid #dbe4dd;border-radius:11px;padding:13px 14px}
.creator-policy-person{display:flex;align-items:center;gap:10px;min-width:0}.creator-policy-person>div:last-child{min-width:0}.creator-policy-person strong,.creator-policy-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-policy-person strong{font-size:12px;color:#253b2d}.creator-policy-person small{font-size:9px;color:#77847b;margin-top:2px}
.creator-policy-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e8f3eb;color:#176c3a;font-weight:900;font-size:13px}
.creator-policy-control>span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#728278;margin-bottom:6px}.creator-policy-control p{margin:6px 0 0;font-size:9px;color:#718077;line-height:1.35}
.creator-policy-modes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d5e0d7;border-radius:8px;overflow:hidden;background:#f5f8f6}
.creator-mode-btn{border:0;border-right:1px solid #d5e0d7;background:transparent;color:#52675a;padding:8px 7px;font:inherit;font-size:9px;font-weight:850;cursor:pointer}.creator-mode-btn:last-child{border-right:0}.creator-mode-btn:hover{background:#edf5ef}.creator-mode-btn.is-active{background:#166f3b;color:#fff}.creator-mode-btn:disabled{cursor:wait;opacity:.6}
.creator-policy-state{text-align:right}.creator-policy-state small{display:block;margin-top:5px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#809087}.creator-policy-pill{display:inline-block;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;background:#edf1ee;color:#53665a}.creator-policy-pill.mode-self_publish{background:#e1f3e6;color:#126735}.creator-policy-pill.mode-auto_publish{background:#fff2cf;color:#775b0c}
@media(max-width:900px){.creator-policy-card{grid-template-columns:1fr}.creator-policy-state{text-align:left}.creator-policy-legend{grid-template-columns:1fr}.creator-policy-modes{grid-template-columns:1fr}.creator-mode-btn{border-right:0;border-bottom:1px solid #d5e0d7}.creator-mode-btn:last-child{border-bottom:0}}
\n/* v22.41 STNR Creator Management */\n.creator-management-workspace{padding:14px;background:#f7faf7;min-height:64vh}.creator-management-tools{display:grid;grid-template-columns:minmax(260px,1fr) 190px 170px;gap:8px;margin:10px 0}.creator-management-tools input,.creator-management-tools select{min-height:38px;border:1px solid #d8e2da;border-radius:9px;background:#fff;padding:0 10px;font:inherit;font-size:10px;color:#31483a}.creator-management-grid{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:10px;align-items:start}.creator-master-list{display:grid;background:#fff;border:1px solid #dbe4dd;border-radius:11px;overflow:hidden;max-height:72vh;overflow-y:auto}.creator-master-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:10px;text-align:left;cursor:pointer;font:inherit}.creator-master-row:last-child{border-bottom:0}.creator-master-row:hover{background:#f6faf7}.creator-master-row.is-active{background:#edf6ef;box-shadow:inset 4px 0 0 #198848}.creator-master-copy{display:grid;gap:2px;min-width:0}.creator-master-copy strong,.creator-master-copy small,.creator-master-copy em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-master-copy strong{font-size:11px;color:#263d2e}.creator-master-copy small{font-size:8px;color:#77857c}.creator-master-copy em{font-size:8px;color:#61756a;font-style:normal}.creator-detail-wrap{min-width:0}.creator-detail-panel{background:#fff;border:1px solid #dbe4dd;border-radius:11px;overflow:hidden}.creator-detail-empty{min-height:420px;display:grid;place-content:center;text-align:center;gap:5px;background:#fff;border:1px dashed #dbe4dd;border-radius:11px;color:#7a8980}.creator-detail-empty strong{font-size:17px;color:#395042}.creator-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fbfcfb;border-bottom:1px solid #e4eae5}.creator-policy-avatar.large{width:46px;height:46px;font-size:17px}.creator-detail-head .creator-policy-person>div:last-child>span{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:#678073}.creator-detail-head h3{margin:3px 0 2px;font-size:19px;color:#243c2c}.creator-detail-state{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.creator-access-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf2ee;color:#5d6e63;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.creator-access-status.status-active{background:#e2f4e7;color:#176839}.creator-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e7ece8}.creator-detail-metrics>div{display:grid;gap:2px;padding:12px 14px;border-right:1px solid #e7ece8}.creator-detail-metrics>div:last-child{border-right:0}.creator-detail-metrics strong{font-size:20px;color:#243d2c}.creator-detail-metrics span{font-size:8px;color:#75857b;text-transform:uppercase;letter-spacing:.05em}.creator-detail-section{padding:15px 18px;border-bottom:1px solid #e9edea}.creator-detail-section:last-child{border-bottom:0}.creator-detail-section>p{font-size:9px;line-height:1.45;color:#6e7e74}.creator-section-title{margin-bottom:9px}.creator-section-title.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-section-title>span,.creator-section-title>div>span{display:block;font-size:8px;font-weight:900;letter-spacing:.1em;color:#668071}.creator-section-title h4{margin:2px 0 0;font-size:14px;color:#2e4736}.creator-detail-modes{max-width:560px}.creator-governance-note{margin-top:10px;padding:9px 10px;border-radius:8px;background:#f5f8f6;border:1px solid #e1e8e3;font-size:8px;line-height:1.4;color:#66766c}.creator-content-list{display:grid;border:1px solid #e2e8e4;border-radius:9px;overflow:hidden}.creator-content-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:9px 10px;text-align:left;cursor:pointer;font:inherit}.creator-content-list button:last-child{border-bottom:0}.creator-content-list button:hover{background:#f7faf8}.creator-content-list button>div{display:grid;gap:2px;min-width:0}.creator-content-list strong{font-size:10px;color:#2b4132}.creator-content-list button>div>span{font-size:8px;color:#7d8a82}.creator-identity-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:7px;margin:0}.creator-identity-grid dt{font-size:8px;font-weight:900;text-transform:uppercase;color:#78877e}.creator-identity-grid dd{margin:0;font-size:9px;color:#344a3c;word-break:break-word}@media(max-width:960px){.creator-management-grid{grid-template-columns:1fr}.creator-master-list{max-height:340px}.creator-management-tools{grid-template-columns:1fr 1fr}.creator-management-tools input{grid-column:1/-1}}@media(max-width:620px){.creator-management-tools,.creator-detail-metrics{grid-template-columns:1fr}.creator-detail-head,.creator-section-title.row{display:grid}.creator-detail-state{justify-content:flex-start}.creator-detail-metrics>div{border-right:0;border-bottom:1px solid #e7ece8}.creator-detail-metrics>div:last-child{border-bottom:0}.creator-identity-grid{grid-template-columns:1fr}}\n
/* v22.43 creator destination + admin visibility */
.creator-destination-panel{margin:20px 0;padding:16px;border:1px solid #d8ded5;border-radius:12px;background:#f7faf5}
.creator-destination-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.creator-destination-head>div{display:grid;gap:3px}
.creator-destination-head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#008a32}
.creator-destination-head strong{font-size:16px}
.creator-destination-head small{max-width:360px;color:#687069;line-height:1.45}
@media(max-width:720px){.creator-destination-head{display:grid}}

/* v22.45 Creator Admin Workspace */
.creator-admin-panel .creator-detail-section{padding:22px}
.creator-admin-source{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf4ee;font-size:9px;font-weight:900;letter-spacing:.04em;color:#347145}
.creator-admin-source.warning{background:#fff4d7;color:#896614}
.creator-account-reference,.creator-access-admin-grid,.creator-crm-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creator-account-reference label,.creator-access-admin-grid label,.creator-crm-fields label{display:grid;gap:5px}
.creator-account-reference label>span,.creator-access-admin-grid label>span,.creator-crm-fields label>span{font-size:9px;font-weight:900;letter-spacing:.05em;color:#66746a;text-transform:uppercase}
.creator-account-reference input[readonly],.creator-access-admin-grid input[readonly]{background:#f5f7f4;color:#627067}
.creator-admin-help{font-size:10px;line-height:1.55;color:#6a766d;margin:12px 0 0}
.creator-section-title.compact{margin-top:20px;margin-bottom:10px}.creator-section-title.compact h5{font-size:14px;margin:2px 0}
.creator-admin-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.creator-admin-check{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dfe6dd;border-radius:10px;background:#fafcf9;cursor:pointer}
.creator-admin-check input{width:16px;height:16px}.creator-admin-check span{display:grid;gap:2px}.creator-admin-check b{font-size:10px}.creator-admin-check small{font-size:8px;color:#7b867d}
.creator-admin-relationship-grid{display:flex;flex-wrap:wrap;gap:7px}
.creator-admin-chip{display:inline-flex;align-items:center;border:1px solid #d7dfd5;border-radius:999px;background:#fff;cursor:pointer}
.creator-admin-chip input{position:absolute;opacity:0;pointer-events:none}.creator-admin-chip span{padding:7px 11px;font-size:9px;font-weight:850}
.creator-admin-chip:has(input:checked){background:#e8f4e8;border-color:#8bc58e}.creator-admin-chip:has(input:checked) span{color:#176b2f}
.creator-crm-fields{margin-top:14px}.creator-crm-fields .wide{grid-column:1/-1}.creator-crm-fields textarea{resize:vertical}
.creator-admin-meta{margin-top:10px;font-size:8px;color:#879088}
.creator-spi-placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.creator-spi-placeholder>div{display:grid;gap:3px;padding:14px;border:1px solid #e2e7e1;border-radius:9px;background:#f9faf8}
.creator-spi-placeholder strong{font-size:20px}.creator-spi-placeholder span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#7d887f}
@media(max-width:900px){.creator-admin-module-grid{grid-template-columns:1fr 1fr}.creator-account-reference,.creator-access-admin-grid,.creator-crm-fields{grid-template-columns:1fr}.creator-crm-fields .wide{grid-column:auto}.creator-spi-placeholder{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.creator-admin-module-grid,.creator-spi-placeholder{grid-template-columns:1fr}}

/* v22.47 Creator Activity + Network Insights */
.creator-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.creator-insight-grid article{display:grid;gap:4px;padding:13px;border:1px solid #e1e7df;border-radius:10px;background:#fafcf9;min-width:0}
.creator-insight-grid span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#718076}
.creator-insight-grid strong{font-size:17px;color:#24342a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-insight-grid small{font-size:8px;line-height:1.4;color:#879188}
.creator-activity-list{position:relative;display:grid;gap:0;margin-top:2px}
.creator-activity-list:before{content:"";position:absolute;left:8px;top:13px;bottom:13px;width:1px;background:#dfe6dd}
.creator-activity-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:8px 0}
.creator-activity-dot{position:relative;z-index:1;width:9px;height:9px;margin:6px 0 0 4px;border-radius:50%;background:#607168;border:2px solid #fff;box-shadow:0 0 0 1px #cfd8cd}
.creator-activity-item.activity-publish .creator-activity-dot{background:#138636}
.creator-activity-item.activity-flag .creator-activity-dot{background:#b15332}
.creator-activity-item.activity-crm .creator-activity-dot{background:#486f96}
.creator-activity-item.activity-access .creator-activity-dot{background:#78639a}
.creator-activity-copy{min-width:0;padding:0 0 7px;border-bottom:1px solid #edf0ec}
.creator-activity-copy>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.creator-activity-copy strong{font-size:10px;color:#2b392f}
.creator-activity-copy time{font-size:8px;color:#89928b;white-space:nowrap}
.creator-activity-copy p{margin:3px 0 0;font-size:9px;color:#69756d;line-height:1.45}
.creator-activity-copy button{margin-top:5px;padding:0;border:0;background:transparent;color:#167034;font-size:8px;font-weight:900;cursor:pointer}
@media(max-width:1100px){.creator-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.creator-insight-grid{grid-template-columns:1fr}.creator-activity-copy>div{display:grid;gap:2px}}

/* v22.48 Creator detail tabs */
.creator-detail-tabs{display:flex;gap:0;padding:0 22px;border-bottom:1px solid #dfe5dc;background:#f9fbf8;position:sticky;top:0;z-index:3}
.creator-detail-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 18px 11px;font-size:10px;font-weight:900;color:#68766c;cursor:pointer}
.creator-detail-tabs button:hover{color:#1a5f2c}
.creator-detail-tabs button.is-active{color:#0b722c;border-bottom-color:#0b722c;background:#fff}
.creator-detail-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:#e6ece5;font-size:8px}
.creator-detail-tabs button.is-active span{background:#e2f2e3;color:#176d31}
.creator-detail-tab-body{min-height:260px}
.creator-activity-preview-list{display:grid;border:1px solid #e2e7e0;border-radius:10px;overflow:hidden}
.creator-activity-preview-list article{display:flex;justify-content:space-between;gap:18px;padding:11px 12px;border-bottom:1px solid #edf0ec;background:#fff}
.creator-activity-preview-list article:last-child{border-bottom:0}
.creator-activity-preview-list article>div{display:grid;gap:2px;min-width:0}
.creator-activity-preview-list strong{font-size:10px;color:#2b392f}
.creator-activity-preview-list span{font-size:8px;color:#78837b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-activity-preview-list time{font-size:8px;color:#8c958e;white-space:nowrap}
.creator-tab-content-section,.creator-tab-crm-section{min-height:340px}
@media(max-width:700px){
  .creator-detail-tabs{overflow-x:auto;padding:0 10px}
  .creator-detail-tabs button{padding:12px 13px;white-space:nowrap}
}

/* v22.51 Creator metadata + artwork */
.creator-metadata-panel,.creator-artwork-panel{margin:20px 0;padding:16px;border:1px solid #d8ded5;border-radius:12px;background:#f7faf5}.creator-rating-lock{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;margin-top:12px;padding:11px 12px;border:1px solid #dce5da;border-radius:10px;background:#fff}.creator-rating-lock>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#6d7d71}.creator-rating-lock>strong{padding:5px 9px;border-radius:999px;background:#17251c;color:#fff;font-size:10px}.creator-rating-lock>small{color:#718078;font-size:9px}.creator-artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creator-artwork-slot{display:grid;gap:5px;padding:12px;border:1px solid #dce4da;border-radius:10px;background:#fff}.creator-artwork-slot>span{font-size:10px;font-weight:900}.creator-artwork-slot>small{font-size:8px;color:#7b877e}.creator-artwork-slot input{font-size:9px}.creator-artwork-slot [data-art-preview]{min-height:96px;display:grid;place-items:end start;padding:8px;border-radius:8px;background:#eef2ed center/cover no-repeat;color:#748078;font-size:8px;overflow:hidden}.creator-artwork-slot [data-art-preview].has-image{color:#fff;text-shadow:0 1px 3px #000;background-color:#303830}@media(max-width:760px){.creator-artwork-grid{grid-template-columns:1fr}.creator-rating-lock{grid-template-columns:auto auto}.creator-rating-lock>small{grid-column:1/-1}}

/* v22.52 per-production bulk upload */
.creator-batch-defaults{margin:18px 0;padding:15px;border:1px solid #dce4da;border-radius:12px;background:#f7faf6}
.studio-file-queue{display:grid;gap:14px}
.studio-queue-production{position:relative;display:block;padding:16px}
.studio-queue-production .studio-queue-main{width:100%}
.studio-queue-production .studio-queue-top>div:first-child{display:grid;gap:2px}
.studio-queue-state{display:flex;gap:6px;align-items:center;font-size:9px;color:#77837a}
.queue-production-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}
.queue-field{display:grid;gap:5px}.queue-field.span-2{grid-column:1/-1}
.queue-field>span{font-size:8px;font-weight:900;letter-spacing:.07em;color:#69766d;text-transform:uppercase}
.queue-field input,.queue-field select,.queue-field textarea{width:100%}
.queue-artwork-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:15px 0 8px;padding-top:13px;border-top:1px solid #e5e9e3}
.queue-artwork-head>div{display:grid;gap:2px}.queue-artwork-head span{font-size:8px;font-weight:900;letter-spacing:.09em;color:#14843b}.queue-artwork-head strong{font-size:12px}.queue-artwork-head small{font-size:8px;color:#7b867e}
.queue-artwork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.queue-artwork-slot{position:relative;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px;border:1px dashed #bdc9bc;border-radius:10px;background:#f8faf7;overflow:hidden;cursor:pointer}
.queue-artwork-slot.has-image{background-image:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.34)),var(--queue-art);background-size:cover;background-position:center;color:#fff;border-style:solid}
.queue-artwork-slot>span{font-size:10px;font-weight:900}.queue-artwork-slot>small{font-size:7px;opacity:.8}.queue-artwork-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.queue-art-preview{font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-artwork-slot button{position:absolute;right:6px;top:6px;z-index:3;border:0;border-radius:999px;padding:4px 7px;font-size:7px;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.queue-rating-row{display:flex;gap:7px;align-items:center;margin-top:10px;font-size:8px;color:#738077}.queue-rating-row strong{padding:3px 6px;border-radius:999px;background:#1b2c22;color:#fff}.queue-rating-row span{font-weight:900}
.queue-remove{position:absolute;right:14px;top:13px}
@media(max-width:780px){.queue-production-grid,.queue-artwork-grid{grid-template-columns:1fr}.queue-field.span-2{grid-column:auto}.queue-artwork-head{display:grid}}

/* v22.53 queue card action spacing fix */
.studio-queue-production{
  padding-right:110px;
}
.studio-queue-production .studio-queue-top{
  padding-right:6px;
}
.studio-queue-production .studio-queue-top>div:first-child{
  min-width:0;
}
.studio-queue-production .studio-queue-top>div:first-child strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.studio-queue-production .studio-queue-state{
  min-width:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.studio-queue-production .queue-remove{
  position:absolute;
  right:14px;
  top:14px;
  z-index:4;
  min-width:78px;
}
@media(max-width:720px){
  .studio-queue-production{
    padding-right:16px;
    padding-top:58px;
  }
  .studio-queue-production .queue-remove{
    top:12px;
    right:14px;
  }
  .studio-queue-production .studio-queue-top{
    padding-right:0;
  }
}