/* Resumen inspirado directamente en Quantia Android. */
.android-summary-stack{display:grid;gap:18px}.android-topbar{margin-bottom:18px}.summary-calories-card{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:19px 20px;border:1px solid #163c59;border-radius:23px;text-align:left;color:var(--text);background:linear-gradient(145deg,#0d2032,#071522)}.summary-calories-card h2{margin:0;font-size:17px}.summary-kcal{display:flex;align-items:baseline;gap:6px;margin:9px 0}.summary-kcal strong{font-size:44px;letter-spacing:-.055em;line-height:1;color:#10abc9}.summary-kcal span{font-size:23px;color:var(--text)}.summary-calories-card p{margin:0;color:var(--muted);font-size:13px}.summary-calories-card p.is-over{color:#f6a151}.calorie-ring{position:relative;display:grid;place-items:center;flex:0 0 81px;width:81px;height:81px;border-radius:50%;background:conic-gradient(from -90deg,#13a9c9 calc(var(--percent)*1%),#153c58 0)}.calorie-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b1e2f}.calorie-ring span{position:relative;color:#d7e3ee;font-size:16px;font-weight:800}
.tracking-group{padding:16px}.today-tracking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.today-tracking-card{display:flex;min-width:0;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 5px;border:1px solid #173a56;border-radius:15px;background:linear-gradient(145deg,#10263a,#0a1929);color:var(--text);text-align:center}.tracking-icon{display:grid;place-items:center;height:34px}.tracking-icon .asset-icon{width:34px;height:34px}.tracking-name{font-size:11px;color:var(--muted);font-weight:700}.tracking-value{font-size:16px;line-height:1.15;letter-spacing:-.03em}.tracking-value.is-empty{font-size:12px;color:var(--muted);letter-spacing:0}.tracking-progress{display:block;width:calc(100% - 16px);height:5px;overflow:hidden;margin-top:5px;border-radius:999px;background:#1a354e}.tracking-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1764dd,#16b2d1)}.tracking-progress>span.complete{background:linear-gradient(90deg,#148343,#22c55e)}
.weekly-summary{padding:18px 16px}.weekly-rows{display:grid;gap:13px;margin-top:20px}.weekly-rows p{display:flex;justify-content:space-between;gap:16px;margin:0;color:var(--muted);font-size:14px}.weekly-rows strong{color:var(--text);font-size:14px;text-align:right}.weekly-chart-card{padding:18px 16px}.weekly-chart-card .group-note{margin-bottom:6px}.week-chart{position:relative;height:238px;padding:23px 13px 0 40px}.week-chart-grid{position:absolute;inset:26px 13px 31px 40px;display:grid;grid-template-rows:repeat(4,1fr);pointer-events:none}.week-chart-grid span{border-top:1px solid #1a334a}.week-goal-line{position:absolute;left:40px;right:13px;bottom:calc(31px + var(--goal-position)*(181px/100));border-top:2px dashed #13abc8;opacity:.85}.week-bars{position:relative;display:grid;grid-template-columns:repeat(7,1fr);height:100%;gap:3px}.week-slot{display:grid;grid-template-rows:1fr 22px;min-width:0}.week-bar-area{position:relative;display:flex;align-items:flex-end;justify-content:center}.week-bar{width:min(54%,28px);min-height:3px;border-radius:6px 6px 5px 5px;background:linear-gradient(180deg,#19864d,#166e40);box-shadow:0 4px 9px #0005}.week-bar.over{background:linear-gradient(180deg,#bd7b18,#9b5914)}.week-missing{margin-bottom:6px;color:#64758b;font-size:14px}.future-dash{width:min(54%,28px);height:3px;margin-bottom:1px;border-radius:4px;background:#1b3147}.week-label{align-self:end;text-align:center;color:#b7c6d4;font-size:11px}.week-slot.is-today .week-label{color:#16b6d6;font-weight:800}
@media(max-width:420px){.summary-calories-card{padding:18px 16px}.summary-kcal strong{font-size:38px}.calorie-ring{flex-basis:72px;width:72px;height:72px}.calorie-ring:before{inset:8px}.today-tracking-grid{gap:6px}.today-tracking-card{min-height:106px}.weekly-rows{gap:12px}.weekly-rows p{font-size:13px}.weekly-rows strong{font-size:13px}.week-chart{height:226px}}

/* Escala como el gráfico de Android: deja visibles los valores a la izquierda. */
.week-y-axis{position:absolute;top:20px;bottom:29px;left:0;display:flex;flex-direction:column;justify-content:space-between;color:#8090a5;font-size:10px;line-height:1;text-align:right}.week-y-axis span{min-width:33px}
