/*
 * operacao.css - telas novas de operação: Turno (agora na fábrica, com modo TV) e Resumo do dia.
 * Usa só as variáveis de styles.css (tema claro e escuro).
 */

/* ===== Turno ===== */
.tela-turno { max-width: none; }
.turno-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.turno-topo h1 { margin: 0 0 4px; }
.turno-acoes { display: flex; gap: 8px; }
.chip-vivo { background: var(--cor-nao-excedida-fundo); color: var(--cor-nao-excedida); font-weight: 600; }
.chip-vivo::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: currentColor; margin-right: 5px; vertical-align: 1px; animation: turno-pulso 1.6s infinite; }
@keyframes turno-pulso { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .chip-vivo::before { animation: none; } }

.turno-kpis { margin-bottom: 12px; }
.turno-paradas { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 12px; font-size: .9rem; }
.turno-filtros { margin-bottom: 12px; }
.turno-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; }
.turno-cartao { padding: 14px 16px; border-left: 6px solid var(--borda); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.turno-cartao h2 { font-size: 1.15rem; margin: 0; overflow-wrap: anywhere; }
.turno-cartao-topo { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.turno-selo { font-size: .75rem; font-weight: 700; padding: 3px 9px; border-radius: 999px; white-space: nowrap; background: var(--cor-neutra-fundo); color: var(--texto-suave); }
.turno-agora { font-size: .98rem; line-height: 1.35; }
.turno-linha { font-size: .86rem; overflow-wrap: anywhere; }
.turno-numeros { display: grid; grid-template-columns: 1.4fr 1fr; gap: 8px; margin-top: 2px; }
.turno-numeros span { display: block; font-size: .72rem; color: var(--texto-suave); }
.turno-numeros b { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.texto-perda { color: var(--cor-quebra); }
.turno-faixa { display: flex; height: 8px; border-radius: 999px; overflow: hidden; background: var(--cor-neutra-fundo); margin-top: 4px; }
.turno-faixa-parte { min-width: 2px; }
.turno-legenda { font-size: .76rem; }
.turno-rodape { margin-top: 14px; font-size: .8rem; }

.turno-cartao.turno-produzindo { border-left-color: var(--cor-nao-excedida); }
.turno-cartao.turno-setup { border-left-color: var(--marca); }
.turno-cartao.turno-parada { border-left-color: var(--cor-quebra); }
.turno-cartao.turno-longa { border-left-color: var(--cor-excedida); background: var(--cor-excedida-fundo); }
.turno-selo.turno-produzindo { background: var(--cor-nao-excedida-fundo); color: var(--cor-nao-excedida); }
.turno-selo.turno-setup { background: var(--marca-suave); color: var(--marca-texto); }
.turno-selo.turno-parada { background: var(--cor-quebra-fundo); color: var(--cor-quebra); }
.turno-longa .turno-selo.turno-parada { background: var(--cor-excedida); color: #fff; }
.turno-faixa-parte.turno-produzindo { background: var(--cor-nao-excedida); }
.turno-faixa-parte.turno-setup { background: var(--marca); }
.turno-faixa-parte.turno-parada { background: var(--cor-quebra); }

/* Modo TV: sem menu e cabeçalho, letras maiores, cartões mais largos. */
body.modo-tv .cabecalho, body.modo-tv .lateral, body.modo-tv .rodape { display: none !important; }
body.modo-tv .estrutura { display: block !important; padding: 0 !important; margin: 0 !important; }
body.modo-tv #conteudo { margin: 0 !important; padding: 12px 18px !important; max-width: none !important; }
body.modo-tv .tela-turno { font-size: 1.15rem; }
body.modo-tv .turno-grade { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
body.modo-tv .turno-cartao h2 { font-size: 1.45rem; }
body.modo-tv .turno-numeros b { font-size: 1.4rem; }

@media (max-width: 600px) {
    .turno-grade { grid-template-columns: 1fr; }
    .turno-acoes [data-acao="modo-tv"] { display: none; }
}

/* ===== Resumo do dia ===== */
.tela-resumo { max-width: 980px; }
.resumo-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.resumo-topo h1 { margin: 0 0 4px; }
.resumo-controles { display: flex; gap: 8px; align-items: center; }
.resumo-dia { height: 32px; padding: 0 8px; border: 1px solid var(--borda); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; }
.resumo-secoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin-top: 12px; }
.resumo-secao { padding: 14px 16px; }
.resumo-secao h2 { font-size: 1rem; margin: 0 0 8px; }
.resumo-secao ul { margin: 0; padding-left: 18px; }
.resumo-secao li { margin: 3px 0; }
.resumo-secao h3 { font-size: .85rem; color: var(--texto-suave); margin: 12px 0 4px; font-weight: 600; }
.resumo-secao .indisponivel { color: var(--texto-suave); font-size: .88rem; }
.tela-resumo .kpis-painel { margin-bottom: 12px; }