/* Identidade da Isabel: Montserrat + azul-noite + magenta signature */
:root{
  --noite:#0E1136; --magenta:#E91E8B; --cereja:#C72151; --roxo:#5E2B97;
  --lilas:#D8C4F0; --dourado:#F5C13D; --menta:#B8F2D8; --agua:#A8E5E5;
  --branco:#FFFFFF; --texto:#1a1d3a; --suave:#6b6f8f;
  --borda:#e6e5f0; --fundo:#f7f6fb; --cartao:#fff;
  --raio:14px; --sombra:0 2px 16px rgba(14,17,54,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--fundo);color:var(--texto);line-height:1.55;-webkit-font-smoothing:antialiased}

header{background:var(--noite);color:#fff;padding:18px 28px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
header h1{font-size:19px;font-weight:800;letter-spacing:-.3px}
header h1 span{color:var(--magenta)}
.custo-topo{font-size:13px;color:var(--lilas);font-weight:600}
.custo-topo b{color:var(--dourado)}

nav{display:flex;gap:4px;background:#fff;padding:0 28px;border-bottom:1px solid var(--borda);
  overflow-x:auto;position:sticky;top:0;z-index:20}
nav button{background:none;border:none;padding:15px 18px;font-family:inherit;font-size:14px;
  font-weight:600;color:var(--suave);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
nav button:hover{color:var(--texto)}
nav button.ativo{color:var(--magenta);border-bottom-color:var(--magenta)}

main{max-width:1180px;margin:0 auto;padding:26px 28px 70px}
.aba{display:none}.aba.ativa{display:block}

h2{font-size:21px;font-weight:800;margin-bottom:6px;letter-spacing:-.3px}
.sub{color:var(--suave);font-size:14px;margin-bottom:22px}

.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);
  padding:22px;margin-bottom:18px;box-shadow:var(--sombra)}
.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}

label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--texto)}
.dica{font-weight:500;color:var(--suave);font-size:12px;margin-top:4px}
input,select,textarea{width:100%;padding:11px 13px;border:1.5px solid var(--borda);border-radius:10px;
  font-family:inherit;font-size:14px;background:#fff;color:var(--texto)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--magenta)}
textarea{resize:vertical;min-height:80px}
.campo{margin-bottom:16px}
.linha{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.linha3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}

button.b{background:var(--magenta);color:#fff;border:none;padding:12px 22px;border-radius:10px;
  font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
button.b:hover{background:var(--cereja)}
button.b:disabled{opacity:.5;cursor:not-allowed}
button.b.sec{background:#fff;color:var(--texto);border:1.5px solid var(--borda)}
button.b.sec:hover{border-color:var(--magenta);color:var(--magenta);background:#fff}
button.b.mini{padding:7px 14px;font-size:12.5px}

.etiqueta{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.3px}
.e-pronta,.e-pronto{background:var(--menta);color:#0d6b47}
.e-a_analisar,.e-a_render,.e-na_fila{background:var(--agua);color:#0a5c6b}
.e-erro{background:#ffd9dd;color:#a01029}
.e-rascunho,.e-guiao_pronto{background:var(--lilas);color:#452080}

.barra{height:7px;background:var(--borda);border-radius:20px;overflow:hidden;margin:9px 0}
.barra i{display:block;height:100%;background:linear-gradient(90deg,var(--magenta),var(--roxo));
  border-radius:20px;transition:width .5s}

.cena{border:1px solid var(--borda);border-left:4px solid var(--roxo);border-radius:10px;
  padding:14px 16px;margin-bottom:11px;background:#fcfcfe}
.cena.veo{border-left-color:var(--magenta);background:#fff5fb}
.cena.material{border-left-color:var(--dourado);background:#fffbf0}
.cena h4{font-size:13px;font-weight:800;margin-bottom:7px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.cena p{font-size:13.5px;margin-bottom:5px}
.cena .rot{font-weight:700;color:var(--suave);font-size:11.5px;text-transform:uppercase;letter-spacing:.3px}
.pill{font-size:10.5px;padding:2px 9px;border-radius:20px;background:var(--lilas);color:var(--roxo);font-weight:700}
.pill.veo{background:var(--magenta);color:#fff}
.pill.material{background:var(--dourado);color:#5a4200}

table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;padding:10px 12px;background:var(--fundo);font-weight:700;font-size:12px;
  text-transform:uppercase;letter-spacing:.3px;color:var(--suave);border-bottom:1px solid var(--borda)}
td{padding:11px 12px;border-bottom:1px solid var(--borda)}
tr:last-child td{border-bottom:none}
.num{text-align:right;font-variant-numeric:tabular-nums}

video{width:100%;max-width:310px;border-radius:12px;background:#000;display:block}
.vazio{text-align:center;padding:52px 20px;color:var(--suave)}
.vazio p{font-size:14px;margin-top:8px}
.msg{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:13.5px;font-weight:600}
.msg.ok{background:var(--menta);color:#0d6b47}
.msg.mau{background:#ffd9dd;color:#a01029}
.oculto{display:none}
.aviso{background:#fff8e6;border-left:4px solid var(--dourado);padding:13px 16px;border-radius:9px;
  font-size:13px;margin-bottom:16px}
@media(max-width:640px){.linha,.linha3{grid-template-columns:1fr}main{padding:20px 16px 60px}
  header,nav{padding-left:16px;padding-right:16px}}