/* Deep Ocean Obsidian: final authenticated-workbench visual layer. */
#mainApp:not(.auth-locked){
  --ocean-shell:#071722;
  --ocean-shell-raised:#0B2232;
  --ocean-shell-active:#123044;
  --ocean-canvas:#F5F7F8;
  --ocean-surface:#FFFFFF;
  --ocean-surface-muted:#EDF1F3;
  --ocean-ink:#17242D;
  --ocean-muted:#596B78;
  --ocean-subtle:#8796A0;
  --ocean-line:#DCE3E7;
  --ocean-brand:#0F9F91;
  --ocean-brand-soft:#DDF5F1;
  --ocean-info:#3276C8;
  --ocean-warning:#B77B22;
  --ocean-danger:#C44F55;
  font-family:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei","PingFang SC",sans-serif!important;
  color:var(--ocean-ink)!important;
  background:var(--ocean-canvas)!important;
  grid-template-columns:240px minmax(0,1fr)!important;
}

#mainApp:not(.auth-locked) .sidebar{background:linear-gradient(180deg,var(--ocean-shell),var(--ocean-shell-raised))!important;border-right:1px solid rgba(220,227,231,.16)!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .brand{height:64px!important;padding:0 24px!important;border-bottom:1px solid rgba(220,227,231,.16)!important;background:transparent!important;}
#mainApp:not(.auth-locked) .brand-mark{width:32px!important;height:32px!important;margin-right:12px!important;border-radius:8px!important;background:var(--ocean-brand)!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .brand h1{font-size:16px!important;color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .brand small{font-size:12px!important;color:#8796A0!important;}
#mainApp:not(.auth-locked) .nav-group{padding:16px 12px 0!important;}
#mainApp:not(.auth-locked) .nav-label{padding:8px 12px!important;font-size:12px!important;color:#8796A0!important;letter-spacing:.08em!important;}
#mainApp:not(.auth-locked) .nav-item{height:40px!important;margin:4px 0!important;padding:0 12px!important;border-radius:8px!important;font-size:13px!important;color:#DCE3E7!important;}
#mainApp:not(.auth-locked) button.nav-item{width:100%!important;border:1px solid transparent!important;background:transparent!important;font-family:inherit!important;text-align:left!important;cursor:pointer!important;}
#mainApp:not(.auth-locked) .nav-item:hover{background:var(--ocean-shell-active)!important;color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .nav-item.active{background:var(--ocean-shell-active)!important;color:#FFFFFF!important;box-shadow:inset 3px 0 var(--ocean-brand)!important;}
#mainApp:not(.auth-locked) .nav-item.active:before{display:none!important;}
#mainApp:not(.auth-locked) .nav-icon{width:24px!important;height:24px!important;border-color:rgba(220,227,231,.2)!important;border-radius:8px!important;color:inherit!important;}
#mainApp:not(.auth-locked) .nav-badge{background:var(--ocean-danger)!important;font-size:12px!important;}
#mainApp:not(.auth-locked) .security-box{padding:12px!important;border:1px solid rgba(220,227,231,.16)!important;border-radius:12px!important;background:rgba(18,48,68,.72)!important;}
#mainApp:not(.auth-locked) .security-box strong{font-size:12px!important;color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .security-box p{font-size:12px!important;color:#8796A0!important;}

#mainApp:not(.auth-locked) .main,#mainApp:not(.auth-locked) .workspace{background:var(--ocean-canvas)!important;}
#mainApp:not(.auth-locked) .workspace :is(p,span,small,label,button,input,select,textarea,li,td,th,a,summary,time,legend,figcaption,option){font-size:12px!important;}
#mainApp:not(.auth-locked)~.toast{font-size:12px!important;}
#mainApp:not(.auth-locked)~.user-popover :is(b,span,button){font-size:12px!important;}
#mainApp:not(.auth-locked)~.modal-mask .modal-body :is(p,span,small,label,button,input,select,textarea,li,td,th,a,summary,time){font-size:12px!important;}
#mainApp:not(.auth-locked) .topbar{height:64px!important;padding:0 32px!important;background:var(--ocean-surface)!important;border-bottom:1px solid var(--ocean-line)!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .crumb{font-size:13px!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .crumb strong{color:var(--ocean-ink)!important;}
#mainApp:not(.auth-locked) .env-tag{padding:4px 8px!important;border:1px solid #B7E7E1!important;border-radius:8px!important;background:var(--ocean-brand-soft)!important;color:#08776D!important;font-size:12px!important;}
#mainApp:not(.auth-locked) .top-icon,#mainApp:not(.auth-locked) .avatar{width:40px!important;height:40px!important;border-radius:8px!important;}
#mainApp:not(.auth-locked) .top-icon{border-color:var(--ocean-line)!important;background:var(--ocean-surface)!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .avatar{background:var(--ocean-brand-soft)!important;color:#08776D!important;}
#mainApp:not(.auth-locked) .user-name,#mainApp:not(.auth-locked) .user-name small{font-size:12px!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .workspace{padding:32px!important;}
#mainApp:not(.auth-locked) .page{max-width:none!important;}
#mainApp:not(.auth-locked) .page-title{margin-bottom:24px!important;}
#mainApp:not(.auth-locked) .page-title h2{font-size:24px!important;line-height:32px!important;letter-spacing:0!important;color:var(--ocean-ink)!important;}
#mainApp:not(.auth-locked) .page-title p{margin-top:8px!important;font-size:13px!important;line-height:20px!important;color:var(--ocean-muted)!important;}

#mainApp:not(.auth-locked) .card,#mainApp:not(.auth-locked) .input-section,#mainApp:not(.auth-locked) .workbench-context,#mainApp:not(.auth-locked) .workbench-primary,#mainApp:not(.auth-locked) .workbench-inspector,#mainApp:not(.auth-locked) .workbench-disclosure{border:1px solid var(--ocean-line)!important;border-radius:12px!important;background:var(--ocean-surface)!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .card-head{border-bottom-color:var(--ocean-line)!important;background:var(--ocean-surface)!important;}
#mainApp:not(.auth-locked) .card-body,#mainApp:not(.auth-locked) .input-section{padding:16px!important;}
#mainApp:not(.auth-locked) .project-workbench-shell{gap:16px!important;}
#mainApp:not(.auth-locked) .workbench-inspector,#mainApp:not(.auth-locked) .production-inspector,#mainApp:not(.auth-locked) .delivery-inspector{width:320px!important;min-width:0!important;position:static!important;align-self:start!important;}
#mainApp:not(.auth-locked) .workspace-rail,#mainApp:not(.auth-locked) .script-inspector,#mainApp:not(.auth-locked) .cut-properties,#mainApp:not(.auth-locked) .delivery-context{position:static!important;align-self:start!important;}
#mainApp:not(.auth-locked) .final-cut-workbench .cut-shot-list{position:static!important;align-self:start!important;}

/* Context stays light; the production inspector uses the approved dark surface. */
#mainApp:not(.auth-locked) .workbench-context{background:var(--ocean-surface)!important;color:var(--ocean-ink)!important;}
#mainApp:not(.auth-locked) .workbench-context :is(h1,h2,h3,h4,strong){color:var(--ocean-ink)!important;}
#mainApp:not(.auth-locked) .workbench-context :is(p,span,small,label,li,dt,dd){color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .workbench-context :is(input,select,textarea){border-color:var(--ocean-line)!important;background:var(--ocean-surface)!important;color:var(--ocean-ink)!important;}
#mainApp:not(.auth-locked) .workbench-context .status{background:var(--ocean-surface-muted)!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .workbench-inspector{border-color:#26485D!important;background:var(--ocean-shell-raised)!important;color:#DCE3E7!important;}
#mainApp:not(.auth-locked) .workbench-inspector :is(h1,h2,h3,h4,strong){color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .workbench-inspector :is(p,span,small,label,li,dt,dd){color:#C6D3DC!important;}
#mainApp:not(.auth-locked) .workbench-inspector :is(input,select,textarea){border-color:#49677A!important;background:var(--ocean-shell-active)!important;color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .workbench-inspector :is(input,textarea)::placeholder{color:#A8BBC8!important;}
#mainApp:not(.auth-locked) .workbench-inspector .btn.primary{background:#08776D!important;border-color:#08776D!important;color:#FFFFFF!important;}
#mainApp:not(.auth-locked) .workbench-inspector :is(.candidate-card,.input-section,.card,.workbench-disclosure){border-color:#36566A!important;background:var(--ocean-shell-active)!important;color:#DCE3E7!important;}
#mainApp:not(.auth-locked) .workbench-inspector .candidate-placeholder{background:#17384B!important;color:#DCE3E7!important;}
#mainApp:not(.auth-locked) .workbench-inspector .status{border-color:transparent!important;background:#29495B!important;color:#DCE3E7!important;}
#mainApp:not(.auth-locked) .workbench-inspector .status.ok{background:#163E3A!important;color:#8CE2D6!important;}
#mainApp:not(.auth-locked) .workbench-inspector .status.review{background:#173B61!important;color:#A9CFF5!important;}
#mainApp:not(.auth-locked) .workbench-inspector .status.risk{background:#552F36!important;color:#F4BBC0!important;}
#mainApp:not(.auth-locked) .workbench-inspector .status.warn{background:#4B3D28!important;color:#F0CF92!important;}

#mainApp:not(.auth-locked) .btn{min-height:40px!important;padding:8px 16px!important;border:1px solid var(--ocean-line)!important;border-radius:8px!important;background:var(--ocean-surface)!important;color:var(--ocean-ink)!important;font-size:13px!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .btn:hover{border-color:var(--ocean-brand)!important;background:var(--ocean-brand-soft)!important;transform:none!important;}
#mainApp:not(.auth-locked) .btn.primary{background:var(--ocean-brand)!important;border-color:var(--ocean-brand)!important;color:#FFFFFF!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .btn.primary:hover{background:#08776D!important;border-color:#08776D!important;}
#mainApp:not(.auth-locked) .btn.small{min-height:40px!important;font-size:12px!important;}
#mainApp:not(.auth-locked) input,#mainApp:not(.auth-locked) select,#mainApp:not(.auth-locked) textarea{min-height:40px!important;border:1px solid var(--ocean-line)!important;border-radius:8px!important;background:var(--ocean-surface)!important;color:var(--ocean-ink)!important;font-size:13px!important;}
#mainApp:not(.auth-locked) textarea{padding:12px!important;line-height:20px!important;}
#mainApp:not(.auth-locked) button:focus-visible,#mainApp:not(.auth-locked) a:focus-visible,#mainApp:not(.auth-locked) input:focus-visible,#mainApp:not(.auth-locked) select:focus-visible,#mainApp:not(.auth-locked) textarea:focus-visible,#mainApp:not(.auth-locked) summary:focus-visible{outline:3px solid rgba(15,159,145,.28)!important;outline-offset:2px!important;border-color:var(--ocean-brand)!important;}

/* One six-stage navigation treatment across every production surface. */
#mainApp:not(.auth-locked) .workbench-stage-nav{padding:4px!important;border:1px solid var(--ocean-line)!important;border-radius:12px!important;background:var(--ocean-surface)!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .stage-nav-item{min-height:48px!important;border-radius:8px!important;font-size:12px!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .stage-nav-item span{border-color:var(--ocean-line)!important;background:var(--ocean-surface-muted)!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .stage-nav-item.active{background:var(--ocean-brand-soft)!important;color:#08776D!important;box-shadow:none!important;}
#mainApp:not(.auth-locked) .stage-nav-item.active span{background:var(--ocean-brand)!important;color:#FFFFFF!important;}

/* Current-stage model choice is a compact card directly above the sole primary action. */
#mainApp:not(.auth-locked) .stage-model-selector{display:grid!important;gap:8px!important;min-width:250px!important;padding:12px!important;border:1px solid var(--ocean-line)!important;border-radius:12px!important;background:var(--ocean-surface-muted)!important;color:var(--ocean-ink)!important;font-size:12px!important;font-weight:600!important;}
#mainApp:not(.auth-locked) .stage-model-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:var(--ocean-ink)!important;opacity:1!important;}
#mainApp:not(.auth-locked) .stage-model-state{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:8px!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;}
#mainApp:not(.auth-locked) .stage-model-state--connected{background:var(--ocean-brand-soft)!important;color:#08776D!important;}
#mainApp:not(.auth-locked) .stage-model-state--warning{background:#F8EEDC!important;color:var(--ocean-warning)!important;}
#mainApp:not(.auth-locked) .stage-model-state--error{background:#FBE9EA!important;color:var(--ocean-danger)!important;}
#mainApp:not(.auth-locked) .stage-model-state--unknown{background:var(--ocean-surface)!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .stage-model-select{width:100%!important;height:40px!important;padding:0 12px!important;}
#mainApp:not(.auth-locked) .stage-model-meta{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;color:var(--ocean-muted)!important;font-size:12px!important;font-weight:400!important;line-height:16px!important;}
#mainApp:not(.auth-locked) .stage-model-meta span:not(:last-child)::after{content:"·";margin-left:8px;color:var(--ocean-subtle);}
#mainApp:not(.auth-locked) .stage-model-recommendation{color:#08776D!important;font-weight:600!important;}
#mainApp:not(.auth-locked) .stage-model-note{font-size:12px!important;line-height:16px!important;color:var(--ocean-muted)!important;}
#mainApp:not(.auth-locked) .stage-model-empty,#mainApp:not(.auth-locked) .stage-model-error{padding:12px!important;border-radius:12px!important;font-size:12px!important;line-height:16px!important;}
#mainApp:not(.auth-locked) .stage-model-empty{border-color:#E7D4AA!important;background:#FFF8E9!important;color:var(--ocean-warning)!important;}
#mainApp:not(.auth-locked) .stage-model-error{border-color:#EBC7C9!important;background:#FBE9EA!important;color:var(--ocean-danger)!important;}

#mainApp:not(.auth-locked) .generation-actions,#mainApp:not(.auth-locked) .script-model-action,#mainApp:not(.auth-locked) .storyboard-generation-action,#mainApp:not(.auth-locked) .voice-model-action,#mainApp:not(.auth-locked) .review-model-action{gap:12px!important;}
#mainApp:not(.auth-locked) .generation-actions,#mainApp:not(.auth-locked) .cut-actions{position:static!important;z-index:auto!important;margin-top:16px!important;padding:16px 0 0!important;border-top:1px solid var(--ocean-line)!important;background:transparent!important;}
#mainApp:not(.auth-locked) .generation-actions .btn.primary,#mainApp:not(.auth-locked) .cut-actions .btn.primary{min-height:48px!important;}

#mainApp:not(.auth-locked) .status.ok{background:var(--ocean-brand-soft)!important;color:#08776D!important;}
#mainApp:not(.auth-locked) .status.review{background:#E6F0FB!important;color:var(--ocean-info)!important;}
#mainApp:not(.auth-locked) .status.risk{background:#FBE9EA!important;color:var(--ocean-danger)!important;}
#mainApp:not(.auth-locked) .status.warn{background:#F8EEDC!important;color:var(--ocean-warning)!important;}

@media(max-width:1100px){
  #mainApp:not(.auth-locked){grid-template-columns:1fr!important;}
  #mainApp:not(.auth-locked) .sidebar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;min-width:0!important;min-height:0!important;max-width:100vw!important;overflow:hidden!important;border-right:0!important;border-bottom:1px solid rgba(220,227,231,.16)!important;}
  #mainApp:not(.auth-locked) .sidebar .brand{width:208px!important;}
  #mainApp:not(.auth-locked) .sidebar .nav-group{display:flex!important;min-width:0!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;}
  #mainApp:not(.auth-locked) .sidebar .nav-label,#mainApp:not(.auth-locked) .sidebar .side-foot{display:none!important;}
  #mainApp:not(.auth-locked) .sidebar .nav-item{flex:0 0 auto!important;width:auto!important;min-width:128px!important;margin:0!important;justify-content:center!important;white-space:nowrap!important;}
  #mainApp:not(.auth-locked) .workbench-inspector,#mainApp:not(.auth-locked) .production-inspector,#mainApp:not(.auth-locked) .delivery-inspector{width:auto!important;position:static!important;}
}

@media(max-width:720px){
  #mainApp:not(.auth-locked) .sidebar{grid-template-columns:1fr!important;}
  #mainApp:not(.auth-locked) .sidebar .brand{display:none!important;}
  #mainApp:not(.auth-locked) .sidebar .nav-group{width:100%!important;}
  #mainApp:not(.auth-locked) .topbar,#mainApp:not(.auth-locked) .workspace{padding-left:16px!important;padding-right:16px!important;}
  #mainApp:not(.auth-locked) .topbar{gap:8px!important;}
  #mainApp:not(.auth-locked) .user-name{display:none!important;}
  #mainApp:not(.auth-locked) .stage-model-selector{min-width:0!important;}
  #mainApp:not(.auth-locked) .workbench-stage-nav{overflow:auto!important;}
  #mainApp:not(.auth-locked) .stage-nav-item{min-width:112px!important;}
}