/* XINGUZINHO_CENTRAL_V2_FASE3_CSS_V1 */

.xv3-page{
  display:grid;
  gap:16px;
}

.xv3-header{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.xv3-header h1{
  margin:0 0 5px;
  font-size:25px;
  color:var(--tema-texto,#0f172a);
}

.xv3-header p{
  margin:0;
  color:var(--tema-texto-secundario,#64748b);
}

.xv3-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  padding:6px;
  width:max-content;
  max-width:100%;
  border:1px solid var(--tema-borda,#e2e8f0);
  background:var(--tema-card,#fff);
  border-radius:13px;
}

.xv3-tabs button{
  border:0;
  border-radius:9px;
  padding:9px 13px;
  background:transparent;
  color:var(--tema-texto-secundario,#64748b);
  cursor:pointer;
  font-weight:700;
}

.xv3-tabs button.ativo{
  background:var(--tema-card-2,#f1f5f9);
  color:var(--tema-texto,#0f172a);
}

.xv3-grid-cards{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}

.xv3-grid-cards-menor{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.xv3-card{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:14px;
  background:var(--tema-card,#fff);
  border:1px solid var(--tema-borda,#e2e8f0);
  border-radius:14px;
}

.xv3-card-alerta{
  border-color:#fdba74;
}

.xv3-card-icon{
  width:39px;
  height:39px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--tema-card-2,#f8fafc);
  border-radius:11px;
  font-size:19px;
}

.xv3-card>div:last-child{
  min-width:0;
  display:grid;
  gap:1px;
}

.xv3-card small{
  color:var(--tema-texto-secundario,#64748b);
  font-size:11px;
}

.xv3-card strong{
  color:var(--tema-texto,#0f172a);
  font-size:21px;
  line-height:1.1;
}

.xv3-card span{
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
  white-space:normal;
}

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

.xv3-bloco{
  padding:15px;
  background:var(--tema-card,#fff);
  border:1px solid var(--tema-borda,#e2e8f0);
  border-radius:14px;
}

.xv3-bloco h3{
  margin:0 0 14px;
  color:var(--tema-texto,#0f172a);
  font-size:14px;
}

.xv3-barras{
  display:grid;
  gap:11px;
}

.xv3-barra-row{
  display:grid;
  gap:5px;
}

.xv3-barra-label{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--tema-texto-secundario,#64748b);
  font-size:11px;
}

.xv3-barra-label strong{
  color:var(--tema-texto,#0f172a);
}

.xv3-barra-trilho{
  height:7px;
  overflow:hidden;
  background:var(--tema-card-2,#e2e8f0);
  border-radius:999px;
}

.xv3-barra-preenchimento{
  height:100%;
  border-radius:999px;
  background:currentColor;
  color:#3b82f6;
}

.xv3-sla-resumo{
  display:grid;
  gap:8px;
}

.xv3-sla-resumo>div{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  background:var(--tema-card-2,#f8fafc);
  border-radius:9px;
  color:var(--tema-texto-secundario,#64748b);
  font-size:12px;
}

.xv3-sla-resumo strong{
  color:var(--tema-texto,#0f172a);
}

.xv3-piores{
  display:grid;
  gap:6px;
  margin-top:12px;
}

.xv3-pior{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  padding-top:7px;
  border-top:1px solid var(--tema-borda,#e2e8f0);
}

.xv3-pior div{
  min-width:0;
  display:grid;
}

.xv3-pior strong{
  color:var(--tema-texto,#0f172a);
  font-size:12px;
}

.xv3-pior small{
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
}

.xv3-pior>span{
  flex:none;
  color:#b45309;
  font-size:11px;
  font-weight:800;
}

.xv3-panel-body{
  padding:15px;
}

.xv3-sla-layout{
  align-items:start;
}

.xv3-sla-regras{
  display:grid;
  gap:8px;
}

.xv3-sla-regra{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--tema-borda,#e2e8f0);
  border-radius:11px;
}

.xv3-sla-regra>div:first-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.xv3-sla-regra strong{
  color:var(--tema-texto,#0f172a);
  font-size:12px;
}

.xv3-sla-regra small{
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
}

.xv3-sla-controles{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}

.xv3-sla-controles input[type="number"]{
  width:85px;
}

.xv3-sla-controles span,
.xv3-sla-controles label{
  color:var(--tema-texto-secundario,#64748b);
  font-size:11px;
}

.xv3-sla-mini{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.xv3-sla-mini>div{
  display:grid;
  gap:3px;
  padding:12px;
  background:var(--tema-card-2,#f8fafc);
  border-radius:10px;
}

.xv3-sla-mini span{
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
}

.xv3-sla-mini strong{
  color:var(--tema-texto,#0f172a);
  font-size:20px;
}

.xv3-sla-mini .alerta{
  background:#fff7ed;
}

.xv3-sla-mini .alerta strong{
  color:#c2410c;
}

.xv3-tabela-wrap{
  overflow:auto;
}

.xv3-tabela{
  width:100%;
  border-collapse:collapse;
  min-width:900px;
}

.xv3-tabela th,
.xv3-tabela td{
  padding:10px;
  border-bottom:1px solid var(--tema-borda,#e2e8f0);
  vertical-align:top;
  text-align:left;
  color:var(--tema-texto,#0f172a);
  font-size:12px;
}

.xv3-tabela th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--tema-card,#fff);
  color:var(--tema-texto-secundario,#64748b);
  font-size:10px;
  text-transform:uppercase;
}

.xv3-tabela td small{
  display:block;
  margin-top:3px;
  color:var(--tema-texto-secundario,#64748b);
}

.xv3-row-vencido{
  background:rgba(249,115,22,.05);
}

.xv3-situacao{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
}

.xv3-situacao.ok{
  background:#dcfce7;
  color:#166534;
}

.xv3-situacao.vencido{
  background:#ffedd5;
  color:#9a3412;
}

.xv3-auditoria-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.xv3-auditoria-filtros{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.xv3-auditoria-filtros input,
.xv3-auditoria-filtros select{
  max-width:220px;
}

.xv3-auditoria-info{
  padding:11px 12px;
  margin-bottom:12px;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1e40af;
  border-radius:10px;
  font-size:11px;
}

.xv3-tabela-auditoria{
  min-width:1100px;
}

.xv3-metodo{
  display:inline-flex;
  padding:4px 6px;
  border-radius:6px;
  font-size:9px;
  font-weight:900;
}

.xv3-metodo-post{
  background:#dcfce7;
  color:#166534;
}

.xv3-metodo-put{
  background:#dbeafe;
  color:#1d4ed8;
}

.xv3-metodo-patch{
  background:#fef3c7;
  color:#92400e;
}

.xv3-metodo-delete{
  background:#fee2e2;
  color:#991b1b;
}

.xv3-http{
  display:inline-flex;
  padding:3px 6px;
  border-radius:6px;
  font-weight:800;
  font-size:10px;
}

.xv3-http.ok{
  background:#dcfce7;
  color:#166534;
}

.xv3-http.erro{
  background:#fee2e2;
  color:#991b1b;
}

.xv3-json{
  display:block;
  max-width:360px;
  white-space:normal;
  word-break:break-word;
  font-family:monospace;
  font-size:9px!important;
}

.xv3-vazio,
.xv3-loading,
.xv3-erro{
  padding:24px;
  text-align:center;
  color:var(--tema-texto-secundario,#64748b);
}

.xv3-erro{
  color:#b91c1c;
}

html[data-theme="dark"] .xv3-sla-mini .alerta{
  background:rgba(249,115,22,.12);
}

html[data-theme="dark"] .xv3-auditoria-info{
  background:rgba(59,130,246,.10);
  border-color:rgba(59,130,246,.25);
  color:#93c5fd;
}

html[data-theme="dark"] .xv3-situacao.ok,
html[data-theme="dark"] .xv3-metodo-post,
html[data-theme="dark"] .xv3-http.ok{
  background:rgba(34,197,94,.13);
  color:#86efac;
}

html[data-theme="dark"] .xv3-situacao.vencido,
html[data-theme="dark"] .xv3-metodo-patch{
  background:rgba(249,115,22,.13);
  color:#fdba74;
}

html[data-theme="dark"] .xv3-metodo-delete,
html[data-theme="dark"] .xv3-http.erro{
  background:rgba(239,68,68,.13);
  color:#fca5a5;
}

html[data-theme="dark"] .xv3-metodo-put{
  background:rgba(59,130,246,.13);
  color:#93c5fd;
}

@media(max-width:1150px){
  .xv3-grid-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px){
  .xv3-grid-2{
    grid-template-columns:1fr;
  }

  .xv3-grid-cards,
  .xv3-grid-cards-menor{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .xv3-sla-regra{
    align-items:flex-start;
    flex-direction:column;
  }

  .xv3-sla-controles{
    justify-content:flex-start;
  }

  .xv3-auditoria-filtros{
    width:100%;
  }

  .xv3-auditoria-filtros input,
  .xv3-auditoria-filtros select{
    max-width:none;
    flex:1 1 150px;
  }
}


/* XINGUZINHO_AUDITORIA_REFERENCIA_CSS_V2 */
.xv3-aud-ref{
  display:block;
  width:max-content;
  max-width:100%;
  margin-bottom:4px;
  padding:3px 7px;
  border-radius:7px;
  background:#dbeafe;
  color:#1d4ed8;
  font-family:inherit;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.xv3-aud-entrada{
  display:block;
  color:var(--tema-texto-secundario,#64748b);
  font-family:monospace;
  font-size:9px;
  line-height:1.35;
  word-break:break-word;
}

html[data-theme="dark"] .xv3-aud-ref{
  background:rgba(59,130,246,.16);
  color:#93c5fd;
}