/* Mi Equilibrio 1.4: bienestar opcional e informes, sin alterar el diseño 1.3. */
.wellness-home{margin:0 7px 14px;padding:21px 19px}.wellness-home .section-header{margin-bottom:6px}.wellness-home .supporting-label{line-height:1.55}.wellness-flower{font-size:32px;color:var(--accent)}.wellness-preview{margin:15px 0;background:var(--accent-soft);border-radius:14px;padding:13px 15px;font-size:13px;color:var(--ink);line-height:1.5}.wellness-home .home-action-row{margin-top:12px}
.more-feature-panel p,.report-panel p{color:var(--muted);font-size:13px;line-height:1.6}.more-feature-panel .home-action-row{margin-top:17px}.wellness-view,.report-view{max-width:880px;margin:0 auto}.wellness-form-panel,.wellness-history-panel,.report-panel{margin-bottom:18px}.wellness-fieldset,.report-fields{border:0;padding:0;margin:21px 0}.wellness-fieldset legend,.report-fields legend{color:var(--ink);font-size:15px;font-weight:800;margin-bottom:12px}.wellness-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wellness-choice{border:1.5px solid var(--line);background:var(--field);border-radius:18px;min-height:102px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--ink);cursor:pointer}.wellness-choice span{font-size:28px;color:var(--accent)}.wellness-choice strong{font-size:13px}.wellness-choice[aria-pressed="true"]{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:0 6px 22px rgba(var(--accent-rgb),.09)}.wellness-form .field-label{display:flex;flex-direction:column;gap:8px;color:var(--ink);font-weight:700}.wellness-form .field-label small{color:var(--muted);font-weight:400}.wellness-form input[type="date"],.wellness-form textarea,.report-dates input{width:100%;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:13px;padding:12px;font-size:15px}.wellness-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.wellness-form-actions button{min-height:44px}.wellness-history{margin-top:15px;display:grid;gap:9px}.wellness-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--field);border-radius:14px;padding:14px}.wellness-history-row strong{font-size:13px}.wellness-history-row .supporting-label{margin-top:4px;font-size:12px;line-height:1.45}.wellness-history-row button{border:1px solid var(--line);background:var(--panel);color:var(--accent);padding:8px 12px;border-radius:11px;font-weight:700}.wellness-empty{padding:20px;background:var(--field);border-radius:14px;color:var(--muted);font-size:13px}
.report-symbol{width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:32px;border-radius:18px;margin-bottom:14px}.report-panel h2{margin:6px 0 20px}.report-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.report-dates label{display:flex;flex-direction:column;gap:7px}.report-check{display:flex;align-items:center;gap:12px;background:var(--field);border:1px solid var(--line);border-radius:13px;margin-bottom:10px;padding:14px;cursor:pointer}.report-check input{accent-color:var(--accent);width:19px;height:19px;flex-shrink:0}.report-check span{display:grid;gap:3px}.report-check strong{font-size:13px;color:var(--ink)}.report-check small{font-size:11px;color:var(--muted)}.report-preview{background:var(--accent-soft);border-radius:15px;padding:15px 16px;color:var(--ink);font-size:13px;line-height:1.6;margin:19px 0}.report-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-actions button{min-height:47px}.report-privacy{margin-top:16px}
:root[data-visual="dark"] .wellness-preview,:root[data-visual="dark"] .report-preview{color:var(--ink)}
@media(max-width:650px){.wellness-home{padding:19px 17px}.report-dates{gap:8px}.wellness-choice{min-height:94px}.report-actions{grid-template-columns:1fr}}

/* 1.4.1: calendario opcional en el informe. */
.report-calendar-check{margin-top:-3px;margin-left:15px;border-left:3px solid var(--accent);background:var(--accent-soft)}
.report-calendar-check .calendar-check-icon{margin-left:auto;font-size:23px;color:var(--accent);opacity:.85}
.report-calendar-check.is-disabled{opacity:.52;cursor:not-allowed}
.report-calendar-check input:disabled{cursor:not-allowed}
@media(max-width:420px){.report-calendar-check{margin-left:7px}.report-calendar-check .calendar-check-icon{display:none}}

/* 1.4.2 · Registro rápido protegido y accesos más cómodos. */
.quick-option:disabled{cursor:default;pointer-events:none;transform:none}
.quick-option.is-locked{opacity:.40;filter:saturate(.45);box-shadow:none}
.quick-option.is-selected:disabled{opacity:1;filter:none;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.16)}
.quick-undo-notice{display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:var(--accent-soft);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;color:var(--ink);font-size:12px;line-height:1.5}
.quick-undo-notice[hidden]{display:none!important}
.quick-undo-notice button{border:1px solid var(--accent);border-radius:10px;background:var(--panel);color:var(--accent);font-size:12px;font-weight:800;padding:8px 13px;min-height:36px}
.weight-jump-btn{display:inline-flex;align-items:center;gap:12px;margin-top:17px;padding:12px 17px;border:1px solid var(--accent);border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800;font-size:13px}
.weight-jump-btn span{font-size:17px}
:root[data-visual="dark"] .weight-jump-btn{color:var(--ink)}
.weight-form-panel{scroll-margin-top:20px}
@media(max-width:400px){.quick-undo-notice{gap:6px}}


/* Mi Equilibrio 1.4.3 — Registro rápido híbrido D: claridad de B + estructura compacta de C.
   Únicamente cambia la presentación: registro, deshacer, bloqueo y datos siguen intactos. */
.quick-status-grid.quick-selector-hybrid{
  gap:0;
  padding:5px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--panel);
  box-shadow:0 5px 19px rgba(24,62,47,.065);
  overflow:hidden;
  margin-top:20px;
}
.quick-selector-hybrid .quick-option{
  --state-ink:#226946;
  --state-fill:#e5f5e9;
  --face-fill:#a5d8ae;
  min-height:117px;
  padding:12px 5px 13px;
  border:1.5px solid transparent;
  border-radius:16px;
  background:var(--state-fill);
  color:var(--state-ink);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:none;
  overflow:hidden;
  transition:opacity .17s, background-color .17s, box-shadow .17s, border-color .17s, transform .15s;
}
.quick-selector-hybrid .quick-option.green{--state-ink:#236b48;--state-fill:#ecf8ef;--face-fill:#a4d6ae;background:var(--state-fill);color:var(--state-ink)}
.quick-selector-hybrid .quick-option.yellow{--state-ink:#815a1f;--state-fill:#fff6e7;--face-fill:#ffda85;background:var(--state-fill);color:var(--state-ink)}
.quick-selector-hybrid .quick-option.red{--state-ink:#a35255;--state-fill:#fff0ee;--face-fill:#f2a5a3;background:var(--state-fill);color:var(--state-ink)}
.quick-selector-hybrid .quick-option+.quick-option{margin-left:1px}
.quick-selector-hybrid .quick-option .quick-face{
  display:block;width:51px;height:51px;flex:0 0 51px;
  background:none;border-radius:0;font-size:inherit;
  color:inherit;transform:none;
}
.quick-selector-hybrid .quick-option .quick-face svg{width:100%;height:100%;display:block;overflow:visible}
.quick-selector-hybrid .quick-option .face-disc{fill:var(--face-fill);stroke:var(--state-ink);stroke-width:1.7}
.quick-selector-hybrid .quick-option .face-features{fill:var(--state-ink);stroke:var(--state-ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.quick-selector-hybrid .quick-option .face-features path{fill:none}
.quick-selector-hybrid .quick-option strong{font-size:12px;line-height:1.25;font-weight:800;letter-spacing:-.1px;text-align:center;max-width:100%;text-wrap:balance}
.quick-selector-hybrid .quick-option.is-selected,
.quick-selector-hybrid .quick-option.is-selected:disabled{
  border-color:var(--state-ink);
  background:var(--state-fill);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 3px 13px rgba(20,66,48,.11);
  opacity:1;
  filter:none;
}
.quick-selector-hybrid .quick-option.is-locked:disabled{opacity:.33;filter:saturate(.5);box-shadow:none}
.quick-selector-hybrid .quick-option:disabled{pointer-events:none;cursor:default;transform:none}
.quick-selector-hybrid .quick-option:active:not(:disabled){transform:scale(.97)}
.quick-selector-hybrid .quick-option:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;z-index:1}
:root[data-visual="dark"] .quick-status-grid.quick-selector-hybrid{background:var(--panel);box-shadow:0 6px 24px rgba(0,0,0,.18)}
:root[data-visual="dark"] .quick-selector-hybrid .quick-option.green{--state-ink:#a4e8b9;--state-fill:#244536;--face-fill:#4a986e;color:var(--state-ink);background:var(--state-fill)}
:root[data-visual="dark"] .quick-selector-hybrid .quick-option.yellow{--state-ink:#ffe3a6;--state-fill:#4b402b;--face-fill:#c2984d;color:var(--state-ink);background:var(--state-fill)}
:root[data-visual="dark"] .quick-selector-hybrid .quick-option.red{--state-ink:#ffd0cc;--state-fill:#4c3436;--face-fill:#c3787a;color:var(--state-ink);background:var(--state-fill)}
@media(max-width:650px){
  .quick-status-grid.quick-selector-hybrid{gap:0;margin-top:19px;padding:4px;border-radius:20px}
  .quick-selector-hybrid .quick-option{min-height:113px;padding:11px 3px 12px;border-radius:15px;gap:8px}
  .quick-selector-hybrid .quick-option .quick-face{width:47px;height:47px;flex-basis:47px}
  .quick-selector-hybrid .quick-option strong{font-size:11.5px}
}
@media(max-width:360px){
  .quick-selector-hybrid .quick-option{min-height:107px;gap:7px}
  .quick-selector-hybrid .quick-option .quick-face{width:41px;height:41px;flex-basis:41px}
  .quick-selector-hybrid .quick-option strong{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.quick-selector-hybrid .quick-option{transition:none}}
