/* ===== Combo checker ===== */
.pick-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.pick{font-family:inherit;font-size:14px;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:#fbfaf6;color:var(--ink-soft);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.pick.sel{background:var(--green);color:#fff;border-color:var(--green)}
.pick.sel.cau{background:var(--amber);border-color:var(--amber)}
.reset-btn{font-family:inherit;font-size:13px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:.15s}
.reset-btn:hover{background:#ece9df;color:var(--ink)}
.reset-btn:disabled{opacity:.4;cursor:default}
.nutri-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px}
.nutri-title{font-size:14px;font-weight:700;margin-bottom:6px}
.chart-ph{text-align:center;color:var(--ink-soft);font-size:14px;padding:40px 0}
.chart-wrap{position:relative;height:330px;max-width:430px;margin:6px auto 0}
@media(max-width:500px){.chart-wrap{height:260px}}
.nutri-top{margin-top:8px;text-align:center;font-size:13px;color:var(--ink-soft)}
.nutri-top b{color:var(--green)}

/* ===== Verdict ===== */
.verdict{border-radius:var(--radius);padding:22px;border:1px solid var(--line);background:var(--surface)}
.verdict.empty{text-align:center;color:var(--ink-soft);font-size:14px}
.verdict .head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.verdict .icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.verdict.ok .icon{background:var(--green-soft);color:var(--green)}
.verdict.warn .icon{background:var(--amber-soft);color:var(--amber)}
.verdict.bad .icon{background:var(--red-soft);color:var(--red)}
.verdict .title{font-size:18px;font-weight:700}
.verdict.ok .title{color:var(--green)}
.verdict.warn .title{color:var(--amber)}
.verdict.bad .title{color:var(--red)}
.verdict ul{margin:10px 0 0 4px;padding:0;list-style:none}
.verdict li{font-size:14px;color:var(--ink-soft);padding:6px 0 6px 20px;position:relative}
.verdict li::before{content:"\2022";position:absolute;left:4px;color:var(--green)}
.verdict.warn li::before{color:var(--amber)}
.verdict.bad li::before{color:var(--red)}

/* ===== Ca:P ratio ===== */
.cap-box{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.cap-ph{text-align:center;color:var(--ink-soft);font-size:14px;padding:12px 0}
.cap-title{font-size:15px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.cap-bar-wrap{margin:8px 0 14px}
.cap-bar{position:relative;height:14px;background:#edeadf;border-radius:999px;overflow:visible}
.cap-zone{position:absolute;top:0;height:100%;background:rgba(90,125,60,0.2);border-radius:999px}
.cap-marker{position:absolute;top:-3px;width:4px;height:20px;background:var(--green);border-radius:2px;transform:translateX(-2px)}
.cap-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-top:4px}
.cap-msg{font-size:14px;color:var(--ink);margin-bottom:6px}
.cap-detail{font-size:12px;color:var(--ink-soft)}
.cap-src{font-size:11px;color:var(--ink-soft);margin-top:6px;font-style:italic}
.cap-title .pill.ok{background:var(--green-soft);color:var(--green)}
.cap-title .pill.warn{background:var(--amber-soft);color:var(--amber)}