/* Błysk AutoSPA Manager v5.5 — Prognozy i Business Health Score */
.business-intelligence{display:grid;gap:18px;margin-bottom:18px}
.health-panel{overflow:hidden;background:
 radial-gradient(circle at 15% 10%,rgba(104,199,244,.13),transparent 33%),
 linear-gradient(135deg,rgba(7,17,29,.96),rgba(11,28,45,.94))}
.health-score-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px}
.health-score-ring{--score:0deg;display:grid;place-content:center;width:150px;height:150px;border-radius:50%;background:
 radial-gradient(circle at center,var(--panel) 0 58%,transparent 59%),
 conic-gradient(var(--blue) var(--score),rgba(255,255,255,.08) 0)}
.health-score-ring.excellent{background:
 radial-gradient(circle at center,var(--panel) 0 58%,transparent 59%),
 conic-gradient(#36d399 var(--score),rgba(255,255,255,.08) 0)}
.health-score-ring.good{background:
 radial-gradient(circle at center,var(--panel) 0 58%,transparent 59%),
 conic-gradient(#68c7f4 var(--score),rgba(255,255,255,.08) 0)}
.health-score-ring.medium{background:
 radial-gradient(circle at center,var(--panel) 0 58%,transparent 59%),
 conic-gradient(#f5c451 var(--score),rgba(255,255,255,.08) 0)}
.health-score-ring.warning,.health-score-ring.critical{background:
 radial-gradient(circle at center,var(--panel) 0 58%,transparent 59%),
 conic-gradient(#f58220 var(--score),rgba(255,255,255,.08) 0)}
.health-score-ring strong{font-size:38px;line-height:1}
.health-score-ring span{color:var(--muted);font-size:12px;text-align:center}
.health-score-copy h2{margin:5px 0 7px}
.health-score-copy p{max-width:720px;margin:0;color:var(--muted)}
.health-trend{margin-top:12px}
.health-trend span{display:inline-flex;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.health-trend .growth{background:rgba(54,211,153,.13);color:#70e6b9}
.health-trend .stable{background:rgba(104,199,244,.13);color:#9bdbf8}
.health-trend .decline{background:rgba(255,88,118,.13);color:#ff91a3}
.health-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}
.health-components>div{padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.health-components>div>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px}
.health-components span{color:var(--muted);font-size:11px}
.health-components strong{font-size:12px}
.health-component-bar,.forecast-progress-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.health-component-bar i,.forecast-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--blue))}
.forecast-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.forecast-stat small{display:block;min-height:16px;margin-top:5px;color:var(--muted);font-size:10px}
.forecast-change{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:10px}
.forecast-change.positive{color:#70e6b9;background:rgba(54,211,153,.1)}
.forecast-change.negative{color:#ff91a3;background:rgba(255,88,118,.1)}
.forecast-change.neutral{color:var(--muted);background:rgba(255,255,255,.04)}
.forecast-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}
.forecast-progress-grid>div{padding:11px;border:1px solid var(--line);border-radius:12px}
.forecast-progress-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}
.forecast-progress-heading span{color:var(--muted);font-size:11px}
.forecast-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.forecast-months article{display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(7,17,29,.48)}
.forecast-months article>span{color:var(--blue);font-size:11px;font-weight:900}
.forecast-months article>strong{font-size:21px}
.forecast-months article>div{display:flex;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.05)}
.forecast-months small{color:var(--muted)}
.annual-forecast{display:grid;grid-template-columns:1fr;gap:9px}
.annual-year{display:grid;place-content:center;min-height:70px;border-radius:13px;background:linear-gradient(135deg,rgba(245,130,32,.14),rgba(104,199,244,.12));font-size:28px;font-weight:900}
.annual-forecast>div:not(.annual-year){display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:11px}
.annual-forecast span{color:var(--muted)}
.analysis-list,.recommendation-list{display:grid;gap:9px}
.analysis-item{padding:12px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;background:rgba(7,17,29,.48)}
.analysis-item.severity-high{border-left-color:#ff5876}
.analysis-item.severity-medium{border-left-color:var(--orange)}
.analysis-item.severity-low{border-left-color:#36d399}
.analysis-item>span{font-size:10px;text-transform:uppercase;font-weight:900;color:var(--muted)}
.analysis-item h4,.recommendation-item h4{margin:5px 0}
.analysis-item p,.recommendation-item p{margin:0;color:var(--muted);line-height:1.45}
.recommendation-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,29,.48)}
.recommendation-item>span{display:grid;place-content:center;width:32px;height:32px;border-radius:50%;background:rgba(104,199,244,.13);font-weight:900}
.recommendation-item.priority-high>span{background:rgba(255,88,118,.14);color:#ff91a3}
.recommendation-item.priority-medium>span{background:rgba(245,130,32,.15);color:#ffb16e}
.recommendation-item small{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}
@media(max-width:1050px){
 .health-score-card{grid-template-columns:auto minmax(0,1fr)}
 .health-score-card>.btn{grid-column:1/-1;width:100%}
 .health-components{grid-template-columns:repeat(2,minmax(0,1fr))}
 .forecast-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .health-score-card{grid-template-columns:1fr;text-align:center}
 .health-score-ring{margin:auto}
 .health-score-copy p{margin-inline:auto}
 .forecast-progress-grid,.forecast-months{grid-template-columns:1fr}
}
@media(max-width:520px){
 .health-components,.forecast-kpis{grid-template-columns:1fr}
}
