/* Etiquetas segue os painéis e controles do módulo Requisições. */
.etq-modulo {
    width:100%; min-height:100%; padding:18px;
    color:#F4F7F8; background:#071014;
}
.etq-topo { margin-bottom:12px; }
.etq-linha { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.etq-resumo {
    min-height:46px; margin-bottom:12px; padding:12px 14px;
    color:#9FB9BF; background:#0B171C;
    border:1px solid rgba(117,151,158,.28); border-radius:6px;
    font-size:13px; font-weight:bold;
}
.etq-card {
    margin-bottom:14px; border:1px solid rgba(117,151,158,.28);
    border-radius:6px; background:#0B171C; overflow:hidden;
}
.etq-cabecalho {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
    gap:10px; padding:12px 14px; background:#101F25;
    border-bottom:1px solid rgba(117,151,158,.24);
}
.etq-cabecalho h3 { font-size:14px; color:#F6FBFB; }
.etq-cabecalho > span { font-size:11px; font-weight:bold; color:#8FA8AE; text-transform:uppercase; }
.etq-corpo { padding:14px; }
.etq-card p,.etq-ajuda { margin:8px 0; color:#9FB9BF; font-size:12px; line-height:1.5; }
.etq-modulo label { display:flex; flex-direction:column; gap:6px; color:#8FA8AE; font-size:12px; font-weight:bold; }
.etq-configuracao { justify-content:flex-start; align-items:flex-end; margin-bottom:14px; }
.etq-configuracao label { width:300px; max-width:100%; }
.etq-modulo input:not([type=file]),.etq-modulo textarea {
    min-height:34px; padding:7px 10px; color:#F6FBFB; background:#071A1F;
    border:1px solid rgba(117,151,158,.34); border-radius:4px;
    outline:none; font-size:14px; font-weight:bold; max-width:100%;
}
.etq-modulo input:focus,.etq-modulo textarea:focus { border-color:rgba(32,255,244,.72); }
.etq-modulo textarea { width:100%; min-height:76px; margin:6px 0 10px; resize:vertical; }
.etq-modulo button,.etq-alertas button {
    min-height:28px; padding:6px 12px; background:#151515; color:#DDD;
    border:1px solid #555; border-radius:3px; font-size:12px; font-weight:bold; cursor:pointer;
}
.etq-modulo button:hover,.etq-alertas button:hover { background:#202020; color:#FFF; }
.etq-modulo button.etq-primario {
    margin-top:6px; min-height:34px; color:#20FFF4;
    border-color:rgba(32,255,244,.58); background:rgba(0,186,178,.16);
}
.etq-modulo button.etq-primario:hover { background:rgba(0,186,178,.26); }
.etq-modulo button:disabled { opacity:.45; cursor:wait; }
.etq-modulo input[type=number] { width:85px; }
.etq-tabela { overflow:auto; margin:12px 0 0; border:1px solid rgba(117,151,158,.24); border-radius:4px; }
.etq-tabela table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
.etq-tabela th { color:#8FA8AE; background:#101F25; font-size:11px; font-weight:bold; text-transform:uppercase; }
.etq-tabela td,.etq-tabela th { padding:10px 12px; border-bottom:1px solid rgba(117,151,158,.24); }
.etq-tabela tbody tr:last-child td { border-bottom:0; }
.etq-tabela tbody tr:hover { background:rgba(32,255,244,.035); }
.etq-tabela input { width:112px; }
.etq-status { min-height:24px; margin:12px 0 0; white-space:pre-wrap; color:#9FB9BF; font-size:13px; font-weight:bold; }
.etq-status.erro { color:#FF8585; }
.etq-selo { display:inline-block; border-radius:4px; padding:5px 8px; font-size:11px; font-weight:bold; white-space:nowrap; }
.etq-ativo { background:rgba(120,232,102,.12); color:#78E866; }
.etq-atencao { background:rgba(255,183,45,.12); color:#FFB72D; }
.etq-vencido,.etq-alterado { background:rgba(255,85,77,.14); color:#FF8585; }
.etq-alertas { padding:14px; background:#211D13; border:1px solid #806328; border-radius:6px; margin:14px 0; color:#FFDF8C; }
.etq-alertas p { margin:8px 0; }
.etq-vazio { padding:24px; color:#8FA8AE; text-align:center; font-size:13px; }
@media(max-width:900px) {
    .etq-topo { grid-template-columns:minmax(0,1fr) 130px; }
    .etq-topo .bloco-upload-requisicoes { grid-column:1/-1; min-height:52px; }
}
@media(max-width:600px) {
    .etq-modulo,.etq-corpo { padding:12px; }
    .etq-topo { grid-template-columns:1fr; }
}

/* A coluna lateral tem a largura de Filial + Importar XML + intervalo. */
.etq-modulo { display:grid; grid-template-columns:minmax(0,1fr) 384px; grid-template-rows:auto auto 1fr; gap:12px 14px; align-items:start; }
.etq-topo { grid-column:1/-1; margin:0; }
.etq-resumo { grid-column:1; margin:0; min-width:0; }
.etq-preparar { grid-column:1; grid-row:3; min-width:0; margin:0; }
.etq-ativos { grid-column:2; grid-row:2/4; width:100%; aspect-ratio:1/2; min-height:0; margin:0; display:flex; flex-direction:column; }
.etq-ativos > .etq-corpo { min-height:0; overflow:auto; flex:1; }
.etq-ativos .etq-tabela { border:0; overflow:visible; }
.etq-ativos table,.etq-ativos tbody { display:block; }
.etq-ativos thead { display:none; }
.etq-ativos tbody tr { display:grid; grid-template-columns:1fr 1fr; gap:6px 10px; padding:12px 0; border-bottom:1px solid rgba(117,151,158,.24); }
.etq-ativos tbody td { padding:0; border:0; min-width:0; overflow-wrap:anywhere; }
.etq-ativos td:nth-child(1) { color:#20FFF4; font-weight:bold; }
.etq-ativos td:nth-child(2) { grid-column:1/-1; grid-row:2; color:#9FB9BF; }
.etq-ativos td:nth-child(3) { text-align:right; grid-column:2; grid-row:1; }
.etq-ativos td:nth-child(3)::after { content:' etiqueta(s)'; }
.etq-ativos td:nth-child(4)::before { content:'Validade: '; color:#8FA8AE; }
.etq-ativos td:nth-child(5) { grid-column:1/-1; }
.etq-ativos td:nth-child(6) { grid-column:2; grid-row:3; text-align:right; }
.etq-ativos .etq-selo { white-space:normal; }
.etq-parametros-campos { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; padding:14px 0; }
.etq-parametros-campos label { display:flex; flex-direction:column; gap:8px; font-size:13px; color:#9FB9BF; }
.etq-parametros-campos input,.etq-parametros-campos select { width:180px; }
#menuParametrosEtiquetas[hidden] { display:none; }
@media(max-width:1000px) {
 .etq-modulo { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; }
 .etq-topo,.etq-resumo,.etq-preparar,.etq-ativos { grid-column:1; grid-row:auto; }
 .etq-ativos { aspect-ratio:auto; max-height:700px; }
}

.etq-tabela input[type=date] { width:145px; color-scheme:dark; }

#etqBuscaCatalogo { width:100%; margin:4px 0 12px; }
.etq-promocao { padding:12px; margin:0 0 10px; border:1px solid rgba(117,151,158,.28); border-radius:5px; background:#0B171C; }
.etq-promocao-topo { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.etq-promocao-topo strong { color:#F6FBFB; font-size:13px; overflow-wrap:anywhere; }
.etq-promocao dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0; }
.etq-promocao dt { color:#8FA8AE; font-size:10px; text-transform:uppercase; }
.etq-promocao dd { color:#F4F7F8; font-size:13px; font-weight:bold; margin-top:4px; }
.etq-promocao-emitida { border-color:rgba(120,232,102,.5); background:rgba(120,232,102,.05); }
.etq-promocao-selecionada { outline:2px solid #20FFF4; outline-offset:-2px; }
.etq-emissao { color:#78E866; font-size:11px; line-height:1.5; }
.etq-emissao span { display:block; color:#9FB9BF; }
.etq-nao-emitida { color:#8FA8AE; font-size:11px; }
.etq-promocao .etq-aviso-catalogo { color:#FFB72D; font-size:11px; }
.etq-fila { flex:none; padding:12px 14px; border-top:1px solid rgba(117,151,158,.28); background:#101F25; display:flex; align-items:center; flex-wrap:wrap; gap:8px; justify-content:space-between; }
.etq-fila span { color:#9FB9BF; font-size:12px; }

.etq-acoes-promocao { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
.etq-acoes-promocao .etq-retirar-exposta { font-size:11px; color:#FFB7A8; border-color:rgba(255,183,168,.35); }

.etq-tabela td:nth-child(2) { min-width:220px; }

#etqFormato { min-height:36px; max-width:100%; padding:7px 10px; border:1px solid rgba(117,151,158,.34); border-radius:4px; background:#071A1F; color:#F6FBFB; font-size:14px; }

.etq-tabela td:first-child,.etq-tabela th:first-child { min-width:100px; white-space:nowrap; }
.etq-tabela input.etq-descricao { width:260px; min-height:34px; font-size:11px; font-weight:normal; }
.etq-impressao-interna { position:fixed; left:-10000px; top:0; width:1px; height:1px; border:0; pointer-events:none; }
/* Subabas e listas compactas de emissão e exposição. */
.etq-modulo { grid-template-rows:auto auto auto 1fr; }
.etq-abas { grid-column:1/-1; display:flex; gap:8px; }
.etq-abas button[aria-pressed=true] { color:#20FFF4; border-color:#20FFF4; background:#123035; }
.etq-preparar { grid-row:4; }
.etq-ativos { grid-row:3/5; }
.etq-modulo [hidden] { display:none !important; }
#etqPainelExpostas { grid-column:1/-1; min-width:0; }
#etqBuscaExpostas { width:100%; margin-bottom:10px; }
.etq-promocao { padding:8px 10px; margin-bottom:6px; }
.etq-promocao p { margin:4px 0; line-height:1.3; }
.etq-promocao dl { grid-template-columns:1fr 1fr 1fr; gap:6px; margin:6px 0 0; }
.etq-promocao dd { margin:2px 0 0; font-size:12px; }
.etq-exposta { padding:9px 12px; border:1px solid #30464c; border-radius:5px; margin-bottom:6px; background:#0b171c; }
.etq-exposta p { margin:3px 0; }
.etq-exposta-dados { display:flex; flex-wrap:wrap; gap:5px 18px; color:#9fb9bf; font-size:12px; }
.etq-exposta .etq-selo { padding:2px 5px; }
.etq-popup { width:min(620px,calc(100vw - 32px)); max-height:80vh; box-sizing:border-box; margin:auto; padding:24px; border:1px solid #806328; border-radius:10px; background:#101f25; color:#f4f7f8; }
.etq-popup::backdrop { background:rgba(0,0,0,.7); }
.etq-popup h2 { font-size:20px; color:#ffdf8c; }
.etq-popup p { margin:8px 0; }
.etq-popup-lista { max-height:50vh; overflow:auto; margin:16px 0; }
.etq-popup article { padding:10px 0; border-bottom:1px solid #405159; }
.etq-popup button { padding:8px 20px; background:#123035; color:#20fff4; border:1px solid #20fff4; border-radius:4px; cursor:pointer; }
@media(max-width:1000px) { .etq-preparar,.etq-ativos { grid-row:auto; } }
@media(max-width:600px) { .etq-exposta-dados { flex-direction:column; } }