/* SUPERBAD BACKSTAGE / CALL — production desk. Presentation only. */
:root{--r:8px;--r2:10px;--studio-ease:cubic-bezier(.22,.68,.25,1)}
[data-theme=dark]{--faint:#aaa19a;--line:#39302c;--line2:#50433c;--card:#151313;--card2:#201a18;--accent2:#f28b78}
[data-theme=light]{--faint:#71645c;--line:#d8cfc6;--line2:#b6a79a}
html,body{line-height:1.65}body.gate{padding:0}
.win{grid-template-columns:232px minmax(0,1fr)}
.nav{padding:32px 14px 18px;gap:6px;background:linear-gradient(160deg,#18100e,#080808 65%);border-right-color:#352620}
.brand{font-size:16px;letter-spacing:.09em;color:#ec5d4f;line-height:1.3}
.brand-sub{padding-top:8px;padding-bottom:28px;color:#b7aba3;overflow-wrap:anywhere}
.nav-item{height:46px;border-radius:6px;transition:background .2s,color .2s,transform .2s}
.nav-item:hover{transform:translateX(2px)}
.nav-item.on{background:linear-gradient(90deg,#54232088,#33171355);border-color:#723e33}
.nav-item.on:before{content:"";position:absolute;left:-15px;height:24px;width:3px;background:#ee8673}
.nav-foot{color:#aea29a;line-height:1.8}
.studio-bar{min-height:52px;padding:8px 32px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg2);flex-shrink:0}
.studio-home{display:inline-flex;align-items:center;min-height:34px;gap:10px;color:var(--text);font-size:11px;letter-spacing:.14em;text-decoration:none}
.studio-home span{font-size:19px;color:var(--accent2);transition:transform .25s}.studio-home:hover span{transform:translateX(-3px)}
.studio-motion{font-size:12px;color:var(--muted)}
.view{padding:28px 32px 48px;scrollbar-gutter:stable}
.page{max-width:1240px;min-width:0}.page>*{min-width:0}
.phead{position:relative;isolation:isolate;overflow:hidden;min-height:126px;align-items:center;padding:26px 28px;margin-bottom:26px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(115deg,var(--card),var(--bg));gap:18px}
.phead:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(186,58,36,.08) 48%,transparent 66%);background-size:250% 100%;animation:studio-light 18s ease-in-out infinite}
.phead>div{position:relative;z-index:1;min-width:0}.phead h1{font-size:clamp(25px,2.5vw,34px);letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere}.phead p{margin-top:7px;max-width:62ch}
.studio-kicker{display:block;font:10px/1.5 var(--mono);letter-spacing:.18em;color:var(--accent2);margin-bottom:12px}
.studio-number{position:absolute;right:18px;top:4px;font:italic 88px/1 Georgia,serif;opacity:.05;pointer-events:none}
.phead-acts{align-items:center}.btn{min-height:40px;border-radius:7px;padding:7px 14px;white-space:normal;line-height:1.45;transition:background .2s,border-color .2s,box-shadow .2s}
.btn.primary{background:#b51212;border-color:#d04638;box-shadow:inset 0 1px 0 #ffb29933}
.btn.sm{min-height:34px;padding:5px 11px}.btn.icon{min-width:40px;width:40px}.btn.sm.icon{width:34px;min-width:34px}
.btn:hover:not(:disabled){border-color:var(--accent2)}.btn:active:not(:disabled){transform:translateY(1px)}
input[type=text],input[type=search],input[type=email],input[type=password],input[type=time],input[type=date],input[type=number],input:not([type]),textarea,select{min-height:42px;border-radius:7px}
.card{overflow-wrap:anywhere}.pad{padding:22px}.card h2{font-size:16px;margin-bottom:16px}.stack{gap:18px}.grid2{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.seg{gap:4px;border-radius:8px;max-width:100%}.seg button{min-height:36px;padding:6px 13px;border-radius:5px}.seg button.on{box-shadow:inset 0 -2px var(--accent2)}
.tabs{gap:8px;margin-bottom:22px;scrollbar-width:thin}.tabs button{min-height:46px;padding:8px 14px}.tabs button.on{border-bottom-color:var(--accent2)}
.lrow{padding:16px 6px;gap:6px 16px}.lrow .t,.lrow .s,.lrow .a{min-width:0;overflow-wrap:anywhere}.lrow .a{flex-wrap:wrap;justify-content:flex-end;max-width:230px}
button.lrow{border-radius:4px;transition:background .2s}.kv{grid-template-columns:120px minmax(0,1fr);gap:10px 16px}.kv dd{overflow-wrap:anywhere}
.checks li{padding:13px 0;gap:12px;grid-template-columns:10px minmax(0,1fr) auto}.checks li>*{min-width:0;overflow-wrap:anywhere}.checks .btn{align-self:center}
.banner{padding:12px 24px;line-height:1.6}.banner>span{overflow-wrap:anywhere}
.day-head{padding:18px 20px;gap:8px 16px}.dh-n{font-size:18px}.dh-d{font-size:16px}.day-foot{padding:14px 18px;gap:10px}.board{gap:24px}
.strip{min-height:64px;padding:12px 16px;gap:14px}.strip:hover{filter:none;box-shadow:inset 3px 0 currentColor}.s-main b{white-space:normal;overflow:visible;line-height:1.5}.s-main em{margin-top:3px}
.tray{padding:18px;gap:8px;background:var(--card)}.schip{min-height:34px;padding:4px 12px;border-radius:5px}.blk-h{padding:12px 16px}.blk-title{overflow-wrap:anywhere}.blk-acts{flex-wrap:wrap}.blk-note{padding:0 16px 14px}.legend{gap:12px 18px}
.cs{grid-template-columns:minmax(0,1fr) minmax(300px,42%);gap:24px}.cs-controls{gap:18px;min-width:0}.cs-preview{padding:20px;background:linear-gradient(140deg,#39302b,#211c19);border:1px solid #59483c;min-width:0}.cs-preview canvas{border-radius:2px}.gate{line-height:1.7;padding:16px}.castrow{gap:10px 16px;padding:14px 0}
.ov{background:rgba(0,0,0,.76)}.dlg{border-radius:12px;animation:studio-dialog .25s var(--studio-ease);min-width:0}.dlg-h{padding:22px 24px 14px}.dlg-h h2{line-height:1.55;font-size:19px}.dlg-b{padding:4px 24px 22px;overscroll-behavior:contain;overflow-wrap:anywhere}.dlg-f{padding:16px 24px;flex-shrink:0;background:var(--card2);border-radius:0 0 12px 12px}.dlg-f .btn{min-width:90px}.form{gap:18px}.fld>span{font-size:13px}.chkrow{min-height:42px}.mopt{min-height:36px;align-items:center}.multi{gap:8px}.slot>*{min-width:0}.empty{padding:64px 20px}.empty p{max-width:56ch}
.login{max-width:440px;margin:7vh auto 30px;padding:32px;gap:20px;border-top:2px solid var(--accent2);background:linear-gradient(140deg,var(--card2),var(--card))}.login h1{font-size:28px!important}.login .brand{font-size:17px}.login:before{content:"BACKSTAGE / PRODUCTION ACCESS";font:10px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted)}
.studio-art{position:absolute!important;right:36px;top:25px;transform:rotate(8deg);width:100px;padding:12px;background:#e8e0ce;color:#231b17;box-shadow:0 12px 24px #0005;animation:studio-paper 9s ease-in-out infinite;pointer-events:none;font:900 21px/.96 var(--font);letter-spacing:-.05em}.studio-art small{display:block;font:8px/1.5 var(--mono);letter-spacing:.12em;margin-bottom:12px}.studio-art i{display:block;height:5px;background:#b51212;margin-top:12px;width:74%}
[data-page=home] .phead{padding-right:180px;min-height:172px}.studio-arrive{animation:studio-arrive .65s var(--studio-ease) both}
[data-studio-motion=off] .studio-art,[data-studio-motion=off] .phead:after,[data-studio-hidden=true] .studio-art,[data-studio-hidden=true] .phead:after{animation-play-state:paused!important}
@keyframes studio-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes studio-paper{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes studio-light{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@keyframes studio-dialog{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1100px){[data-page=settings] .page>.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:1100px){.cs{grid-template-columns:1fr}.cs-preview canvas{max-width:560px}.grid2{grid-template-columns:1fr}.view{padding:24px}.phead{padding:24px}}
@media(max-width:760px){
 .win{grid-template-columns:1fr}.studio-bar{padding:7px 16px;min-height:54px}.studio-home{min-height:40px;font-size:10px}.studio-motion{font-size:11px!important}.studio-bar .btn{min-height:40px}.view{padding:18px 16px 30px;scrollbar-gutter:auto}.phead{padding:21px 18px;min-height:136px;gap:18px;margin-bottom:20px}.phead h1{font-size:26px}.phead p{font-size:13px}.studio-kicker{font-size:9px;letter-spacing:.13em}.studio-number{font-size:74px}.phead-acts{width:100%}.phead-acts .btn{flex:1}
 [data-page=home] .phead{padding-right:90px;min-height:180px}.studio-art{right:-20px;top:40px;width:88px;font-size:19px;padding:12px}.phead-acts{position:relative}.pad{padding:18px}.card h2{font-size:16px}.btn,.btn.sm,.btn.icon,.btn.sm.icon{min-height:44px}.btn.icon,.btn.sm.icon{width:44px;min-width:44px}.btn.sm{font-size:13px}.tabs button,.seg button{min-height:44px}.tabs button{padding:8px 12px}.seg{gap:2px}.seg button{padding:6px 10px}
 .banner{padding:10px 16px;font-size:12px;gap:8px}.banner .btn{padding:5px 8px;min-width:44px}.banner .i{display:none}.tabbar{padding:6px 4px calc(6px + env(safe-area-inset-bottom));gap:2px;border-top-color:#473027}.tabbar button{flex:1;min-width:0;min-height:50px;font-size:10px;gap:5px}.tabbar button.on{background:#4a241d66}.tabbar button.on:after{content:"";width:16px;height:2px;background:#ed8873}
 .lrow{padding:16px 0;gap:8px}.lrow .a{max-width:140px}.lrow .a .chip{white-space:normal;text-align:center}.kv{grid-template-columns:88px minmax(0,1fr);gap:10px}.checks li{grid-template-columns:9px minmax(0,1fr);padding:14px 0}.checks li>.btn{grid-column:2;justify-self:start}.log li{grid-template-columns:1fr}.logt{white-space:normal}
 .day-head{padding:16px;gap:8px}.dh-n{font-size:17px}.dh-d{font-size:14px}.dh-pace{white-space:normal}.day-foot{padding:14px;gap:8px}.day-foot .btn{flex:1}.tray{padding:14px}.schip{min-height:44px;min-width:44px}.strip{grid-template-columns:32px minmax(0,1fr) 38px;gap:10px;min-height:76px;padding:12px}.s-no{font-size:18px}.s-pg{min-width:0;font-size:11px}.s-main b{font-size:13px}.s-main em{font-size:11px}.blk-h{padding:12px;gap:8px}.blk-acts{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:8px}.cs-preview{padding:10px}.cs-controls>.row{flex-wrap:wrap}.cs-controls select{min-width:0!important}.exports .btn{flex:1}.castrow{grid-template-columns:minmax(0,1fr) 114px}
 .dlg{max-height:94dvh;border-radius:16px 16px 0 0}.dlg-h{padding:18px 18px 12px}.dlg-b{padding:4px 18px 20px}.dlg-f{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-radius:0;gap:10px}.dlg-f .btn{flex:1;min-width:0}.dlg-f .left{flex-basis:100%;margin-right:0}.form{gap:16px}.login{margin:4vh auto 20px;padding:24px}.empty{padding:40px 16px}.slot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:360px){.view{padding:14px 12px 24px}.pad{padding:14px}.phead{padding:18px 14px}.phead h1{font-size:23px}.lrow{grid-template-columns:minmax(0,1fr)}.lrow .a{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none}.studio-home{letter-spacing:.08em}.studio-bar{padding:6px 12px}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.studio-motion{display:none}.studio-arrive{opacity:1;transform:none}*{animation:none!important;transition:none!important}}
/* Dates and decisions must keep independent columns at every width. */
.checks.log li{grid-template-columns:155px minmax(0,1fr);gap:12px 18px}.checks.log .logt{white-space:normal}
@media(max-width:760px){.checks.log li{grid-template-columns:minmax(0,1fr);gap:6px}}
@media(max-width:760px){.checks:not(.log) li>:nth-child(3){grid-column:2;justify-self:start}.checks:not(.log) .linkbtn{min-height:44px;padding:6px 12px;border:1px solid var(--line2);border-radius:6px;white-space:nowrap}}

.checks.log .linkbtn{white-space:normal;text-align:left;overflow-wrap:anywhere;max-width:100%;min-height:36px}

/* Show urgent production checks first without losing the complete list. */
.check-more{margin-top:14px;border-top:1px solid var(--line)}
.check-more summary{min-height:48px;padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--accent2);cursor:pointer;list-style:none}
.check-more summary::-webkit-details-marker{display:none}
.check-more summary span{font-size:22px;transition:transform .2s}
.check-more[open] summary span{transform:rotate(45deg)}
.check-more summary:hover{color:var(--text)}
.check-more summary:focus-visible{outline:2px solid var(--accent2);outline-offset:5px;border-radius:3px}

/* Each production is a separate, clearly named workspace. */
.project-switch{display:flex;align-items:center;min-height:44px;margin:-14px 0 18px;padding:8px 10px;color:var(--accent2);border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:12px}
.project-switch:hover{background:var(--card2);border-color:var(--accent2)}
.studio-project-switch{display:inline-flex;align-items:center;min-height:40px;color:var(--accent2);font-size:12px;text-decoration:none}.studio-project-switch:hover{text-decoration:underline}
@media(min-width:761px){.studio-project-switch{display:none}}
body.project-picker .view{padding:48px clamp(20px,5vw,80px) 64px}body.project-picker .win{grid-template-columns:1fr}
.project-desk{max-width:1160px;margin:auto}.project-intro{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}
.project-intro h1{font-size:clamp(36px,4.8vw,64px);line-height:1.24;letter-spacing:-.035em;margin:18px 0}.project-intro h1 em{font-family:Georgia,var(--font);font-weight:400;color:var(--accent2)}
.project-intro p{color:var(--muted);max-width:54ch}.project-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;flex-wrap:wrap}.project-session{color:var(--muted);font-size:13px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.production-card{border:1px solid var(--line2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;color:var(--text);text-decoration:none;background:var(--card);transition:transform .35s var(--studio-ease),border-color .35s,box-shadow .35s}
.production-card:hover{transform:translateY(-4px);border-color:var(--accent2);box-shadow:0 16px 36px #0003}.production-card:focus-visible{outline:3px solid var(--accent2);outline-offset:5px}.production-art{min-height:250px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:radial-gradient(ellipse at 85% 100%,#59221a,transparent 65%),repeating-linear-gradient(0deg,transparent 0 35px,#ffffff04 35px 36px),#211713;color:#eee4d4;position:relative;overflow:hidden}
.production-art:after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 30%,#f6d29b0b 48%,transparent 66%);animation:studio-project-light 12s ease-in-out infinite;pointer-events:none}.production-card:nth-child(even) .production-art:after{animation-delay:-6s}
.production-art>span,.production-art>small{font:10px/1.6 var(--mono);letter-spacing:.15em;color:#cdb7a5}.production-art strong{font-size:clamp(30px,3.2vw,48px);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:90%}.production-art i{width:58px;height:4px;background:#dc5647;display:block}
.production-body{padding:26px 30px;flex:1;display:flex;flex-direction:column;gap:10px}.project-label{font:11px/1.5 var(--font);color:var(--accent2)}.production-body h2{font-size:22px;line-height:1.45;overflow-wrap:anywhere;margin:0}.production-body p{color:var(--muted);font-size:13px;margin:0 0 15px}.production-enter{display:flex;justify-content:space-between;align-items:center;min-height:50px;border-top:1px solid var(--line2);padding-top:16px;margin-top:auto;font-weight:600}.production-enter b{font-size:23px;color:var(--accent2);transition:transform .3s}.production-card:hover .production-enter b{transform:translateX(5px)}.project-footnote{font-size:12px;color:var(--muted);margin:30px 0}
.project-access-list>.row{padding:14px 0;border-bottom:1px solid var(--line)}.project-access-list small{color:var(--muted)}
@keyframes studio-project-light{0%,100%{transform:translateX(-22%)}50%{transform:translateX(22%)}}
[data-studio-motion=off] .production-art:after,[data-studio-hidden=true] .production-art:after{animation-play-state:paused}
@media(max-width:760px){.desktop-backstage{display:none}body.project-picker .view{padding:28px 20px 40px}.project-intro{padding-bottom:24px;margin-bottom:24px}.project-intro h1{font-size:38px}.project-tools{align-items:flex-start;gap:18px}.project-tools>.btn{width:100%}.project-grid{grid-template-columns:1fr;gap:22px}.production-art{min-height:220px;padding:24px}.production-art strong{font-size:35px}.production-body{padding:22px 24px}.production-body h2{font-size:21px}.project-session{font-size:12px}.studio-project-switch{font-size:12px;min-height:44px}}

.project-start{max-width:800px}.project-start-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.project-start .hint{max-width:64ch}.project-start .btn{min-height:46px}

.cs-document{min-width:0}.cs-document-label{font-size:12px;color:var(--muted);margin:0 0 10px}