/* ============================================================
   Hoje v3 (mockups/hoje-v3) - camada sobre hoje-v2.css.
   Desktop 7/5, mini-caderneta do dinheiro, avisos com teto e
   dispensa, falta receber, semana dia a dia, toast com Desfazer.
   Tokens do app (whitelabel ok). Nunca travessão, só hífen.
   ============================================================ */

/* piso tipográfico pro público 45+ (sobe os secundários da v2) */
.hjv2-sub{font-size:14px}
.hjv2-alerta .txt{font-size:14px}
.hjv2-alerta .txt small{font-size:13px}
.hjv2-prod .txt small{font-size:13px}

/* ---------- avisos: ação embutida + dispensa + ver mais ---------- */
.hjv2-alerta{position:relative}
.hjv2-alerta .hj3-act{margin-top:8px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 13px;border-radius:11px;border:none;background:var(--whats);color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer}
.hjv2-alerta .hj3-act i{font-size:16px}
.hjv2-alerta .hj3-x{position:absolute;top:4px;right:6px;width:34px;height:34px;border:none;background:none;color:inherit;opacity:.5;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:9px}
.hjv2-alerta .hj3-x:hover{opacity:.85}
.hj3-vermais{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;border:none;background:none;color:var(--srv-muted-deep,var(--suave));font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:4px}

/* ---------- falta receber (linhas, sem tabela) ---------- */
.hj3-receber-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--linha) 55%,var(--creme2))}
.hj3-receber-row:last-of-type{border-bottom:none}
.hj3-receber-row .grow{flex:1;min-width:0}
/* .cli, nao .who: a classe global .who some abaixo de 600px (nome do usuario na topbar) */
.hj3-receber-row .cli{font-weight:600;font-size:14.5px}
.hj3-receber-row .det{font-size:12.5px;color:var(--srv-muted-deep,var(--suave));margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj3-receber-row .valor{font-family:var(--display);font-weight:700;font-size:15.5px;flex:0 0 auto;font-variant-numeric:tabular-nums}
.hj3-cobrar{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;border:none;background:var(--whats);color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;flex:0 0 auto}
.hj3-cobrar i{font-size:16px}

/* preview editável da cobrança (mesma gramática do Dinheiro v3) */
.hj3-wa-preview{width:100%;background:color-mix(in srgb,var(--whats) 10%,var(--creme2));border:1.5px solid color-mix(in srgb,var(--whats) 30%,var(--creme2));border-radius:16px 16px 16px 4px;padding:13px 15px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--whats) 60%,#0C1D1B);font-family:var(--sans);resize:none;min-height:104px}
.hj3-wa-preview:focus{outline:2px solid var(--whats);outline-offset:1px}
.hj3-nota{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--srv-muted-deep,var(--suave));margin-top:10px}
.hj3-nota i{font-size:14px;color:var(--verde);flex:0 0 auto}

/* ---------- mini-caderneta do dinheiro (assinatura v3, compacta) ---------- */
.hj3-cad{display:block;width:100%;background:var(--creme2);border:1px solid var(--linha);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px 16px;cursor:pointer;text-align:left;font-family:var(--sans);color:var(--marrom);transition:transform .12s ease}
.hj3-cad:active{transform:scale(.985)}
.hj3-cad .linha{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4px 0}
.hj3-cad .linha .lbl{font-family:var(--display);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--suave);display:flex;align-items:center;gap:6px}
.hj3-cad .linha .lbl i{font-size:14px}
.hj3-cad .linha.in .lbl i{color:var(--verde)}
.hj3-cad .linha.out .lbl i{color:var(--vermelho)}
.hj3-cad .linha .val{font-family:var(--display);font-weight:600;font-size:15.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hj3-cad .total{margin-top:4px;padding-top:9px;border-top:2px dashed var(--linha);display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.hj3-cad .total .lbl{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.hj3-cad .total .val{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--brand-strong);font-variant-numeric:tabular-nums;white-space:nowrap}
.hj3-cad.neg .total .val{color:var(--vermelho)}
.hj3-cad .hint{font-size:12.5px;color:var(--srv-muted-deep,var(--suave));margin-top:5px}
.hj3-cad .vazio{text-align:center;padding:8px 0 4px;font-size:13.5px;color:var(--srv-muted-deep,var(--suave));line-height:1.5}
.hj3-cad .vazio .big{display:block;font-size:24px;margin-bottom:4px}
.hj3-areceber{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;min-height:44px;padding:9px 12px;border-radius:11px;border:1.5px solid var(--linha);background:var(--creme);font-size:13px;font-weight:600;color:var(--marrom)}
.hj3-areceber i.lead{color:var(--amarelo);font-size:16px;flex:0 0 auto}
.hj3-areceber .grow{flex:1;min-width:0}
.hj3-areceber b{font-family:var(--display)}
.hj3-areceber i.go{color:var(--suave);font-size:14px;flex:0 0 auto}

/* ---------- produção específica ---------- */
.hjv2-prod .ic.quente{background:var(--srv-saffron-soft);color:var(--srv-saffron-text)}
.hjv2-prod .timer{color:var(--brand-strong);font-family:var(--display);font-weight:700}

/* ---------- a semana, dia a dia ---------- */
.hj3-semana{display:block;width:100%;background:var(--creme2);border:1px solid var(--linha);border-radius:16px;box-shadow:var(--shadow-sm);padding:8px 16px;cursor:pointer;text-align:left;font-family:var(--sans);color:var(--marrom);transition:transform .12s ease}
.hj3-semana:active{transform:scale(.985)}
.hj3-semana .dia{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--linha) 55%,var(--creme2));font-size:14px}
.hj3-semana .dia:last-child{border-bottom:none}
.hj3-semana .dia .k{font-weight:500}
.hj3-semana .dia.hoje .k{font-weight:700;color:var(--brand-strong)}
.hj3-semana .dia .v{font-family:var(--display);font-weight:600}
.hj3-semana .dia.livre .k,.hj3-semana .dia.livre .v{color:var(--suave);font-weight:400}

/* ---------- toast com ação (Desfazer) ---------- */
.toasts .toast-acao{border:none;background:none;cursor:pointer;color:var(--srv-saffron,#FFB84D);font-family:var(--sans);font-size:13.5px;font-weight:700;padding:0 2px;flex:0 0 auto}

/* ---------- desktop: grid 7/5 ---------- */
@media(min-width:941px){
  .hj3-page{max-width:1100px}
  .hj3-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;align-items:start}
  .hj3-top>*{min-width:0}
  .hj3-rail .hjv2-sec:first-child{margin-top:0}
  .hj3-main>.hjv2-sec:first-child{margin-top:0}
}