/* ═════════ Wellness — استایل قابلیت‌های جدید (افزودنی) ═════════ */
.well-wrap { flex-wrap: wrap; }
.well-center { text-align: center; }
.well-big { font-size: 22px; font-weight: 900; display: flex; align-items: center; justify-content: center; gap: 6px; }
.flex-1 { flex: 1; }

/* نوار داشبورد: کارت‌های افقی اسکرول */
.well-strip { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; margin-top: 12px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.well-mini { scroll-snap-align: start; flex: 0 0 auto; min-width: 150px; max-width: 188px; display: flex; align-items: center; gap: 10px; text-align: start;
  background: var(--bg-card, #fff); border: 1px solid var(--border, #e5e7eb); border-radius: var(--radius-lg, 16px);
  padding: 10px 12px; cursor: pointer; color: inherit; font: inherit; position: relative; overflow: hidden;
  box-shadow: 0 2px 10px rgb(15 23 42 / 0.06); transition: transform 160ms ease, box-shadow 160ms ease; }
.well-mini::before{content:"";position:absolute;top:0;right:12px;left:12px;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#4f46e5,#22d3ee);}
.well-mini:hover{box-shadow:0 10px 24px rgb(79 70 229 / 0.16);}
.well-mini:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgb(79 70 229 / 0.14); }
.well-mini span b { display: block; font-size: 13px; font-weight: 800; }
.well-mini span small { display: block; font-size: 11px; color: var(--text-faint, #8a86a3); margin-top: 2px; }
.well-mini-go { margin-inline-start: auto; font-weight: 900; color: var(--text-faint, #8a86a3); }
.well-mini.well-week { border-style: dashed; }
.well-mini.well-warn { border-color: rgb(239 68 68 / 0.45); background: rgb(239 68 68 / 0.05); }
a.well-mini { text-decoration: none; }
html[data-theme="dark"] .well-mini { background: rgb(139 116 242 / 0.08); }

/* چیپ‌ها */
.well-chip { display: inline-flex; align-items: center; gap: 6px; }
.well-chip.selected { background: linear-gradient(135deg, #4f46e5, #7c6fd9); color: #fff; border-color: transparent; }
.well-chip.selected svg { color: #fff; }
.well-plan { flex-direction: column; gap: 0; min-width: 76px; padding: 8px 10px; }
.well-plan b { font-size: 15px; }
.well-plan small { font-size: 10px; opacity: 0.75; }
.well-sev.selected { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #fff; border-color: transparent; }

/* پرچم قرمز */
.well-flag { display: flex; align-items: center; gap: 10px; width: 100%; text-align: start; font: inherit; color: inherit;
  background: rgb(239 68 68 / 0.05); border: 1px solid rgb(239 68 68 / 0.2); border-radius: 12px; padding: 10px 12px; cursor: pointer; }
.well-flag.on { background: rgb(239 68 68 / 0.12); border-color: #ef4444; }
.well-flag-box { width: 22px; height: 22px; flex: 0 0 22px; border-radius: 7px; border: 1.5px solid rgb(239 68 68 / 0.5);
  display: grid; place-items: center; font-size: 13px; font-weight: 900; color: #ef4444; background: #fff; }

/* نتیجه تریاژ */
.well-lvl { border-radius: var(--radius-lg, 16px); padding: 14px; font-size: 13px; line-height: 1.9; }
.well-lvl-3 { background: rgb(239 68 68 / 0.08); border: 1.5px solid #ef4444; }
.well-lvl-2 { background: rgb(245 158 11 / 0.08); border: 1.5px solid #f59e0b; }
.well-lvl-1 { background: rgb(34 197 94 / 0.08); border: 1.5px solid #22c55e; }
.well-lvl-t { font-weight: 900; font-size: 15px; margin-bottom: 4px; }
.well-pbar { height: 8px; border-radius: 99px; background: rgb(124 111 217 / 0.12); overflow: hidden; margin-top: 4px; }
.well-pbar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #4f46e5, #22d3ee); transition: width 400ms ease; }

/* حلقه فستینگ */
.well-ring { position: relative; width: 190px; margin: 8px auto; }
.well-ring svg { width: 100%; height: auto; display: block; }
.well-ring-bg { fill: none; stroke: var(--border, #e5e7eb); stroke-width: 11; opacity: 0.6; }
.well-ring-fg { fill: none; stroke: url(#wellFastGrad); stroke: #f59e0b; stroke-width: 11; stroke-linecap: round; transition: stroke-dashoffset 1s linear; }
.well-ring-txt { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.well-ring-txt b { font-size: 26px; font-weight: 900; letter-spacing: 1px; }
.well-ring-txt small { font-size: 11px; color: var(--text-faint, #8a86a3); }
.well-fast-sub { font-size: 13px; font-weight: 700; margin-top: 6px; }
.well-fast-sub.done { color: #16a34a; }
.well-fast-info { background: rgb(245 158 11 / 0.07); border: 1px dashed rgb(245 158 11 / 0.4); border-radius: 12px; padding: 10px 12px; margin-top: 10px; }

/* مدیتیشن */
.well-calm-face { text-align: center; padding: 14px 6px 6px; }
.well-calm-face b { font-size: 34px; font-weight: 900; letter-spacing: 2px; }
.well-playing { border-color: rgb(79 70 229 / 0.5); background: rgb(79 70 229 / 0.06); }
.well-range { width: 100%; accent-color: #4f46e5; }

/* نمودار میله‌ای هفته */
.well-bars { display: flex; gap: 6px; justify-content: space-between; margin: 12px 0 8px; }
.well-barcol { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; }
.well-bartrack { height: 84px; width: 100%; max-width: 34px; border-radius: 9px; background: rgb(124 111 217 / 0.1);
  display: flex; align-items: flex-end; overflow: hidden; }
.well-bartrack i { display: block; width: 100%; border-radius: 9px; background: linear-gradient(180deg, #7c6fd9, #22d3ee); min-height: 4px; transition: height 500ms ease; }
.well-barcol small { font-size: 10px; color: var(--text-faint, #8a86a3); }
.well-barcol b { font-size: 13px; font-weight: 900; }
.well-barcol b.tr-up { color: #16a34a; }
.well-barcol b.tr-dn { color: #dc2626; }
html[data-theme='dark'] .well-barcol b.tr-up { color: #4ade80; }
html[data-theme='dark'] .well-barcol b.tr-dn { color: #f87171; }

/* نمودار ضربان قلب */
.well-hr { width: 100%; height: auto; display: block; margin-top: 8px; }
.well-hr-line { fill: none; stroke: #ef4444; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.well-hr-dot { fill: #ef4444; stroke: #fff; stroke-width: 2; }
html[data-theme="dark"] .well-hr-line { stroke: #f87171; }
html[data-theme="dark"] .well-hr-dot { fill: #f87171; }

@media (max-width: 380px) {
  .well-mini { min-width: 176px; }
  .well-ring { width: 160px; }
  .well-ring-txt b { font-size: 22px; }
}