.wb-hero{padding:52px 16px 24px;background:var(--night);position:relative;overflow:hidden;flex-shrink:0}
/* Avatar button */
.wb-avatar{position:absolute;top:14px;right:16px;z-index:10;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;letter-spacing:.04em;transition:background .15s}
.wb-avatar:active{background:rgba(255,255,255,.25)}
/* My Care */
/* Inner tabs */
.wb-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,rgba(30,61,42,.8) 0%,transparent 60%)}
.wb-eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:8px;position:relative}
.wb-name{font-family:var(--serif);font-size:28px;font-weight:400;color:#fff;letter-spacing:-.02em;position:relative;margin-bottom:6px}
.wb-tagline{font-size:13px;color:rgba(255,255,255,.5);position:relative;line-height:1.5}
.wb-tagline strong{color:rgba(255,255,255,.8);font-weight:500}


/* Section header */
.wb-cta{margin:14px 16px 0;background:var(--drift0);border-radius:var(--r);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 4px 20px rgba(26,74,46,.2)}
.wb-cta:active{opacity:.88}
.wb-cta-text h3{font-size:15px;font-weight:500;color:#fff;margin-bottom:2px}
.wb-cta-text p{font-size:12px;color:rgba(255,255,255,.6)}
.wb-cta-arrow{color:rgba(255,255,255,.6);font-size:22px;font-weight:300}

/* Empty */
.wb-empty{margin:24px 16px 0;background:var(--cd);border-radius:var(--r);padding:36px 24px;box-shadow:var(--sh);text-align:center}
.wb-empty-eyebrow{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu);margin-bottom:12px}
.wb-empty-title{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}
.wb-empty-body{font-size:13px;color:var(--mu);line-height:1.7;margin-bottom:24px;max-width:260px;margin-left:auto;margin-right:auto}
.wb-empty-hm{display:flex;flex-direction:column;gap:3px;margin-bottom:24px;opacity:.4}
.wb-empty-hm-row{display:flex;gap:3px;justify-content:center}
.wb-empty-hm-cell{width:16px;height:16px;border-radius:3px}

/* Tooltip */
.tip{position:fixed;z-index:500;background:var(--ink);color:#fff;border-radius:var(--r);padding:14px 16px;max-width:260px;box-shadow:var(--shlg);display:none;animation:fadeUp .18s ease}
.tip.show{display:block}
.wb-status-card{background:var(--cd);border-radius:var(--r);box-shadow:var(--sh);padding:14px 16px}
.wb-status-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.wb-status-label{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mu)}
.wb-status-count{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}
.wb-status-tags{display:flex;flex-wrap:wrap;gap:6px}
.wb-status-tag{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px}
/* Heat / Fluid card */
.wb-hf-card{background:var(--cd);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.wb-hf-hdr{padding:12px 16px 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ln2)}
.wb-hf-icon{font-size:16px}
.wb-hf-title{font-size:13px;font-weight:600;color:var(--ink);flex:1}
.wb-hf-sub{font-size:11px;color:var(--mu)}
.wb-hf-body{padding:10px 16px 12px}
.wb-hf-row{margin-bottom:8px}
.wb-hf-row:last-child{margin-bottom:0}
.wb-hf-row-label{font-size:11px;font-weight:500;color:var(--mu);margin-bottom:5px;letter-spacing:.03em}
.wb-hf-tags{display:flex;flex-wrap:wrap;gap:5px}
.wb-hf-tag{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:500}
.wb-hf-tag.warm{background:#fef0e0;color:#b05a00}
.wb-hf-tag.cool{background:#e8f4fb;color:#2a6a8a}
.wb-hf-tag.full{background:#f0e8fb;color:#5a2a8a}
.wb-hf-tag.low{background:var(--d0bg);color:var(--drift0)}
.wb-hf-empty{font-size:12px;color:var(--mu);font-style:italic}
.drift-hint-icon{font-size:20px;flex-shrink:0}
.drift-hint-body{flex:1}
.drift-hint-label{font-size:13px;font-weight:500;color:var(--drift0)}
.drift-hint-sub{font-size:12px;color:var(--mu);margin-top:1px}