/* Tela "Legado · Hunter NFE-SEFAZ" */

.lg-shell { display: flex; flex-direction: column; gap: 16px; }

/* Hero com campo de busca em destaque */
.lg-hero {
  background: linear-gradient(135deg, var(--vault) 0%, #1e293b 100%);
  color: #fff; border-radius: 14px; padding: 24px 28px;
  box-shadow: 0 8px 32px rgba(15, 23, 42, .15);
}
.lg-hero-tit { font-family: var(--disp); font-size: 22px; font-weight: 700; letter-spacing: -.3px; display: flex; align-items: center; gap: 10px; }
.lg-badge { font-size: 10px; font-weight: 700; letter-spacing: 1px; padding: 3px 8px; border-radius: 12px; background: rgba(255,255,255,.15); text-transform: uppercase; }
.lg-hero-sub { font-size: 13px; opacity: .8; margin: 6px 0 18px; line-height: 1.5; max-width: 780px; }

.lg-search-wrap { position: relative; display: flex; align-items: center; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.15); transition: box-shadow .2s; }
.lg-search-wrap:focus-within { box-shadow: 0 6px 28px rgba(37,99,235,.35); }
.lg-search-ico { position: absolute; left: 16px; font-size: 18px; opacity: .5; pointer-events: none; }
.lg-search { width: 100%; padding: 16px 46px; border: 0; outline: 0; font-size: 15px; color: var(--txt); background: transparent; border-radius: 12px; }
.lg-search::placeholder { color: #94a3b8; }
.lg-search-clr { position: absolute; right: 12px; background: rgba(0,0,0,.05); border: 0; border-radius: 50%; width: 28px; height: 28px; cursor: pointer; font-size: 12px; color: #64748b; display: grid; place-items: center; }
.lg-search-clr:hover { background: rgba(0,0,0,.1); }

.lg-hero-meta { margin-top: 14px; display: flex; gap: 12px; align-items: center; font-size: 11.5px; opacity: .8; }
.lg-mini { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; padding: 4px 10px; font-size: 11px; cursor: pointer; }
.lg-mini:hover { background: rgba(255,255,255,.2); }
.lg-mini:disabled { opacity: .4; cursor: not-allowed; }

/* Painel de resultados */
.lg-panel .lg-resumo { font-size: 11.5px; color: var(--muted); font-weight: 400; margin-left: auto; padding-right: 8px; }
.lg-lista { display: flex; flex-direction: column; }

.lg-row { border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; background: var(--surface); overflow: hidden; transition: all .15s; }
.lg-row:hover { border-color: var(--steel); box-shadow: 0 2px 8px rgba(37,99,235,.08); }
.lg-row.on { border-color: var(--steel); box-shadow: 0 4px 16px rgba(37,99,235,.12); }

.lg-row-head { display: grid; grid-template-columns: 90px 1.3fr 1.3fr 110px 130px 30px; gap: 14px; padding: 12px 14px; cursor: pointer; align-items: center; }
.lg-row-head:hover { background: var(--surface2); }
.lg-c-num { text-align: left; }
.lg-num { font-family: var(--mono, "JetBrains Mono", monospace); font-size: 14px; font-weight: 700; color: var(--vault); }
.lg-serie { font-size: 10px; color: var(--muted); }
.lg-nome { font-size: 13px; font-weight: 600; color: var(--txt); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-cnpj { font-size: 10.5px; color: var(--muted); font-family: var(--mono, "JetBrains Mono", monospace); }
.lg-c-data { font-size: 12px; color: var(--muted); text-align: center; }
.lg-c-valor { font-size: 13px; font-weight: 700; color: var(--vault); text-align: right; font-variant-numeric: tabular-nums; }
.lg-c-tog { font-size: 14px; color: var(--muted); text-align: center; }

/* Detalhe expandido */
.lg-detalhe { padding: 16px 18px 18px; background: var(--surface2); border-top: 1px solid var(--line); }
.lg-det-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 16px; }
.lg-det-col h4 { font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--steel); margin: 0 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--line); }
.lg-det-col dl { display: grid; grid-template-columns: 100px 1fr; gap: 4px 12px; margin: 0; font-size: 12px; }
.lg-det-col dt { color: var(--muted); font-weight: 500; }
.lg-det-col dd { margin: 0; color: var(--txt); word-break: break-word; }
.lg-mono { font-family: var(--mono, "JetBrains Mono", monospace); font-size: 11px; }

.lg-det-h { font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--steel); margin: 8px 0; }
.lg-tbl-wrap { overflow-x: auto; }
.lg-tbl-itens { width: 100%; border-collapse: collapse; font-size: 12px; background: #fff; border-radius: 6px; overflow: hidden; }
.lg-tbl-itens th { background: var(--surface); font-size: 10.5px; font-weight: 700; text-transform: uppercase; color: var(--muted); text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.lg-tbl-itens th.r, .lg-tbl-itens td.r { text-align: right; font-variant-numeric: tabular-nums; }
.lg-tbl-itens td { padding: 7px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.lg-tbl-itens tr:last-child td { border-bottom: 0; }

.lg-totais { display: flex; flex-wrap: wrap; gap: 16px; padding: 12px 14px; margin-top: 10px; background: #fff; border-radius: 6px; font-size: 12px; align-items: center; }
.lg-totais > span { color: var(--muted); }
.lg-totais b { color: var(--txt); font-variant-numeric: tabular-nums; }
.lg-total-final { margin-left: auto; font-size: 14px !important; }
.lg-total-final b { color: var(--vault) !important; font-size: 15px; }

.lg-det-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 14px; }
.lg-det-sec h4 { font-size: 11px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--steel); margin: 0 0 6px; }
.lg-line { font-size: 12px; color: var(--txt); margin-bottom: 3px; }
.lg-line b { color: var(--muted); font-weight: 500; }

.lg-info-ad { margin-top: 10px; padding: 10px 12px; background: #fff; border-radius: 6px; font-size: 11.5px; color: var(--muted); line-height: 1.5; }
.lg-info-ad b { color: var(--txt); }

.lg-acoes { display: flex; gap: 10px; margin-top: 16px; }
.lg-btn { width: auto !important; margin: 0 !important; padding: 10px 20px !important; font-size: 12px; font-weight: 600; }
.lg-btn-xml { background: var(--steel) !important; }
.lg-btn-pdf { background: var(--alert) !important; }

/* Paginação */
.lg-pag { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 0 4px; font-size: 12px; color: var(--muted); }
.lg-pag .lg-mini { background: var(--surface); color: var(--txt); border: 1px solid var(--line); }
.lg-pag .lg-mini:hover:not(:disabled) { background: var(--surface2); border-color: var(--steel); }
.lg-pag-info b { color: var(--txt); }

.lg-empty { padding: 40px 20px; text-align: center; color: var(--muted); font-size: 13px; }
.lg-err { color: var(--alert, #dc2626); }

@media (max-width: 900px) {
  .lg-row-head { grid-template-columns: 80px 1fr 90px 30px; }
  .lg-c-dest, .lg-c-valor { display: none; }
  .lg-det-grid, .lg-det-sec { grid-template-columns: 1fr; }
}