/* finanfix — shared theme tokens + tweaks panel (global settings) */
/* token defaults (apply to any .phone that links this file) */
.phone{
  --rL:22px; --rM:14px; --statusInk:#fff; --sheetBg:#16161a;
  --cardGlow:none; --accentGlow:none;
  transition:background .4s ease;
}
/* ── theme ── */
.phone[data-theme="light"]{
  --bg:#ECECF1; --card:#FFFFFF; --line-soft:#ECECEF; --line:#E2E2E7;
  --ink:#0E0E12; --sub:#6B6B73; --faint:#A2A2AA; --track:#E6E6EB;
  --statusInk:#101014; --sheetBg:#FFFFFF;
}
/* ── roundness ── */
.phone[data-round="reto"]{ --rL:11px; --rM:8px; }
.phone[data-round="ios"]{ --rL:30px; --rM:18px; }
/* ── glow ── */
.phone[data-glow="sutil"]{ --cardGlow:0 6px 20px rgba(0,0,0,.22); --accentGlow:0 0 14px color-mix(in srgb, var(--green) 45%, transparent); }
.phone[data-glow="intenso"]{ --cardGlow:0 12px 38px rgba(0,0,0,.5); --accentGlow:0 0 22px color-mix(in srgb, var(--green) 78%, transparent), 0 0 7px color-mix(in srgb, var(--green) 55%, transparent); }
/* ── accent ── */
.phone[data-accent="azul"]{ --green:#3B82F6; }
.phone[data-accent="roxo"]{ --green:#9B6BFF; }
.phone[data-accent="grafite"]{ --green:#9A9AA4; }

/* ── tweaks panel ── */
.tk-fab{ position:fixed; top:22px; right:22px; z-index:100; width:46px; height:46px; border-radius:50%; background:#1c1c20; border:1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.4); transition:transform .2s cubic-bezier(.22,1,.36,1); }
.tk-fab:active{ transform:scale(.92); }
.tk{ position:fixed; top:0; right:0; bottom:0; width:300px; max-width:86vw; z-index:101; background:#161619; border-left:1px solid #26262b; box-shadow:-20px 0 60px rgba(0,0,0,.5); transform:translateX(102%); transition:transform .42s cubic-bezier(.22,1,.36,1); display:flex; flex-direction:column; font-family:'Sora',-apple-system,system-ui,sans-serif; }
.tk.open{ transform:none; }
.tk-h{ display:flex; align-items:center; justify-content:space-between; padding:24px 22px 6px; }
.tk-h b{ font-size:17px; font-weight:800; color:#fff; letter-spacing:-.3px; }
.tk-h small{ display:block; font-size:11.5px; font-weight:500; color:#7f7f87; margin-top:2px; }
.tk-x{ width:30px; height:30px; border-radius:50%; background:#26262b; color:#fff; border:none; cursor:pointer; font-size:15px; flex-shrink:0; }
.tk-body{ padding:8px 22px 26px; overflow-y:auto; }
.tk-sec{ margin-top:20px; }
.tk-lbl{ font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#7f7f87; margin-bottom:10px; }
.tk-seg{ display:flex; gap:6px; background:#0e0e11; border:1px solid #232327; border-radius:13px; padding:5px; }
.tk-seg button{ flex:1; padding:9px 4px; border:none; background:none; border-radius:9px; color:#9a9aa2; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; transition:all .2s ease; white-space:nowrap; }
.tk-seg button.on{ background:#2a2a30; color:#fff; }
.tk-sw{ display:flex; gap:10px; }
.tk-sw button{ flex:1; height:38px; border-radius:11px; border:2px solid transparent; cursor:pointer; transition:transform .15s ease, border-color .2s ease; }
.tk-sw button.on{ border-color:#fff; }
.tk-sw button:active{ transform:scale(.92); }