/* Munx — capa de marca y UX sobre la app original */
:root{--deep:#142e24;--p:#2f7d55;--c:#c98a1b;--f:#c0603a;--tap:44px}

/* Barra superior compacta (reemplaza el hero grande) */
header{position:sticky;top:0;z-index:20}
header .top{border-bottom:0;padding-block:12px}
.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
.brand svg{width:30px;height:30px;flex:none}
.brand .wordmark{width:74px;height:auto}
.head-actions .btn{min-height:36px}
.icon-btn{width:40px;height:40px;padding:0!important;border-radius:12px!important}
.icon-btn svg{width:20px;height:20px}
#voiceTop{display:none}

/* Botones: áreas táctiles de 44px */
.btn{min-height:var(--tap)}
.btn.small{min-height:40px}
.day{min-height:64px}
.trash{min-height:40px;padding:6px 10px}

/* Desbordes en celular */
main{overflow-x:clip}
.labelrow{flex-wrap:wrap}
.item{min-width:0}
.item>button:first-child{flex:1;min-width:0;white-space:normal;display:block;text-align:left}
.item small,.meta,.choice small{overflow-wrap:anywhere}
.dinnerQuick{flex-wrap:wrap}
.dinnerQuick>div{flex:1 1 160px;min-width:0}
.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Las acciones rápidas viven ahora en el botón + */
#quickActions{display:none}

/* Tarjeta "Te faltan" */
.left-card{background:var(--deep);color:#fff;border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-bottom:4px}
.ring{width:104px;height:104px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .lbl{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.05}
.ring .lbl b{font-size:24px;letter-spacing:-.03em}
.ring .lbl small{font-size:11px;color:#cfe3d3}
.left-card h2{font-size:13px;font-weight:700;color:#dafa85;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.mbar{display:grid;grid-template-columns:6.4rem 1fr 3.6rem;gap:8px;align-items:center;font-size:13px;margin:5px 0}
.mbar .mtrack{height:8px;border-radius:8px;background:#ffffff22;overflow:hidden}
.mbar .mtrack span{display:block;height:100%;border-radius:8px}
.mbar em{font-style:normal;text-align:right;color:#cfe3d3;white-space:nowrap}
.left-card.over .ring .lbl small{color:#ffc9b3}
.setup-card{background:#fff;border:1px solid var(--line);border-top:3px solid #b4cb64;border-radius:17px;padding:16px}
.setup-card h2{font-size:19px;letter-spacing:-.025em}
.setup-card .fields{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Repetir de ayer */
.repeat{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f3f6ed;border-radius:10px;padding:8px 10px;margin-top:6px;font-size:13px}
.repeat span{min-width:0}

/* Recientes en el selector */
.recents{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin:4px 0 8px;scrollbar-width:none}
.recents .chip{flex:none;background:#eef5e4;color:var(--ink);border:1px solid #cfe0bd;border-radius:99px;padding:8px 12px;font-size:13px;font-weight:700;min-height:40px;white-space:nowrap}

/* Botón flotante + y hoja de acciones */
.fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;width:60px;height:60px;border-radius:20px;background:var(--lime);color:var(--deep);box-shadow:0 10px 24px #0e271a40;display:grid;place-items:center}
.fab svg{width:28px;height:28px}
.sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#f2f6ed;color:var(--ink);border-radius:14px;padding:14px;min-height:92px}
.tile svg{width:24px;height:24px;color:var(--green)}
.tile b{font-size:15px}
.tile small{color:var(--muted);font-size:12px;line-height:1.3}
.tile.primary{background:var(--deep);color:#fff}
.tile.primary svg{color:var(--lime)}
.tile.primary small{color:#cfe3d3}
.footer{padding-bottom:110px}

/* Aviso con deshacer */
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;background:var(--deep);color:#fff;border-radius:14px;padding:8px 8px 8px 14px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 32px);box-shadow:0 10px 24px #0e271a40;font-size:14px}
.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:740px){
  .layout aside.stack{grid-row:auto;grid-template-columns:1fr}
  .layout aside .panel:first-child{display:none}
  .left-card{grid-template-columns:1fr;justify-items:center;text-align:left}
  .left-card .bars{width:100%}
  .setup-card .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .head-actions #install{font-size:12px}
  dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:22px 22px 0 0;max-height:92dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media(min-width:741px){.left-card .ring{width:120px;height:120px}}