/* ============================================================
   XINGUZINHO_MODULO_NOTAS_FRONT_V1
   ============================================================ */

.x-notas-resumo {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin:16px 0;
}

.x-notas-stat,
.x-nota-card,
.x-nota-modal,
.x-nota-info,
.x-nota-anexo,
.x-nota-historico-item {
  background:var(--tema-card);
  color:var(--tema-texto);
  border-color:var(--tema-borda);
}

.x-notas-stat {
  border:1px solid var(--tema-borda);
  border-radius:14px;
  padding:16px;
}

.x-notas-stat span,
.x-nota-rotulo {
  color:var(--tema-secundario);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.x-notas-stat strong {
  display:block;
  font-size:25px;
  margin-top:5px;
}

.x-notas-filtros {
  display:grid;
  grid-template-columns:minmax(220px,2fr) minmax(190px,1fr) minmax(150px,1fr) minmax(150px,1fr);
  gap:12px;
}

.x-notas-filtros label,
.x-nota-modal label {
  color:var(--tema-texto);
  font-weight:700;
  font-size:13px;
}

.x-notas-filtros input,
.x-notas-filtros select,
.x-nota-modal input,
.x-nota-modal select,
.x-nota-modal textarea {
  width:100%;
  margin-top:6px;
  box-sizing:border-box;
  background:var(--tema-input);
  color:var(--tema-texto);
  border:1px solid var(--tema-borda);
  border-radius:10px;
  padding:11px 12px;
}

.x-notas-lista {
  display:grid;
  gap:10px;
}

.x-nota-card {
  display:grid;
  grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(160px,1fr) auto;
  gap:15px;
  align-items:center;
  border:1px solid var(--tema-borda);
  border-radius:14px;
  padding:15px 16px;
}

.x-nota-card:hover {
  background:var(--tema-hover);
}

.x-nota-valor {
  color:var(--tema-texto);
  font-weight:700;
  margin-top:4px;
  word-break:break-word;
}

.x-nota-status {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.x-nota-status-pendente {
  background:#fef3c7;
  color:#92400e;
}

.x-nota-status-importacao {
  background:#ffedd5;
  color:#9a3412;
}

.x-nota-status-finalizada {
  background:#dcfce7;
  color:#166534;
}

html[data-theme="dark"] .x-nota-status-pendente {
  background:rgba(245,158,11,.18);
  color:#fbbf24;
}

html[data-theme="dark"] .x-nota-status-importacao {
  background:rgba(249,115,22,.18);
  color:#fb923c;
}

html[data-theme="dark"] .x-nota-status-finalizada {
  background:rgba(34,197,94,.17);
  color:#4ade80;
}

.x-nota-overlay {
  position:fixed;
  inset:0;
  z-index:1400000;
  background:rgba(15,23,42,.66);
  backdrop-filter:blur(3px);
  display:flex;
  justify-content:center;
  align-items:flex-start;
  overflow:auto;
  padding:28px 18px;
}

.x-nota-modal {
  width:100%;
  max-width:760px;
  border:1px solid var(--tema-borda);
  border-radius:18px;
  box-shadow:0 25px 70px rgba(0,0,0,.35);
  overflow:hidden;
}

.x-nota-modal-cabecalho {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding:22px 24px;
  border-bottom:1px solid var(--tema-borda);
}

.x-nota-modal-corpo {
  padding:22px 24px;
}

.x-nota-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.x-nota-info {
  padding:13px 14px;
  border:1px solid var(--tema-borda);
  border-radius:11px;
  background:var(--tema-card-2);
}

.x-nota-anexo {
  margin-top:16px;
  padding:15px;
  background:var(--tema-card-2);
  border:1px solid var(--tema-borda);
  border-radius:12px;
}

.x-nota-historico {
  display:grid;
  gap:8px;
  margin-top:12px;
}

.x-nota-historico-item {
  border-left:3px solid #3b82f6;
  padding:9px 12px;
  background:var(--tema-card-2);
  border-radius:0 9px 9px 0;
}

.x-nota-acoes {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 24px 22px;
  border-top:1px solid var(--tema-borda);
}

@media (max-width:850px) {
  .x-notas-filtros {
    grid-template-columns:1fr 1fr;
  }

  .x-nota-card {
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:600px) {
  .x-notas-filtros,
  .x-nota-card,
  .x-nota-grid {
    grid-template-columns:1fr;
  }
}


/* XINGUZINHO_NOTAS_DEVOLUCAO_CSS_V4 */

.x-nota-status-devolvida {
  background:#fee2e2;
  color:#991b1b;
}

html[data-tema="escuro"] .x-nota-status-devolvida,
html[data-theme="dark"] .x-nota-status-devolvida {
  background:rgba(239,68,68,.18);
  color:#fca5a5;
}