/* V22.3.127 — somente Modo Cinema: Mapa/Lista e Pacotes, Mídia e Monitor 1º AC. */
#setmodeView .so-energy-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin:0 0 12px;background:#171f28;border:1px solid #34404a;border-radius:13px}
#setmodeView .so-energy-tabs button{border:0;background:transparent;color:#c5ced8;border-radius:9px;padding:10px 8px;font-size:13px;font-weight:750;min-height:42px}
#setmodeView .so-energy-tabs button[aria-pressed="true"]{background:#ffe500;color:#111}
#setmodeView .so-energy-panel{display:grid;gap:15px;min-width:0}
#setmodeView .so-energy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#setmodeView .so-energy-head h3{margin:0}
#setmodeView .so-energy-head small,#setmodeView .so-energy-muted{color:#abb5c0;font-size:12px;line-height:1.5}
#setmodeView .so-energy-head span{border:1px solid #37414e;border-radius:8px;padding:5px 7px;font-size:11px;white-space:nowrap}
#setmodeView .so-energy-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#setmodeView .so-energy-packs button{display:grid;gap:7px;text-align:left;justify-items:start;background:#1b2732;border:1px solid #37424f;border-radius:12px;padding:12px;min-width:0;min-height:74px;font-size:14px}
#setmodeView .so-energy-packs button[aria-pressed="true"]{border-color:#d0b62e;background:#312c1b;color:#ffe500}
#setmodeView .so-energy-packs button small{font-size:12px;font-weight:500;color:#bac4cd}
#setmodeView .so-energy-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
#setmodeView .so-energy-inline button{margin:0;min-height:46px}
#setmodeView .so-energy-group{display:grid;gap:14px;padding:15px;border:1px solid #394552;border-radius:14px;background:#18232d;min-width:0}
#setmodeView .so-energy-group h4{margin:3px 0 0;font-size:15px;color:#f9fafb}
#setmodeView .so-energy-item{display:grid;gap:8px;padding:12px;background:#121b24;border:1px solid #303c46;border-radius:11px;min-width:0}
#setmodeView .so-energy-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#setmodeView .so-energy-item-head strong{font-size:13px;overflow-wrap:anywhere}
#setmodeView .so-energy-item-head button{border:0;background:transparent;color:#bdc5cf;padding:0 7px;font-size:20px;min-height:30px;min-width:30px}
#setmodeView .so-energy-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#setmodeView .so-energy-four>div{display:grid;gap:3px;min-width:0}
#setmodeView .so-energy-four small,#setmodeView .so-energy-results small{font-size:10px;color:#aeb9c4}
#setmodeView .so-energy-four b{font-size:13px;color:#f3f5f7}
#setmodeView .so-energy-item>small{font-size:11px;color:#b3bec7}
#setmodeView .so-energy-item details{margin:0}
#setmodeView .so-energy-tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
#setmodeView .so-energy-tech button{align-self:end;margin:0}
#setmodeView .so-energy-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#setmodeView .so-energy-results>div{background:#111a22;padding:10px;border-radius:10px;display:grid;gap:5px;min-width:0}
#setmodeView .so-energy-results strong{font-size:19px;line-height:1.25;color:#ffe500;overflow-wrap:anywhere}
#setmodeView .so-energy-warning{border:1px solid #9b6d2d;background:#332a17;color:#ffe1a0;border-radius:9px;padding:10px;font-size:12px}
#setmodeView .so-energy-danger{background:transparent;border:0;color:#ff9ba5;font-size:12px;justify-self:start;min-height:32px;padding:5px}
#setmodeView .so-multi-camera{border:1px solid #4c4951;padding:10px;border-radius:11px;margin:9px 0}
#setmodeView .so-multi-camera [data-multi-options]{padding:5px 10px 0;display:grid;gap:4px}
#setmodeView .so-multi-camera [data-multi-options][hidden]{display:none!important}
#setmodeView .so-multi-camera [data-multi-options] small{font-size:12px;color:var(--muted)}
#setmodeView .so-multi-camera .so-check{margin:5px 0}
#setmodeView .so-energy-monitor{display:grid;gap:12px}
#setmodeView .so-energy-monitor-card{display:grid;gap:10px}
#setmodeView .so-energy-monitor-card>small{font-size:12px;color:#aeb9c4}
#setmodeView .so-energy-charge{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
#setmodeView .so-energy-charge strong{color:#f9fafb;font-size:16px}
#setmodeView .so-energy-bar{height:8px;border-radius:10px;background:#35424d;overflow:hidden}
#setmodeView .so-energy-bar>span{display:block;height:100%;border-radius:10px;transition:width .2s}
/* Indica presença da bateria sem fingir carga mensurada quando não há Wh/W confiáveis. */
#setmodeView .so-energy-bar.so-energy-bar-pending>span{opacity:.55;background:repeating-linear-gradient(115deg,#65c997 0 14px,#377f65 14px 22px)!important}
#setmodeView .so-energy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#setmodeView .so-energy-actions button{min-height:40px;padding:7px;border:1px solid #4b5865;border-radius:9px;background:#25303a;color:#f5f6f7;font-size:12px;font-weight:750}
#setmodeView .so-energy-actions button:last-child{background:#ffe500;color:#151515;border-color:#ffe500}
#setmodeView .so-energy-actions button:disabled{opacity:.45}
#setmodeView .so-energy-swap{display:grid;gap:8px;padding:10px;border:1px solid #5a512a;border-radius:10px}
#setmodeView .so-energy-swap button{margin:0}
#setmodeView .so-energy-history{font-size:12px;color:#c4cbd4;border-top:1px solid #38434c;padding-top:8px}
#setmodeView .so-energy-low{color:#ff9696!important;border-color:#a3454d!important;background:#51262c!important}
#setmodeView .so-ac .so-ac-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
#setmodeView .so-ac .so-ac-tabs button{font-size:12px}
/* Cores discretas do status: vermelho suave, amarelo com texto forte, verde suave. */
#setmodeView .so-roll-stage button.so-roll-status{min-width:90px!important;min-height:34px!important;padding:5px 8px!important;border-radius:8px!important;font-size:11px!important}
#setmodeView .so-roll-stage button.so-roll-status.is-0{background:#51262c!important;border-color:#bc515b!important;color:#ff9696!important}
#setmodeView .so-roll-stage button.so-roll-status.is-1{background:#39351a!important;border-color:#746421!important;color:#ffe500!important}
#setmodeView .so-roll-stage button.so-roll-status.is-2{background:#20533c!important;border-color:#35865d!important;color:#8fe8b2!important}
#setmodeView .so-roll-stage button.so-roll-stage-remove{min-width:26px!important;width:26px!important;min-height:30px!important;padding:2px!important;border:0!important;background:transparent!important;color:#afb7c2!important;font-size:21px!important}
#setmodeView .so-roll-stage-complete{min-width:0}
#setmodeView .so-roll-add{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
#setmodeView .so-roll-add>button{margin:0;min-height:44px}
@media(max-width:760px){#setmodeView .so-energy-inline{grid-template-columns:minmax(0,1fr) auto}#setmodeView .so-energy-inline button{max-width:110px}#setmodeView .so-energy-packs button{padding:10px}#setmodeView .so-energy-four{grid-template-columns:repeat(2,minmax(0,1fr))}#setmodeView .so-energy-results strong{font-size:16px}#setmodeView .so-ac .so-ac-tabs button{font-size:11px;min-width:0}#setmodeView .so-roll-stage button.so-roll-status{min-width:84px!important}}

#setmodeView .so-energy-source{display:grid;gap:10px;border:1px solid #45515c;border-radius:12px;background:#152029;padding:12px;min-width:0}
#setmodeView .so-energy-source-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
#setmodeView .so-energy-source-title strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
#setmodeView .so-energy-source-title .so-energy-danger{white-space:nowrap}
#setmodeView .so-energy-summary{display:grid;gap:5px;padding:12px;background:#262b22;border-radius:10px;color:#dde3d8}
#setmodeView .so-energy-summary small{font-size:12px}
#setmodeView .so-energy-summary strong{color:#ffe500}
#setmodeView .so-energy-monitor-source{display:grid;gap:10px;background:#121d27;border:1px solid #37444e;border-radius:12px;padding:11px}
#setmodeView .so-energy-monitor-source>small{color:#aeb8c0;font-size:11px}
#setmodeView .so-energy-source .so-energy-tech label,#setmodeView .so-energy-item label{min-width:0}
@media(max-width:420px){#setmodeView .so-energy-source .so-energy-results{grid-template-columns:repeat(3,minmax(0,1fr))}#setmodeView .so-energy-source .so-energy-results strong{font-size:14px}#setmodeView .so-energy-source-title{align-items:flex-start}}

/* Build 2455: pesquisa dentro dos pacotes, isolada das demais abas. */
#setmodeView [data-form="energy-catalog-item"] label{display:grid;gap:6px;min-width:0}
#setmodeView [data-form="energy-catalog-item"] input,#setmodeView [data-form="energy-catalog-item"] select{width:100%;min-width:0}

/* Build 2460 — seleção pontual de câmeras, horário dos últimos takes e leitura do contador. */
#setmodeView .so-multi-camera-choices{display:flex;flex-wrap:wrap;gap:6px 14px;padding:5px 0}
#setmodeView .so-multi-camera-choices .so-check{display:inline-flex;align-items:center;gap:6px;min-width:105px}
#setmodeView .so-recent-take-time{display:inline-block;margin-left:5px;color:#ffe500;font-size:11px;font-weight:700;white-space:nowrap}
#setmodeView .so-camera [data-op="camera-delete"]{margin-left:8px;border-color:#74515a;color:#ffc4cd}

/* Build 2461: tela do Boletim mais limpa; estilos restritos a estes dois painéis. */
#setmodeView details.so-multi-camera{padding:0;overflow:hidden;background:rgba(9,12,16,.48)}
#setmodeView details.so-multi-camera>summary.so-multi-camera-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:46px;padding:11px 13px;cursor:pointer;list-style:none}
#setmodeView details.so-multi-camera>summary::-webkit-details-marker{display:none}
#setmodeView .so-multi-camera-toggle strong{font-size:14px;flex-shrink:0;color:var(--text)}
#setmodeView .so-multi-camera-toggle small{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-width:0;flex:1}
#setmodeView .so-multi-chevron{font-size:18px;line-height:1;transition:transform .15s ease;color:var(--yellow);margin-left:auto}
#setmodeView details.so-multi-camera[open] .so-multi-chevron{transform:rotate(180deg)}
#setmodeView .so-multi-camera-body{padding:5px 13px 12px;border-top:1px solid var(--line)}
#setmodeView .so-multi-camera-body>[data-multi-options]{padding:6px 0 0}
#setmodeView .so-last-take-wrap{margin:8px 0 12px}
#setmodeView .so-last-take-wrap>.muted{display:block;margin:0 0 7px;font-size:12px}
#setmodeView details.so-last-take{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--input);color:var(--text)}
#setmodeView .so-last-take>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:11px 13px;min-height:52px}
#setmodeView .so-last-take>summary::-webkit-details-marker{display:none}
#setmodeView .so-last-take-main{display:grid;gap:4px;min-width:0}
#setmodeView .so-last-take-main>strong{font-size:13px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
#setmodeView .so-last-take-main>small{font-size:12px;color:var(--muted);line-height:1.3}
#setmodeView .so-last-take-side{display:flex;gap:9px;align-items:center;flex-shrink:0;color:var(--yellow);font-size:12px;font-weight:750;white-space:nowrap}
#setmodeView .so-last-take-side>span{display:inline-block;font-size:17px;transition:transform .15s ease}
#setmodeView .so-last-take[open] .so-last-take-side>span{transform:rotate(180deg)}
#setmodeView .so-last-take-configs{border-top:1px solid var(--line);display:grid;gap:9px;padding:11px 13px}
#setmodeView .so-last-take-configs>small{font-size:11px;color:var(--muted)}
#setmodeView .so-last-take-camera{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(15,18,23,.55)}
#setmodeView .so-last-take-camera h4{margin:0 0 8px;font-size:13px;color:var(--text)}
#setmodeView .so-last-take-camera dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
#setmodeView .so-last-take-camera dl>div{display:grid;gap:2px;min-width:0}
#setmodeView .so-last-take-camera dt{color:var(--muted);font-size:11px}
#setmodeView .so-last-take-camera dd{margin:0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:400px){#setmodeView .so-last-take>summary{gap:6px;padding:10px}#setmodeView .so-last-take-main>strong{font-size:12px}#setmodeView .so-last-take-side{gap:4px;font-size:11px}}