/* DosTime Theme Polish — LIGHT/DARK refinement (health-universe preserved) */
html{color-scheme: light dark; scroll-behavior:smooth}
:root{ --lime:#c8e673; --lime-soft:rgba(200,230,115,0.16); --pastel-blue:#e0ecff; --pastel-mint:#eaf6ec; --pastel-lavender:#f0e8ff; --pastel-peach:#fff0e6; }
html, body{transition: background-color 260ms ease, color 260ms ease}
* {transition: background-color 200ms ease, border-color 200ms ease, color 150ms ease}

/* Light theme — soft pastel premium */
html[data-theme='light']{
  --bg-page:#f6f4fb;
  --bg-card:#ffffff;
  --bg-soft:#eef0ff;
  --bg-elevated:#ffffff;
  --text-primary:#2d2842;
  --text-secondary:#575170;
  --text-tertiary:#948eb2;
  --border:#e4dff2;
  --border-strong:#d1c9ea;
}
html[data-theme='light'] body{background:var(--bg-page); color:var(--text-primary)}
html[data-theme='light'] .card{box-shadow:0 4px 18px rgba(45,40,66,0.06), 0 1px 4px rgba(45,40,66,0.04)}
html[data-theme='light'] .topbar{backdrop-filter:blur(12px) saturate(1.1)}
html[data-theme='light'] .bottom-nav{backdrop-filter:blur(12px); background:rgba(255,255,255,0.92); border-top:1px solid var(--border)}

/* Dark theme — GMRTrade inspired: #0a1222 + grid + orbs (not pure black) */
html[data-theme='dark']{
  --bg-page:#0a1222;
  --bg-card:linear-gradient(160deg, rgba(24,38,61,0.96) 0%, rgba(19,35,60,0.98) 55%, rgba(16,30,52,0.98) 100%);
  --bg-soft:#13233c;
  --bg-elevated:linear-gradient(165deg,#18263d 0%,#1a2e4a 100%);
  --text-primary:#e8eef8;
  --text-secondary:#b8c4d9;
  --text-tertiary:#8a9ab8;
  --border:#2c4568;
  --border-strong:#3a5a82;
}
html[data-theme='dark'] body{
  background:
    radial-gradient(900px 480px at 50% -10%, rgba(245,185,66,0.07), transparent 60%),
    radial-gradient(1000px 600px at 50% 115%, rgba(46,216,255,0.05), transparent 60%),
    radial-gradient(700px 420px at 50% 45%, #13233c 0%, #0a1222 75%) !important;
  background-color:#0a1222 !important;
  background-attachment:fixed;
  position:relative;
}
html[data-theme='dark'] body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(44,69,104,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(44,69,104,0.06) 1px, transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 42%, #000 30%, transparent 82%);
  mask-image:radial-gradient(70% 60% at 50% 42%, #000 30%, transparent 82%);
  opacity:0.35;
}
.dash-bg{position:fixed; inset:0; pointer-events:none; z-index:-1; overflow:hidden}
.dash-bg::before{
  content:""; position:absolute; inset:-20%; 
  background:
    radial-gradient(1px 1px at 20% 30%, rgba(200,255,0,0.22) 1px, transparent 1.5px),
    radial-gradient(1px 1px at 75% 20%, rgba(124,111,217,0.18) 1px, transparent 1.5px);
  opacity:0.6;
}
html[data-theme='dark'] .dash-bg::after{
  content:""; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:0.9;
}
.wire-circles{position:fixed; inset:0; pointer-events:none; z-index:-1; overflow:hidden}
.wire-circles::before, .wire-circles::after{
  content:""; position:absolute; border:1px solid rgba(255,255,255,0.04); border-radius:50%;
}
html[data-theme='light'] .wire-circles::before{width:900px; height:900px; left:-200px; top:-300px; border-color:rgba(124,111,217,0.07)}
html[data-theme='light'] .wire-circles::after{width:700px; height:700px; right:-150px; bottom:-200px; border-color:rgba(124,111,217,0.05)}
html[data-theme='dark'] .wire-circles::before{width:900px; height:900px; left:-200px; top:-300px; border-color:rgba(44,69,104,0.14)}
html[data-theme='dark'] .wire-circles::after{width:700px; height:700px; right:-150px; bottom:-200px; border-color:rgba(44,69,104,0.10)}
html[data-theme='light'] body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background-image:linear-gradient(rgba(124,111,217,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(124,111,217,0.035) 1px, transparent 1px);
  background-size:40px 40px;
  opacity:0.9;
}
html[data-theme='dark'] .card{box-shadow:0 12px 32px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.04)}
html[data-theme='dark'] .quick-card.enabled:hover{background:rgba(139,116,242,0.12); border-color:var(--primary)}
html[data-theme='dark'] .bottom-nav{background:rgba(12,10,22,0.92); border-top:1px solid var(--border)}

/* Health-Universe — preserve premium dark on both themes (intentional hero) */
.health-universe{--hu-keep:1}
html[data-theme='light'] .health-universe{box-shadow:0 16px 40px rgba(45,40,66,0.12), 0 6px 16px rgba(45,40,66,0.08)}
html[data-theme='dark'] .health-universe{box-shadow:0 20px 60px rgba(0,0,0,0.55)}
/* Modal stays dark premium in both themes to match hero */
.hu-modal-box{background:linear-gradient(180deg,#1a2440,#0f172a) !important; border-color:rgba(255,255,255,0.08) !important}
.hu-modal-head{background:rgba(15,23,42,0.92) !important}
.hu-modal-title{color:#f1f5f9 !important}

/* Quick rail polish */
.quick-grid{scrollbar-width:none}
.quick-grid .quick-card{transition:transform 150ms, border-color 150ms, background 150ms}
.quick-grid .quick-card.enabled:active{transform:scale(0.97)}

/* === REMOVE BORDERS FOR ALL BOXES + FAINT LINEAR BG === */
.card, .hu-card, .hu-mini-donut, .hu-time-dot, .hu-stat, .hu-modal-card, .dose-rail-item .drug-card, .quick-card, .reward-hero, .reward-item, .dash-hero{
  border:none !important;
}
html[data-theme='light'] .card, html[data-theme='light'] .dose-rail-item .drug-card, html[data-theme='light'] .quick-card, html[data-theme='light'] .reward-hero, html[data-theme='light'] .reward-item{
  box-shadow:0 4px 16px rgba(45,40,66,0.06) !important;
}
/* === DARK: unify 3 dashboard sections with Health Universe glass (no border) === */
html[data-theme='dark'] .dose-rail-item .drug-card{
  background:rgba(255,255,255,0.05) !important;
  border:none !important;
  backdrop-filter:blur(8px);
  box-shadow:0 6px 18px rgba(0,0,0,0.22);
  color:var(--text-primary);
}
html[data-theme='dark'] .dose-rail-item .drug-card .drug-glyph{
  background:linear-gradient(135deg,#6ecfbf 0%,#8b7fe0 100%) !important;
  color:#fff !important; box-shadow:0 3px 10px rgba(124,111,217,0.22); filter:saturate(0.88) brightness(0.96);
}
html[data-theme='dark'] .dose-rail-item .drug-card .drug-name{color:#f1f5f9}
html[data-theme='dark'] .dose-rail-item .drug-card .drug-detail{color:#cbd5e1}
html[data-theme='dark'] .dose-rail-item .drug-card .badge{background:rgba(20,184,166,0.15); color:#5eead4; border-color:rgba(20,184,166,0.25)}
html[data-theme='dark'] .dose-rail-item .drug-card .btn{background:linear-gradient(135deg,#6ecfbf,#8b7fe0); color:#fff; border:none; filter:saturate(0.9)}

/* اقدامات سریع — dark glass like health-universe */
html[data-theme='dark'] .quick-card{
  background:rgba(255,255,255,0.04) !important;
  border:none !important;
  backdrop-filter:blur(8px);
  box-shadow:0 4px 14px rgba(0,0,0,0.18);
}
html[data-theme='dark'] .quick-card span{color:#cbd5e1}
html[data-theme='dark'] .quick-card.enabled:hover{
  background:rgba(255,255,255,0.06) !important;
  border-color:rgba(124,111,217,0.22) !important;
  box-shadow:0 6px 16px rgba(0,0,0,0.26);
  transform:translateY(-1px);
}
html[data-theme='dark'] .quick-card .icon-tile{box-shadow:0 3px 10px rgba(0,0,0,0.22); opacity:0.96}
html[data-theme='dark'] .quick-card .icon-tile.qa-calendar{background:linear-gradient(135deg,#7c6fd9,#9d92e8) !important; filter:saturate(0.85) brightness(0.95)}
html[data-theme='dark'] .quick-card .icon-tile.qa-record{background:linear-gradient(135deg,#5bc4b7,#7ab8ff) !important; filter:saturate(0.82) brightness(0.97)}
html[data-theme='dark'] .quick-card .icon-tile.qa-ai{background:linear-gradient(135deg,#7c6fd9,#8b7fe0) !important; filter:saturate(0.85) brightness(0.96)}
html[data-theme='dark'] .quick-card .icon-tile.qa-remind{background:linear-gradient(135deg,#5bc4b7,#7ecfa8) !important; filter:saturate(0.80) brightness(0.97)}
html[data-theme='dark'] .quick-card .icon-tile.qa-family{background:linear-gradient(135deg,#d48fa0,#e8a0b0) !important; filter:saturate(0.75) brightness(0.96)}
html[data-theme='dark'] .quick-card .icon-tile.qa-bmi{background:linear-gradient(135deg,#d9a44a,#e8a0a0) !important; filter:saturate(0.78) brightness(0.96)}
html[data-theme='dark'] .quick-card .icon-tile.qa-health{background:linear-gradient(135deg,#6ecfbf,#8b7fe0) !important; filter:saturate(0.82) brightness(0.96)}
html[data-theme='dark'] .quick-card .icon-tile.qa-consult{background:rgba(255,255,255,0.06) !important; color:#94a3b8 !important}

/* پاداش پایبندی — dark amber/teal like health-universe */
html[data-theme='dark'] .reward-hero, html[data-theme='dark'] .reward-hero.slim, html[data-theme='dark'] .reward-rail-item .reward-item{
  background:rgba(255,255,255,0.05) !important;
  border:none !important;
  backdrop-filter:blur(8px);
  box-shadow:0 6px 16px rgba(0,0,0,0.20);
}
html[data-theme='dark'] .reward-hero .reward-track, html[data-theme='dark'] .reward-track.slim{background:rgba(255,255,255,0.08) !important}
html[data-theme='dark'] .reward-hero .reward-fill{background:linear-gradient(90deg,#d9a44a,#e8b86a) !important; box-shadow:0 0 8px rgba(217,164,74,0.22); filter:saturate(0.85)}
html[data-theme='dark'] .reward-rail{border-top-color:rgba(255,255,255,0.06) !important}
html[data-theme='dark'] .reward-rail-item .reward-item.unlocked{border-color:rgba(34,197,94,0.25) !important; background:rgba(34,197,94,0.08) !important}

/* Health Insights — pastel cards + gauge (image 2) */
.health-insights{display:grid; grid-template-columns:1.2fr 0.8fr; gap:12px; margin-bottom:14px}
@media(max-width:820px){.health-insights{grid-template-columns:1fr}}
.hi-card{border-radius:16px; padding:14px; backdrop-filter:blur(8px); position:relative; overflow:hidden}
html[data-theme='light'] .hi-card{box-shadow:0 4px 16px rgba(45,40,66,0.06); border:none}
html[data-theme='dark'] .hi-card{box-shadow:0 6px 18px rgba(0,0,0,0.22); border:none}
.hi-card.pastel-blue{background:linear-gradient(135deg, #d9e9ff 0%, #e6f0ff 100%); color:#1e293b}
.hi-card.pastel-mint{background:linear-gradient(135deg, #e6f5e6 0%, #f0faf0 100%); color:#1e293b}
.hi-card.pastel-lavender{background:linear-gradient(135deg, #f3e6ff 0%, #f8f0ff 100%); color:#1e293b}
.hi-card.pastel-peach{background:linear-gradient(135deg, #ffefe6 0%, #fff5ef 100%); color:#1e293b}
html[data-theme='dark'] .hi-card.pastel-blue{background:linear-gradient(135deg, rgba(124,140,255,0.14) 0%, rgba(91,196,183,0.10) 100%); color:#e2e8f0; border:1px solid rgba(255,255,255,0.04)}
html[data-theme='dark'] .hi-card.pastel-mint{background:linear-gradient(135deg, rgba(34,197,94,0.10) 0%, rgba(91,196,183,0.08) 100%); color:#e2e8f0}
html[data-theme='dark'] .hi-card.pastel-lavender{background:linear-gradient(135deg, rgba(139,92,246,0.12) 0%, rgba(124,111,217,0.08) 100%); color:#e2e8f0}
html[data-theme='dark'] .hi-card.pastel-peach{background:linear-gradient(135deg, rgba(242,131,107,0.10) 0%, rgba(245,185,66,0.08) 100%); color:#e2e8f0}
.hi-gauge{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(255,255,255,0.04); border-radius:16px; padding:14px}
html[data-theme='light'] .hi-gauge{background:#ffffff; box-shadow:0 4px 16px rgba(45,40,66,0.06)}
.hi-pill{padding:4px 8px; border-radius:999px; font-size:10px; font-weight:700; display:inline-flex; align-items:center; gap:4px}
.hi-pill.normal{background:#e6f5e6; color:#15803d}
html[data-theme='dark'] .hi-pill.normal{background:rgba(34,197,94,0.15); color:#4ade80}
.hi-dots{height:28px; display:flex; align-items:flex-end; gap:3px}
.hi-dots i{width:4px; border-radius:99px; display:inline-block}
.date-pills{display:flex; gap:6px; overflow-x:auto; padding:4px 2px; scrollbar-width:none}
.date-pills::-webkit-scrollbar{display:none}
.date-pill{flex:0 0 52px; height:52px; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:11px; font-weight:700; cursor:pointer; transition:all 150ms}
html[data-theme='light'] .date-pill{background:rgba(255,255,255,0.9); border:1px solid var(--border); color:var(--text-secondary)}
html[data-theme='dark'] .date-pill{background:rgba(255,255,255,0.05); border:none; color:#cbd5e1}
.date-pill.active{background:var(--lime) !important; color:#0a1222 !important; box-shadow:0 4px 12px rgba(200,255,0,0.25) !important; border:none !important}

/* Dash hero subtle theme */
html[data-theme='light'] .dash-hero{background:linear-gradient(135deg,#ffffff 0%,#f6f4fb 100%); border:none; box-shadow:0 4px 16px rgba(45,40,66,0.06)}
html[data-theme='dark'] .dash-hero{background:linear-gradient(135deg,#1e1c2f 0%,#181828 100%); border:none}

/* === GLOBAL TRANSFORM — همه باکس‌ها/متن‌ها/نمودارها مانند صفحه اول (تصویر ۱) === */
.card, .hu-card, .hi-card, .srv-card, .dose-rail-item .drug-card, .reward-item, .srv-emergency{
  border-radius:18px !important; padding:16px !important;
}
h2, .pageHead h1, .sectionHead h2{font-size:19px !important; font-weight:900 !important; letter-spacing:-0.015em}
h3{font-size:15px !important; font-weight:800 !important}
.text-sm{font-size:14px !important}
.text-xs{font-size:12px !important}
.segmented, .services-tabs{display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:4px 2px}
.segmented::-webkit-scrollbar, .services-tabs::-webkit-scrollbar{display:none}
.segmented button, .services-tabs button{
  flex:0 0 auto; height:38px; padding:0 14px; border-radius:12px; font-size:12px; font-weight:700;
  background:rgba(255,255,255,0.06); border:none; color:var(--text-secondary); transition:all 150ms;
}
html[data-theme='light'] .segmented button, html[data-theme='light'] .services-tabs button{background:#fff; box-shadow:0 2px 8px rgba(45,40,66,0.06)}
html[data-theme='dark'] .segmented button, html[data-theme='dark'] .services-tabs button{background:rgba(255,255,255,0.05); color:#cbd5e1}
.segmented button.active, .services-tabs button.active{
  background:var(--lime) !important; color:#0a1222 !important; box-shadow:0 4px 14px rgba(200,255,0,0.22) !important; transform:translateY(-1px);
}

/* بخش خدمات — الهام تصویر ۱: گرادینت بنفش + کارت شیشه‌ای + پیل لایم */
.srv-head-row{ background:linear-gradient(135deg,#6366f1 0%, #7c6fd9 55%, #5bc4b7 100%); border-radius:18px; padding:14px; margin-bottom:12px; color:#fff}
html[data-theme='dark'] .srv-head-row{background:linear-gradient(135deg,#4f46e5 0%, #6366f1 60%, #14b8a6 100%)}
.srv-head-row .pageHead h1, .srv-head-row .pageHead p{color:#fff !important}
.srv-card{
  background:rgba(255,255,255,0.06) !important; backdrop-filter:blur(8px); border:none !important;
  box-shadow:0 4px 16px rgba(0,0,0,0.12); transition:transform 150ms, box-shadow 150ms;
}
html[data-theme='light'] .srv-card{background:#ffffff !important; box-shadow:0 4px 16px rgba(45,40,66,0.06) !important}
html[data-theme='dark'] .srv-card{background:rgba(255,255,255,0.05) !important}
.srv-card:hover{transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,0.18) !important}
.srv-avatar{background:linear-gradient(135deg,#6366f1,#14b8a6) !important; color:#fff !important; width:42px; height:42px; border-radius:12px; display:grid; place-items:center; box-shadow:0 4px 12px rgba(99,102,241,0.25)}
html[data-theme='dark'] .srv-avatar{background:linear-gradient(135deg,#7c6fd9,#5bc4b7) !important}
.srv-card .badge{background:var(--lime-soft) !important; color:#0a1222 !important; font-weight:800; border:none !important}
html[data-theme='dark'] .srv-card .badge{background:rgba(200,255,0,0.14) !important; color:var(--lime) !important}
.stack{gap:10px !important}

/* نمودارها — dotted + نیم‌دایره مانند تصویر ۲ برای همه */
.hi-dots i, .chart-dots i{background:currentColor; opacity:0.9}
canvas, .chart canvas{border-radius:12px}

/* ===== Services hero header — creative redesign v3 (light pastel) =====
   Complete palette flip: soft lavender->mint card, deep indigo text (8:1+). */
.srv-head-row{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;
  border-radius:22px;padding:18px 16px;margin-bottom:12px;color:#2D2842;
  background:
    radial-gradient(240px 130px at 88% 0%, rgba(255,255,255,0.9), transparent 60%),
    radial-gradient(280px 170px at 8% 110%, rgba(91,196,183,0.22), transparent 60%),
    linear-gradient(135deg,#E9E5FB 0%,#E4EEFB 48%,#DDF3EC 100%);
  border:1px solid #E0D9F5;
  box-shadow:0 10px 26px rgba(76,80,150,0.14),0 2px 8px rgba(76,80,150,0.08),inset 0 1px 0 rgba(255,255,255,0.8);
}
.srv-head-row::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(76,80,180,0.07) 1px,transparent 1px),linear-gradient(90deg,rgba(76,80,180,0.07) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(60% 80% at 85% 15%,black 20%,transparent 65%);
  mask-image:radial-gradient(60% 80% at 85% 15%,black 20%,transparent 65%);
}
.srv-head-row::after{
  content:"";position:absolute;width:190px;height:190px;left:-56px;bottom:-70px;pointer-events:none;
  border:1px solid rgba(99,102,241,0.16);border-radius:50%;
  box-shadow:0 0 0 14px rgba(99,102,241,0.05),0 0 0 28px rgba(99,102,241,0.025);
}
.srv-head-row .page-head{display:contents}
.srv-head-row .page-head h1{grid-column:1/-1;font-size:22px;font-weight:900;color:#2D2842 !important;letter-spacing:-0.02em}
.srv-head-row .page-head h1::after{content:"";display:block;width:46px;height:4px;border-radius:99px;margin-top:7px;background:linear-gradient(90deg,#5BC4B7,#7C6FD9)}
.srv-head-row .page-head p{margin-top:7px;font-size:12.5px;font-weight:600;color:#575170 !important}
.srv-head-row .srv-map-btn{position:relative;z-index:1;display:inline-flex;width:auto;white-space:nowrap;justify-content:center;align-items:center;background:#4338CA !important;border:1px solid #4338CA !important;color:#fff !important;font-weight:800;border-radius:999px !important;box-shadow:0 6px 16px rgba(67,56,202,0.30)}
.srv-head-row .srv-map-btn .badge{background:rgba(255,255,255,0.18) !important;color:#fff !important;font-weight:800}
html[data-theme='dark'] .srv-head-row{background:radial-gradient(240px 130px at 88% 0%,rgba(187,240,78,0.08),transparent 60%),radial-gradient(280px 170px at 8% 110%,rgba(20,184,166,0.14),transparent 60%),linear-gradient(135deg,#17233B 0%,#1E2A4A 60%,#14332F 100%);border-color:rgba(255,255,255,0.10);box-shadow:0 14px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.08);color:#F1F5F9}
html[data-theme='dark'] .srv-head-row .page-head h1{color:#FFFFFF !important}
html[data-theme='dark'] .srv-head-row .page-head p{color:rgba(226,232,240,0.85) !important}
html[data-theme='dark'] .srv-head-row .srv-map-btn{background:#BBF04E !important;border-color:#BBF04E !important;color:#1A1A2E !important;box-shadow:0 6px 16px rgba(187,240,78,0.25)}
html[data-theme='dark'] .srv-head-row .srv-map-btn .badge{background:rgba(26,26,46,0.14) !important;color:#1A1A2E !important}

/* ===== Services tabs — pastel rail cards v1 (Steps/Sleep/Calories motif) ===== */
.segmented.services-tabs{background:transparent !important;border:none !important;border-radius:0 !important;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px;scroll-snap-type:x proximity}
.segmented.services-tabs::-webkit-scrollbar{display:none}
.segmented.services-tabs button{flex:0 0 104px;min-height:70px;border-radius:18px !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px;scroll-snap-align:start;border:1.5px solid transparent !important;box-shadow:none !important;transition:transform 150ms,box-shadow 150ms,border-color 150ms}
.segmented.services-tabs button:active{transform:scale(0.96)}
.segmented.services-tabs .srv-tab-ic{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:none;flex:0 0 auto}
.segmented.services-tabs .srv-tab-ic svg{width:16px;height:16px}
.segmented.services-tabs .srv-tab-lb{font-size:11px;font-weight:800;line-height:1.5;color:#2D2842;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.segmented.services-tabs button:nth-child(1){background:#EEE7FF !important}
.segmented.services-tabs button:nth-child(1) .srv-tab-ic{color:#6D5EF0}
.segmented.services-tabs button:nth-child(2){background:#E2F4E5 !important}
.segmented.services-tabs button:nth-child(2) .srv-tab-ic{color:#16A34A}
.segmented.services-tabs button:nth-child(3){background:#FFEDDF !important}
.segmented.services-tabs button:nth-child(3) .srv-tab-ic{color:#EA580C}
.segmented.services-tabs button:nth-child(4){background:#E0EFFF !important}
.segmented.services-tabs button:nth-child(4) .srv-tab-ic{color:#0284C7}
.segmented.services-tabs button:nth-child(5){background:#FFE7EE !important}
.segmented.services-tabs button:nth-child(5) .srv-tab-ic{color:#DB2777}
.segmented.services-tabs button.active{border-color:#4C4DE1 !important;box-shadow:none !important;transform:translateY(-2px)}
.segmented.services-tabs button.active .srv-tab-ic{background:#4C4DE1;color:#fff}
html[data-theme='dark'] .segmented.services-tabs button:nth-child(1){background:rgba(139,92,246,0.16) !important}
html[data-theme='dark'] .segmented.services-tabs button:nth-child(2){background:rgba(52,211,153,0.13) !important}
html[data-theme='dark'] .segmented.services-tabs button:nth-child(3){background:rgba(251,146,60,0.13) !important}
html[data-theme='dark'] .segmented.services-tabs button:nth-child(4){background:rgba(56,189,248,0.13) !important}
html[data-theme='dark'] .segmented.services-tabs button:nth-child(5){background:rgba(251,113,133,0.13) !important}
html[data-theme='dark'] .segmented.services-tabs .srv-tab-lb{color:#E2E8F0}
html[data-theme='dark'] .segmented.services-tabs .srv-tab-ic{background:rgba(255,255,255,0.10);box-shadow:none}
html[data-theme='dark'] .segmented.services-tabs button.active{box-shadow:none !important}
html[data-theme='dark'] .segmented.services-tabs button.active .srv-tab-ic{background:#4C4DE1;color:#fff}
/* ===== hide emergency v1 ===== */
.srv-emergency{display:none !important}

/* ===== Quick actions — pastel rail v1 (Calories/Sleep/Steps motif, wide 1-line) ===== */
.quick-grid > a, .quick-grid > div{flex:0 0 132px !important;scroll-snap-align:start}
.quick-grid .quick-card{flex:0 0 132px !important;min-width:132px !important;min-height:78px !important;padding:10px 8px !important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:18px !important;border:1.5px solid transparent !important}
.quick-grid .quick-card .icon-tile{width:34px;height:34px;border-radius:50% !important;background:#fff !important;display:grid;place-items:center;box-shadow:0 2px 8px rgba(45,40,66,0.10)}
.quick-grid .quick-card > span:last-child{font-size:11.5px;font-weight:800;color:#2D2842;white-space:nowrap;line-height:1.4}
.quick-grid .quick-card.enabled:active{transform:scale(0.96)}
.quick-grid > a:nth-child(1) .quick-card{background:#EEE7FF !important}
.quick-grid > a:nth-child(1) .icon-tile{color:#6D5EF0}
.quick-grid > a:nth-child(2) .quick-card{background:#E2F4E5 !important}
.quick-grid > a:nth-child(2) .icon-tile{color:#16A34A}
.quick-grid > a:nth-child(3) .quick-card{background:#FFEDDF !important}
.quick-grid > a:nth-child(3) .icon-tile{color:#EA580C}
.quick-grid > a:nth-child(4) .quick-card{background:#E0EFFF !important}
.quick-grid > a:nth-child(4) .icon-tile{color:#0284C7}
.quick-grid > a:nth-child(5) .quick-card{background:#FFE7EE !important}
.quick-grid > a:nth-child(5) .icon-tile{color:#DB2777}
.quick-grid > a:nth-child(6) .quick-card{background:#F0F7DA !important}
.quick-grid > a:nth-child(6) .icon-tile{color:#65A30D}
.quick-grid > a:nth-child(7) .quick-card{background:#FFF4DE !important}
.quick-grid > a:nth-child(7) .icon-tile{color:#D97706}
.quick-grid > div:nth-child(8) .quick-card{background:#E8EEF7 !important;opacity:0.6}
.quick-grid > div:nth-child(8) .icon-tile{color:#94A3B8}
html[data-theme='dark'] .quick-grid > a:nth-child(1) .quick-card{background:rgba(139,92,246,0.16) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(2) .quick-card{background:rgba(52,211,153,0.13) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(3) .quick-card{background:rgba(251,146,60,0.13) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(4) .quick-card{background:rgba(56,189,248,0.13) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(5) .quick-card{background:rgba(251,113,133,0.13) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(6) .quick-card{background:rgba(163,230,53,0.12) !important}
html[data-theme='dark'] .quick-grid > a:nth-child(7) .quick-card{background:rgba(251,191,36,0.12) !important}
html[data-theme='dark'] .quick-grid > div:nth-child(8) .quick-card{background:rgba(148,163,184,0.12) !important}
html[data-theme='dark'] .quick-grid .quick-card > span:last-child{color:#E2E8F0}
html[data-theme='dark'] .quick-grid .quick-card .icon-tile{background:rgba(255,255,255,0.10) !important;box-shadow:none}
/* ===== quick icons inherit tile color (fix white-on-white) v1 ===== */
.quick-grid .quick-card .icon-tile svg{width:20px !important;height:20px !important;color:inherit !important}

/* ===== Health universe — light theme: white box + pastel inner cards v1 ===== */
html[data-theme='light'] .health-universe{background:#ffffff;border:1px solid #EDEAFD;box-shadow:0 10px 26px rgba(76,80,150,0.12),0 2px 8px rgba(76,80,150,0.08)}
html[data-theme='light'] .hu-head{background:linear-gradient(135deg,rgba(124,111,217,0.10),rgba(91,196,183,0.10));border-bottom:1px solid #EDEAFD}

/* حذف بک‌گراند و خط جداکننده هدر باکس سلامت (نبض زندگی شما) */
.hu-head,
html[data-theme='light'] .hu-head,
html[data-theme='dark'] .hu-head{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
}
.hu-head::before,
.hu-head::after{
  display:none !important;
  background:none !important;
}

html[data-theme='light'] .hu-head h2{color:#1e293b}
html[data-theme='light'] .hu-sub{color:#64748b}
html[data-theme='light'] .hu-eyebrow{color:#0d9488}
html[data-theme='light'] .hu-hero{background:linear-gradient(135deg,#E7E4FB 0%,#DFF3EC 100%)}
html[data-theme='light'] .hu-hero::after{background:radial-gradient(circle at 50% 50%,rgba(99,102,241,0.12),transparent 70%)}
html[data-theme='light'] .hr-score{fill:#0f172a}
html[data-theme='light'] .hr-score-sub{fill:#0d9488}
html[data-theme='light'] .hr-score-cap{fill:#64748b}
html[data-theme='light'] .hu-legend span{background:#ffffff;border:1px solid #EDEAFD;color:#475569}
html[data-theme='light'] .hu-card[data-hu="vitals"]{background:linear-gradient(135deg,#DCE9FF 0%,#E6F0FF 100%)}
html[data-theme='light'] .hu-card[data-hu="bmi"]{background:linear-gradient(135deg,#EFE7FF 0%,#F5F0FF 100%)}
html[data-theme='light'] .hu-card[data-hu="lifestyle"]{background:linear-gradient(135deg,#E6F5E6 0%,#EFFAF0 100%)}
html[data-theme='light'] .hu-card[data-hu="heatmap"]{background:linear-gradient(135deg,#FFEEE2 0%,#FFF4EC 100%)}
html[data-theme='light'] .hu-card[data-hu="mood"]{background:linear-gradient(135deg,#FFE9EF 0%,#FFF0F4 100%)}
html[data-theme='light'] .hu-card[data-hu]{box-shadow:0 4px 14px rgba(45,40,66,0.06);backdrop-filter:none}
html[data-theme='light'] .hu-card[data-hu]::before{display:none}
html[data-theme='light'] .hu-card h4{color:#1e293b}
html[data-theme='light'] .hu-card h4 small{color:#64748b}
html[data-theme='light'] .hu-gauge-val{fill:#0f172a}
html[data-theme='light'] .hu-gauge-cap{fill:#64748b}
html[data-theme='light'] .hu-donut-legend{color:#475569}
html[data-theme='light'] .hu-donut-legend b{color:#0f172a}
html[data-theme='light'] .hu-mini-donut{background:#ffffff}
html[data-theme='light'] .hu-level{background:rgba(15,23,42,0.08)}
html[data-theme='light'] .hu-time-dot{background:#ffffff;border:1px solid #EDEAFD;color:#334155}
html[data-theme='light'] .hu-time-dot b{color:#0f172a}
html[data-theme='light'] .heat-cell[data-v="0"]{background:rgba(15,23,42,0.07)}
html[data-theme='light'] .heat-cell small{color:rgba(15,23,42,0.45)}

/* ===== Health universe charts — theme-aware v1 (light pastels) ===== */
html[data-theme='light'] .hu-card>div{color:#475569 !important}
html[data-theme='light'] .hu-card p{color:#64748b !important}
html[data-theme='light'] .hu-card span[style*="#7dd3fc"]{color:#0284C7 !important}
html[data-theme='light'] .hu-gauge path:first-child{stroke:rgba(15,23,42,0.10) !important}
html[data-theme='light'] .hu-mini-donut circle:first-child{stroke:rgba(15,23,42,0.10) !important}
html[data-theme='light'] .hu-mini-donut text{fill:#0f172a !important}
html[data-theme='light'] .hu-mini-donut span{color:#475569 !important}
html[data-theme='light'] .hu-mini-donut span b{color:#0f172a !important}
/* ===== dash-hero-next link v1 ===== */
a.dash-hero-next{text-decoration:none;color:inherit;cursor:pointer}
a.dash-hero-next:hover{filter:brightness(1.04)}
/* ===== hero donut: no backdrop + tinted legend chips v1 ===== */
.hu-svg{background:transparent !important}
.hu-legend span{border-width:1px;border-style:solid}
html[data-theme='light'] .hu-legend span:nth-child(1){background:rgba(20,184,166,0.12);border-color:rgba(20,184,166,0.30);color:#0f766e;box-shadow:0 2px 8px rgba(45,40,66,0.06)}
html[data-theme='light'] .hu-legend span:nth-child(2){background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.30);color:#4338ca;box-shadow:0 2px 8px rgba(45,40,66,0.06)}
html[data-theme='light'] .hu-legend span:nth-child(3){background:rgba(236,72,153,0.10);border-color:rgba(236,72,153,0.28);color:#be185d;box-shadow:0 2px 8px rgba(45,40,66,0.06)}
html[data-theme='light'] .hu-legend span:nth-child(4){background:rgba(245,158,11,0.14);border-color:rgba(245,158,11,0.32);color:#92400e;box-shadow:0 2px 8px rgba(45,40,66,0.06)}
html[data-theme='dark'] .hu-legend span{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12)}
/* ===== hero white bg v1 (donut backdrop removed) ===== */
html[data-theme='light'] .hu-hero{background:#ffffff !important}
html[data-theme='light'] .hu-hero::after{display:none !important}
/* ===== hero-track v1 ===== */
html[data-theme='light'] .hu-svg circle[stroke="rgba(255,255,255,0.08)"]{stroke:rgba(15,23,42,0.12)}
/* ===== health universe no-hover v1 ===== */
.health-universe .hu-click,.health-universe .hu-click:hover,.health-universe .hu-click:active{transform:none !important;transition:none !important}
.health-universe .hu-head.hu-click:hover{box-shadow:none !important}
.health-universe .hu-hero.hu-click:hover{box-shadow:none !important}
.health-universe .hu-card.hu-click:hover{box-shadow:0 4px 14px rgba(0,0,0,0.12) !important}
/* ===== hero pie v1 ===== */
.hu-pie-svg{width:150px;height:150px}
.hu-pie-val{font-size:20px;font-weight:900;fill:#f1f5f9}
.hu-pie-cap{font-size:9px;fill:#94a3b8}
html[data-theme='light'] .hu-pie-val{fill:#0f172a}
html[data-theme='light'] .hu-pie-cap{fill:#64748b}
/* ===== hero donut v1 ===== */
.hu-donut-hero{width:230px;height:230px}

/* ===== hexagonal honeycomb v2 (around center circle) ===== */
/* حذف هدر نمودار — فضای خالی حذف و کندو بالاتر */
.hexa-title,.hexa-dots{display:none !important;height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}
.hexa-title h2,.hexa-title p{ display:none !important}
.hexa-flower{position:relative;width:100%;max-width:440px;margin:-6px auto 0;aspect-ratio:1/1.08;min-height:320px;isolation:isolate}
.hexa-wrap{position:absolute;width:30%;filter:drop-shadow(0 4px 0 rgba(0,0,0,0.20)) drop-shadow(0 14px 18px rgba(0,0,0,0.28));background:var(--hx);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);padding:5px}
.hexa-wrap.done{filter:drop-shadow(0 4px 0 rgba(0,0,0,0.20)) drop-shadow(0 14px 18px rgba(46,204,113,0.40))}
.hx-1{top:18%;left:50%;transform:translate(-50%,-50%)}
.hx-2{top:34%;left:79%;transform:translate(-50%,-50%)}
.hx-3{top:66%;left:79%;transform:translate(-50%,-50%)}
.hx-4{top:66%;left:21%;transform:translate(-50%,-50%)}
.hx-5{top:34%;left:21%;transform:translate(-50%,-50%)}
.hx-6{top:82%;left:50%;transform:translate(-50%,-50%)}
.hexa-box{background:linear-gradient(180deg,#1e2a4a 0%,#0f172a 60%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);aspect-ratio:0.87;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:10px 8px}
.hexa-ic{font-size:20px;line-height:1}
.hexa-box b{font-size:10.5px;font-weight:800;color:#f1f5f9;line-height:1.4}
.hexa-box small{font-size:8.5px;color:#94a3b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hexa-tag{font-size:8.5px;font-weight:800;background:rgba(255,255,255,0.08);color:#e2e8f0;padding:2px 8px;border-radius:999px;margin-top:2px;white-space:nowrap}
.hx-6 .hexa-box{background:linear-gradient(135deg,#2ecc71,#27ae60)}
.hx-6 .hexa-box b,.hx-6 .hexa-box small{color:#fff}
.hx-6 .hexa-tag{background:rgba(255,255,255,0.22);color:#fff}
.hx-6{animation:hexaPop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes hexaPop{from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.hx-lock{opacity:.62}
.hx-lock .hexa-ic{filter:grayscale(1)}
.hexa-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,0.07),transparent 65%),linear-gradient(160deg,#1a2440,#0f172a);border:1px solid rgba(255,255,255,0.10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 10px 26px rgba(0,0,0,0.30),inset 0 1px 0 rgba(255,255,255,0.08)}
.hexa-score{font-size:24px;font-weight:900;color:#fff;line-height:1}
.hexa-center small{font-size:9.5px;color:#94a3b8}
html[data-theme='light'] .hexa-title h2{color:#1e293b}
html[data-theme='light'] .hexa-title p{color:#64748b}
html[data-theme='light'] .hexa-box{background:linear-gradient(180deg,#ffffff 0%,#edf1f6 70%)}
html[data-theme='light'] .hexa-box b{color:#333333}
html[data-theme='light'] .hexa-box small{color:#666666}
html[data-theme='light'] .hexa-tag{background:#f1f5f9;color:#475569}
html[data-theme='light'] .hexa-center{background:radial-gradient(circle at 50% 38%,#ffffff,transparent 70%),linear-gradient(160deg,#f5f7fa,#eef2f6);border:1px solid #e2e8f0;box-shadow:0 10px 26px rgba(45,40,66,0.10)}
html[data-theme='light'] .hexa-score{color:#1e293b}
html[data-theme='light'] .hexa-center small{color:#64748b}
html[data-theme='light'] .hexa-wrap{filter:drop-shadow(0 8px 12px rgba(0,0,0,0.12))}
/* ===== honeycomb tangent dots v1 ===== */
.hexa-dot{position:absolute;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.25);z-index:2}
.hx-d1{top:31%;left:50%;background:#f5a623}
.hx-d2{top:40.5%;left:66.5%;background:#9b59b6}
.hx-d3{top:59.5%;left:66.5%;background:#27ae60}
.hx-d4{top:59.5%;left:33.5%;background:#2980b9}
.hx-d5{top:40.5%;left:33.5%;background:#e74c3c}
.hx-d6{top:69%;left:50%;background:#2ecc71}
/* ===== honeycomb tile-step v1 ===== */
.hexa-center{background:none !important;border:none !important;box-shadow:none !important}
html[data-theme='light'] .hexa-center{background:none !important;border:none !important;box-shadow:none !important}

/* فیکس موبایل کندو — از کشیدگی و فاصله جلوگیری */
@media(max-width:540px){
  .hexa-flower{max-width:340px;width:92%;aspect-ratio:1/1.05;min-height:300px;margin:0 auto}
  .hexa-wrap{width:31%;padding:4px}
  .hexa-box{padding:8px 6px;aspect-ratio:0.87;gap:1px}
  .hexa-ic{font-size:17px}
  .hexa-box b{font-size:9.5px;line-height:1.2}
  .hexa-box small{font-size:7.5px;line-height:1.4}
  .hexa-tag{font-size:7px;padding:2px 6px}
  .hexa-dot{width:10px;height:10px;border-width:1.5px}
  .hexa-center{width:30%}
  .hexa-score{font-size:20px}
}
@media(max-width:380px){
  .hexa-flower{max-width:300px;min-height:270px}
  .hexa-wrap{width:32%}
  .hexa-box b{font-size:9px}
}

/* ===== vitals-bmi row v1 ===== */
.hu-grid{grid-template-columns:1fr 1fr 1fr !important;grid-template-areas:"hero hero hero" "vitals bmi donut" "heat heat mood" !important}
@media(max-width:900px){.hu-grid{grid-template-columns:1fr 1fr !important;grid-template-areas:"hero hero" "vitals bmi" "donut donut" "heat heat" "mood mood" !important}}
@media(max-width:540px){.hu-grid{grid-template-columns:1fr 1fr !important;grid-template-areas:"hero hero" "vitals bmi" "donut donut" "heat heat" "mood mood" !important}}


/* حذف باکس بک‌گراند کندو در تم تیره — کندو بدون باکس */
html[data-theme='dark'] .hu-chart-section{
  background:transparent !important;
  padding-top:2px !important;
}
html[data-theme='dark'] .hu-chart-section .hu-hero{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html[data-theme='dark'] .hu-chart-section .hu-hero::after{
  display:none !important;
}