/* Mate UI · theme v2 (phase 2, feat/ui-redesign-2). Loaded AFTER theme.css. Pure CSS; remove the <link> to roll back.
   References (Mobbin): inbox: Perplexity, Meetup, LinkedIn · chat: Neo Financial AI Assistant, Bevel, Google ·
   daily summary: Perplexity Finance "Market Summary", Phantom "What's Happening", Public "Latest news" ·
   settings/notifications: BeReal, Fresha, Instacart · onboarding: Origin "Connecting your accounts", Quicken Simplifi ·
   wallet: Phantom Send, Neo "Request money", Lloyds "Confirm payment". See docs/redesign/PHASE2.md. */
html:not(.desk){
&{--accent:#34C77B;--accent-hover:#4FD891;--accent-text:#5FD99A;--accent-soft:rgba(52,199,123,.16);--ok:#34C77B;--brand:#1B4430}

/* ---- Bottom action bar: label never overlaps its button (was 3.5px overlap on "Enviar") ---- */
.actions .act{gap:5px;padding-top:6px}
.actions .act .o{flex:none;margin:0!important;transform:none}
.actions .act .l{position:static;margin:0!important;line-height:14px;height:14px}
.actions .act.big.send .o{background:var(--accent);color:#04140B}
.actions .act.big.send .l{color:var(--accent-text)}

/* ---- Deck card: draft is a quoted bubble; primary Send uses brand accent ---- */
.c-draft .dr-b.pri,.dr-b.pri{background:var(--accent)!important;color:#04140B!important}

/* ---- Hoy / Mañana: briefing feed (Perplexity Finance, Phantom) ---- */
.hy-seg{height:36px;border-radius:12px;background:rgba(118,118,128,.20);padding:3px;margin:6px 0 16px}
.hy-seg button{border-radius:9px;font-size:14px}
.hy-seg button.on{background:#636366}
.hy-h{padding:6px 4px 4px}
.hy-date{text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--accent-text)}
.hy-h h2{font-size:28px;line-height:33px;letter-spacing:-.025em;margin:4px 0 14px}
.hy-prog{height:6px;border-radius:3px}
.hy-prog i{background:linear-gradient(90deg,var(--accent),#9BE7BF)}
.hy-sec{margin-top:28px}
.hy-sec h3{font-size:22px;line-height:27px;letter-spacing:-.02em}
.hy-sec h3 span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--surface-2);font-size:13px;color:var(--text-2)}
.hy-list,.hy-g{border-radius:18px}
.hy-it{padding:15px 16px 13px}
.hy-t{font-size:17px;line-height:22px}
.hy-tag{display:inline-flex;align-items:center;gap:5px;margin-top:5px}
.hy-tag::before{content:"";width:6px;height:6px;border-radius:3px;background:currentColor}
.hy-d{color:var(--text-2)}
.hy-pri{background:var(--accent-soft)!important;color:var(--accent-text)!important;font-weight:600}
.hy-ev{position:relative}
.hy-ev time{font-variant-numeric:tabular-nums;color:var(--accent-text)}
.hy-ev:not(:last-child)::after{content:none}
.hy-zero{border-radius:18px;padding:26px 16px}
.hy-deck{border-radius:14px;color:var(--accent-text)}
.hy-n{background:var(--surface);border-radius:18px;padding:12px 16px 12px 34px;margin:0}
.hy-n li{padding:6px 0;color:var(--text-2);font-size:15px;line-height:21px}

/* ---- Chat (Neo AI Assistant, Bevel, Google): assistant speaks as plain text, you in a bubble,
        composer is a floating rounded card with a round "send" arrow ---- */
.msg.bot .bub{background:none!important;border:0!important;padding:2px 0;font-size:17px;line-height:24px;max-width:100%}
.msg.me .bub{background:var(--accent);color:#04140B;border-radius:20px 20px 6px 20px}
.msg.sys .bub{border-radius:14px}
.typing .bub{background:none;border:0;padding-left:0}
.composer{margin:6px 12px calc(env(safe-area-inset-bottom) + 8px);padding:8px 8px 8px 6px;border:.5px solid var(--border-2);border-radius:26px;
  background:var(--surface)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.composer textarea{background:transparent!important;border:0!important;padding:10px 10px;font-size:17px}
.composer .send{width:36px;height:36px;margin-bottom:4px;background:var(--accent);color:#04140B}
.composer .send:disabled{background:var(--surface-3);color:var(--text-3)}
.chat-empty .av.big{background:var(--brand);color:#F3EBD8}
.sugg,.chips-row button,.c-chip{border-radius:999px}

/* ---- Sheets / settings rows inside the app (BeReal grouped lists) ---- */
.list-sec span{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-2)}
.pushrow{background:var(--surface);border-radius:14px;padding:12px 16px}

/* ---- Wallet (Phantom Send, Neo Request money, Lloyds Confirm payment) ---- */
.wpill{background:rgba(52,199,123,.14);color:var(--accent-text);padding:0 8px}
.wpill #wSol{display:none}
}

/* Wallet sheet (both layouts) */
.wsheet{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
html .wsheet .wbox{border-radius:24px 24px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));background:var(--surface,#1C1C1E)}
.w-grab{width:36px;height:5px;border-radius:3px;background:rgba(235,235,245,.3);margin:0 auto 12px}
.w-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.w-head h3{flex:1;margin:0;font-size:20px}
.w-net{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(255,159,10,.16);color:#FF9F0A;text-transform:uppercase;letter-spacing:.04em}
.w-net.mainnet{background:rgba(52,199,123,.16);color:#34C77B}
.w-x{border:0;background:rgba(118,118,128,.24);color:inherit;width:30px;height:30px;border-radius:15px;font-size:15px}
.w-bal{text-align:center;margin:4px 0 20px}
.w-bal b{display:block;font-size:44px;line-height:50px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.w-bal small{display:block;opacity:.6;font-size:15px;margin-top:2px}
.w-addr{display:block;text-align:center;font:12px var(--font-mono);opacity:.5;margin-top:6px}
.w-sec{font-size:13px;font-weight:600;opacity:.6;margin:18px 4px 8px}
.w-card{background:rgba(127,127,127,.12);border-radius:16px;overflow:hidden}
.w-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;position:relative}
.w-row + .w-row::before{content:"";position:absolute;top:0;left:58px;right:0;border-top:.5px solid rgba(127,127,127,.3)}
.w-ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(127,127,127,.18);font-size:15px}
.w-row .k{display:block;font-size:12px;opacity:.6}.w-row .v{display:block;font-size:16px;font-weight:600;word-break:break-word}
.w-row select,.w-row input{width:100%;border:0;background:none;color:inherit;font:600 16px var(--font-ui);padding:0;outline:none}
.w-amt{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0 4px}
.w-amt input{width:60%;text-align:right;border:0;background:none;color:inherit;font:700 44px/1.1 var(--font-ui);letter-spacing:-.03em;outline:none;padding:0}
.w-amt input::placeholder{color:inherit;opacity:.3}
.w-tok{display:inline-flex;padding:3px;border-radius:12px;background:rgba(118,118,128,.2);gap:2px}
.w-tok button{border:0;background:none;color:inherit;font:600 14px var(--font-ui);padding:6px 12px;border-radius:9px}
.w-tok button.on{background:#636366;color:#fff}
.w-lim{text-align:center;font-size:13px;opacity:.6;margin-bottom:12px}
html .wsheet .wbtn{border-radius:14px;padding:15px;background:#34C77B;color:#04140B}
html .wsheet .wbtn.bad{background:rgba(255,69,58,.16);color:#FF453A}
html .wsheet .wbtn.sec{background:rgba(127,127,127,.18);color:inherit}
.w-pend .wrow{display:flex;gap:8px;padding:10px 14px 14px}.w-pend .wrow .wbtn{margin:0}
.w-q{text-align:center;font-weight:600;margin:4px 0 10px}
.w-st{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(127,127,127,.2);margin-left:auto;white-space:nowrap}
.w-st.pending_approval{background:rgba(255,159,10,.16);color:#FF9F0A}.w-st.sent,.w-st.confirmed{background:rgba(52,199,123,.16);color:#34C77B}
.w-st.failed,.w-st.rejected{background:rgba(255,69,58,.16);color:#FF453A}

/* ---- Phone light mode (iOS light system colors). Dark stays the default. ---- */
@media (prefers-color-scheme:light){
html:not(.desk){
  &{--bg:#F6F1E7;--surface:#FFFDF8;--surface-2:#F0EADD;--surface-3:#E6DFD0;--border:rgba(60,60,67,.14);--border-2:rgba(60,60,67,.24);
    --text:#000;--text-2:rgba(60,60,67,.66);--text-3:rgba(60,60,67,.46);--accent:#1F8A55;--accent-hover:#1B7A4B;--accent-text:#1A7A49;
    --accent-soft:rgba(31,138,85,.12);--ok:#1F8A55;--mat:rgba(250,250,252,.8);--sh-2:0 1px 2px rgba(0,0,0,.06);color-scheme:light}
  & body,.app,.splash{background:var(--bg)}
  .card{box-shadow:0 1px 3px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05)}
  .card.back1{background:#F7F7FA}.card.back2{background:#EDEDF2}
  .c-what{color:rgba(0,0,0,.82)}
  .actions,.tabbar,.searchbtn,.toast{border:.5px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 28px rgba(0,0,0,.12)}
  .tabbar .tab.on,.tabbar .tab.onm{background:rgba(0,0,0,.06)}
  .pseg{background:rgba(118,118,128,.12)} .ps-th{background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.2)}
  .hy-seg{background:rgba(118,118,128,.12)} .hy-seg button.on{background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12)}
  .sheet{background:#F6F1E7} .grab{background:rgba(60,60,67,.3)}
  .msg.me .bub,.composer .send,.actions .act.big.send .o,.c-draft .dr-b.pri,.dr-b.pri{color:#fff!important}
  .composer{box-shadow:0 6px 20px rgba(0,0,0,.08)}
  .wpill{background:rgba(31,138,85,.1)}
  .c-prio.p-urgente{color:#C62828}.c-prio.p-alta{color:#B45309}.c-prio.p-media{color:#1D4ED8}
}
html .wsheet .wbox{background:#F6F1E7;color:#000}
.w-card{background:#fff}.w-grab{background:rgba(60,60,67,.3)}
.w-tok button.on{background:#fff;color:#000;box-shadow:0 3px 8px rgba(0,0,0,.12)}
html .wsheet .wbtn{color:#fff;background:#1F8A55}
html .wsheet .wbtn.bad{background:rgba(255,59,48,.12);color:#D70015}html .wsheet .wbtn.sec{background:rgba(120,120,128,.16);color:#000}
}
@media (prefers-reduced-transparency:reduce){html:not(.desk) .composer{background:var(--surface)!important}}
html .wsheet .w-amt input,html .wsheet .w-row input,html .wsheet .w-row select{border:0;border-radius:0;background:none;padding:0;margin:0}
html .wsheet .w-amt input{width:60%;padding:0 4px}
/* #33 slide-to-send */
.w-acts{display:flex;flex-direction:column;gap:8px;padding:10px 14px 14px}
html .wsheet .w-acts .wbtn{margin:0}
.w-slide{position:relative;height:56px;border-radius:28px;background:rgba(52,199,123,.16);overflow:hidden;--p:0;touch-action:none;user-select:none}
.w-slide::before{content:"";position:absolute;inset:0;width:calc(28px + (100% - 28px) * var(--p));background:rgba(52,199,123,.35);border-radius:28px}
.w-slide-t{position:absolute;inset:0;display:grid;place-items:center;padding:0 16px 0 64px;font:600 14px/1.2 var(--font-ui);text-align:center;opacity:calc(1 - var(--p) * 1.4)}
.w-knob{position:absolute;top:4px;left:4px;width:48px;height:48px;border-radius:24px;border:0;background:#34C77B;color:#04140B;font-size:22px;font-weight:700;cursor:grab;touch-action:none}
.w-slide:not(.drag) .w-knob{transition:transform .25s ease}
.w-slide.sent .w-knob{cursor:default}
.w-knob:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.w-slide:not(.drag) .w-knob{transition:none}}
@media (prefers-color-scheme:light){.w-slide{background:rgba(31,138,85,.12)}.w-slide::before{background:rgba(31,138,85,.28)}.w-knob{background:#1F8A55;color:#fff}.w-slide-t{color:#0B3B22}}