/* 부띠끄 밀착케어 3단계 — 모든 선택자는 .fx-care-today 안에만 둔다. Formula X 공통 토큰만 쓴다.
   작은 글자(12·13px)는 글자용 잉크(--care-*-ink, 페이롤·place-rank 패턴)로만 쓴다.
   장식·테두리는 --care-bad·--care-warn·--care-accent 그대로 둔다.
   6 테마(Formula·bemove·supergym × 라이트·다크) 모두 카드 위 4.5 이상이다.
   bemove 스코프의 12px 글자에 #EC662A 를 쓰지 않는다(라이트 3.23). */
.fx-care-today{--care-card:var(--card);--care-text:var(--text);--care-muted:var(--text-sub);--care-border:var(--border);--care-accent:var(--primary);--care-soft:var(--bg);--care-ok:var(--success);--care-warn:var(--warning);--care-bad:var(--danger);--care-bad-ink:#b91c1c;--care-warn-ink:#b45309;--care-accent-ink:#4f46e5;--care-radius:6px;--care-gap:16px;color:var(--care-text);font-size:14px;line-height:1.6;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}
/* Formula 다크: 어두운 카드(#1e293b) 위 밝은 잉크. */
:root[data-formula-theme="dark"] .fx-care-today{--care-bad-ink:#fca5a5;--care-warn-ink:#fbbf24;--care-accent-ink:#a5b4fc}
/* bemove 라이트(Formula 모드 + bemove 브랜드): 흰 카드 위 진한 잉크. 액센트는 주황 700. */
body[data-app-mode="formula"][data-bemove-brand="1"] .fx-care-today,body[data-app-mode="bemove"] .fx-care-today{--care-bad-ink:#b91c1c;--care-warn-ink:#b45309;--care-accent-ink:#A94013}
/* bemove 다크: 어두운 카드(#1a1e24) 위 밝은 잉크. 액센트는 주황 200(페이롤 ink와 같은 값). */
html[data-bemove-theme="dark"] body[data-app-mode="formula"][data-bemove-brand="1"] .fx-care-today,html[data-bemove-theme="dark"] body[data-app-mode="bemove"] .fx-care-today{--care-bad-ink:#fca5a5;--care-warn-ink:#fbbf24;--care-accent-ink:#FACFB6}
/* supergym 라이트: 흰 카드 위 진한 잉크 + 보조 글자 본문색(기본 #758198 는 3.93). */
body[data-app-mode="formula"][data-supergym-brand="1"] .fx-care-today{--care-muted:var(--care-text);--care-bad-ink:#b91c1c;--care-warn-ink:#b45309;--care-accent-ink:#204ce5}
/* supergym 다크: 어두운 카드(#0f1524) 위 밝은 잉크. 액센트는 통과값 그대로. */
:root[data-formula-theme="dark"] body[data-app-mode="formula"][data-supergym-brand="1"] .fx-care-today{--care-bad-ink:#fca5a5;--care-warn-ink:#fbbf24;--care-accent-ink:#60a5fa}
.fx-care-today *{box-sizing:border-box}
.fx-care-today .fx-care-body{display:flex;flex-direction:column;gap:var(--care-gap);min-width:0}
.fx-care-today .fx-care-tabs{display:flex;gap:8px}
.fx-care-today .fx-care-tab{min-height:44px;padding:8px 18px;border:1px solid var(--care-border);border-radius:4px;background:var(--care-card);color:var(--care-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.fx-care-today .fx-care-tab.is-on{background:var(--primary-fill);border-color:var(--primary-fill);color:#fff}
.fx-care-today .fx-care-branches{display:flex;flex-wrap:wrap;gap:8px}
.fx-care-today .fx-care-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--care-border);border-radius:999px;background:var(--care-card);color:var(--care-text);font:inherit;font-size:13px;cursor:pointer}
.fx-care-today .fx-care-chip.is-on{border-color:var(--care-accent);font-weight:700}
.fx-care-today .fx-care-chip:disabled{opacity:.5;cursor:not-allowed}
.fx-care-today .fx-care-meta{font-size:12px;color:var(--care-muted);margin:0}
.fx-care-today .fx-care-notices{margin:0;padding:10px 12px 10px 28px;border:1px solid var(--care-border);border-radius:var(--care-radius);background:var(--care-card);font-size:13px;color:var(--care-muted)}
.fx-care-today .fx-care-card{border:1px solid var(--care-border);border-radius:var(--care-radius);background:var(--care-card);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.fx-care-today .fx-care-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fx-care-today .fx-care-card h3{margin:0;font-size:17px}
.fx-care-today .fx-care-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.fx-care-today .fx-care-badge{display:inline-block;padding:2px 10px;border:1px solid var(--care-border);border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}
.fx-care-today .fx-care-badge.is-red{border-color:var(--care-bad);color:var(--care-bad-ink)}
.fx-care-today .fx-care-badge.is-yellow{border-color:var(--care-warn);color:var(--care-text)}
.fx-care-today .fx-care-badge.is-gray{color:var(--care-muted)}
.fx-care-today .fx-care-badge.is-back{border-color:var(--care-accent);color:var(--care-accent-ink)}
.fx-care-today .fx-care-signals{display:flex;flex-direction:column;gap:8px}
.fx-care-today .fx-care-signal{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--care-border);border-radius:4px;background:var(--care-soft);font-size:13px}
.fx-care-today .fx-care-signal b{font-size:13px}
.fx-care-today .fx-care-signal.is-red{border-color:var(--care-bad)}
.fx-care-today .fx-care-signal.is-yellow{border-color:var(--care-warn)}
.fx-care-today .fx-care-next{margin:0;font-size:14px}
.fx-care-today .fx-care-next b{margin-right:6px}
.fx-care-today .fx-care-rhythm-wrap summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;font-size:13px}
.fx-care-today .fx-care-rhythm{display:flex;flex-direction:column;gap:2px;font-size:12px;max-width:100%}
.fx-care-today .fx-care-rhythm-head{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));gap:2px;color:var(--care-muted);text-align:center}
.fx-care-today .fx-care-week{display:grid;grid-template-columns:52px 1fr;gap:2px;align-items:center}
.fx-care-today .fx-care-week-label{color:var(--care-muted);font-size:12px}
.fx-care-today .fx-care-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.fx-care-today .fx-care-day{display:flex;align-items:center;justify-content:center;min-height:28px;border:1px solid var(--care-border);border-radius:4px;background:var(--care-card)}
.fx-care-today .fx-care-day.is-off{background:repeating-linear-gradient(45deg,var(--care-soft),var(--care-soft) 4px,transparent 4px,transparent 8px);color:var(--care-muted)}
.fx-care-today .fx-care-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fx-care-today .fx-care-pick-label{font-size:12px;font-weight:700;color:var(--care-muted)}
.fx-care-today .fx-care-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border:1px solid var(--care-border);border-radius:4px;background:var(--care-card);color:var(--care-text);font:inherit;font-size:14px;cursor:pointer}
.fx-care-today .fx-care-btn.is-primary{background:var(--primary-fill);border-color:var(--primary-fill);color:#fff;font-weight:700}
.fx-care-today .fx-care-btn:disabled{opacity:.6;cursor:wait}
.fx-care-today .fx-care-error{color:var(--care-bad-ink);font-size:13px;margin:0}
.fx-care-today .fx-care-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--care-gap)}
.fx-care-today .fx-care-metric{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-height:44px;padding:16px;border:1px solid var(--care-border);border-radius:var(--care-radius);background:var(--care-card);color:var(--care-text);font:inherit;cursor:pointer}
.fx-care-today .fx-care-metric.is-on{border-color:var(--care-accent);border-width:2px;padding:15px}
.fx-care-today .fx-care-metric-name{font-size:13px;font-weight:700}
.fx-care-today .fx-care-metric-value{font-size:24px;font-weight:700}
.fx-care-today .fx-care-metric-frac{font-size:13px;color:var(--care-muted)}
.fx-care-today .fx-care-metric-hint{font-size:12px;color:var(--care-muted)}
.fx-care-today .fx-care-metric-reason{font-size:12px;color:var(--care-warn-ink)}
.fx-care-today .fx-care-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fx-care-today .fx-care-roster li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--care-border);border-radius:4px;background:var(--care-card)}
.fx-care-today .fx-care-roster li span{font-size:13px;color:var(--care-muted)}
.fx-care-today :is(button,summary):focus-visible{outline:2px solid var(--care-accent);outline-offset:3px}
@media (max-width:900px){
.fx-care-today .fx-care-metrics{grid-template-columns:minmax(0,1fr)}
.fx-care-today .fx-care-card header{flex-direction:column}
.fx-care-today .fx-care-badges{justify-content:flex-start}
.fx-care-today .fx-care-rhythm-head{grid-template-columns:44px repeat(7,minmax(0,1fr))}
.fx-care-today .fx-care-week{grid-template-columns:44px 1fr}
}