:root{color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html,body,#root{min-height:100%;background:#0b0f19;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body{margin:0;background:#0b0f19;color:#e5e7eb}
.glass{background:rgba(15,23,42,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(51,65,85,.78);box-shadow:0 20px 50px -30px rgba(0,0,0,.9)}
input,select,textarea{background:#111827;color:#f1f5f9;-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9;border-color:#293548}
input::placeholder,textarea::placeholder{color:#94a3b8;-webkit-text-fill-color:#94a3b8}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(56,189,248,.75);box-shadow:0 0 0 3px rgba(56,189,248,.12)}
::selection{background:rgba(56,189,248,.3);color:#fff}
input::selection,select::selection,textarea::selection{background:rgba(56,189,248,.35);color:#fff;-webkit-text-fill-color:#fff}
html.dark{color-scheme:dark}
html.dark body{background:#0b0f19;color:#e5e7eb}
html.dark ::selection{background:rgba(56,189,248,.35)}
html.dark input,html.dark select,html.dark textarea{background:#111827;border-color:#293548;color:#f1f5f9;-webkit-text-fill-color:#f1f5f9;caret-color:#f1f5f9}
html.dark input::selection,html.dark select::selection{background:rgba(56,189,248,.35);color:#fff;-webkit-text-fill-color:#fff}
html.dark option{background:#111827;color:#f1f5f9}
html.dark .glass{background:rgba(15,23,42,.72);border-color:rgba(51,65,85,.78);box-shadow:0 20px 50px -30px rgba(0,0,0,.9)}
html.dark .bg-white\/90,html.dark .bg-white\/95{background:rgba(15,23,42,.96)}
html.dark .bg-white{background:#111827}
html.dark .from-slate-100,html.dark .to-sky-100{--tw-gradient-from:#0b0f19 var(--tw-gradient-from-position);--tw-gradient-to:rgb(11 15 25 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-color:#0b0f19}
html.dark .bg-slate-100,html.dark .bg-slate-50{background:#151c2b}
html.dark .bg-slate-200\/60{background:#161e2e}
html.dark .hover\:bg-slate-100:hover,html.dark .hover\:bg-slate-200:hover{background:#202a3b}
html.dark .border-slate-200\/60,html.dark .border-slate-200\/70,html.dark .border-slate-200{border-color:rgba(71,85,105,.55)}
html.dark .text-slate-900{color:#f8fafc}html.dark .text-slate-800{color:#e2e8f0}html.dark .text-slate-700{color:#d1d5db}html.dark .text-slate-600{color:#cbd5e1}html.dark .text-slate-500{color:#94a3b8}html.dark .text-slate-400{color:#7c8ba1}
html.dark .ring-slate-200{--tw-ring-color:#334155}
html.dark .bg-blue-50,html.dark .bg-sky-50{background:rgba(56,189,248,.12)}html.dark .bg-pink-50{background:rgba(244,114,182,.12)}html.dark .bg-emerald-50,html.dark .bg-green-50{background:rgba(52,211,153,.12)}html.dark .bg-amber-50{background:rgba(251,191,36,.12)}html.dark .bg-red-50{background:rgba(248,113,113,.12)}html.dark .bg-indigo-50{background:rgba(129,140,248,.14)}
html.dark .text-blue-600,html.dark .text-sky-600{color:#38bdf8}html.dark .text-pink-600{color:#f472b6}html.dark .text-emerald-600,html.dark .text-emerald-700,html.dark .text-green-700{color:#34d399}html.dark .text-amber-600,html.dark .text-amber-700{color:#fbbf24}html.dark .text-red-600,html.dark .text-red-700{color:#f87171}html.dark .text-indigo-600{color:#a5b4fc}
html.dark .ring-blue-200{--tw-ring-color:rgba(96,165,250,.3)}html.dark .ring-pink-200{--tw-ring-color:rgba(244,114,182,.3)}html.dark .ring-emerald-200,html.dark .ring-green-200{--tw-ring-color:rgba(52,211,153,.3)}html.dark .ring-amber-200{--tw-ring-color:rgba(251,191,36,.3)}html.dark .ring-red-200{--tw-ring-color:rgba(248,113,113,.3)}
/* Premium cyan actions */
html.dark .bg-sky-500{background-image:linear-gradient(135deg,#06b6d4,#3b82f6);background-color:#0ea5e9}
html.dark .hover\:bg-sky-600:hover{filter:brightness(1.08)}
/* Calculadora: rolagem interna discreta */
.calc-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.45) transparent}
.calc-scroll::-webkit-scrollbar{width:5px}.calc-scroll::-webkit-scrollbar-track{background:transparent}.calc-scroll::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:999px}.calc-scroll::-webkit-scrollbar-thumb:hover{background:rgba(71,85,105,.65)}
[role="dialog"]{scroll-margin-block:1rem}

/* Tema claro revisado: paleta explícita, sem herdar os campos escuros do tema Obsidian. */
html:not(.dark){color-scheme:light}
html:not(.dark),html:not(.dark) body,html:not(.dark) #root{background:#f3f6fb;color:#172033}
html:not(.dark) body{background:linear-gradient(180deg,#f7f9fc 0%,#edf2f8 100%);color:#172033}
html:not(.dark) .glass{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(203,213,225,.82);box-shadow:0 16px 40px -28px rgba(15,23,42,.32)}
html:not(.dark) input,html:not(.dark) select,html:not(.dark) textarea{background:#fff;color:#172033;-webkit-text-fill-color:#172033;caret-color:#0284c7;border-color:#cbd5e1}
html:not(.dark) input::placeholder,html:not(.dark) textarea::placeholder{color:#94a3b8;-webkit-text-fill-color:#94a3b8}
html:not(.dark) input:focus,html:not(.dark) select:focus,html:not(.dark) textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(14,165,233,.13)}
html:not(.dark) input::selection,html:not(.dark) textarea::selection{background:rgba(14,165,233,.22);color:#0f172a;-webkit-text-fill-color:#0f172a}
html:not(.dark) option{background:#fff;color:#172033}
html:not(.dark) .bg-slate-950{background:#eef2f7}
html:not(.dark) .bg-slate-900{background:#fff}
html:not(.dark) .bg-slate-800{background:#e8eef6}
html:not(.dark) .text-slate-100,html:not(.dark) .text-slate-200{color:#172033}
html:not(.dark) .text-white{color:#fff}
html:not(.dark) .border-slate-700,html:not(.dark) .border-slate-800,html:not(.dark) .border-slate-800\/80{border-color:#d7e0eb}
html:not(.dark) .bg-white\/70,html:not(.dark) .bg-white\/80,html:not(.dark) .bg-white\/90,html:not(.dark) .bg-white\/95{background:rgba(255,255,255,.9)}
html:not(.dark) .bg-slate-50{background:#f8fafc}
html:not(.dark) .bg-slate-100{background:#eef2f7}
html:not(.dark) .bg-slate-200\/60{background:#e8eef6}
html:not(.dark) .hover\:bg-slate-100:hover{background:#e8eef6}
html:not(.dark) .text-slate-900{color:#0f172a}
html:not(.dark) .text-slate-800{color:#1e293b}
html:not(.dark) .text-slate-700{color:#334155}
html:not(.dark) .text-slate-600{color:#475569}
html:not(.dark) .text-slate-500{color:#64748b}
html:not(.dark) .text-slate-400{color:#8492a6}
html:not(.dark) .shadow-2xl,html:not(.dark) .shadow-xl{box-shadow:0 24px 60px -32px rgba(15,23,42,.35)}

/* ===== v1.7 · variáveis de tema, janelas, animações ===== */
:root{--card:#0f1626;--card2:#121a2c;--bd:rgba(71,85,105,.5);--tx:#e5e7eb;--mut:#94a3b8;--scrim:rgba(2,6,15,.62);--pill:rgba(30,41,59,.75);--pillx:#cbd5e1;--pillh:#334155;--lockbg:rgba(8,12,22,.94)}
html:not(.dark){--card:#ffffff;--card2:#f6f8fc;--bd:#d7e0eb;--tx:#172033;--mut:#64748b;--scrim:rgba(15,23,42,.38);--pill:#e8eef6;--pillx:#334155;--pillh:#d9e3ef;--lockbg:rgba(236,241,248,.95)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ghostOut{to{opacity:0;transform:translateY(-6px) scale(.97)}}
@keyframes ghostFade{to{opacity:0}}
@keyframes cardOut{to{opacity:0;transform:translateY(12px) scale(.95)}}
@keyframes clk{0%{box-shadow:0 0 0 0 rgba(56,189,248,.5)}100%{box-shadow:0 0 0 11px rgba(56,189,248,0)}}
.tab-in{animation:fadeUp .34s cubic-bezier(.2,.8,.2,1) both}
.clk{animation:clk .42s ease-out}
.ghost-out{animation:ghostOut .22s ease both!important;pointer-events:none}
.mback.ghost-out,.alertback.ghost-out,.lockscr.ghost-out{animation:ghostFade .22s ease both!important}
.ghost-out .mcard{animation:cardOut .22s ease both!important}
.mback{background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .22s ease both}
.alertback{background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .22s ease both}
.lockscr{background:var(--lockbg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeIn .25s ease both}
.mcard{background:var(--card);border-color:var(--bd);color:var(--tx)}
.mhead{border-color:var(--bd)}.mhead h2{color:var(--tx);font-size:1.05rem}
.mclose{background:var(--pill);color:var(--pillx)}.mclose:hover{background:var(--pillh)}
.mfoot{background:var(--card);border-top:1px solid var(--bd);z-index:5}
.mbody{scrollbar-width:thin}
.pill{background:var(--pill);color:var(--pillx)}.pill:hover{background:var(--pillh)}
.segwrap{background:var(--pill)}
.setcard{background:var(--card2);border-color:var(--bd)}
.calcwin{background:var(--card);border-color:var(--bd);color:var(--tx)}
.calchead{border-color:var(--bd);background:var(--card2)}
.calc-scroll{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.4) transparent}
.calc-scroll::-webkit-scrollbar{width:4px}.calc-scroll::-webkit-scrollbar-thumb{background:rgba(100,116,139,.4);border-radius:999px;border:0;background-clip:border-box}
.tgl{width:42px;height:24px;border-radius:999px;background:rgba(148,163,184,.5);position:relative;transition:background .22s ease;border:0;padding:0}
.tgl span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .24s cubic-bezier(.3,.9,.3,1.2)}
.tgl-on{background:#0ea5e9}.tgl-on span{transform:translateX(18px)}
/* Calculadora encaixada: o conteúdo ganha espaço à direita e as grades se reorganizam */
html.calc-docked .lg\:grid-cols-4,html.calc-docked .md\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
html.calc-docked .lg\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Tema claro: tons que antes só existiam no escuro */
html:not(.dark) .bg-red-50{background:#fef2f2}html:not(.dark) .bg-emerald-50{background:#ecfdf5}html:not(.dark) .bg-sky-50{background:#f0f9ff}html:not(.dark) .bg-amber-50{background:#fffbeb}
html:not(.dark) .text-sky-600{color:#0284c7}
html:not(.dark) .glass.bg-white\/90{background:rgba(255,255,255,.96)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
html.dark .text-amber-800{color:#fcd34d}html.dark .text-emerald-800{color:#6ee7b7}html.dark .text-sky-700{color:#7dd3fc}html.dark .text-indigo-700{color:#a5b4fc}html.dark .text-red-500{color:#f87171}
html.dark .bg-amber-100{background:rgba(251,191,36,.16)}html.dark .bg-emerald-100{background:rgba(52,211,153,.16)}

/* ===== Animações e ajustes de controles (antes injetados pelo App.js) ===== */
@keyframes pop{from{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}.pop{animation:pop .3s cubic-bezier(.2,.9,.3,1.15)}.slide{animation:slide .35s both}.notes [style*="background"]{color:#000!important}.cursor-pointer,button,a,select{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,filter .18s}button:not(:disabled):hover,a[href]:hover,label.cursor-pointer:hover{transform:translateY(-1px);filter:brightness(1.05)}button:not(:disabled):active,a[href]:active{transform:scale(.97)}div.cursor-pointer:hover{box-shadow:0 14px 30px -14px rgba(15,23,42,.25)}input:hover,select:hover{border-color:rgba(14,165,233,.55)}.ring-bell{animation:ringb 1.3s ease-in-out infinite;transform-origin:50% 8%}@keyframes ringb{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(15deg)}20%,40%{transform:rotate(-15deg)}}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(100,116,139,.38);border-radius:99px;border:2.5px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.62);background-clip:content-box}
select{-webkit-appearance:none;appearance:none;border-radius:16px!important;padding-right:2rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;border:1px solid rgba(148,163,184,.35)}
html.dark select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
@supports (appearance:base-select){select,::picker(select){appearance:base-select}select,html.dark select{background-image:none}select::picker-icon{color:#94a3b8}
::picker(select){border:1px solid rgba(148,163,184,.3);border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);padding:6px;box-shadow:0 24px 60px -24px rgba(15,23,42,.4)}
option{border-radius:12px;padding:9px 12px;color:#0f172a}option:hover,option:focus-visible{background:rgba(14,165,233,.12)}option:checked{background:rgba(14,165,233,.18);font-weight:600}
html.dark ::picker(select){background:rgba(28,33,45,.96);border-color:rgba(255,255,255,.1)}html.dark option{color:#f5f5f7}}
html.dark [class*="bg-white/70"],html.dark [class*="bg-white/60"]{background:#222939}html.dark [class*="hover:bg-white"]:hover{background:#2c3447}

/* ===== v2.1 · Estilo iOS — fundo preto estático, superfícies agrupadas, fonte do sistema =====
   Layout: mesma estrutura; cartões sólidos no estilo "Ajustes" do iPhone, vidro fosco só na barra superior e nas janelas. */
html.dark,html:root{
  --bg:#000;--s1:#1c1c1e;--s2:#2c2c2e;--s3:#3a3a3c;--s4:#48484a;
  --tx:#fff;--tx2:rgba(235,235,245,.86);--mut:rgba(235,235,245,.6);--mut2:rgba(235,235,245,.38);
  --sep:rgba(84,84,88,.6);--sep2:rgba(84,84,88,.9);
  --fill:rgba(118,118,128,.24);--fill2:rgba(118,118,128,.32);--thumb:#636366;
  --btn:#fff;--onbtn:#000;--bar:rgba(22,22,24,.78);--sheet:rgba(28,28,30,.94);--field:#2c2c2e;
  --green:#30d158;--red:#ff453a;--orange:#ff9f0a;--yellow:#ffd60a;--pink:#ff375f;--purple:#bf5af2;--mint:#63e6e2;
  --card:#1c1c1e;--card2:#2c2c2e;--bd:rgba(84,84,88,.6);--pill:rgba(118,118,128,.24);--pillx:#fff;--pillh:rgba(118,118,128,.36);--scrim:rgba(0,0,0,.55);--lockbg:rgba(0,0,0,.82);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
}
html:not(.dark){
  --bg:#f2f2f7;--s1:#fff;--s2:#f2f2f7;--s3:#e5e5ea;--s4:#d1d1d6;
  --tx:#000;--tx2:rgba(60,60,67,.92);--mut:rgba(60,60,67,.6);--mut2:rgba(60,60,67,.36);
  --sep:rgba(60,60,67,.18);--sep2:rgba(60,60,67,.29);
  --fill:rgba(118,118,128,.12);--fill2:rgba(118,118,128,.2);--thumb:#fff;
  --btn:#000;--onbtn:#fff;--bar:rgba(249,249,249,.82);--sheet:rgba(255,255,255,.96);--field:#fff;
  --green:#34c759;--red:#ff3b30;--orange:#ff9500;--yellow:#ffcc00;--pink:#ff2d55;--purple:#af52de;--mint:#00c7be;
  --card:#fff;--card2:#f2f2f7;--bd:rgba(60,60,67,.18);--pill:rgba(118,118,128,.12);--pillx:#000;--pillh:rgba(118,118,128,.2);--scrim:rgba(0,0,0,.3);--lockbg:rgba(242,242,247,.9);
}
html.dark{color-scheme:dark}html:not(.dark){color-scheme:light}

/* Base */
html,html body{background:var(--bg)!important;color:var(--tx)!important;font-family:var(--font)!important;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
#root{background:transparent!important;color:var(--tx)}
button,input,select,textarea{font-family:var(--font)!important}
::selection{background:rgba(142,142,147,.45)!important;color:inherit}
input[type=checkbox],input[type=radio]{accent-color:var(--green)}
.tabular-nums,td,.stat-v{font-variant-numeric:tabular-nums}
.uppercase{text-transform:none!important;letter-spacing:0!important}
/* Sem saltos: no iOS o toque só "afunda" levemente */
button:not(:disabled):hover,a[href]:hover,label.cursor-pointer:hover{transform:none!important;filter:none!important}
button:not(:disabled):active,a[href]:active{transform:scale(.97)!important;opacity:.85}
div.cursor-pointer:hover{box-shadow:none!important}
.clk{animation:none!important}

/* Superfícies */
.glass,html.dark .glass,html:not(.dark) .glass{background:var(--s1)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
header.glass{background:var(--bar)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;border-color:var(--sep)!important;border-bottom-width:.5px!important}
.glass[class*="bg-white/"]{background:var(--sheet)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;box-shadow:0 12px 40px rgba(0,0,0,.35)!important;border:.5px solid var(--sep)!important}
div.cursor-pointer.glass:active{background:var(--s2)!important}

/* Janelas (estilo folha do iOS) */
.mback,.alertback{background:var(--scrim)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.lockscr{background:var(--lockbg)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}
.mcard,.calcwin{background:var(--sheet)!important;-webkit-backdrop-filter:saturate(180%) blur(24px)!important;backdrop-filter:saturate(180%) blur(24px)!important;border:.5px solid var(--sep)!important;color:var(--tx)!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important}
.mhead,.calchead{border-color:var(--sep)!important;background:transparent!important}
.mhead h2{font-size:1.06rem!important;font-weight:600!important;color:var(--tx)!important}
.mfoot{background:transparent!important;border-top:.5px solid var(--sep)!important}
.mclose{background:var(--fill)!important;color:var(--mut)!important}
.pill{background:var(--fill)!important;color:var(--pillx)!important}
.mclose:hover,.pill:hover{background:var(--fill2)!important}
.segwrap{background:var(--fill)!important}
.setcard{background:var(--s1)!important;border-color:transparent!important}
html.dark .mcard .setcard,html.dark .mcard .bg-slate-50{background:var(--s2)!important}

/* Tipografia */
.brand{font-size:1.18rem;font-weight:700;letter-spacing:-.02em;color:var(--tx)}
.stat-v{font-size:1.75rem!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.1;color:var(--tx)!important}
main h2.text-xl{font-size:1.75rem;font-weight:700;letter-spacing:-.025em}
h1.text-xl{font-size:1.6rem!important;font-weight:700!important;letter-spacing:-.02em}

/* Botão principal: neutro como no iOS */
html .bg-sky-500{background:var(--btn)!important;color:var(--onbtn)!important;box-shadow:none!important;font-weight:600}
html .bg-sky-500 svg{color:var(--onbtn)}
html .hover\:bg-sky-600:hover{opacity:.9}
/* Controle segmentado: polegar cinza */
html .bg-sky-500.shadow-sm:not(.hover\:bg-sky-600),html .bg-sky-500.shadow,html .bg-white,html.dark .bg-white{background:var(--thumb)!important;color:var(--tx)!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important}
html [class*="bg-white/"],html.dark [class*="bg-white/70"],html.dark [class*="bg-white/60"]{background:var(--fill)!important}
html img.bg-white{background:#fff!important;box-shadow:none!important}

/* Neutros */
html .bg-slate-50,html.dark .bg-slate-50{background:var(--fill)!important}
html .bg-slate-100,html.dark .bg-slate-100{background:var(--fill)!important}
html .bg-slate-200,html .bg-slate-200\/60,html .bg-slate-200\/70,html.dark .bg-slate-200\/60{background:var(--fill)!important}
html .hover\:bg-slate-100:hover,html .hover\:bg-slate-200:hover,html.dark .hover\:bg-slate-100:hover,html.dark .hover\:bg-slate-200:hover{background:var(--fill2)!important}
html .bg-slate-500\/10{background:var(--fill)!important}
html .bg-slate-400{background:#8e8e93!important}
html .border-slate-200,html .border-slate-200\/60,html .border-slate-200\/70,html.dark .border-slate-200\/60,html.dark .border-slate-200{border-color:var(--sep)!important}
html .ring-slate-200{--tw-ring-color:var(--sep2)!important}
html .shadow-sm,html .shadow-md{--tw-shadow:0 0 #0000;box-shadow:none}
html .hover\:bg-sky-500\/5:hover{background:var(--fill)!important}

/* Texto */
html .text-slate-900,html .text-slate-800,html.dark .text-slate-900,html.dark .text-slate-800{color:var(--tx)!important}
html .text-slate-700,html .text-slate-600,html.dark .text-slate-700,html.dark .text-slate-600{color:var(--tx2)!important}
html .text-slate-500,html.dark .text-slate-500{color:var(--mut)!important}
html .text-slate-400,html .text-slate-300,html.dark .text-slate-400{color:var(--mut2)!important}
html .text-sky-600,html .text-sky-700,html.dark .text-sky-600,html.dark .text-sky-700{color:var(--tx)!important;font-weight:600}
html .bg-sky-50,html.dark .bg-sky-50,html .bg-sky-500\/15{background:var(--fill)!important}
html .hover\:bg-sky-100:hover{background:var(--fill2)!important}
html .text-emerald-600,html .text-emerald-700,html.dark .text-emerald-600,html.dark .text-emerald-700,html .text-green-700,html.dark .text-green-700{color:var(--green)!important}
html .text-red-500,html .text-red-600,html .text-red-700,html.dark .text-red-500,html.dark .text-red-600{color:var(--red)!important}
html .text-amber-500,html .text-amber-600,html .text-amber-700,html.dark .text-amber-600,html.dark .text-amber-700{color:var(--orange)!important}
/* Sem azul: Facebook e índigo viram cinza/roxo do sistema */
html .bg-blue-50,html.dark .bg-blue-50{background:var(--fill)!important}
html .text-blue-600,html.dark .text-blue-600{color:var(--tx2)!important}
html .ring-blue-200,html.dark .ring-blue-200{--tw-ring-color:var(--sep2)!important}
html .bg-indigo-50,html.dark .bg-indigo-50{background:rgba(191,90,242,.16)!important}
html .text-indigo-600,html.dark .text-indigo-600{color:var(--purple)!important}
html .bg-emerald-50,html.dark .bg-emerald-50,html .bg-green-50,html.dark .bg-green-50{background:rgba(48,209,88,.15)!important}
html .bg-amber-50,html.dark .bg-amber-50{background:rgba(255,159,10,.15)!important}
html .bg-red-50,html.dark .bg-red-50{background:rgba(255,69,58,.15)!important}
html .from-sky-400.to-indigo-500{background:linear-gradient(180deg,#a5a5aa,#6e6e73)!important;color:#fff!important}
html .hover\:text-amber-400:hover{color:var(--orange)!important}

/* Botões de status (cores do sistema iOS) */
html .bg-emerald-500{background:var(--green)!important;color:#fff!important;box-shadow:none!important}
html .bg-amber-500{background:var(--orange)!important;color:#fff!important;box-shadow:none!important}
html .bg-red-500{background:var(--red)!important;color:#fff!important;box-shadow:none!important}

/* Campos */
html input:not([type=checkbox]):not([type=radio]):not([type=file]),html select,html textarea,html.dark input:not([type=checkbox]):not([type=radio]),html.dark select,html.dark textarea{
  background-color:var(--field)!important;color:var(--tx)!important;-webkit-text-fill-color:var(--tx)!important;caret-color:var(--tx)!important;
  border:.5px solid var(--sep)!important;border-radius:12px!important;box-shadow:none!important}
html.dark .mcard input:not([type=checkbox]):not([type=radio]),html.dark .mcard select,html.dark .mcard textarea,html.dark .calcwin input{background-color:var(--s3)!important}
html .notes{background-color:#fff3b0!important;color:#1c1c1e!important;-webkit-text-fill-color:#1c1c1e!important}
html input::placeholder,html textarea::placeholder{color:var(--mut2)!important;-webkit-text-fill-color:var(--mut2)!important}
html input:hover,html select:hover,html textarea:hover{border-color:var(--sep2)!important}
html input:focus,html select:focus,html textarea:focus,html [contenteditable]:focus{border-color:var(--mut)!important;box-shadow:0 0 0 3px var(--fill)!important;outline:none}
html option{background:#2c2c2e!important;color:#fff!important}
html:not(.dark) option{background:#fff!important;color:#000!important}
@supports (appearance:base-select){html ::picker(select){background:var(--sheet)!important;border:.5px solid var(--sep)!important}
html option{background:transparent!important;color:var(--tx)!important}html option:hover,html option:focus-visible{background:var(--fill)!important}html option:checked{background:var(--fill2)!important;color:var(--tx)!important}}
button:focus-visible,a:focus-visible{outline:2px solid var(--mut);outline-offset:2px}

/* Interruptor iOS */
.tgl{width:51px!important;height:31px!important;background:var(--fill2)!important}
.tgl span{top:2px!important;left:2px!important;width:27px!important;height:27px!important;box-shadow:0 3px 8px rgba(0,0,0,.15),0 3px 1px rgba(0,0,0,.06)!important}
.tgl-on{background:var(--green)!important}.tgl-on span{transform:translateX(20px)!important}

/* Alerta */
.bell-orb{width:72px;height:72px;margin:0 auto;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--red)}

/* Barras de rolagem */
::-webkit-scrollbar-thumb{background:rgba(142,142,147,.4)!important;background-clip:content-box!important}
.from-slate-100.to-sky-100{background:transparent!important}
@media (prefers-reduced-motion:reduce){.pop,.slide,.tab-in{animation:none!important}}

/* ===== v2.5 · Celular: barra de abas inferior, janelas como folhas, toques maiores ===== */
.mobile-tabs{display:none}
@media (max-width:767px){
  .mobile-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:space-around;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep)}
  .mt-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:500;color:var(--mut);padding:6px 0;min-height:48px;background:none;border:0}
  .mt-on{color:var(--tx)}
  .mt-badge{position:absolute;top:-5px;right:-11px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center}
  main{padding-bottom:104px!important;padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important}
  .desk-views,.hdr-hide-m{display:none!important}
  header .max-w-6xl{padding-left:16px!important;padding-right:16px!important;gap:6px!important}
  .mback{padding:0!important;place-items:end center!important}
  .mcard{max-width:100%!important;max-height:94vh!important;border-radius:22px 22px 0 0!important;padding-bottom:env(safe-area-inset-bottom,0px)}
  input,select,textarea{font-size:16px!important}
  .brand{font-size:1.02rem}
  .stat-v{font-size:1.25rem!important;overflow-wrap:anywhere}
}
.brand{white-space:nowrap}

/* ===== v2.6 · Tutorial guiado ===== */
.tour{position:fixed;inset:0;z-index:20000}
.tour-dim{position:fixed;inset:0;background:rgba(0,0,0,.62)}
.tour-hole{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px rgba(0,0,0,.62),0 0 0 2px rgba(255,255,255,.85);transition:all .25s ease;pointer-events:none}
.tour-card{position:fixed;max-width:calc(100vw - 24px)}
.tour-dot{width:6px;height:6px;border-radius:99px;background:var(--fill2)}
.tour-dot.on{width:18px;background:var(--tx)}

/* ===== v2.6 · Números grandes no celular: quebram só no espaço (R$ | valor), nunca no meio ===== */
/* O valor diminui para caber na largura do cartão (container query); nunca vaza nem quebra no meio. */
.stat-card{container-type:inline-size;min-width:0}
.stat-v{white-space:nowrap;font-size:min(1.75rem,11cqw)!important}
@media (max-width:399px){.grid:has(> .stat-card){grid-template-columns:1fr!important}}

/* Celular estreito: o tema fica em Configurações para o topo caber na tela */
@media (max-width:399px){.hdr-hide-xs{display:none!important}header .brand{font-size:1rem}}
/* Itens de grade nunca alargam a tela: textos longos quebram ou viram "…" dentro da caixa */
.grid>*{min-width:0}
.truncate{min-width:0}