/* Sprint 21 — Governança Operacional */
.service-governance-head{align-items:flex-start}
.service-governance-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px 20px;
  margin-bottom:16px;
  background:var(--surface);
  position:relative;
  overflow:hidden;
}
.service-governance-state::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--green);
}
.service-governance-state.attention::before{background:#d27b24}
.service-governance-state.critical::before{background:#d53b3b}
.service-governance-state>div{display:grid;gap:4px}
.service-governance-state>div:last-child{text-align:right}
.service-governance-state span{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.service-governance-state h3{margin:0;font-size:28px}
.service-governance-state p{margin:0;color:var(--muted)}
.service-governance-state b{font-size:18px}
.service-governance-state small{color:var(--muted)}
.service-governance-state.critical h3{color:#b92f2f}
.service-governance-state.attention h3{color:#9a5518}
.service-governance-state.stable h3{color:var(--green)}
.service-governance-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.service-governance-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:16px;
}
.service-governance-grid .panel,
.service-governance-signals-panel{padding:18px}
.service-governance-grid-main{
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
}
.service-governance-priorities{
  display:grid;
  gap:10px;
}
.service-governance-priorities article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px 13px;
  position:relative;
  overflow:hidden;
  background:color-mix(in srgb,var(--surface) 96%,var(--green) 4%);
}
.service-governance-priorities article::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--border);
}
.service-governance-priorities article.risk-critical::before{background:#d53b3b}
.service-governance-priorities article.risk-high::before{background:#d27b24}
.service-governance-priorities article.risk-attention::before{background:#caa52b}
.service-governance-priorities article>div{display:grid;gap:2px;padding-left:4px}
.service-governance-priorities article span{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.service-governance-priorities article small{color:var(--muted)}
.service-governance-priorities article strong{
  border-radius:999px;
  border:1px solid var(--border);
  padding:5px 9px;
  font-size:10px;
}
.service-governance-priorities .risk-critical strong{color:#a82424;background:rgba(213,59,59,.08);border-color:rgba(213,59,59,.22)}
.service-governance-priorities .risk-high strong{color:#9a5518;background:rgba(210,123,36,.09);border-color:rgba(210,123,36,.22)}
.service-governance-priorities .risk-attention strong{color:#806715;background:rgba(202,165,43,.10);border-color:rgba(202,165,43,.24)}
.service-governance-actions{
  display:grid;
  gap:10px;
}
.service-governance-actions article{
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  gap:10px;
  align-items:start;
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
}
.service-governance-actions i{
  width:8px;height:8px;border-radius:50%;
  margin-top:5px;background:#caa52b;
}
.service-governance-actions article.critical i{background:#d53b3b}
.service-governance-actions article>div{display:grid;gap:3px}
.service-governance-actions span{color:var(--muted);font-size:12px}
.service-governance-riskmap{display:grid;gap:10px}
.service-governance-riskmap article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid var(--border);
  padding:8px 0 11px;
}
.service-governance-riskmap article:last-child{border-bottom:0;padding-bottom:0}
.service-governance-riskmap article>div:first-child{display:grid;gap:2px}
.service-governance-riskmap article>div:first-child span{font-size:11px;color:var(--muted)}
.service-governance-riskchips{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.service-governance-riskchips span{
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 7px;
  font-size:10px;
  white-space:nowrap;
}
.service-governance-riskchips .critical{color:#a82424;border-color:rgba(213,59,59,.26);background:rgba(213,59,59,.08)}
.service-governance-riskchips .high{color:#9a5518;border-color:rgba(210,123,36,.26);background:rgba(210,123,36,.08)}
.service-governance-riskchips .attention{color:#806715;border-color:rgba(202,165,43,.26);background:rgba(202,165,43,.09)}
.service-governance-riskchips .normal{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--surface))}
.service-governance-riskchips .muted{color:var(--muted);opacity:.65}
.service-governance-table{width:100%;border-collapse:collapse}
.service-governance-table th,
.service-governance-table td{
  text-align:left;
  border-bottom:1px solid var(--border);
  padding:9px 7px;
  font-size:12px;
}
.service-governance-table th{
  color:var(--muted);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.service-governance-table .bad{color:#b92f2f;font-weight:800}
.service-governance-signals{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.service-governance-signals article{
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  display:grid;
  gap:4px;
  background:color-mix(in srgb,var(--surface) 96%,var(--green) 4%);
}
.service-governance-signals span{color:var(--muted);font-size:11px}
.service-governance-signals b{font-size:19px}
.service-governance-signals small{color:var(--muted);font-size:10px}
.service-governance-empty{padding:28px 12px}

@media (max-width:1450px){
  .service-governance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-governance-signals{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1050px){
  .service-governance-grid,
  .service-governance-grid-main{grid-template-columns:1fr}
}
@media (max-width:760px){
  .service-governance-state{align-items:flex-start;flex-direction:column}
  .service-governance-state>div:last-child{text-align:left}
  .service-governance-kpis,
  .service-governance-signals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-governance-priorities article{grid-template-columns:1fr auto}
  .service-governance-priorities article .btn{grid-column:1/-1;width:100%}
  .service-governance-riskmap article{align-items:flex-start;flex-direction:column}
  .service-governance-riskchips{justify-content:flex-start}
}
@media (max-width:520px){
  .service-governance-kpis,
  .service-governance-signals{grid-template-columns:1fr}
}