/* Pantalla Resumen: referencia móvil 431 px. Carga al final para preservar
   exactamente esta jerarquía sin afectar Registro, Progreso ni Ajustes. */
@media (max-width: 720px), (min-width: 721px) and (max-width: 1023px) and (orientation: portrait) {
  .page-resumen .android-summary-stack { gap: 20px !important; }

  .page-resumen .summary-plan { min-height: 65px !important; padding: 10px !important; border: 1px solid #1b4a69 !important; border-radius: 18px !important; background: linear-gradient(105deg, #0b2942, #071829) !important; }
  .page-resumen .summary-plan .summary-reminder-icon { width: 40px !important; height: 40px !important; flex-basis: 40px !important; border-radius: 50% !important; font-size: 21px !important; }
  .page-resumen .summary-plan-copy strong { font-size: 17px !important; }
  .page-resumen .summary-plan-copy p { margin-top: 4px !important; font-size: 14px !important; white-space: nowrap !important; }
  .page-resumen .summary-plan > b { display: none !important; }
  .page-resumen .summary-plan .secondary { min-height: 42px !important; padding: 0 13px !important; border-color: #118db7 !important; border-radius: 13px !important; font-size: 14px !important; }

  .page-resumen .summary-calories-card { display: block !important; min-height: 0 !important; padding: 2px 5px 16px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  .page-resumen .summary-calories-copy h2 { margin: 0 0 14px !important; font-size: 14px !important; }
  .page-resumen .summary-calorie-progress { padding: 10px 12px 12px !important; border: 1px solid var(--line) !important; border-radius: 14px !important; background: #061624 !important; }
  .page-resumen .summary-calorie-progress::after { content: ""; display: block; width: 100%; height: 8px; margin-top: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--cyan) 0 calc(var(--percent, 0) * 1%), #1d3046 calc(var(--percent, 0) * 1%) 100%); }
  .page-resumen .summary-kcal { gap: 8px !important; margin: 0 !important; }
  .page-resumen .summary-kcal strong { font-size: 52px !important; line-height: 1 !important; }
  .page-resumen .summary-kcal span { margin: 0 !important; font-size: 20px !important; }
  .page-resumen .summary-nutrition-row { margin-top: 8px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  .page-resumen .summary-nutrition-item small { font-size: 16px !important; }
  .page-resumen .summary-calories-card::after { display: none !important; }
  .page-resumen .calorie-ring { display: none !important; }

  .page-resumen .tracking-group, .page-resumen .weekly-summary, .page-resumen .weekly-chart-card { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  .page-resumen .tracking-heading, .page-resumen .weekly-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 0 12px !important; }
  .page-resumen .tracking-group .group-title, .page-resumen .weekly-summary .group-title, .page-resumen .weekly-chart-card .group-title { margin: 0 !important; font-size: 23px !important; }
  .page-resumen .weekly-insight-trigger { padding: 0 !important; font-size: 14px !important; }
  .page-resumen .today-tracking-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; }
  .page-resumen .today-tracking-card { display: grid !important; grid-template-columns: 40px minmax(0, 1fr) !important; grid-template-rows: 25px 28px 12px !important; column-gap: 12px !important; min-height: 76px !important; padding: 8px 7px 8px 10px !important; border: 1px solid var(--line-soft) !important; border-radius: 14px !important; text-align: left !important; }
  .page-resumen .tracking-icon { display: grid !important; grid-column: 1 !important; grid-row: 1 / span 2 !important; place-items: center !important; width: 40px !important; height: 42px !important; }
  .page-resumen .tracking-icon .asset-icon { width: 42px !important; height: 42px !important; }
  .page-resumen .tracking-name { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; font-size: 14px !important; }
  .page-resumen .tracking-value { grid-column: 2 !important; grid-row: 2 !important; min-width: 0 !important; font-size: 17px !important; white-space: nowrap !important; }
  .page-resumen .tracking-value.is-empty { font-size: 12px !important; }
  .page-resumen .tracking-progress { grid-column: 2 !important; grid-row: 3 !important; width: calc(100% - 4px) !important; height: 4px !important; margin: 0 !important; }
  .page-resumen .today-tracking-card:nth-child(3n + 2) { border-right: 1px solid var(--line-soft) !important; border-left: 1px solid var(--line-soft) !important; }
  .page-resumen .today-tracking-card:nth-child(n + 4) { border-top: 1px solid var(--line-soft) !important; }

  .page-resumen .weekly-rows { overflow: hidden !important; border: 1px solid var(--line-soft) !important; border-radius: 16px !important; background: #07182a !important; }
  .page-resumen .weekly-rows p { min-height: 56px !important; padding: 8px 11px !important; }
  .page-resumen .weekly-rows p span { gap: 8px !important; font-size: 14px !important; }
  .page-resumen .weekly-rows p i { width: 25px !important; font-size: 20px !important; }
  .page-resumen .weekly-rows p i .asset-icon { width: 23px !important; height: 23px !important; }
  .page-resumen .weekly-rows strong { display: grid !important; gap: 2px !important; font-size: 15px !important; line-height: 1.05 !important; }
  .page-resumen .weekly-rows strong small { color: #10c7dc !important; font-size: 12px !important; font-weight: 500 !important; }
  .page-resumen .weekly-chart-heading { margin-bottom: 7px !important; }
  .page-resumen .weekly-chart-heading strong { font-size: 13px !important; }
  .page-resumen .weekly-chart-card .week-chart { margin: 0 -4px !important; }
  .page-resumen .weekly-chart-card .week-chart-svg { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
  .page-resumen .week-bar-svg.green { fill: url(#week-cyan-gradient) !important; }
  .page-resumen .week-bar-svg.amber { fill: url(#week-violet-gradient) !important; }
  .page-resumen .week-bar-svg.empty { fill: #101d32 !important; stroke: #1b2b43 !important; stroke-width: 1 !important; pointer-events: none !important; }
  .page-resumen .week-bar-svg.empty.missing { fill: #0d2238 !important; }
  .page-resumen .quantia-assistant-bubble { display: none !important; }
}

/* Paleta unificada para todos los renderizados del gráfico calórico semanal. */
.page-resumen .week-bar,
.page-resumen .week-bar.within {
  background: linear-gradient(180deg, #35e1eb 0%, #078ba8 100%) !important;
}

.page-resumen .week-bar.over {
  background: linear-gradient(180deg, #a779ff 0%, #6841b8 100%) !important;
}

/* El gráfico SVG usa la misma paleta en móvil, navegador y PWA de escritorio. */
.page-resumen .week-bar-svg.green {
  fill: url(#week-cyan-gradient) !important;
}

.page-resumen .week-bar-svg.amber {
  fill: url(#week-violet-gradient) !important;
}

.page-resumen .week-bar-svg.empty {
  fill: #101d32 !important;
  stroke: #1b2b43 !important;
  stroke-width: 1 !important;
  pointer-events: none !important;
}

.page-resumen .week-bar-svg.empty.missing {
  fill: #0d2238 !important;
}

.page-resumen .week-grid-line { stroke: #22364a !important; }
.page-resumen .week-target-line { stroke: #84dce8 !important; stroke-dasharray: 6 5 !important; }