/* Ana sayfa: mobil uygulama hiyerarsisi, antrenman odagi ve kalori acigi */
#page-home.home-dashboard { display:block; padding:14px 12px calc(var(--nav-height) + var(--safe-bottom) + 18px); background:linear-gradient(180deg,#f3f7fb 0%,#f8fafc 44%,#eef4f8 100%); }
.home-dashboard > div:first-child { display:none; }
.home-dashboard > .stat-grid { display:none; }
.home-dashboard #home-dashboard.home-bento { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:stretch; }
.home-today-command { grid-column:1 / -1; position:relative; overflow:hidden; min-height:174px; display:flex; flex-direction:column; padding:18px; border-radius:26px; color:#fff; background:radial-gradient(circle at 87% 16%,rgba(255,181,48,.45),transparent 30%),linear-gradient(135deg,#08233d 0%,#085c71 56%,#00a9ba 100%); box-shadow:0 18px 34px rgba(8,77,95,.24); }
.home-today-command::after { content:''; position:absolute; right:-38px; bottom:-84px; width:210px; height:210px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.055),0 0 0 58px rgba(255,255,255,.04); pointer-events:none; }
.home-command-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.72); font-size:.63rem; font-weight:800; letter-spacing:.13em; }
.home-command-top i { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:rgba(255,255,255,.16); color:#fff; font-size:.92rem; }
.home-today-command-copy { position:relative; z-index:1; display:flex; flex-direction:column; gap:7px; max-width:83%; margin-top:16px; }
.home-today-command-copy strong { font-size:1.35rem; line-height:1.08; letter-spacing:-.045em; }
.home-today-command-copy small { color:rgba(255,255,255,.76); font-size:.75rem; line-height:1.36; }
.home-today-command button { position:relative; z-index:1; width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding:0 14px; border:0; border-radius:14px; background:#fff; color:#07334a; font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; box-shadow:0 8px 18px rgba(0,0,0,.12); }
.home-dashboard .dashboard-hero { display:none; }
.home-dashboard .dashboard-section { margin:0; border:0; box-shadow:none; }
.home-muscle-stage { min-height:306px; padding:13px !important; border-radius:22px !important; background:linear-gradient(145deg,#fff,#f4f9fb) !important; box-shadow:0 8px 22px rgba(15,43,66,.07) !important; }
.home-muscle-stage .dashboard-title { margin-bottom:6px; }
.home-muscle-stage .dashboard-title h3 { font-size:.88rem; letter-spacing:-.025em; }
.home-muscle-stage .heatmap-layout { display:block; min-height:248px; }
.home-muscle-stage .heatmap-stage { height:238px; }
.home-muscle-stage .heatmap-stage img { height:100%; object-fit:contain; }
.home-muscle-stage .heatmap-controls { display:none; }
.home-metric-strip { grid-column:1 / -1; order:2; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:7px !important; }
.home-metric-strip > div { min-height:68px; padding:10px 5px; border-radius:15px; background:rgba(255,255,255,.74); box-shadow:none; border:1px solid rgba(15,43,66,.06); }
.home-metric-strip span { font-size:.57rem; line-height:1.15; }
.home-metric-strip b { margin-top:3px; font-size:.86rem; }
.home-energy-stage { min-height:306px; overflow:hidden; padding:13px !important; border-radius:22px !important; background:#0b2034 !important; color:#fff; box-shadow:0 15px 28px rgba(12,35,56,.18) !important; }
.home-energy-stage .dashboard-title h3,.home-energy-stage .dashboard-title span,.home-energy-stage .energy-legend,.home-energy-stage .energy-note { color:rgba(255,255,255,.67); }
.home-energy-stage .dashboard-title { margin-top:10px; }
.home-energy-stage .dashboard-title h3 { font-size:.8rem; }
.home-energy-stage .energy-range-toggle { background:rgba(255,255,255,.1); }
.home-energy-stage .energy-range-toggle button { color:rgba(255,255,255,.62); }
.home-energy-stage .energy-range-toggle button.active { background:#fff; color:#0b2034; }
.home-energy-summary { display:flex; align-items:flex-end; flex-wrap:wrap; gap:3px 10px; padding:2px 0 13px; border-bottom:1px solid rgba(255,255,255,.12); }
.home-energy-summary span { width:100%; color:#52d3de; font-size:.61rem; font-weight:800; letter-spacing:.12em; }
.home-energy-summary strong { color:#fff; font-size:1.48rem; letter-spacing:-.055em; }
.home-energy-summary small { padding-bottom:3px; color:rgba(255,255,255,.6); font-size:.6rem; }
.home-energy-stage .energy-legend { display:none; }
.home-energy-stage .energy-chart { height:108px; margin-top:7px; }
.home-energy-stage .energy-day strong { font-size:.56rem; }
.home-energy-stage .energy-day > span { color:rgba(255,255,255,.55); }
.home-energy-stage .energy-note { margin-top:8px; border-color:rgba(255,255,255,.1); font-size:.6rem; }
.home-history-stage { grid-column:1 / -1; padding:14px !important; border-radius:20px !important; background:rgba(255,255,255,.7) !important; }
.home-history-stage .dashboard-title h3 { font-size:.9rem; }
.home-utility-bento { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.home-dashboard #home-exercise-launch { min-height:124px; margin:0 !important; padding:13px !important; border:1px solid rgba(15,43,66,.08); border-radius:20px; box-shadow:none; background:linear-gradient(145deg,#fff,#f2fbfc); }
.home-dashboard #home-exercise-launch .flex-between { height:100%; align-items:flex-end; }
.home-dashboard #home-exercise-launch strong { display:block; max-width:92px; font-size:.82rem; line-height:1.15; }
.home-dashboard #home-exercise-launch p { display:none; }
.home-dashboard #home-exercise-launch .btn { min-width:39px; min-height:39px; padding:0; }
.home-dashboard #reminder-section { min-height:124px; margin:0 !important; padding:13px !important; border:1px solid rgba(15,43,66,.08); border-radius:20px; box-shadow:none; background:#fff; }
.home-dashboard #total-score-card { padding:12px !important; border:0; border-radius:16px; box-shadow:none; background:transparent; opacity:.82; }
.home-dashboard .ad-placeholder { min-height:52px; margin-top:10px; border-radius:14px; opacity:.72; }

.home-dashboard [hidden] { display:none !important; }
@media (max-width:359px) { .home-muscle-stage .heatmap-layout { grid-template-columns:1fr; } .home-muscle-stage .heatmap-stage { height:180px; } .home-muscle-stage { min-height:0; } .home-muscle-stage .heatmap-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion:no-preference) { .home-today-command { animation:homeCommandIn .38s ease both; } .home-today-command button:active { transform:scale(.985); } }
@keyframes homeCommandIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
