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

/* Mesmo agrupamento, espaçamento e tema dos controles de Consultas Médicas. */
.x-notas-topbar-acoes {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.x-notas-topbar-acoes button {
  width:auto;
  color:var(--tema-texto);
  background:var(--tema-card-2);
  text-transform:none;
  letter-spacing:normal;
  font-size:13px;
  font-weight:500;
  white-space:normal;
}

.x-notas-topbar-acoes .primary {
  background:var(--tema-texto);
  color:var(--tema-card);
  font-weight:700;
}

.x-notas-topbar-grupo {
  display:flex;
  flex-wrap:wrap;
  padding:3px;
  gap:3px;
  border:1px solid var(--tema-borda);
  background:var(--tema-card-2);
  border-radius:10px;
}

.x-notas-topbar-grupo button {
  border:0;
  background:transparent;
  padding:8px 12px;
  border-radius:8px;
}

.x-notas-topbar-acoes button:hover,
.x-notas-topbar-grupo button:focus-visible {
  background:var(--tema-hover);
}

.x-notas-topbar-acoes .primary:hover {
  opacity:.85;
  background:var(--tema-texto);
}

.x-notas-relatorios-modal { max-width:1000px; }
.x-notas-relatorios-form { display:grid; gap:12px; margin-bottom:24px; }
.x-notas-relatorios-form .primary { width:auto; justify-self:start; }
.x-notas-relatorios-filtros { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:16px; }
.x-notas-relatorios-filtros label { min-width:180px; }
.x-notas-relatorios-lista { display:grid; gap:14px; }
.x-notas-relatorio { border:1px solid var(--tema-borda); border-radius:12px; padding:16px; background:var(--tema-card-2); }
.x-notas-relatorio-cabecalho { display:flex; justify-content:space-between; align-items:start; gap:12px; flex-wrap:wrap; }
.x-notas-relatorio-cabecalho h4 { margin:0 0 8px; overflow-wrap:anywhere; }
.x-notas-relatorio-meta { color:var(--tema-secundario); font-size:12px; margin:8px 0; }
.x-notas-relatorio-texto { white-space:pre-line; overflow-wrap:anywhere; margin:12px 0; }
.x-notas-relatorio-arquivos { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.x-notas-relatorio-arquivos button { max-width:100%; overflow-wrap:anywhere; }
.x-notas-relatorio-resposta { display:grid; gap:12px; border-top:1px solid var(--tema-borda); padding-top:14px; }
.x-notas-relatorio-resposta button { justify-self:start; width:auto; }
.x-notas-relatorios-paginacao { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:16px; }
.x-notas-relatorios-erro { color:var(--tema-texto); padding:16px; border:1px solid var(--tema-borda); border-radius:10px; }

@media (max-width:600px) {
  .x-notas-topbar-acoes { width:100%; }
  .x-notas-topbar-grupo { width:100%; }
  .x-notas-topbar-grupo button { flex:1 1 150px; }
  .x-notas-relatorios-modal .x-nota-modal-corpo { padding:16px; }
}

.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;
}

/* Contagem de solicitações de relatórios pendentes. */
#notasBtnRelatorios.x-notas-relatorios-pendentes {
  background: #b91c1c;
  color: #fff;
  border: 2px solid #fbbf24;
  font-weight: 800;
  box-shadow: 0 0 0 3px rgba(185, 28, 28, .22);
}
#notasBtnRelatorios.x-notas-relatorios-pendentes:hover {
  background: #991b1b;
}