/* Juntinho (v23) — identidade visual: creme, verde vínculo, coral afeto e amarelo nos detalhes.
Carregado por último: só tokens e acabamento, sem mudar comportamento. */
:root{
--jt-verde:#176653; --jt-profundo:#123D34; --jt-coral:#F2785C; --jt-amarelo:#F2BF4A; --jt-creme:#FBF8F3;
--bg:#FBF8F3; --bg-2:#F6F1E8;
--surface:#FFFFFF; --surface-2:#F4EFE6; --surface-3:#E8E1D3;
--ink:#1E2A24; --ink-2:#3B4C44; --muted:#5F6F66;
--line:#ECE5D8; --line-2:#F3EEE5;
--accent:#176653; --accent-2:#1D7862; --accent-ink:#FFFFFF;
--accent-soft:#E8F0E9; --accent-soft-ink:#123D34; --accent-edge:#CFE0D4;
--coral:#F2785C; --coral-soft:#FDE8E1; --coral-ink:#5B2414;
--amarelo-soft:#FCF0CF; --amarelo-ink:#5C430A;
--danger:#B23F2B; --danger-soft:#FCE6DF;
--warn:#8A5D0B; --warn-soft:#FBF0D3;
--overlay:rgba(18,36,30,.40);
--e1:0 1px 2px rgba(18,61,52,.05);
--e2:0 1px 2px rgba(18,61,52,.05), 0 12px 30px -16px rgba(18,61,52,.22);
--e3:0 -10px 34px -20px rgba(18,61,52,.30);
--ring:0 0 0 4px rgba(23,102,83,.16);
--shadow:var(--e2); --shadow-up:var(--e3);
--r-xs:10px; --r-sm:14px; --r-md:16px; --r-lg:20px; --r-xl:28px; --radius:20px;
--font-display:"Plus Jakarta Sans",system-ui,sans-serif;
--font-body:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
--bg:#0F1D18; --bg-2:#132520;
--surface:#172C25; --surface-2:#1F3830; --surface-3:#2B4A3F;
--ink:#F3EFE7; --ink-2:#D3DCD4; --muted:#A3B5AA;
--line:#284239; --line-2:#1E352D;
--accent:#63C9A4; --accent-2:#7AD6B3; --accent-ink:#0B231C;
--accent-soft:#1C3D33; --accent-soft-ink:#B2E8D2; --accent-edge:#2F5A4B;
--coral:#F4917A; --coral-soft:#43281F; --coral-ink:#FFD9CE;
--amarelo-soft:#3D3318; --amarelo-ink:#F7DC92;
--danger:#F59C87; --danger-soft:#44271F;
--warn:#EBC66A; --warn-soft:#3A3119;
--overlay:rgba(0,0,0,.6);
--e1:0 1px 2px rgba(0,0,0,.3);
--e2:0 1px 2px rgba(0,0,0,.35), 0 12px 30px -16px rgba(0,0,0,.7);
--e3:0 -10px 34px -20px rgba(0,0,0,.8);
--ring:0 0 0 4px rgba(99,201,164,.2);
--shadow:var(--e2); --shadow-up:var(--e3);
}
}
:root[data-theme="dark"]{
--bg:#0F1D18; --bg-2:#132520;
--surface:#172C25; --surface-2:#1F3830; --surface-3:#2B4A3F;
--ink:#F3EFE7; --ink-2:#D3DCD4; --muted:#A3B5AA;
--line:#284239; --line-2:#1E352D;
--accent:#63C9A4; --accent-2:#7AD6B3; --accent-ink:#0B231C;
--accent-soft:#1C3D33; --accent-soft-ink:#B2E8D2; --accent-edge:#2F5A4B;
--coral:#F4917A; --coral-soft:#43281F; --coral-ink:#FFD9CE;
--amarelo-soft:#3D3318; --amarelo-ink:#F7DC92;
--danger:#F59C87; --danger-soft:#44271F;
--warn:#EBC66A; --warn-soft:#3A3119;
--overlay:rgba(0,0,0,.6);
--e1:0 1px 2px rgba(0,0,0,.3);
--e2:0 1px 2px rgba(0,0,0,.35), 0 12px 30px -16px rgba(0,0,0,.7);
--e3:0 -10px 34px -20px rgba(0,0,0,.8);
--ring:0 0 0 4px rgba(99,201,164,.2);
--shadow:var(--e2); --shadow-up:var(--e3);
}
body{font-family:var(--font-body);background:var(--bg);letter-spacing:-.006em}
::selection{background:var(--jt-amarelo);color:var(--jt-profundo)}
/* Marca no topo e na entrada */
.mark{background:var(--accent-soft)!important;color:var(--accent)!important;border:0!important;box-shadow:none!important}
.mark .jt-simbolo{width:72%;height:72%;display:block}
.top h1{font-weight:800;letter-spacing:-.03em;color:var(--accent-soft-ink);text-transform:lowercase;font-size:clamp(21px,5.8vw,24px)}
.onb h1{text-transform:lowercase;letter-spacing:-.04em;color:var(--accent-soft-ink);font-weight:800}
.onb .mark{width:84px!important;height:84px!important;border-radius:26px!important}
.onb .ob-tag{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;color:var(--ink);letter-spacing:-.02em;margin:6px 0 2px}
/* Títulos */
.list-heading h2,.hhead h2,.hoje-head h2{font-weight:800;letter-spacing:-.035em}
.eyebrow,.list-heading .eyebrow{color:var(--muted);letter-spacing:.12em;font-weight:700}
/* Botões */
.btn{border-radius:16px;font-weight:700;letter-spacing:-.005em}
.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px -12px rgba(23,102,83,.55)}
.btn.primary:hover{background:var(--accent-2)}
.btn.soft{background:var(--accent-soft);color:var(--accent-soft-ink)}
.btn.ghost{background:var(--surface-2);color:var(--ink)}
.addbtn{background:var(--accent);color:var(--accent-ink);border-radius:16px}
.iconbtn{border-radius:14px;background:var(--surface);border:1px solid var(--line)}
/* Campos */
.addform,.field input,.field select,.field textarea,.list-search{border-radius:16px}
.addform:focus-within,.field input:focus,.field select:focus,.field textarea:focus{box-shadow:var(--ring);border-color:var(--accent)}
/* Cartões */
.card,.hoje-card,.growth-plan,.growth-summary,.budget-card,.hcard,.rem-card,.kv,.espaco{border-radius:var(--radius);border-color:var(--line)}
.hoje-card{box-shadow:var(--e1)}
.growth-summary{background:var(--accent-soft);border:0}
.growth-plan.featured{border:2px solid var(--accent);box-shadow:var(--e2)}
.growth-badge{background:var(--jt-amarelo)!important;color:var(--jt-profundo)!important;border-radius:999px}
.hoje-count{background:var(--accent-soft)!important;color:var(--accent-soft-ink)!important;border-radius:999px}
.hoje-urgente .hoje-count{background:var(--coral)!important;color:#2A0F07!important}
/* Lista */
.check i{border-radius:9px}
.row.done .check i{background:var(--accent);border-color:var(--accent)}
.progress i{background:linear-gradient(90deg,var(--accent),var(--jt-amarelo))}
.list-filter,[data-list-filter],.list-shortcut{border-radius:999px}
[data-list-filter][aria-pressed="true"],.list-filter.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
/* Barra inferior flutuante */
.dock{background:transparent;border:0;box-shadow:none}
.dock .inner{background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--e2);margin:0 10px 8px;padding:4px 6px}
.tabs{gap:2px}
.tab{border-radius:18px;flex-direction:column;gap:2px;min-height:54px;font-size:11.5px;font-weight:600;color:var(--muted)}
.tab .ic{height:24px}
.tab.on{background:transparent;color:var(--accent)}
.tab.on span:last-child{font-weight:800}
.tab.on .ic{background:var(--accent-soft);border-radius:999px;width:52px}
.tab .badge{background:var(--coral);color:var(--coral-ink);box-shadow:0 0 0 2px var(--surface)}
:root[data-theme="dark"] .tab .badge{color:#2A0F07}
/* Aba Casa: áreas em cartões */
.casa-sub{margin:-4px 2px 16px;color:var(--muted);font-size:14px;line-height:1.5}
.growth-tools.casa-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
.casa-areas .growth-shortcut{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-height:104px;padding:14px 14px 16px;
border-radius:22px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--e1);font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.2;text-align:left;color:var(--ink);white-space:normal}
.casa-areas .growth-shortcut::before{content:"";width:40px;height:40px;border-radius:14px;background:var(--accent-soft) var(--ico) center/22px no-repeat;flex:none}
.casa-areas .growth-shortcut span{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--coral-ink);background:var(--coral-soft);border-radius:999px;padding:2px 8px;margin-top:-4px}
.casa-areas .growth-shortcut:active{transform:scale(.98)}
.casa-areas #growthAgenda{order:0}.casa-areas #growthPlan{order:1}.casa-areas #growthVencimentos{order:2}.casa-areas #growthRenda{order:3}.casa-areas #growthReports{order:4}
.casa-areas #growthRemedios{order:5}.casa-areas #growthPets{order:6}.casa-areas #growthDatas{order:7}
.casa-areas #growthOrganizacao{order:8}
.casa-areas #growthFamily{order:20}.casa-areas #growthLetras{order:23}.casa-areas #growthPlans{order:21}.casa-areas #growthPilot{order:22}
.casa-areas .growth-shortcut:not([id]){order:9}
/* Ícones das áreas (claro e escuro) */
.casa-areas #growthPlan{--ico:url("data:image/svg+xml,")}
.casa-areas #growthVencimentos{--ico:url("data:image/svg+xml,")}
.casa-areas #growthRenda{--ico:url("data:image/svg+xml,")}
.casa-areas #growthReports{--ico:url("data:image/svg+xml,")}
.casa-areas #growthRemedios{--ico:url("data:image/svg+xml,")}
.casa-areas #growthPets{--ico:url("data:image/svg+xml,")}
.casa-areas #growthDatas{--ico:url("data:image/svg+xml,")}
.casa-areas #growthOrganizacao{--ico:url("data:image/svg+xml,")}
.casa-areas #growthFamily{--ico:url("data:image/svg+xml,")}
.casa-areas #growthLetras{--ico:url("data:image/svg+xml,")}
.casa-areas #growthPlans{--ico:url("data:image/svg+xml,")}
.casa-areas #growthPilot{--ico:url("data:image/svg+xml,")}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .casa-areas #growthPlan{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthVencimentos{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthRenda{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthReports{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthRemedios{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthPets{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthDatas{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthOrganizacao{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthFamily{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthLetras{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthPlans{--ico:url("data:image/svg+xml,")}:root:not([data-theme="light"]) .casa-areas #growthPilot{--ico:url("data:image/svg+xml,")}}
:root[data-theme="dark"] .casa-areas #growthPlan{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthVencimentos{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthRenda{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthReports{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthRemedios{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthPets{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthDatas{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthOrganizacao{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthFamily{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthLetras{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthPlans{--ico:url("data:image/svg+xml,")}:root[data-theme="dark"] .casa-areas #growthPilot{--ico:url("data:image/svg+xml,")}
/* Hoje: saudação e cartão principal das compras (como no mockup) */
.hoje-head h2{font-size:clamp(28px,8vw,34px);line-height:1.08;margin:2px 0 4px}
.hoje-head .eyebrow{margin:0;text-transform:uppercase;font-size:11.5px}
.hoje-frase{margin:0;color:var(--muted);font-size:15px}
.hoje-card.hoje-compras{background:var(--jt-verde);border-color:transparent;color:#fff;position:relative;overflow:hidden;box-shadow:0 18px 36px -22px rgba(18,61,52,.7)}
.hoje-card.hoje-compras::after{content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(255,255,255,.06);pointer-events:none}
.hoje-card.hoje-compras h3,.hoje-card.hoje-compras b{color:#fff}
.hoje-card.hoje-compras small,.hoje-card.hoje-compras .hoje-description,.hoje-card.hoje-compras .hoje-more,.hoje-card.hoje-compras .hoje-empty{color:rgba(255,255,255,.78)}
.hoje-card.hoje-compras li{border-color:rgba(255,255,255,.16)!important}
.hoje-card.hoje-compras .hoje-count{background:rgba(255,255,255,.16)!important;color:#fff!important}
.hoje-card.hoje-compras .btn{background:var(--jt-amarelo);color:var(--jt-profundo);box-shadow:none;position:relative;z-index:1}
:root[data-theme="dark"] .hoje-card.hoje-compras{background:#1C3D33}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hoje-card.hoje-compras{background:#1C3D33}}
.hoje-grid{gap:14px}
/* Acabamentos */
.btn:not(.primary):not(.soft):not(.ghost):not(.danger){background:var(--accent-soft);color:var(--accent-soft-ink)}
/* Ação que apaga: vermelho, nunca verde. */
.btn.danger{background:var(--danger);color:#fff;box-shadow:none}
:root[data-theme="dark"] .btn.danger{color:#2A0F07}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn.danger{color:#2A0F07}}
/* Botão final de todo formulário é o principal. */
.sheet form button[type=submit].btn:not(.ghost):not(.danger){background:var(--accent);color:var(--accent-ink)}
/* Erro de formulário: visível, vermelho, com ícone. */
.note[role=alert]:not(:empty){color:var(--danger);background:var(--danger-soft);font-size:14px;font-weight:600;line-height:1.45;padding:10px 12px 10px 36px;border-radius:12px;position:relative}
.note[role=alert]:not(:empty)::before{content:"!";position:absolute;left:10px;top:9px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:var(--surface);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* Selo da aba legível. */
.tab .badge{font-size:11px;height:18px;min-width:18px;font-weight:800}
/* Alvos de toque de pelo menos 44 px. */
.chip,.status,.linkbtn,.catgrid>button{min-height:44px}.status{padding-top:8px;padding-bottom:8px}
.av{font-weight:800}
.addform input:focus,.addform input:focus-visible{outline:none;box-shadow:none}
.growth-badge{letter-spacing:.08em;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-block}
.growth-plan h4{font-family:var(--font-display);font-size:18px;letter-spacing:-.02em}
.growth-plan strong{color:var(--accent-soft-ink)}
.growth-plan.featured strong{color:var(--accent)}
/* v23.1: nomes das áreas e lista de ajustes */
.casa-areas .area-nome{display:block;font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--ink);line-height:1.2}
.casa-areas .area-sub{display:block;font-size:13px;font-weight:500;color:var(--muted);line-height:1.3;margin-top:-6px}
.casa-ajustes{margin:4px 0 28px}.casa-ajustes .sec{margin:0 0 8px}
#casaAjustesLista{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.casa-ajuste{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 16px;background:none;border:0;border-bottom:1px solid var(--line);font:inherit;font-size:15px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.casa-ajuste:last-child{border-bottom:0}.casa-ajuste::after{content:"›";font-size:22px;color:var(--muted);line-height:1}
.casa-ajuste:active{background:var(--surface-2)}
/* Barra do orçamento: verde, amarela a partir de 80%, coral quando passa. */
.jt-barra{display:block;height:8px;margin-top:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.jt-barra i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.jt-barra.jt-perto i{background:var(--jt-amarelo)}.jt-barra.jt-estourou i{background:var(--coral)}
.budget-card.over .budget-meter i{background:var(--coral)}
/* Leitura: tamanhos mínimos confortáveis e "letras maiores" valendo para a tela toda. */
.note{font-size:13.5px}.hoje-list small{font-size:13px}.tab{font-size:12px}.sec{font-size:12.5px}.hoje-head .eyebrow{font-size:12px}
[data-texto="grande"] :is(.sec,.eyebrow,.casa-areas .area-sub,.hoje-more,.budget-total,.status,.kv .v),[data-texto="maior"] :is(.sec,.eyebrow,.casa-areas .area-sub,.hoje-more,.budget-total,.status,.kv .v){font-size:calc(var(--org-fonte) - 3px)}
[data-texto="grande"] :is(.addform input,.casa-ajuste,.casa-areas .area-nome,.kv .k,.hoje-card h3,.budget-value),[data-texto="maior"] :is(.addform input,.casa-ajuste,.casa-areas .area-nome,.kv .k,.hoje-card h3,.budget-value){font-size:calc(var(--org-fonte) + 1px)}
[data-texto="grande"] :is(h2,.sheet h3),[data-texto="maior"] :is(h2,.sheet h3){font-size:calc(var(--org-fonte) + 8px)}
.jt-selo{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:var(--amarelo-soft);color:var(--amarelo-ink);font-style:normal;font-size:11.5px;font-weight:800;vertical-align:1px}
/* Cartões sem nada para hoje ficam compactos: título, uma linha e o botão ao lado. */
.hoje-card.hoje-vazio{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:14px 16px}
.hoje-card.hoje-vazio .hoje-card-head{grid-column:1}.hoje-card.hoje-vazio .hoje-count{display:none}
.hoje-card.hoje-vazio .hoje-description{display:none}.hoje-card.hoje-vazio .hoje-empty{grid-column:1;margin:2px 0 0;font-size:13px}
.hoje-card.hoje-vazio>.btn{grid-column:2;grid-row:1/span 2;width:auto;min-height:44px;padding:8px 14px;font-size:14px}
.hoje-card.hoje-vazio h3{font-size:16px}
.hoje-grid{gap:12px}
.org-hoje{margin:12px 0;padding:18px;border-color:var(--line);box-shadow:var(--e1)}.org-hoje h3{font-family:var(--font-display);font-size:17px}
.org-hoje p{margin:0 0 10px}.org-hoje p b{display:block}.org-hoje .org-linha{display:block;color:var(--muted);font-size:13px}
.org-hoje .btn{margin-top:6px;min-height:44px}
.hoje-sugestao{margin:0 0 14px;padding:16px 18px;border-radius:var(--radius);background:var(--amarelo-soft);color:var(--ink)}.hoje-sugestao h3{margin:0 0 4px;font-size:16px;font-family:var(--font-display)}.hoje-sugestao p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.hoje-sugestao .actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}
/* Aviso com "Desfazer" fica por cima do painel aberto. */
.toast{z-index:50}
.casa-areas #growthAgenda{--ico:url("data:image/svg+xml,")}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .casa-areas #growthAgenda{--ico:url("data:image/svg+xml,")}}
:root[data-theme="dark"] .casa-areas #growthAgenda{--ico:url("data:image/svg+xml,")}
/* Nossa agenda */
.agenda-dia{margin:14px 0}.agenda-dia h4{margin:0 0 6px;font-size:13px;text-transform:capitalize;color:var(--muted);font-weight:700;letter-spacing:.02em}
.agenda-dia ul{list-style:none;margin:0;padding:0;background:var(--surface-2);border-radius:var(--r-md)}
.agenda-dia li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--line)}.agenda-dia li:last-child{border-bottom:0}
.agenda-dia b{display:block;font-size:15px}.agenda-dia small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.agenda-ponto{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none;background:var(--accent)}
.agenda-atrasada .agenda-ponto{background:var(--danger)}.agenda-conta .agenda-ponto{background:var(--coral)}.agenda-renda .agenda-ponto{background:var(--jt-amarelo)}
.agenda-data .agenda-ponto{background:#C75A8F}.agenda-pet .agenda-ponto{background:#4A8BC2}
/* ===== v23.2: auditoria UX/UI (três perfis de família) ===== */
.onb h1.ob-titulo{text-transform:none}
/* Menu e listas de ajuste: rótulo legível, sem caixa-alta miúda. */
.kv .k{font-size:14px;letter-spacing:-.005em;text-transform:none;color:var(--ink);font-weight:700}
.kv .v.small{font-size:14px;color:var(--muted)}
.kv>.btn{flex-shrink:0;min-height:44px}
[data-texto="grande"] .kv,[data-texto="maior"] .kv{flex-wrap:wrap}
[data-texto="grande"] .kv>div,[data-texto="maior"] .kv>div{flex:1 1 220px}
/* Textos pequenos demais. */
.eyebrow{font-size:12px;letter-spacing:.1em}
#statusText,.status{font-size:12.5px}
.legal{font-size:13px;line-height:1.6}.legal a{display:inline-block;padding:6px 0}
.onb .or{font-size:13px}
.hist small,.hcard small,.budget-card small,.budget-card p{font-size:13px}
.growth-badge{font-size:11.5px}
.group .ghead .n,.row .n{font-size:12px}
/* Alvos de toque de 44 px. */
.list-shortcut{min-height:44px;padding-left:14px;padding-right:14px;font-size:13.5px}
#ajNao{width:44px;height:44px}#ajSim{min-height:44px;padding:0 4px}
#cartToggle{width:44px;height:44px}#clearCart{min-height:44px}
#budgetEdit{min-height:44px}
/* Hoje: em tela estreita ou letra grande, o botão vai para baixo da saudação. */
@media (max-width:400px){.hoje-head{flex-direction:column;align-items:flex-start;gap:12px}.hoje-head>.btn{align-self:flex-start}}
[data-texto="grande"] .hoje-head,[data-texto="maior"] .hoje-head{flex-direction:column;align-items:flex-start;gap:12px}
/* Casa: celular pequeno ou letra grande vira lista (ícone ao lado do nome). */
@media (max-width:370px){.growth-tools.casa-areas{grid-template-columns:1fr;gap:10px}.casa-areas .growth-shortcut{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;min-height:76px;padding:14px 16px}.casa-areas .growth-shortcut::before{grid-row:1/span 3}.casa-areas .area-sub{margin-top:2px}.casa-areas .growth-shortcut>span{justify-self:start;margin-top:4px}}
[data-texto="grande"] .growth-tools.casa-areas,[data-texto="maior"] .growth-tools.casa-areas{grid-template-columns:1fr;gap:10px}
[data-texto="grande"] .casa-areas .growth-shortcut,[data-texto="maior"] .casa-areas .growth-shortcut{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;min-height:76px;padding:14px 16px}
[data-texto="grande"] .casa-areas .growth-shortcut::before,[data-texto="maior"] .casa-areas .growth-shortcut::before{grid-row:1/span 3}
[data-texto="grande"] .casa-areas .area-sub,[data-texto="maior"] .casa-areas .area-sub{margin-top:2px}
[data-texto="grande"] .casa-areas .growth-shortcut>span,[data-texto="maior"] .casa-areas .growth-shortcut>span{justify-self:start;margin-top:4px}
/* Letras maiores valendo para os textos que ainda ficavam pequenos. */
[data-texto="grande"] :is(small,.note,.sub,.rem-stock,.legal,.list-shortcut,.chip,.agenda-dia small,.growth-summary small,.growth-month small,.hoje-description,#statusText,.stat span,.casa-sub,.org-catalogo small),
[data-texto="maior"] :is(small,.note,.sub,.rem-stock,.legal,.list-shortcut,.chip,.agenda-dia small,.growth-summary small,.growth-month small,.hoje-description,#statusText,.stat span,.casa-sub,.org-catalogo small){font-size:calc(var(--org-fonte) - 3px);line-height:1.5}
[data-texto="grande"] :is(.agenda-dia b,.agenda-dia h4,.org-catalogo b,.growth-row b,.hoje-list b,.ghead),[data-texto="maior"] :is(.agenda-dia b,.agenda-dia h4,.org-catalogo b,.growth-row b,.hoje-list b,.ghead){font-size:var(--org-fonte)}
[data-texto="grande"] .growth-row,[data-texto="maior"] .growth-row{flex-wrap:wrap}
[data-texto="grande"] .growth-row>span,[data-texto="maior"] .growth-row>span{flex:1 1 100%}
[data-texto="grande"] .eyebrow,[data-texto="maior"] .eyebrow{letter-spacing:.04em}
/* Aviso "Guarde o acesso": texto em cima, botões lado a lado embaixo. */
.recovery-nudge{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.recovery-nudge>div{grid-column:1/-1}.recovery-nudge .btn{min-height:44px;width:100%}
/* Agenda: só a primeira letra maiúscula no dia. */
.agenda-dia h4{text-transform:none}.agenda-dia h4::first-letter{text-transform:uppercase}
/* v23.2: reforço de especificidade sobre regras antigas */
html body .eyebrow{font-size:12px}
html body .list-shortcut{min-height:44px;font-size:13.5px;padding:0 14px}
html body #clearCart{font-size:13px}
html body .growth-badge{font-size:12px}
html body .legal,html body .legal a{font-size:13px}html body .legal a{padding:8px 0;display:inline-block}
html body .kv .k{font-size:14px;letter-spacing:-.005em;text-transform:none;color:var(--ink)}
html body .av{font-size:12px}
html body .addform input{min-height:44px}
[data-texto="grande"] :is(.hoje-frase,.info,.progress,.progress *,.ghead,.recovery-nudge p,.kv .v,.casa-areas .growth-shortcut>span,.stat span,.hoje-count),
[data-texto="maior"] :is(.hoje-frase,.info,.progress,.progress *,.ghead,.recovery-nudge p,.kv .v,.casa-areas .growth-shortcut>span,.stat span,.hoje-count){font-size:calc(var(--org-fonte) - 3px)}
[data-texto="grande"] .hoje-list li:has(.hoje-tomei),[data-texto="maior"] .hoje-list li:has(.hoje-tomei){flex-wrap:wrap}
[data-texto="grande"] .hoje-tomei,[data-texto="maior"] .hoje-tomei{margin-left:auto}
@media (max-width:370px){.hoje-list li:has(.hoje-tomei){flex-wrap:wrap}.hoje-tomei{margin-left:auto}}
html body .eyebrow.eyebrow{font-size:12px}
html body .list-shortcuts .list-shortcut{height:auto;min-height:44px}
html body .espaco .avs .av{font-size:12px}
html body .kv .k.k,html body .hcard .k{font-size:14px;text-transform:none;letter-spacing:0}
.hoje-list li .btn+.btn,.growth-row .btn+.btn{margin-left:8px}
html[data-texto="grande"] body .kv .k.k,html[data-texto="maior"] body .kv .k.k{font-size:var(--org-fonte)}
/* ===== v23.3: calendário, escolha de áreas e organização ===== */
/* Cores por tipo (mesmas no calendário, na semana e nas listas) */
.cal-p{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.cal-conta{background:var(--coral)}.cal-atrasada{background:var(--danger)}.cal-renda{background:var(--jt-amarelo)}
.cal-data{background:#C75A8F}.cal-pet{background:#4A8BC2}.cal-tarefa{background:var(--accent)}
.agenda-tarefa .agenda-ponto{background:var(--accent)}
/* Calendário do mês */
.cal-topo{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}
.cal-topo .iconbtn{width:44px;height:44px;font-size:24px;line-height:1;display:grid;place-items:center;color:var(--ink)}
.cal-mes{font-family:var(--font-display);font-size:19px;letter-spacing:-.01em}
.cal-filtros{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.cal-filtro{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.cal-filtro[aria-pressed="false"]{opacity:.45;background:transparent}.cal-filtro[aria-pressed="false"] .cal-p{background:var(--muted)}
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px 8px 8px;box-shadow:var(--e1)}
.cal-sem{text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding-bottom:4px}
.cal-cel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:48px;padding:6px 0 4px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.cal-cel.cal-fora{cursor:default}.cal-cel.cal-passado .cal-num{color:var(--muted)}
.cal-num{font-size:15px;font-weight:600;line-height:1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.cal-hoje .cal-num{background:var(--accent-soft);color:var(--accent-soft-ink);font-weight:800}
.cal-sel{background:var(--accent)}.cal-sel .cal-num{color:var(--accent-ink);background:transparent;font-weight:800}
.cal-sel .cal-p{box-shadow:0 0 0 1.5px var(--accent-ink)}
.cal-pontos{display:flex;gap:3px;min-height:8px}.cal-pontos .cal-p{width:6px;height:6px}
.cal-cel:active{transform:scale(.96)}
.cal-dia{margin:16px 0 14px}.cal-dia-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cal-dia-topo h4{margin:0;font-family:var(--font-display);font-size:17px}.cal-dia-topo h4::first-letter{text-transform:uppercase}
.cal-dia-topo .btn{min-height:40px;padding:0 16px}
.cal-dia ul{list-style:none;margin:0;padding:0;background:var(--surface-2);border-radius:var(--r-md)}
.cal-dia li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--line)}.cal-dia li:last-child{border-bottom:0}
.cal-dia b{display:block;font-size:15px}.cal-dia small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.cal-opcoes{display:grid;gap:10px;margin:8px 0 14px}
.cal-opcao{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--e1)}
.cal-opcao .cal-p{width:12px;height:12px}.cal-opcao b{display:block;font-size:16px}.cal-opcao small{display:block;color:var(--muted);font-size:13px}
.cal-opcao>span:last-child{font-size:22px;color:var(--muted)}
/* Esta semana, no Hoje */
.hoje-semana{margin:0 0 14px;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1)}
.hoje-semana-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hoje-semana-topo h3{margin:0;font-size:16px;font-family:var(--font-display)}
.hoje-semana-topo .linkbtn{font-weight:700;color:var(--accent)}
.sem-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.sem-dia{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:64px;padding:8px 0 6px;border:0;border-radius:14px;background:var(--surface-2);color:var(--ink);font:inherit;cursor:pointer}
.sem-dia small{font-size:11.5px;font-weight:700;color:var(--muted)}.sem-dia b{font-size:16px}
.sem-hoje{background:var(--accent);color:var(--accent-ink)}.sem-hoje small{color:var(--accent-ink);opacity:.85}
.sem-hoje .cal-p{box-shadow:0 0 0 1.5px var(--accent-ink)}
/* Escolher áreas: cartões com ícone e chave liga/desliga */
.areas-escolha legend{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:8px}
.areas-conta{font-size:13px;font-weight:600;color:var(--muted)}
.areas-grupo{margin:14px 0 4px}.areas-grupo-nome{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.area-opcao{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:14px;margin-bottom:8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}
.area-opcao:has(.area-switch:checked){border-color:var(--accent-edge);background:var(--accent-soft)}
.area-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--accent)}
.area-ico svg{width:23px;height:23px}
.area-opcao:has(.area-switch:checked) .area-ico{background:var(--surface);color:var(--accent)}
.area-contas .area-ico,.area-resumo .area-ico{color:#B4532F}.area-remedios .area-ico,.area-pets .area-ico{color:#2F6E9E}.area-datas .area-ico{color:#A3416F}
.area-txt b{display:block;font-size:15.5px;font-weight:800;color:var(--ink)}.area-txt small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--muted)}
.area-switch{appearance:none;-webkit-appearance:none;position:relative;width:50px;height:30px;margin:0;border-radius:999px;background:var(--surface-3);cursor:pointer;flex:none;transition:background .18s}
.area-switch::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.area-switch:checked{background:var(--accent)}.area-switch:checked::after{transform:translateX(20px)}
.area-switch:focus-visible{outline:3px solid var(--accent-edge);outline-offset:2px}
.area-switch:disabled{opacity:.6;cursor:default}
:root[data-theme="dark"] .area-contas .area-ico,:root[data-theme="dark"] .area-resumo .area-ico{color:var(--coral)}
:root[data-theme="dark"] .area-remedios .area-ico,:root[data-theme="dark"] .area-pets .area-ico{color:#8EC1EA}
:root[data-theme="dark"] .area-datas .area-ico{color:#E7A2C4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .area-contas .area-ico,:root:not([data-theme="light"]) .area-resumo .area-ico{color:var(--coral)}:root:not([data-theme="light"]) .area-remedios .area-ico,:root:not([data-theme="light"]) .area-pets .area-ico{color:#8EC1EA}:root:not([data-theme="light"]) .area-datas .area-ico{color:#E7A2C4}}
/* Nossa rotina e nossa casa: cartões em grade */
.org-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.org-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--e1)}
.org-tile:active{transform:scale(.98)}
.org-tile-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:6px}.org-tile-ico svg{width:22px;height:22px}
.org-tile b{font-size:15px;font-weight:800;line-height:1.25}.org-tile small{font-size:12.5px;line-height:1.35;color:var(--muted)}
.org-tile-n{margin-top:auto;padding:2px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent-soft-ink);font-size:12px;font-weight:700}
.org-tile-vazio{margin-top:auto;font-size:12.5px;font-weight:700;color:var(--accent)}
.org-tile-off{margin-top:auto;font-size:12px;font-weight:600;color:var(--muted)}
.org-tile.is-off{background:var(--bg-2);box-shadow:none}.org-tile.is-off .org-tile-ico{background:var(--surface-2);color:var(--muted)}
.org-consumo .org-tile-ico,.org-planos .org-tile-ico{background:var(--coral-soft);color:#B4532F}
.org-convivencia .org-tile-ico{background:#F8E3EE;color:#A3416F}.org-alimentacao .org-tile-ico{background:var(--amarelo-soft);color:var(--amarelo-ink)}
:root[data-theme="dark"] .org-convivencia .org-tile-ico{background:#3D2433;color:#E7A2C4}:root[data-theme="dark"] .org-consumo .org-tile-ico,:root[data-theme="dark"] .org-planos .org-tile-ico{color:var(--coral)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .org-convivencia .org-tile-ico{background:#3D2433;color:#E7A2C4}:root:not([data-theme="light"]) .org-consumo .org-tile-ico,:root:not([data-theme="light"]) .org-planos .org-tile-ico{color:var(--coral)}}
.org-links{display:flex;justify-content:center;gap:20px;margin:4px 0 8px}.org-links .linkbtn{font-weight:700;color:var(--accent)}
[data-texto="grande"] .org-tiles,[data-texto="maior"] .org-tiles{grid-template-columns:1fr}
@media (max-width:340px){.org-tiles{grid-template-columns:1fr}}
[data-texto="grande"] :is(.area-txt b,.org-tile b,.cal-dia b,.cal-opcao b),[data-texto="maior"] :is(.area-txt b,.org-tile b,.cal-dia b,.cal-opcao b){font-size:var(--org-fonte)}
[data-texto="maior"] .cal-num{font-size:17px}[data-texto="maior"] .cal-cel{min-height:52px}
.cal-filtros{flex-wrap:wrap;overflow:visible}
.hoje-semana-topo h3{white-space:nowrap}
/* ===== v23.4: botão "+" central, destaque do Hoje e acabamento ===== */
/* Barra de baixo com o "+" no centro */
.tabs{align-items:center}
.fab{flex:0 0 auto;width:58px;height:58px;margin:-30px 4px 0;border-radius:50%;border:4px solid var(--bg);display:grid;place-items:center;
background:linear-gradient(150deg,#1F8A6F 0%,#176653 55%,#0F4F40 100%);color:#fff;cursor:pointer;
box-shadow:0 10px 24px -8px rgba(23,102,83,.65),0 2px 4px rgba(18,61,52,.18);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
.fab svg{width:26px;height:26px}
.fab:active{transform:scale(.92)}
.fab:focus-visible{outline:3px solid var(--accent-edge);outline-offset:3px}
:root[data-theme="dark"] .fab{background:linear-gradient(150deg,#7AD6B3,#4FB592);color:#0B231C}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fab{background:linear-gradient(150deg,#7AD6B3,#4FB592);color:#0B231C}}
/* Folha "O que vamos adicionar?" */
.add-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 6px}
.add-op{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--e1);transition:transform .15s,border-color .15s}
.add-op:active{transform:scale(.97);border-color:var(--accent-edge)}
.add-op b{font-size:15px;font-weight:800;line-height:1.25}.add-op small{font-size:12.5px;color:var(--muted);line-height:1.35}
.add-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;margin-bottom:6px;background:var(--accent-soft);color:var(--accent)}.add-ico svg{width:22px;height:22px}
.add-conta .add-ico,.add-gasto .add-ico{background:var(--coral-soft);color:#B4532F}
.add-data .add-ico{background:#F8E3EE;color:#A3416F}.add-pet .add-ico,.add-remedio .add-ico{background:#E3EEF8;color:#2F6E9E}
.add-evento .add-ico{background:var(--amarelo-soft);color:var(--amarelo-ink)}
:root[data-theme="dark"] :is(.add-conta,.add-gasto) .add-ico{color:var(--coral)}:root[data-theme="dark"] .add-data .add-ico{background:#3D2433;color:#E7A2C4}:root[data-theme="dark"] :is(.add-pet,.add-remedio) .add-ico{background:#1E3245;color:#8EC1EA}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) :is(.add-conta,.add-gasto) .add-ico{color:var(--coral)}:root:not([data-theme="light"]) .add-data .add-ico{background:#3D2433;color:#E7A2C4}:root:not([data-theme="light"]) :is(.add-pet,.add-remedio) .add-ico{background:#1E3245;color:#8EC1EA}}
[data-texto="grande"] .add-grade,[data-texto="maior"] .add-grade{grid-template-columns:1fr}
[data-texto="grande"] .add-op,[data-texto="maior"] .add-op{min-height:0}
/* Destaque do Hoje */
#hojeDestaque{margin:0 0 14px}
.destaque{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:20px 20px 18px;border:0;border-radius:24px;overflow:hidden;font:inherit;text-align:left;cursor:pointer;
color:#2A1209;background:radial-gradient(120% 140% at 100% 0%,#FFD3A8 0%,rgba(255,211,168,0) 55%),linear-gradient(135deg,#F2785C 0%,#F59A6B 100%);
box-shadow:0 14px 30px -16px rgba(242,120,92,.75)}
.destaque::after{content:"";position:absolute;right:-30px;bottom:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.16)}
.destaque:active{transform:scale(.985)}
.destaque-eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.82}
.destaque-titulo{font-family:var(--font-display);font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:800;max-width:92%;position:relative;z-index:1}
.destaque-sub{font-size:14.5px;font-weight:600;opacity:.9;position:relative;z-index:1}
.destaque-acao{margin-top:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.55);font-size:13.5px;font-weight:800;position:relative;z-index:1}
.destaque-alerta{color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(255,170,140,.55) 0%,rgba(255,170,140,0) 55%),linear-gradient(135deg,#B23F2B 0%,#D4553B 100%);box-shadow:0 14px 30px -16px rgba(178,63,43,.8)}
.destaque-alerta .destaque-acao{background:rgba(255,255,255,.2)}
.mini-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.mini-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:128px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--e1);min-width:0}
.mini-card:active{transform:scale(.98)}
.mini-card small{font-size:12.5px;color:var(--muted);font-weight:600}.mini-card b{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;overflow-wrap:anywhere}
.mini-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin-bottom:8px}.mini-ico svg{width:19px;height:19px}
.mini-dinheiro{background:var(--accent-soft);color:var(--accent)}.mini-data{background:#F8E3EE;color:#A3416F}.mini-lista{background:var(--amarelo-soft);color:var(--amarelo-ink)}
:root[data-theme="dark"] .mini-data{background:#3D2433;color:#E7A2C4}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mini-data{background:#3D2433;color:#E7A2C4}}
.mini-barra{display:block;width:100%;height:6px;margin:8px 0 4px;border-radius:99px;background:var(--surface-3);overflow:hidden}.mini-barra i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.mini-barra.is-perto i{background:var(--jt-amarelo)}.mini-barra.is-over i{background:var(--coral)}
.mini-nota{font-size:12px!important;font-weight:500!important}
[data-texto="maior"] .mini-grade{grid-template-columns:1fr}
[data-texto="grande"] .destaque-titulo,[data-texto="maior"] .destaque-titulo{font-size:calc(var(--org-fonte) + 8px)}
[data-texto="grande"] :is(.destaque-sub,.mini-card small,.add-op small),[data-texto="maior"] :is(.destaque-sub,.mini-card small,.add-op small){font-size:calc(var(--org-fonte) - 3px)!important}
/* Vidro só onde ajuda (barra de baixo e topo), com fundo sólido quando o celular não suporta ou o sistema pede menos transparência. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.dock .inner{background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}
}
@media (prefers-reduced-transparency:reduce){.dock .inner{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
/* Toques: resposta imediata e suave; respeita quem prefere menos movimento. */
.btn,.growth-shortcut,.casa-ajuste,.cal-cel,.sem-dia,.org-tile,.area-opcao,.hoje-card .btn{transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .15s,border-color .15s,box-shadow .15s}
.btn:active,.growth-shortcut:active,.sem-dia:active{transform:scale(.97)}
:focus-visible{outline:3px solid var(--accent-edge);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dock .inner{background:color-mix(in srgb,var(--surface) 93%,transparent)}}
.tabs .tab{min-width:0}
[data-texto="grande"] .tabs .tab,[data-texto="maior"] .tabs .tab{font-size:12.5px;padding-left:2px;padding-right:2px}
@media (max-width:380px){.fab{width:54px;height:54px;margin:-28px 2px 0}.tabs .tab{padding-left:2px;padding-right:2px}}
/* v23.5 — leitura tranquila, áreas reconhecíveis e composição para cada tela. */
:root{
--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--area-care-bg:#E7EFF6; --area-date-bg:#F6E8EF; --area-money-bg:#FBEDE4;
}
:root[data-theme="dark"]{
--area-care-bg:#20382F; --area-date-bg:#30352C; --area-money-bg:#30382C;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--area-care-bg:#20382F; --area-date-bg:#30352C; --area-money-bg:#30382C;
}}
body{letter-spacing:-.012em}
h1,h2,h3,h4,.area-nome,.destaque-titulo,.mini-card b{font-family:var(--font-display)}
.hoje-frase,.casa-sub,.hoje-description,.hoje-empty,.sheet .sub{line-height:1.55}
.eyebrow{font-weight:600;letter-spacing:.075em}
.hoje-head{margin-bottom:20px}
.hoje-head h2{line-height:1.18}
.hoje-head>.btn{border:1px solid var(--accent-edge);background:transparent;box-shadow:none}
.hoje-head + .hoje-description{font-size:13px;margin:-8px 0 18px;max-width:44ch}
/* Assinatura: informação clara, sem ocupar o lugar da rotina da família. */
#planoAviso{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;margin:0 0 22px;border:1px solid var(--accent-edge);border-radius:16px;box-shadow:none}
#planoAviso>p{flex:1 1 200px;margin:0;font-size:13px;line-height:1.5;color:var(--accent-soft-ink)}
#planoAviso>.btn{flex:0 0 auto;width:auto;min-height:44px;padding:10px 16px;font-size:13px;background:var(--surface);color:var(--accent-soft-ink);box-shadow:none}
/* O coral chama atenção para o próximo evento. O começo vazio é acolhedor. */
.destaque{border-radius:22px;box-shadow:var(--e1);padding:22px;gap:6px}
.destaque:not(.destaque-alerta):not(.destaque-vazio){background:linear-gradient(115deg,#FBD7C4,#FCE9D8)}
.destaque-titulo{font-size:clamp(22px,5.8vw,28px);text-wrap:pretty;overflow-wrap:anywhere}
.destaque-sub{font-weight:400;line-height:1.5;max-width:42ch}
.destaque-acao{min-height:44px;display:inline-flex;align-items:center;padding:9px 15px;margin-top:8px}
.destaque-vazio{background:var(--accent-soft);color:var(--accent-soft-ink);border:1px solid var(--accent-edge)}
.destaque-vazio::after{background:none;border:22px solid var(--accent-edge);opacity:.3;right:-58px;bottom:-68px}
.destaque-vazio .destaque-acao{background:var(--surface);color:var(--accent-soft-ink)}
.mini-card{padding:16px;gap:4px;border-radius:18px;min-height:148px}
.mini-card small{font-weight:400;line-height:1.4}
.mini-card b{font-variant-numeric:tabular-nums;font-size:20px}
.mini-ico{margin-bottom:6px}
.hoje-semana{border:1px solid var(--line);box-shadow:none}
.hoje-card{padding:20px;display:flex;flex-direction:column;min-width:0}
.hoje-card>.btn:last-child{align-self:flex-start;margin-top:auto}
.hoje-list{margin-bottom:16px}
.hoje-grid{align-items:start;gap:14px}
.hoje-card h3{line-height:1.35}
/* Cor por assunto, com o mesmo desenho de ícones em toda a casa. */
.casa-areas .growth-shortcut{gap:8px;padding:18px;border-radius:20px;position:relative}
.casa-areas .growth-shortcut::before{margin-bottom:4px;width:42px;height:42px}
.casa-areas .growth-shortcut::after{content:"↗";position:absolute;top:18px;right:16px;color:var(--muted);font:400 18px/1 var(--font-body)}
.casa-areas .growth-shortcut .area-nome{font-size:15px;line-height:1.35;padding-right:2px}
.casa-areas .growth-shortcut .area-sub{font:400 13px/1.5 var(--font-body);background:none;padding:0;color:var(--muted)}
.casa-areas :is(#growthVencimentos,#growthRenda,#growthReports)::before{background-color:var(--area-money-bg)}
.casa-areas :is(#growthRemedios,#growthPets)::before{background-color:var(--area-care-bg)}
.casa-areas :is(#growthAgenda,#growthDatas)::before{background-color:var(--area-date-bg)}
.casa-sub{max-width:56ch;font-weight:400}
.casa-ajustes h3{font-family:var(--font-display)}
.casa-ajuste{padding-block:16px}
/* Campos consistentes; foco escuro o suficiente para ser visto nos dois temas. */
.sheet .field>label{font-weight:500;line-height:1.5;margin-bottom:7px}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{background:var(--bg);border-color:var(--line);line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}
.field input:not([type=checkbox]):not([type=radio]):focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}
:focus-visible{outline-color:var(--accent)}
.sheet .sub{max-width:54ch}
.sheet{visibility:hidden;transition:transform .3s cubic-bezier(.22,.8,.2,1),visibility .3s}
.sheet.show{visibility:visible}
.budget-value,.stat b,.mini-card b{font-variant-numeric:tabular-nums}
/* A barra flutua uma vez só, inclusive no computador. */
@media (min-width:760px){
.dock{border:0;box-shadow:none;background:transparent}
.dock .inner{margin:0;padding:4px 8px}
.dock .tabs{padding-block:4px}
.growth-tools.casa-areas{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.casa-areas .growth-shortcut{min-height:154px;padding:22px}
#hojeDestaque{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:stretch}
#hojeDestaque>.mini-grade{margin:0;gap:12px}
#hojeDestaque .destaque{min-height:220px}
#hojeDestaque .destaque-acao{margin-top:auto}
.mini-card{justify-content:flex-start;min-height:0}
}
@media (min-width:1080px){
.growth-tools.casa-areas{grid-template-columns:repeat(4,minmax(0,1fr))}
.hoje-head{margin-top:8px;margin-bottom:26px}
.hoje-head h2{font-size:36px}
.hoje-grid{gap:18px}
}
/* Letras maiores e telas estreitas mantêm a leitura em uma coluna. */
@media (max-width:370px){
.casa-areas .growth-shortcut{padding:16px 36px 16px 16px}
.casa-areas .growth-shortcut::before{margin-bottom:0}
.hoje-card.hoje-vazio{grid-template-columns:1fr;row-gap:10px}
.hoje-card.hoje-vazio>.btn{grid-column:1;grid-row:auto;justify-self:start}
}
[data-texto="grande"] #hojeDestaque,[data-texto="maior"] #hojeDestaque{display:block}
[data-texto="grande"] #hojeDestaque>.mini-grade,[data-texto="maior"] #hojeDestaque>.mini-grade{margin-top:12px}
[data-texto="grande"] .growth-tools.casa-areas,[data-texto="maior"] .growth-tools.casa-areas{grid-template-columns:1fr}
[data-texto="grande"] .casa-areas .growth-shortcut,[data-texto="maior"] .casa-areas .growth-shortcut{min-height:80px;padding:16px 40px 16px 16px}
[data-texto="grande"] .casa-areas .growth-shortcut .area-nome,[data-texto="maior"] .casa-areas .growth-shortcut .area-nome{font-size:calc(var(--org-fonte) + 1px)}
[data-texto="grande"] .casa-areas .growth-shortcut .area-sub,[data-texto="maior"] .casa-areas .growth-shortcut .area-sub{font-size:calc(var(--org-fonte) - 3px)}
[data-texto="grande"] #planoAviso>p,[data-texto="maior"] #planoAviso>p{font-size:calc(var(--org-fonte) - 3px)}
@media (hover:hover) and (pointer:fine){
:is(.casa-areas .growth-shortcut,.mini-card,.add-op,.org-tile):hover{border-color:var(--accent-edge);box-shadow:var(--e2);transform:translateY(-2px)}
}
@media (forced-colors:active){
.destaque{border:1px solid ButtonText}
.casa-areas .growth-shortcut::before{forced-color-adjust:none}
}
/* v23.6 — primeiro uso no celular: toque, leitura e cabeçalho alinhado.
Preserva o símbolo, o tamanho e o lettering aprovados. O nome acompanha
o centro do símbolo; a sincronização ocupa uma segunda linha. */
.top{align-items:flex-start}
.top .brand{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(44px,auto) auto;column-gap:10px;row-gap:0;flex:1;align-items:center}
.top .brand>div:not(.mark){display:contents}
.top .brand>.mark{grid-column:1;grid-row:1}
.top .brand h1{grid-column:2;grid-row:1;align-self:center}
/* A margem aproxima o rótulo sem diminuir os 44 px de área clicável. */
.top .brand .status{grid-column:2;grid-row:2;justify-self:start;max-width:100%;margin:-6px 0;white-space:normal;text-align:left;line-height:1.35}
.top>.people{align-self:start}
.sheet-controls{position:sticky;top:0;height:0;z-index:3;pointer-events:none}
.sheet-controls>.sx{pointer-events:auto}
.aj .t{font-size:max(15px,var(--org-fonte,16px))}
.aj .corpo{font-size:max(15px,var(--org-fonte,15px));line-height:1.65}
#onboarding .legal{font-size:max(13px,calc(var(--org-fonte,16px) - 3px));line-height:1.7}
#onboarding .legal a{min-height:44px;display:inline-flex;align-items:center;padding:6px 2px}
#onboarding .note:empty{display:none}
#onboarding .note[role=alert]:not(:empty){margin:0 0 12px}
#quickBase,#quickPaste{min-height:44px;font-size:max(13px,calc(var(--org-fonte,16px) - 3px));padding:10px 14px}
#viewLista:has(#ajSim) #verAjuda{display:none}
.telaon{font-size:12px;line-height:1.4;padding:2px 6px;gap:8px}
.telaon button{min-height:44px;min-width:60px;font-size:12px;padding:6px}
.tab .badge{font-size:12px;min-width:20px;height:20px}
#btGasto .k{font-size:13px;letter-spacing:0;text-transform:none}
.cal-filtro,.cal-dia-topo .btn{min-height:44px}
.papel .btn{min-height:44px}
.cal-filtro[aria-pressed=false]{opacity:1;color:var(--muted);background:var(--bg);border-style:dashed}
.cal-filtro[aria-pressed=false] .cal-p{background:transparent;border:1px solid var(--muted)}
.sem-dia small{font-size:12px}
.sem-dias{grid-template-columns:repeat(7,minmax(44px,1fr));gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.sem-dia{scroll-snap-align:start}
@media (max-width:400px){
.cal-grade{margin-inline:-20px;gap:0;padding:8px 2px 4px}
.hoje-semana{padding:12px 4px 8px}
.hoje-semana-topo{margin-inline:10px}
.sem-dias{gap:0;padding-bottom:4px}
}
@media (max-width:359px){
.cal-grade{margin-inline:-14px}
}
@media (max-width:340px){
.hoje-semana::after{content:"Deslize para ver os próximos dias";display:block;margin:4px 8px 0;font-size:12px;line-height:1.5;color:var(--muted)}
}
/* Menos efeitos quando o sistema pede: leitura estável e sem custo de desfoque. */
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
.dock .inner{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
.overlay{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-reduced-motion:reduce){
.dock .inner{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
.overlay{-webkit-backdrop-filter:none;backdrop-filter:none}
}