/* Hero (identyczny jak badania.css) */
.hero { background:#fff; border-bottom:1px solid var(--border); padding:20px 40px 24px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.hero-inner { max-width:960px; margin:0 auto; display:flex; align-items:center; gap:28px; }
.ring-wrap { position:relative; width:72px; height:72px; flex-shrink:0; }
.ring-wrap svg { width:72px; height:72px; }
.ring-num { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:19px; font-weight:700; color:var(--teal-dark); }
.score-info .lbl  { font-size:10px; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-bottom:3px; font-weight:600; }
.score-info .desc { font-size:13.5px; color:var(--text); font-weight:500; }
.score-trend { display:inline-flex; align-items:center; font-size:11px; font-weight:600; background:var(--teal-light); color:var(--teal-dark); border-radius:20px; padding:2px 10px; margin-top:5px; }
.vdiv { width:1px; height:42px; background:var(--border); flex-shrink:0; }
.levels { display:flex; gap:20px; }
.lv { text-align:center; }
.lv-num  { font-size:24px; font-weight:700; line-height:1; }
.lv-name { font-size:10px; color:var(--text3); margin-top:2px; font-weight:500; }
.lv.ok .lv-num    { color:var(--green); }
.lv.watch .lv-num { color:var(--blue);  }
.lv.alert .lv-num { color:var(--amber); }
.hero-right { margin-left:auto; text-align:right; }
.hero-right .name { font-size:17px; font-weight:700; color:var(--text); }
.hero-right .sub  { font-size:11.5px; color:var(--text3); margin-top:3px; }

/* Wrapper ankiety — layout jak badania — kopia */
#view-ankieta-wrap.main { max-width:1100px; margin:0 auto; padding:28px 16px 60px; }
#view-ankieta-wrap .ankieta-inner { width:100%; }

/* ═══ Karta podsumowania ═══ */
#view-ankieta-wrap .summary-card { background:#fff; border:1px solid var(--border); border-radius:18px; box-shadow:0 2px 16px rgba(0,0,0,0.08); display:grid; grid-template-columns:240px 1fr; overflow:hidden; min-height:320px; }
#view-ankieta-wrap .sum-left { background:var(--teal-dark); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 24px; gap:10px; }
#view-ankieta-wrap .sum-date { font-size:11px; opacity:0.6; letter-spacing:0.5px; }
#view-ankieta-wrap .sum-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; opacity:0.7; margin-bottom:4px; }
#view-ankieta-wrap .sum-score-wrap { position:relative; width:120px; height:120px; }
#view-ankieta-wrap .sum-ring { width:120px; height:120px; display:block; }
#view-ankieta-wrap .sum-score-inner { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#view-ankieta-wrap .sum-score-num { font-size:32px; font-weight:800; line-height:1; color:#fff; }
#view-ankieta-wrap .sum-score-sub { font-size:11px; opacity:0.6; margin-top:2px; }
#view-ankieta-wrap .sum-overall { font-size:14px; font-weight:600; text-align:center; line-height:1.4; opacity:0.9; max-width:180px; }
#view-ankieta-wrap .sum-counts { display:flex; gap:16px; margin-top:4px; }
#view-ankieta-wrap .sum-count { text-align:center; }
#view-ankieta-wrap .sum-count span { display:block; font-size:22px; font-weight:800; line-height:1; }
#view-ankieta-wrap .sum-count em { display:block; font-size:10px; font-style:normal; opacity:0.65; margin-top:1px; }
#view-ankieta-wrap .sum-count.ok span   { color:#6ee7b7; }
#view-ankieta-wrap .sum-count.warn span { color:#fcd34d; }
#view-ankieta-wrap .sum-count.risk span { color:#fca5a5; }
#view-ankieta-wrap .sum-right { padding:24px 28px; display:flex; flex-direction:column; justify-content:center; }
#view-ankieta-wrap .sum-areas { display:flex; flex-direction:column; gap:10px; }

/* Wiersze obszarów */
#view-ankieta-wrap .sa-item { border-radius:10px; overflow:hidden; transition:background .15s; }
#view-ankieta-wrap .sa-item.open .sa-row { background:var(--bg); }
#view-ankieta-wrap .sa-item.open .sa-chevron { transform:rotate(180deg); }
#view-ankieta-wrap .sa-row { display:flex; align-items:center; gap:14px; cursor:pointer; padding:10px 14px; border-radius:10px; transition:background .15s; }
#view-ankieta-wrap .sa-row:hover { background:var(--bg); }
#view-ankieta-wrap .sa-icon { font-size:18px; width:28px; text-align:center; flex-shrink:0; }
#view-ankieta-wrap .sa-name { font-size:13px; font-weight:600; color:var(--text); width:130px; flex-shrink:0; }
#view-ankieta-wrap .sa-bar-wrap { flex:1; height:6px; background:var(--border); border-radius:99px; overflow:hidden; }
#view-ankieta-wrap .sa-bar { height:100%; border-radius:99px; transition:width .6s ease; width:0; }
#view-ankieta-wrap .sa-bar.ok   { background:var(--green); }
#view-ankieta-wrap .sa-bar.warn { background:var(--amber); }
#view-ankieta-wrap .sa-bar.risk { background:var(--red); }
#view-ankieta-wrap .sa-status { font-size:11px; font-weight:700; padding:3px 9px; border-radius:5px; width:80px; text-align:center; flex-shrink:0; }
#view-ankieta-wrap .sa-status.ok   { background:var(--green-bg); color:var(--green); }
#view-ankieta-wrap .sa-status.warn { background:var(--amber-bg); color:var(--amber); }
#view-ankieta-wrap .sa-status.risk { background:var(--red-bg);   color:var(--red);   }
#view-ankieta-wrap .sa-detail { font-size:11.5px; color:var(--text3); width:140px; flex-shrink:0; text-align:right; }
#view-ankieta-wrap .sa-chevron { font-size:11px; color:var(--text3); transition:transform .2s; flex-shrink:0; }
#view-ankieta-wrap .sa-expand { display:none; padding:0 14px 14px; background:var(--bg); border-top:1px solid var(--border); }
#view-ankieta-wrap .sa-item.open .sa-expand { display:block; animation:saFade .18s ease both; }
@keyframes saFade { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:translateY(0)} }
#view-ankieta-wrap .sa-expand-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding-top:12px; }
#view-ankieta-wrap .sa-param { background:#fff; border:1px solid var(--border); border-radius:8px; padding:10px 12px; display:flex; align-items:center; gap:10px; border-left:3px solid transparent; }
#view-ankieta-wrap .sa-param.ok   { border-left-color:var(--green); }
#view-ankieta-wrap .sa-param.warn { border-left-color:var(--amber); }
#view-ankieta-wrap .sa-param.risk { border-left-color:var(--red);   }
#view-ankieta-wrap .sa-param-info { flex:1; }
#view-ankieta-wrap .sa-param-name { font-size:12px; font-weight:600; color:var(--text); }
#view-ankieta-wrap .sa-param-sub  { font-size:10.5px; color:var(--text3); margin-top:1px; }
#view-ankieta-wrap .sa-param-val  { text-align:right; }
#view-ankieta-wrap .sa-param-num  { font-size:13px; font-weight:700; }
#view-ankieta-wrap .sa-param-num.ok   { color:var(--green); }
#view-ankieta-wrap .sa-param-num.warn { color:var(--amber); }
#view-ankieta-wrap .sa-param-num.risk { color:var(--red);   }
#view-ankieta-wrap .sa-param-ref  { font-size:10px; color:var(--text3); margin-top:1px; }
#view-ankieta-wrap .sa-expand-note { margin-top:10px; font-size:12px; color:var(--text3); line-height:1.5; padding:8px 10px; background:#fff; border-radius:7px; border:1px solid var(--border); }

/* Status pill */
#view-ankieta-wrap .status { margin-top:8px; display:inline-flex; align-items:center; gap:8px; font-size:12.5px; padding:6px 9px; border-radius:999px; background:var(--bg); border:1px solid var(--border); color:var(--text3); width:fit-content; }
#view-ankieta-wrap .s-dot { width:10px; height:10px; border-radius:99px; }
#view-ankieta-wrap .s-ok   .s-dot { background:var(--green); }
#view-ankieta-wrap .s-warn .s-dot { background:var(--amber); }
#view-ankieta-wrap .s-risk .s-dot { background:var(--red); }
#view-ankieta-wrap .s-ok   { color:var(--green); }
#view-ankieta-wrap .s-warn { color:var(--amber); }
#view-ankieta-wrap .s-risk { color:var(--red); }

/* ═══ Radar nawyków ═══ */
#view-ankieta-wrap .radar-card { background:#fff; border:1px solid var(--border); border-radius:18px; box-shadow:0 2px 16px rgba(0,0,0,0.07); display:flex; align-items:center; padding:28px 32px; gap:32px; margin-top:16px; }
#view-ankieta-wrap .radar-card-left { width:180px; flex-shrink:0; }
#view-ankieta-wrap .radar-title    { font-size:15px; font-weight:700; color:var(--text); margin-bottom:4px; }
#view-ankieta-wrap .radar-subtitle { font-size:12px; color:var(--text3); margin-bottom:20px; }
#view-ankieta-wrap .radar-habits   { display:flex; flex-direction:column; gap:9px; }
#view-ankieta-wrap .radar-habit-row  { display:flex; align-items:center; gap:9px; }
#view-ankieta-wrap .radar-habit-dot  { width:9px; height:9px; border-radius:50%; flex-shrink:0; }
#view-ankieta-wrap .radar-habit-dot.ok   { background:var(--green); }
#view-ankieta-wrap .radar-habit-dot.warn { background:var(--amber); }
#view-ankieta-wrap .radar-habit-name { font-size:12px; font-weight:600; color:var(--text); flex:1; }
#view-ankieta-wrap .radar-habit-val  { font-size:11px; color:var(--text3); }

@media (max-width:900px) {
  #view-ankieta-wrap .summary-card { grid-template-columns:1fr; }
  #view-ankieta-wrap .radar-card { flex-direction:column; }
  #view-ankieta-wrap .radar-card-left { width:100%; }
  #view-ankieta-wrap .sa-name { width:90px; }
  #view-ankieta-wrap .sa-detail { display:none; }
}