/* SouPrimeiroAC 22.3.110 / build 2433 — Rebranding visual exclusivo do Modo Cinema.
   Escopo deliberadamente CSS-only. Não altera HTML dinâmico, controle de OD/PDF,
   nomes de campos, dimensões da navegação ou lógica de colaboração e salvamento. */

#setmodeView{
  --cinema-yellow:#ffd400;
  --cinema-white:#f8f8f4;
  --cinema-muted:#b8bec9;
  --cinema-surface:#151820;
  --cinema-surface-deep:#0f1218;
  --cinema-surface-raised:#1b1f28;
  --cinema-line:#353b48;
  --cinema-accent-line:rgba(255,212,0,.32);
  --cinema-elevation:0 18px 42px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025);
  color:var(--cinema-white);
}
/* Identidade da diária: o cabeçalho original permanece na mesma posição. */
#setmodeView .set-head-row{
  position:relative;
  isolation:isolate;
  border:1px solid var(--cinema-line);
  border-radius:24px;
  background:radial-gradient(circle at 94% 10%,rgba(255,212,0,.13),transparent 37%),
             linear-gradient(145deg,#1b1e24,#11141a 76%);
  box-shadow:var(--cinema-elevation);
}
#setmodeView .set-head-row::before{
  content:"";position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#ffe66b,#ffd400 60%,#9d8000);pointer-events:none;
}
#setmodeView .set-head-title .eyebrow{color:var(--cinema-yellow)!important;letter-spacing:.17em;font-weight:850;}
#setmodeView .set-head-title h3{color:var(--cinema-white)!important;font-weight:850;letter-spacing:-.035em;}
#setmodeView .so-job>span{color:#c3c9d2;font-weight:750;}
#setmodeView .so-job select{border-color:var(--cinema-line);background-color:#0f1219;color:var(--cinema-white);}

/* Superfícies: mesma grade, mesmos formulários, mesmo tamanho de botões. */
#setmodeView .so-content>.panel,
#setmodeView .so-content>form.panel,
#setmodeView .so-media-flow .panel,
#setmodeView .so-media-flow .so-media-row,
#setmodeView .so-media-flow .so-media-steps button,
#setmodeView .so-cinema-kit{
  border-color:var(--cinema-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 54%),
             linear-gradient(165deg,var(--cinema-surface),#11141a 92%)!important;
  box-shadow:var(--cinema-elevation);
  color:var(--cinema-white);
}
#setmodeView .so-content>.panel,
#setmodeView .so-media-flow .panel{border-radius:23px;}
#setmodeView .so-content>.panel{position:relative;}
#setmodeView .so-content>.panel::before{
  content:"";position:absolute;left:19px;right:19px;top:0;height:2px;
  background:linear-gradient(90deg,rgba(255,212,0,.75),rgba(255,212,0,.12) 43%,transparent 80%);
  pointer-events:none;border-radius:0 0 5px 5px;
}
#setmodeView .so-content :is(h3,h4){color:var(--cinema-white);letter-spacing:-.025em;}
#setmodeView .so-content :is(.panel>h3,.panel-head h3,.so-media-section-head h3){font-weight:850;}
#setmodeView .so-content :is(p,small,dt),
#setmodeView .so-media-row small{line-height:1.5;}
#setmodeView .so-content :is(.panel-head p,.panel-head small,.so-media-section-head p,
                         .so-media-section>p,.so-roll-record>p,.so-card-record>p){color:var(--cinema-muted);}
#setmodeView .so-content :is(label,legend){color:#d4d8df;font-weight:700;}

/* Formulários: mais clareza ao preencher no set, sem redimensionar os elementos. */
#setmodeView :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  border:1px solid #3c4350;
  border-radius:13px;
  background-color:#0e1117;
  color:var(--cinema-white);
  box-shadow:inset 0 1px 0 rgba(0,0,0,.17);
}
#setmodeView :is(input,select,textarea)::placeholder{color:#919aa9;opacity:1;}
#setmodeView :is(input,select,textarea):focus-visible{
  outline:2px solid var(--cinema-yellow);outline-offset:1px;
  border-color:var(--cinema-yellow);
  box-shadow:0 0 0 4px rgba(255,212,0,.11);
}
#setmodeView input[type="file"]{
  border:1px dashed #5a5140;border-radius:15px;
  background:rgba(255,212,0,.045);color:#e8ebf0;
}
#setmodeView input[type="file"]::file-selector-button{
  background:#272a30;border:1px solid #535967;color:var(--cinema-white);
  border-radius:9px;padding:8px 12px;margin-right:10px;font-weight:750;
}
#setmodeView :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--cinema-yellow);}

/* Botões: aparência apenas. Respeita tamanhos, alinhamentos e posições aprovados. */
#setmodeView .btn-primary,
#setmodeView .so-team-save-role{
  background:linear-gradient(180deg,#ffe050 0%,#ffd400 54%,#f4bf00 100%)!important;
  border-color:#ffd400!important;color:#141414!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 16px rgba(255,212,0,.11);
  font-weight:850;
}
#setmodeView .btn-ghost{border-color:#414957;color:#f2f3ef;}
#setmodeView .so-content button:not([disabled]){transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;}
#setmodeView .so-content button:not([disabled]):focus-visible{outline:2px solid #ffe05c;outline-offset:2px;}
#setmodeView .so-content button[disabled]{opacity:.52;}

/* Resumo: andamento da operação + métricas e atalhos. */
#setmodeView .so-stage button,
#setmodeView .so-shortcuts button,
#setmodeView .so-meal-options button{
  border-color:#3c4450;background:linear-gradient(160deg,#1d222b,#151920);
  color:#e8ecf1;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#setmodeView .so-stage button[aria-pressed="true"],
#setmodeView .so-meal-options button[aria-pressed="true"]{
  background:linear-gradient(145deg,#ffe252,#ffd400)!important;
  border-color:#ffd400!important;color:#101114!important;
  box-shadow:0 6px 20px rgba(255,212,0,.12);
}
#setmodeView .so-metrics>div{
  border:1px solid #363e4b;background:linear-gradient(160deg,#1e232d,#151820);
  border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#setmodeView .so-metrics span{color:var(--cinema-muted);}
#setmodeView .so-metrics strong{color:#fff;letter-spacing:-.025em;}
#setmodeView .so-meal-block{border-color:#41404a;background:#191c22;}

/* Mapa de câmera: corpos e parâmetros técnicos têm uma hierarquia comum. */
#setmodeView .so-camera{border-color:#414753!important;}
#setmodeView .so-camera>h3,
#setmodeView .so-media-register>h4,
#setmodeView .so-roll-register>h4{
  color:#ffe070;letter-spacing:-.018em;
}
#setmodeView :is(.so-rapid,.so-filter-compact){
  border-color:#373f4b;border-radius:14px;background:rgba(255,255,255,.015);
}
#setmodeView .so-rapid>legend{color:#d1d8e3;font-weight:800;}
#setmodeView .so-rapid button{
  border-color:#434b58;background:#242932;color:#f2f4f1;
}
#setmodeView .so-rapid button.active{
  border-color:var(--cinema-yellow);background:var(--cinema-yellow);color:#111;
}
#setmodeView .so-counter button{border-color:#424752;background:#252a33;color:#ffd400;}

/* Mídia: etapas, cartões e rolos — sem alterar seus fluxos ou grids. */
#setmodeView .so-media-steps button{box-shadow:none;}
#setmodeView .so-media-steps button[aria-current="step"]{
  border-color:var(--cinema-yellow)!important;
  background:linear-gradient(160deg,rgba(255,212,0,.145),rgba(255,212,0,.04)),#151820!important;
}
#setmodeView .so-media-steps b{background:#ffd400;color:#111;}
#setmodeView .so-media-section-head h3{border-left-color:#ffd400;}
#setmodeView .so-media-row{border-radius:18px;}
#setmodeView .so-media-row strong{color:#f8f8f4;}
#setmodeView .so-roll-title strong{color:#ffe375;letter-spacing:.025em;}
#setmodeView .so-media-row summary{color:#bdc4d0;}

/* Boletim: o bloco de salvar e os resultados NÃO mudam de lugar. */
#setmodeView .so-take-quick-bar{border-bottom-color:#353c48;}
#setmodeView .so-take-quick-bar .btn-primary{
  background:linear-gradient(145deg,#ffe258,#ffd400 75%)!important;color:#111!important;
}
#setmodeView .so-result-picker button{background:#171b22;border-color:#3e4450;color:#f4f4ef;}
#setmodeView .so-result-picker button.active[data-result="bom"]{border-color:#36c47a;background:#133a2b;}
#setmodeView .so-result-picker button.active[data-result="ng"]{border-color:#ef6a6a;background:#3a1b21;}
#setmodeView .so-result-picker button.active[data-result="problema"]{border-color:#e8b83f;background:#3a3017;}
#setmodeView .so-result-picker button.active[data-result="false_roll"]{border-color:#d1d5db;background:#2a2e35;}
#setmodeView .so-take-history-actions{border-color:var(--cinema-line);}
#setmodeView details.so-roll-menu{border-color:#3c4350;background:linear-gradient(155deg,#1c2029,#12151b);border-radius:17px;}
#setmodeView details.so-roll-menu>summary.so-roll-menu-head{background:rgba(255,255,255,.02);}
#setmodeView details.so-roll-menu[open]>summary.so-roll-menu-head{background:rgba(255,212,0,.065);}
#setmodeView .so-roll-menu-head strong{color:#f7f7f3;}
#setmodeView .so-take,
#setmodeView .so-status-history-row{
  background:#181c24;border-color:#343b48;border-radius:12px;
}
#setmodeView .so-history-live{color:#63daa4;}

/* OD: reformulação do CONTÊINER, não do canvas/iframe, parser ou escala do PDF. */
#setmodeView .so-od-tabs{border-color:#343b47;}
#setmodeView .so-od-tabs button{border-color:#3d4450;background:#1a1e26;color:#e8eaf0;}
#setmodeView .so-od-tabs button[aria-pressed="true"]{border-color:#ffd400;background:#ffd400;color:#151515;}
#setmodeView .so-od-document>label{color:#e0e2e9;}
#setmodeView .so-upload-progress{border-color:#766526;background:#252113;}
#setmodeView .so-upload-progress strong{color:#ffe070;}
#setmodeView .so-pdf-toolbar{
  background:#1b1f27;border-color:#363e49;border-radius:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#setmodeView .so-pdf-toolbar button{background:#252a33;border-color:#474e5b;color:#f6f7f3;}
#setmodeView .so-pdf-stage{border-color:#363e49;}
#setmodeView .so-od-facts>div{
  border-color:#3d4350;background:#1a1d25;border-radius:13px;
}

/* Estados vazios e notas: coerentes com o restante do site. */
#setmodeView .empty{
  border:1px dashed #424957;border-radius:17px;
  background:linear-gradient(160deg,#171b22,#11141a);color:#c2c9d4;
}
#setmodeView .so-plan-preview{
  border-color:var(--cinema-accent-line);
  background:linear-gradient(100deg,rgba(255,212,0,.115),rgba(255,212,0,.035));
}
#setmodeView .so-content :is(.so-preserve,.so-check){color:#e5e8ef;}

/* Equipe e tempo real: mesma linguagem visual, status verdes preservados. */
#setmodeView .so-team-panel{--so-team-border:#353d48;}
#setmodeView .so-team-panel>header,
#setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){
  border-color:#353d49;background:linear-gradient(155deg,#1b1f27,#11151b);
  box-shadow:var(--cinema-elevation);
}
#setmodeView .so-team-person{border-color:#363e4a;background:#181c24;}
#setmodeView .so-team-current-role{color:#ffdf52;}
#setmodeView .so-live-control{
  border-color:#3c4450;background:linear-gradient(145deg,#1b1f27,#12161c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#setmodeView .so-live-control-collapsed{
  background:linear-gradient(90deg,rgba(52,174,110,.085),transparent 62%),#151a20;
}
#setmodeView .so-live-toggle{border-color:#464f5d;background:#272c35;}
#setmodeView .so-live-editor{border-color:#326d50;background:#142720;}
#setmodeView .so-danger-zone{border-color:#984b4b!important;background:linear-gradient(160deg,#24171b,#17171b)!important;}

/* Navegação flutuante: só acabamento, geometria fixa intocada. */
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"]{
  border-color:#424955!important;
  background:rgba(15,17,22,.96)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.47),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button:not([aria-current="page"]){color:#c5cbd5!important;}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button[aria-current="page"]{
  background:#ffd400!important;color:#101216!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button:focus-visible{
  outline:2px solid #ffe263!important;outline-offset:1px;
}
@media(max-width:760px){
  /* No mobile, .set-head-row usa display:contents; estilizar o header real. */
  #setmodeView .set-app-head{
    border-color:#39404b;
    background:radial-gradient(circle at 94% 14%,rgba(255,212,0,.16),transparent 43%),
               linear-gradient(145deg,#1b1f27,#10131a 88%);
    box-shadow:var(--cinema-elevation);
  }
  #setmodeView .so-content>.panel,
  #setmodeView .so-media-flow .panel{border-radius:19px;}
  #setmodeView .so-content>.panel::before{left:14px;right:14px;}
  #setmodeView .so-media-row{box-shadow:none;}
}
@media(prefers-reduced-motion:reduce){#setmodeView button{transition:none!important;}}