.sec-hero{
  background:linear-gradient(135deg,#0f172a,#0b5cad);
  color:#fff;
  border-radius:26px;
  padding:30px;
  margin-bottom:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  box-shadow:0 18px 48px rgba(15,23,42,.18);
}
.sec-hero h1{color:#fff;margin:0 0 8px}
.sec-hero p{margin:0;color:rgba(255,255,255,.86)}
.sec-score{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px;text-align:center;min-width:150px}
.sec-score strong{display:block;font-size:34px}
.sec-score span{font-size:13px;color:#dbeafe}

.sec-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:20px;
}
.sec-kpis div{
  background:#fff;
  border:1px solid #d8e5f5;
  border-radius:20px;
  padding:20px;
  box-shadow:0 10px 28px rgba(0,74,173,.08);
}
.sec-kpis span{display:block;color:#667085;font-weight:700}
.sec-kpis strong{display:block;font-size:30px;margin-top:6px;color:#0f172a}

.sec-ok{color:#166534!important}
.sec-warn{color:#92400e!important}
.sec-critical{color:#b91c1c!important}

.sec-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  font-weight:900;
  font-size:12px;
}
.sec-badge.ok{background:#dcfce7;color:#166534}
.sec-badge.warning{background:#fef3c7;color:#92400e}
.sec-badge.critical{background:#fee2e2;color:#b91c1c}

.sec-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}
.sec-section{margin-bottom:22px}
.sec-section h2{margin-top:0}

@media(max-width:900px){
  .sec-hero{display:block}
  .sec-score{margin-top:16px}
  .sec-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .sec-kpis{grid-template-columns:1fr}
}