/* PISTORA v55 — guided workspace. Uses the v54 tokens (design-v54.css). State is shown with words and icons, not colour alone. */
.health-card{margin:18px 0 22px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:var(--shadow);display:grid;gap:16px}
.hc-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-start;justify-content:space-between}
.hc-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.hc-verdict{margin:6px 0 0;display:flex;gap:10px;align-items:center;font-size:clamp(18px,2.2vw,22px);font-weight:700;line-height:1.35;text-wrap:balance}
.hc-verdict b{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:16px}
.hc-verdict.ok b{background:var(--ok-bg);color:var(--ok)}
.hc-verdict.warn b{background:var(--warn-bg);color:var(--warn)}
.hc-verdict.bad b{background:var(--bad-bg);color:var(--bad)}
.hc-verdict.none b{background:#ecede4;color:var(--muted)}
.hc-cost{display:grid;justify-items:end;gap:2px;text-align:right}
.hc-cost span,.hc-cost small{font-size:12px;color:var(--muted)}
.hc-cost b{font-size:22px;font-variant-numeric:tabular-nums}
.hc-cost b small{font-size:12px;font-weight:500;margin-left:2px}
.hc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hc-item{min-width:0;padding:12px 14px;border-radius:12px;background:#f6f6ee;border:1px solid transparent;display:grid;gap:4px}
.hc-item.warn{background:var(--warn-bg);border-color:#ecd3ad}
.hc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hc-name{font-size:14px;font-weight:700}
.hc-state{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}
.hc-state.ok{background:var(--ok-bg);color:var(--ok)}
.hc-state.warn{background:#fff6e8;color:var(--warn)}
.hc-state.none{background:#ecede4;color:var(--muted)}
.hc-value{font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.hc-range{font-size:12px;color:var(--muted);line-height:1.4}
.hc-meter{position:relative;display:block;height:6px;margin-top:6px;border-radius:3px;background:#e3e5d8}
.hc-meter .band{position:absolute;top:0;bottom:0;border-radius:3px;background:#b9cf9a}
.hc-meter .mark{position:absolute;top:-3px;width:3px;height:12px;margin-left:-1.5px;border-radius:2px;background:var(--ink)}
.hc-item.warn .hc-meter .mark{background:var(--warn)}
.hc-tips{margin:0;padding:12px 16px 12px 34px;border-radius:12px;background:#fbf7ee;display:grid;gap:6px;font-size:14px;line-height:1.5}
.hc-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.hc-actions small{font-size:12px;color:var(--muted);max-width:52ch}
.hc-note{margin:0;font-size:14px;color:var(--warn)}
.hc-proposal{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfbf6;display:grid;gap:10px}
.hc-proposal p{margin:0;font-size:14px}
.hc-proposal table{border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.hc-proposal td{padding:5px 10px 5px 0;white-space:nowrap}
.hc-proposal td.up{color:var(--ok);font-weight:700}
.hc-proposal td.down{color:var(--warn);font-weight:700}
/* Recipe list: the extended library folds behind one button. */
.library-toggle{display:block;width:100%;margin:10px 0 4px;padding:12px 14px;border:1px dashed #b9c2ab;border-radius:12px;background:#f6f6ee;color:var(--green);font-weight:700;font-size:13px;text-align:left}
#recipes>[hidden]{display:none!important}
/* First visit guide. */
.first-guide{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0 0 16px;padding:14px 18px;border-radius:14px;background:var(--lime);color:var(--ink)}
.fg-title{margin:0;font-weight:700}
.first-guide ol{margin:0;padding-left:20px;display:flex;flex-wrap:wrap;gap:4px 26px;font-size:14px;flex:1 1 420px}
.first-guide button{background:var(--paper)}
@media (max-width:900px){.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hc-name{white-space:nowrap}
@media (max-width:520px){.health-card{padding:16px;border-radius:14px}.hc-top{flex-wrap:wrap;gap:4px}.hc-state{font-size:11px;padding:1px 7px}.hc-cost{justify-items:start;text-align:left}.hc-grid{gap:8px}.hc-item{padding:10px 12px}.hc-value{font-size:20px}.first-guide ol{display:grid}}
@media print{.health-card .hc-actions,#hc-proposal,.first-guide,.library-toggle{display:none!important}}