/* Processos para Autorização · R2.3.1
   Correção visual da camada de gestão R2.3. */

:root{
  --r23-border:#dbe3ec;
  --r23-soft:#f8fafc;
  --r23-text:#0f172a;
  --r23-muted:#64748b;
  --r23-blue:#2563eb;
  --r23-green:#059669;
  --r23-amber:#d97706;
  --r23-teal:#0f766e;
}

/* Resumo equilibrado: 8 cards em duas linhas de 4 no desktop. */
.relacao-resumo-cards{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.r23-toolbar{
  margin-top:12px;
  padding:12px;
  border:1px solid var(--r23-border);
  border-radius:10px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.r23-toolbar-grupo{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  padding:9px 10px;
  border-radius:8px;
  background:var(--r23-soft);
}

.r23-toolbar-label{
  flex:0 0 118px;
  min-width:118px;
  color:#334155;
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.025em;
}

.r23-busca{
  flex:1 1 260px;
  min-width:210px;
  height:32px;
  padding:6px 9px;
  border:1px solid #cbd5e1;
  border-radius:7px;
  background:#fff;
  color:var(--r23-text);
  font-size:.75rem;
  outline:none;
}
.r23-busca:focus{
  border-color:#60a5fa;
  box-shadow:0 0 0 2px rgba(37,99,235,.12);
}

.r23-btn{
  min-height:30px;
  padding:6px 10px;
  border:1px solid #cbd5e1;
  border-radius:7px;
  background:#fff;
  color:#334155;
  font-size:.7rem;
  line-height:1.1;
  font-weight:750;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,transform .05s;
  white-space:nowrap;
}
.r23-btn:hover{background:#f1f5f9;border-color:#94a3b8}
.r23-btn:active{transform:translateY(1px)}
.r23-btn.ativo{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}
.r23-btn.ok{background:#ecfdf5;border-color:#6ee7b7;color:#047857}
.r23-btn.ok:hover{background:#d1fae5}
.r23-btn.primary{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.r23-btn.primary:hover{background:#dbeafe}
.r23-btn.warn{background:#fffbeb;border-color:#fcd34d;color:#b45309}
.r23-btn.warn:hover{background:#fef3c7}
.r23-btn.archive{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}
.r23-btn.archive:hover{background:#ccfbf1}

.r23-contador{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 8px;
  border-radius:999px;
  background:#e2e8f0;
  color:#475569;
  font-size:.67rem;
  font-weight:700;
}

.r23-integridade{
  padding:8px 10px;
  border:1px solid #bbf7d0;
  border-radius:8px;
  background:#f0fdf4;
  color:#166534;
  font-size:.69rem;
  line-height:1.35;
  font-weight:700;
}
.r23-integridade.aviso{background:#fffbeb;border-color:#fde68a;color:#92400e}
.r23-integridade.erro{background:#fef2f2;border-color:#fecaca;color:#991b1b}

.r23-check{
  width:14px;
  height:14px;
  margin:0 5px 0 0;
  vertical-align:middle;
  accent-color:var(--r23-blue);
}

.r23-historico{
  width:24px;
  height:24px;
  padding:0;
  border:1px solid #cbd5e1;
  border-radius:5px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  cursor:pointer;
  font-size:12px;
}
.r23-historico:hover{background:#f1f5f9}
.r23-oculto{display:none !important}

#arquivoStatusFiltroR23{
  width:100%;
  padding:8px;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:#fff;
  color:#334155;
  font-size:.8rem;
}

.r23-arquivo-linha{
  grid-template-columns:115px 115px 150px 80px 95px minmax(130px,1fr) auto !important;
}
.r23-arquivo-check-wrap{
  display:flex;
  align-items:center;
  gap:5px;
}
.r23-arquivo-check{accent-color:var(--r23-blue)}
.r23-arquivo-valor{margin-top:3px !important;text-transform:none !important;letter-spacing:0 !important}
.r23-status-chip{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:.65rem;
  font-weight:800;
  background:#e2e8f0;
  color:#475569;
}
.r23-status-chip.ok{background:#dcfce7;color:#166534}
.r23-status-chip.warn{background:#fef3c7;color:#92400e}
.r23-status-chip.info{background:#dbeafe;color:#1d4ed8}
.arquivo-acoes .reabrir{border-color:#c4b5fd;color:#6d28d9;background:#f5f3ff}

.r23-reabrir-topo:hover{background:#ede9fe}

/* Mantém a área operacional legível sem “texto colado”. */
@media (max-width:1100px){
  .r23-toolbar-label{flex-basis:100%;min-width:0}
  .r23-arquivo-linha{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .r23-arquivo-linha .arquivo-acoes{grid-column:1/-1;justify-content:flex-end}
}

@media (max-width:800px){
  .relacao-resumo-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .relacao-resumo-card:last-child{grid-column:auto !important}
  .r23-toolbar{padding:9px}
  .r23-toolbar-grupo{align-items:stretch}
  .r23-toolbar-label{width:100%}
  .r23-busca{flex-basis:100%;min-width:100%}
  .r23-btn{flex:1 1 calc(50% - 7px);white-space:normal}
  .r23-contador{width:100%;justify-content:center}
  .r23-arquivo-linha{grid-template-columns:1fr 1fr !important}
  .r23-arquivo-linha .arquivo-acoes{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
  .arquivo-filtros{grid-template-columns:1fr !important}
}

@media (max-width:430px){
  .relacao-resumo-cards{grid-template-columns:1fr !important}
  .r23-btn{flex-basis:100%}
  .r23-arquivo-linha{grid-template-columns:1fr !important}
}
