/* Bin Usmani workspace: shared hierarchy and accessible interaction surfaces. */
:root{--bg:#0b1017;--panel:#151e29;--line:#303e4e;--text:#f4f7fb;--muted:#b0bdcc;--gold:#edc671;--radius:18px}
[hidden]{display:none!important}
body{background:radial-gradient(ellipse at 90% 0,#26364580,transparent 55%),var(--bg);font-size:15px;line-height:1.65}
main{padding:36px clamp(22px,3vw,52px);max-width:1660px}aside{background:#0e151f;border-right:1px solid #263344}
header h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.3px}.eyebrow{color:#e8c779}.page-description{color:#b8c4d3}
nav button,nav a{min-height:48px!important;font-size:14px!important;border-radius:12px!important}nav button.active,nav a[aria-current=page]{background:#edc67118!important;box-shadow:inset 3px 0 var(--gold)}
.panel,.card,.stat{background:linear-gradient(145deg,#192433,#141c27);border:1px solid #304052;box-shadow:0 12px 35px #0002}.panel{padding:28px}.panel h2{font-size:23px}.stats{gap:18px}.stat{min-height:155px}.stat strong{font-size:44px}.stat small:last-child{font-size:12px;color:#b0bdcc}
button{min-height:44px;font-size:14px;border-radius:11px}button.primary{background:var(--gold);border-color:var(--gold)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #edc671;outline-offset:3px}
input,textarea,select{background:#101925;border:1px solid #45576e;font-size:15px;border-radius:11px}label{font-size:14px;color:#ced7e3}textarea{line-height:1.75}input::placeholder,textarea::placeholder{color:#95a5ba}
.notice{border-color:#645638;background:#edc6710b;color:#e0ceaa;border-radius:12px}.help{font-size:13px;color:#b1bfd0}.error{color:#ffb8b8;overflow-wrap:anywhere}
.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}.preview{height:300px;background:#0b1119}.preview img{object-fit:contain}.card-body{padding:18px}.card h3{font-size:16px;line-height:1.4}.card-body p{font-size:13px;color:#b0bfd1}.card-body button{width:100%}.badge{font-size:12px;padding:5px 10px;line-height:1.45}.toolbar{padding:16px;gap:12px;margin-bottom:22px}.toolbar input{flex:1;min-width:180px}.empty{border:1px dashed #41536a;border-radius:18px;padding:64px 24px}
.workspace-quick-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}.workspace-quick-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #46566b;background:#1c293a;border-radius:11px;color:#e7edf6;text-decoration:none;font-size:14px;font-weight:600}.workspace-quick-actions a:hover{background:#293c52}.workspace-quick-actions a:first-child{background:var(--gold);border-color:var(--gold);color:#211a0b}
.workspace-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#b7c5d6;margin:0 0 16px}.workspace-legend span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:#edc671}.workspace-legend span:nth-child(2)::before{background:#9ab8fa}.workspace-legend span:nth-child(3)::before{background:#60728c}
.calendar{gap:10px;min-width:900px}.calendar-day{min-height:150px;padding:14px;background:#182434}.calendar-day.slot-rest{background:#0f1722}.calendar-day strong{font-size:18px}.calendar-day small{font-size:12px}.calendar-day .badge{width:100%;max-width:100%;font-size:12px;min-height:38px;padding:9px;margin-top:8px}.calendar-day>.delivery-summary{font-size:11px;color:#b9c8da;line-height:1.6;margin-top:8px}.calendar-scroll{padding:18px;background:#101824}.day-head{font-size:13px;color:#bac7d9}
dialog#editor-dialog{width:min(1220px,calc(100vw - 36px));padding:0;max-height:calc(100dvh - 36px);background:#111b28}.dialog-head{position:sticky;top:0;z-index:3;background:#152131;padding:22px 28px;margin:0;border-bottom:1px solid #35475d}.dialog-head h2{font-size:21px;overflow-wrap:anywhere}.dialog-head .close{flex-shrink:0}#editor-body{padding:26px}.editor-grid{grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:28px}.editor-preview{background:#0d1520;border-color:#35465d;align-self:start}.editor-preview img,.editor-preview video{max-height:440px;border-radius:12px}.editor-grid .tabs{position:sticky;top:88px;z-index:2;background:#142030;display:flex;overflow-x:auto;gap:5px}.tabs button{font-size:13px;min-width:85px;min-height:42px}.editor-grid textarea{min-height:190px;font-weight:400}.editor-grid .check{padding:13px 16px;font-size:14px;background:#131e2c}.editor-grid .check:has(:checked){border-color:#c3a560;background:#edc6710b}.editor-grid input[type=checkbox]{width:18px;height:18px}.editor-grid h3{margin-top:24px}.editor-publish-actions{position:sticky;bottom:0;background:#142131f5;padding:16px;border:1px solid #40516a;border-radius:14px;box-shadow:0 -10px 25px #0003;z-index:2}.editor-publish-actions button{flex:1;min-height:48px}.delivery-status-panel{background:#111c2a!important;margin-bottom:20px;padding:20px!important}.delivery-status-panel h3{margin:0 0 12px}.delivery-status-panel .help{margin:0;padding:10px 0;border-top:1px solid #2f4055}.delivery-technical{margin-top:18px;background:#101923}.delivery-technical summary{font-size:13px;color:#b5c4d7}.editor-lock-note{padding:14px 18px;border:1px solid #655639;border-radius:12px;background:#edc6710a;margin-bottom:20px}
.creative-page #chat-messages{background:#0d1622;padding:20px;border-radius:16px}.creative-page #chat-form{border-top:1px solid #35475e;margin-top:24px;padding-top:24px}.creative-page #chat-input{min-height:140px}.creative-page #chat-send{min-height:48px;min-width:160px}.creative-page .attach-control{border-color:#50647e;background:#121e2d}.creative-page #current-output img{object-fit:contain}.creative-page main{max-width:1600px}.creative-page .panel{margin-bottom:24px}
#toast{background:#223247;border:1px solid #637b98;color:#fff;border-radius:14px;padding:16px 22px;line-height:1.6}footer{color:#a4b3c6}details summary{min-height:30px}
.calendar-deliveries{padding:0;border:0;margin-top:8px;background:transparent}.calendar-deliveries summary{font-size:11px;color:#becde0;min-height:26px}.calendar-deliveries .delivery-summary{font-size:11px;line-height:1.6;display:block}.calendar-deliveries[open]{background:#0e1825;padding:8px;border-radius:8px}
.calendar{grid-auto-rows:auto;gap:1px;background:#304052}.calendar-scroll{padding:0;overflow:hidden;border-radius:16px}.day-head{background:#101b2a;padding:14px}.calendar>div:empty{background:#0f1824}.calendar-day{border:0!important;border-radius:0;min-height:155px;height:155px;background:#142030;padding:12px;overflow-y:auto}.calendar-day.slot-rest{background:#101925}.calendar-day.slot-video{box-shadow:inset 0 3px #8eabec}.calendar-day.slot-image{box-shadow:inset 0 3px #dfb85d}.calendar-day>strong{font-size:16px}.calendar-day>small{font-size:10px;margin-top:3px;color:#9dacbf}.calendar-empty{opacity:.65}.calendar-post{display:flex;align-items:center;gap:8px;width:100%;min-height:74px;height:auto;margin-top:9px;padding:8px;background:#223148;border:1px solid #435974;border-radius:9px;text-align:left;box-shadow:none;overflow:hidden}.calendar-post-thumb{flex:0 0 36px;width:36px;height:48px;background:#0b1420;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#bcd0ee}.calendar-post-thumb img{width:100%;height:100%;object-fit:contain}.calendar-post-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-post-copy strong{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-post-copy>span{font-size:10px;color:#c3d7f2}.calendar-post-copy small{font-size:9px;color:#a9bad0;white-space:nowrap}.calendar-post.complete{border-color:#6b5d41;background:#362c19}.calendar-post.attention{border-color:#9a7442;background:#362c20}.calendar-post.confirmed{border-color:#526ea0}.calendar-post.attention .calendar-post-copy>span{color:#ffd492}.calendar-post.complete .calendar-post-copy>span{color:#ddcba6}
@media(max-width:1000px){.calendar-scroll{overflow-x:auto}.calendar{min-width:900px}}
.calendar-day button.calendar-post{display:flex;min-height:72px;padding:8px;margin-top:8px;gap:8px}.calendar-day .calendar-post-copy{flex:1}.calendar-day .calendar-post-copy strong{margin:0;font-size:11px}.calendar-day .calendar-post-copy small{margin:0}.calendar-day{scrollbar-width:thin}
@media(max-width:1100px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.editor-grid{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){main{padding:24px 16px}.panel{padding:20px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{min-height:135px;padding:16px}.stat strong{font-size:34px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview{height:220px}.card-body{padding:13px}.card h3{font-size:14px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;flex-basis:100%}.workspace-quick-actions a{flex:1;min-width:135px}.calendar-scroll{padding:10px}.editor-grid{grid-template-columns:1fr}.dialog-head{padding:16px}.dialog-head h2{font-size:18px}#editor-body{padding:16px}.editor-grid .tabs{top:76px}.editor-preview img,.editor-preview video{max-height:320px}.editor-publish-actions{bottom:0;padding:12px}.delivery-status-panel{padding:16px!important}.creative-page #chat-messages{padding:12px}.workspace-legend{gap:12px}}
@media(max-width:420px){.grid{grid-template-columns:1fr}.preview{height:320px}.stats{grid-template-columns:1fr 1fr}.stat small{font-size:11px}.editor-publish-actions{flex-wrap:wrap}.editor-publish-actions button{min-width:110px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.worker-check-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 22px;border:1px solid #465a74;border-radius:14px;background:#192637;margin:0 0 24px}.worker-check-bar>div{flex:1;min-width:240px}.worker-check-bar p{font-size:12px;margin:4px 0;color:#bacbe0}.worker-check-bar>[role=status]{flex-basis:100%}.worker-check-bar>[role=status]:empty{display:none}