:root{color-scheme:light;--bg:#f2f1ee;--surface:#fff;--surface-2:#f7f7f5;--ink:#343638;--muted:#7d817f;--soft:#e7e8e5;--line:#e2e3e0;--black:#202223;--blackText:#fff;--green:#1fb766;--greenSoft:#e7f7ee;--red:#ef5757;--redSoft:#fdeaea;--shadow:0 14px 40px rgba(30,33,31,.07);--radius:22px}
html[data-theme="dark"],html.force-dark{color-scheme:dark;--bg:#101211;--surface:#1a1d1b;--surface-2:#222523;--ink:#f3f4f2;--muted:#a7aaa7;--soft:#2c302e;--line:#303432;--black:#232624;--blackText:#fff;--shadow:0 16px 42px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{color-scheme:dark;--bg:#101211;--surface:#1a1d1b;--surface-2:#222523;--ink:#f3f4f2;--muted:#a7aaa7;--soft:#2c302e;--line:#303432;--black:#232624;--blackText:#fff;--shadow:0 16px 42px rgba(0,0,0,.28)}}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif}body{min-height:100vh}.app-shell{width:min(430px,100%);min-height:100vh;margin:0 auto;padding:env(safe-area-inset-top) 16px calc(100px + env(safe-area-inset-bottom));position:relative}.topbar{display:flex;align-items:center;gap:10px;padding:16px 2px 10px}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--black);color:var(--blackText);font-size:11px;font-weight:700}.topbar-greeting{flex:1;line-height:1.05}.topbar-greeting span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.topbar-greeting strong{font-size:19px}.top-actions{display:flex;gap:16px}.top-actions a{color:var(--ink);text-decoration:none;font-size:15px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}.section-title h2,.section-title .title{margin:0;font-size:14px}.section-title a{font-size:10px;color:var(--muted);text-decoration:none}.segment{display:flex;gap:18px;align-items:center;padding:6px 2px 13px}.segment a{color:var(--muted);text-decoration:none;font-size:11px}.segment a.active{background:var(--black);color:#fff;padding:8px 12px;border-radius:12px}.money-card{background:var(--black);color:var(--blackText);border-radius:24px;padding:17px;box-shadow:var(--shadow)}.money-card .label{font-size:10px;color:rgba(255,255,255,.68)}.money-card .head{display:flex;justify-content:space-between;align-items:center}.money-card .amount{font-size:30px;font-weight:700;margin:5px 0 13px;letter-spacing:-.8px}.money-card .edit{font-size:10px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:5px 8px;border-radius:999px}.money-card .mini{display:flex;justify-content:space-between;color:rgba(255,255,255,.68);font-size:9px}.progress{height:7px;border-radius:99px;background:rgba(127,127,127,.20);overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:var(--green)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.metric,.available,.plan-row,.tx-row,.goal-row,.budget-row,.insight,.form-card,.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:18px}.metric{padding:12px}.metric .small{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.metric strong{font-size:14px;display:block;margin-top:6px;color:var(--ink)}.indicator{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:13px}.indicator.income{background:var(--greenSoft);color:var(--green)}.indicator.expense{background:var(--redSoft);color:var(--red)}.available{padding:13px;margin-top:10px}.available .head{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.available strong{font-size:22px;display:block;margin-top:5px;color:var(--ink)}.available .sub{font-size:9px;color:var(--muted);margin-top:3px}.pulse{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:10px}.pulse-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}.ring-wrap{display:flex;align-items:center;gap:10px}.ring{width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--green) var(--pct),var(--soft) 0);display:grid;place-items:center;position:relative}.ring:after{content:"";width:56px;height:56px;border-radius:50%;background:var(--surface);position:absolute}.ring strong{position:relative;z-index:1;font-size:14px}.pulse-title{font-size:10px;color:var(--muted)}.pulse-big{font-size:15px;font-weight:700;margin-top:4px}.pulse-copy{font-size:9px;color:var(--muted);line-height:1.35;margin-top:4px}.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px;margin-top:10px}.chart-head{display:flex;justify-content:space-between;align-items:flex-start}.chart-head strong{font-size:12px}.chart-head span{font-size:9px;color:var(--muted)}.bars{height:108px;display:flex;align-items:flex-end;gap:8px;margin-top:11px}.bar{flex:1;max-width:26px;margin:auto;background:var(--ink);border-radius:8px 8px 3px 3px;opacity:.92;min-height:4px}.bar.green{background:var(--green)}.bar-labels{display:flex;gap:8px;margin-top:7px}.bar-labels span{flex:1;text-align:center;font-size:8px;color:var(--muted)}.plan-row,.tx-row,.budget-row,.goal-row{padding:11px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.icon-box{width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:12px}.row-main{flex:1;min-width:0}.row-main strong{font-size:11px}.row-main span{display:block;color:var(--muted);font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-amount{font-size:10px;text-align:right}.positive{color:var(--green)}.negative{color:var(--red)}.row-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:5px}.row-actions a{font-size:9px;color:var(--muted);text-decoration:none}.row-actions a.danger{color:var(--red)}.insight{padding:12px;display:flex;gap:10px;margin-bottom:8px}.insight .copy{flex:1}.insight strong{font-size:11px}.insight p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.helper-card,.stat-card{padding:13px}.helper-card{background:var(--surface-2)}.helper-title{font-size:11px;font-weight:600}.helper-text{font-size:9px;color:var(--muted);line-height:1.4;margin-top:3px}.form-card{padding:14px}.form-group{margin-bottom:13px}.form-group label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:12px;outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:#9ca19d;box-shadow:0 0 0 3px rgba(120,125,120,.08)}.btn{width:100%;padding:13px;border:1px solid var(--black);background:var(--black);color:#fff;border-radius:14px;font:inherit;font-size:12px;font-weight:600}.btn.alt{background:var(--surface);color:var(--ink);border-color:var(--line)}.check-row{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:10px}.check-row input{width:15px;height:15px;padding:0;accent-color:var(--black)}.toggle{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:13px}.toggle a{flex:1;text-align:center;text-decoration:none;color:var(--muted);padding:8px;border-radius:10px;font-size:10px}.toggle a.active{background:var(--black);color:#fff}.filter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--surface-2);border-radius:13px;margin:10px 0 13px}.filter-bar a{padding:8px;text-align:center;text-decoration:none;color:var(--muted);font-size:10px;border-radius:10px}.filter-bar a.active{background:var(--black);color:#fff}.month-switch{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 12px}.month-switch strong{font-size:12px}.month-switch a{width:28px;height:28px;border:1px solid var(--line);border-radius:9px;color:var(--ink);display:grid;place-items:center;text-decoration:none}.badges{display:flex;justify-content:flex-end;gap:8px;font-size:9px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;background:var(--surface-2);color:var(--muted);border-radius:999px;font-size:9px}.goal-progress{display:flex;align-items:center;gap:12px}.goal-progress .grow{flex:1}.goal-title{font-size:11px;font-weight:600}.empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:10px}.alert{padding:11px 13px;border-radius:13px;font-size:10px;margin-bottom:10px}.alert.success{background:var(--greenSoft);color:#177a47}.alert.error{background:var(--redSoft);color:#a12d2d}.bottom-nav{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:calc(13px + env(safe-area-inset-bottom));width:min(250px,calc(100% - 80px));background:var(--black);color:#fff;border-radius:23px;padding:8px 7px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 35px rgba(0,0,0,.18)}.bottom-nav a{color:inherit;text-decoration:none;text-align:center;border-radius:16px;padding:4px 2px}.bottom-nav a.active{background:rgba(255,255,255,.12)}.bottom-nav span{display:block;font-size:13px;line-height:15px}.bottom-nav small{font-size:7px;opacity:.78}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(390px,100%);background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:21px;box-shadow:var(--shadow)}.kicker{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.title{font-size:24px;margin:5px 0 15px}.link-row{display:flex;justify-content:space-between;font-size:10px;margin-top:12px}.link-row a{color:var(--muted);text-decoration:none}@media(min-width:700px){body{display:grid;place-items:center}.app-shell{min-height:900px;margin:20px 0;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.09)}.bottom-nav{position:absolute;bottom:18px}.login-card{margin:30px auto}}

/* ===== Mobile refinements / action controls ===== */
.action-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 18px;
}
.action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:11px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:var(--black);
  color:var(--blackText);
  text-decoration:none;
  font-size:11px;
  font-weight:600;
  box-shadow:0 4px 12px rgba(30,33,31,.04);
}
.action i{font-size:11px}
.action:hover{color:var(--blackText)}
.action.dark-action{
  background:var(--black);
  color:var(--blackText);
  border-color:var(--black);
}
.action.dark-action:hover{color:var(--blackText)}
.pulse-card{
  min-height:132px;
  background:var(--surface);
  color:var(--ink);
}
.chart-card,.metric,.available,.plan-row,.tx-row,.insight,.empty,.pulse-card,.money-card{
  overflow:hidden;
}
.money-card,
.available,
.metric,
.pulse-card,
.chart-card,
.plan-row,
.insight,
.tx-row,
.form-card,
.stat-card,
.budget-row,
.goal-row{
  color:var(--ink);
}
.money-card{color:var(--blackText)}
.money-card .label,.money-card .mini{color:rgba(255,255,255,.72)}
.money-card .amount{color:#fff}
.money-card .edit{color:#fff}
@media(max-width:430px){
  .app-shell{
    width:100%;
    padding-left:14px;
    padding-right:14px;
    padding-bottom:calc(112px + env(safe-area-inset-bottom));
  }
  .topbar{padding-top:12px}
  .segment{padding-top:4px}
  .section-title{margin-top:16px}
  .money-card{border-radius:24px;padding:16px}
  .money-card .amount{font-size:28px}
  .pulse{grid-template-columns:1fr 1fr;gap:9px}
  .pulse-card{padding:12px;min-height:124px}
  .ring{width:68px;height:68px}
  .ring:after{width:49px;height:49px}
  .ring strong{font-size:13px}
  .pulse-big{font-size:14px}
  .chart-card{padding:12px}
  .bars{height:102px;gap:7px}
  .bottom-nav{
    width:calc(100% - 96px);
    max-width:360px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    padding:7px 6px;
  }
  .bottom-nav a{padding:5px 1px}
  .bottom-nav span{font-size:13px}
  .bottom-nav small{font-size:7px}
}
@media(max-width:360px){
  .pulse{grid-template-columns:1fr}
  .action-row{grid-template-columns:1fr}
  .bottom-nav{width:calc(100% - 40px)}
}
/* Respect system appearance when the user selects System Default. */
@media(prefers-color-scheme:dark){
  html[data-theme="system"] .money-card,
  html.force-dark .money-card{
    background:#232624;
    color:#fff;
  }
  html[data-theme="system"] .money-card .amount,
  html.force-dark .money-card .amount,
  html[data-theme="system"] .money-card .edit,
  html.force-dark .money-card .edit{color:#fff}
  html[data-theme="system"] .money-card .label,
  html.force-dark .money-card .label,
  html[data-theme="system"] .money-card .mini,
  html.force-dark .money-card .mini{color:rgba(255,255,255,.72)}
}
@media(prefers-color-scheme:light){
  html[data-theme="system"] .money-card,
  html.force-light .money-card{
    background:#202223;
    color:#fff;
  }
}

.action.light-action{background:var(--surface);color:var(--ink);border-color:var(--line)}
.action.light-action:hover{color:var(--ink)}


/* ===== Cross-device dashboard consistency ===== */
.pulse{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.pulse-card{display:block!important;min-width:0!important;min-height:132px!important;box-sizing:border-box!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:14px!important}
.pulse-title{display:block!important;color:var(--muted)!important;font-size:10px!important;line-height:1.2!important}
.ring-wrap{display:flex!important;align-items:center!important;gap:10px!important;margin-top:9px!important;min-height:78px!important}
.ring{flex:0 0 68px!important;width:68px!important;height:68px!important;display:grid!important;place-items:center!important}
.ring:after{width:49px!important;height:49px!important}
.pulse-card .pulse-big{display:block!important;color:var(--ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.2!important}
.pulse-copy{display:block!important;color:var(--muted)!important;font-size:9px!important;line-height:1.35!important;margin-top:4px!important}
.chart-card{display:block!important;min-height:155px!important}
.bars{display:flex!important;height:108px!important;align-items:flex-end!important}
.action-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 24px!important}
.action-row .action{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;background:var(--black)!important;color:#fff!important;border:1px solid var(--black)!important;text-decoration:none!important}
@media(max-width:430px){
  .app-shell{width:100%!important;max-width:430px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(124px + env(safe-area-inset-bottom))!important}
  .pulse{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .pulse-card{min-height:128px!important;padding:12px!important}
  .ring-wrap{gap:8px!important}
  .ring{flex-basis:64px!important;width:64px!important;height:64px!important}
  .ring:after{width:46px!important;height:46px!important}
  .pulse-card .pulse-big{font-size:14px!important}
  .chart-card{min-height:154px!important;padding:12px!important}
  .bars{height:102px!important}
  .action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:22px!important}
}
@media(max-width:360px){
  .pulse{grid-template-columns:1fr!important}
  .action-row{grid-template-columns:1fr!important}
}


/* =========================================================
   MoneyMap — Savings Progress Link Card
   Remove browser/Android link underlines while preserving
   the entire card as one clickable button.
========================================================= */

a.savings-link-card,
a.savings-link-card:link,
a.savings-link-card:visited,
a.savings-link-card:hover,
a.savings-link-card:active,
a.savings-link-card:focus,
a.savings-link-card:focus-visible {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    color: inherit !important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

a.savings-link-card *,
a.savings-link-card *::before,
a.savings-link-card *::after {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    text-decoration-line: none !important;
}

a.savings-link-card .pulse-title,
a.savings-link-card .pulse-title span,
a.savings-link-card .pulse-title i {
    text-decoration: none !important;
    color: var(--muted) !important;
}

a.savings-link-card .pulse-big {
    text-decoration: none !important;
    color: var(--ink) !important;
}

a.savings-link-card .pulse-copy {
    text-decoration: none !important;
    color: var(--muted) !important;
}

a.savings-link-card .action-hint {
    text-decoration: none !important;
}

a.savings-link-card .ring {
    text-decoration: none !important;
}

a.savings-link-card:focus,
a.savings-link-card:focus-visible {
    box-shadow: var(--shadow) !important;
}

/* Android Chrome can apply tap/focus decoration to anchors */
@media (hover:none) and (pointer:coarse) {
    a.savings-link-card {
        text-decoration: none !important;
        border-bottom: 0 !important;
    }

    a.savings-link-card:hover,
    a.savings-link-card:active,
    a.savings-link-card:focus {
        text-decoration: none !important;
        border-bottom: 0 !important;
    }
}

/* =========================================================
   MoneyMap — Savings card: real button, never an Android link
========================================================= */
button.savings-button-card,
button.savings-button-card:hover,
button.savings-button-card:active,
button.savings-button-card:focus,
button.savings-button-card:focus-visible {
  -webkit-appearance:none!important;
  appearance:none!important;
  font:inherit!important;
  text-align:left!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  color:var(--ink)!important;
  cursor:pointer!important;
  border:1px solid var(--line)!important;
  outline:none!important;
  box-shadow:none;
  width:100%;
  margin:0;
}
button.savings-button-card * { text-decoration:none!important; }
button.savings-button-card:focus-visible { box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)!important; }

/* =========================================================
   MoneyMap — Three additional visual themes
   Inspired by soft blue utility apps, blush wellness apps,
   and bold red/white mobile finance interfaces.
========================================================= */
html[data-theme="ocean"]{
  color-scheme:light;
  --bg:#eef4fb;--surface:#ffffff;--surface-2:#f6f9fd;--ink:#243447;--muted:#718096;
  --soft:#dfe9f7;--line:#d7e2f0;--black:#2f73dc;--blackText:#fff;
  --green:#2f73dc;--greenSoft:#e8f1ff;--red:#e25b67;--redSoft:#fdebed;
  --shadow:0 14px 40px rgba(47,115,220,.10);
}
html[data-theme="blush"]{
  color-scheme:light;
  --bg:#fff2f6;--surface:#ffffff;--surface-2:#fff8fa;--ink:#352c32;--muted:#8b7d84;
  --soft:#f9dce7;--line:#f1d5df;--black:#ef5f91;--blackText:#fff;
  --green:#df5c8b;--greenSoft:#fdeaf1;--red:#d95c6b;--redSoft:#fcebed;
  --shadow:0 14px 40px rgba(224,92,139,.10);
}
html[data-theme="nova"]{
  color-scheme:light;
  --bg:#f7f7f7;--surface:#ffffff;--surface-2:#fafafa;--ink:#25282b;--muted:#777b80;
  --soft:#ececec;--line:#dedede;--black:#ef1d1d;--blackText:#fff;
  --green:#ef1d1d;--greenSoft:#ffe9e9;--red:#d91f2f;--redSoft:#fde9eb;
  --shadow:0 14px 40px rgba(32,34,36,.09);
}
html[data-theme="ocean"] .money-card{background:#2f73dc!important}
html[data-theme="blush"] .money-card{background:#ef5f91!important}
html[data-theme="nova"] .money-card{background:#ef1d1d!important}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}
.theme-option{position:relative;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:.18s ease}
.theme-option input{position:absolute;opacity:0;pointer-events:none}
.theme-option:has(input:checked){border-color:var(--black);box-shadow:0 0 0 2px color-mix(in srgb,var(--black) 12%,transparent)}
.theme-option strong{display:block;font-size:10px;color:var(--ink)}
.theme-option small{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.theme-preview{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-size:14px;border:1px solid rgba(0,0,0,.06)}
.theme-system{background:linear-gradient(135deg,#f2f1ee 50%,#202223 50%);color:#fff}
.theme-light{background:#f2f1ee;color:#202223}
.theme-dark{background:#202223;color:#fff}
.theme-ocean{background:linear-gradient(135deg,#dcecff,#2f73dc);color:#fff}
.theme-blush{background:linear-gradient(135deg,#ffe2ec,#ef5f91);color:#fff}
.theme-nova{background:linear-gradient(135deg,#fff,#ef1d1d);color:#fff}
@media(max-width:430px){.theme-grid{gap:8px}.theme-option{padding:9px}.theme-preview{width:34px;height:34px;flex-basis:34px;font-size:12px}}

/* FINAL Android savings card fix: it is a button, never a hyperlink. */
button.savings-button-card,
button.savings-button-card:hover,
button.savings-button-card:active,
button.savings-button-card:focus,
button.savings-button-card:focus-visible {
  -webkit-appearance: none !important;
  appearance: none !important;
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 1px solid var(--line) !important;
  outline: none !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  color: var(--ink) !important;
}
button.savings-button-card * {
  -webkit-text-decoration: none !important;
  text-decoration: none !important;
}


/* FINAL FINAL: Android/Chrome theme hardening.
   Theme variables are also written inline on <html> by header.php,
   so the selected theme does not depend on a cached stylesheet. */
html[data-theme="ocean"], html[data-theme="blush"], html[data-theme="nova"] {
  color-scheme: light !important;
  forced-color-adjust: none;
  -webkit-text-size-adjust: 100%;
}
html[data-theme="dark"] { color-scheme: dark !important; }
html[data-theme="light"] { color-scheme: light !important; }
html[data-theme="ocean"] body, html[data-theme="blush"] body, html[data-theme="nova"] body {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
html[data-theme="ocean"] .bottom-nav { background:#2f73dc !important; }
html[data-theme="blush"] .bottom-nav { background:#ef5f91 !important; }
html[data-theme="nova"] .bottom-nav { background:#ef1d1d !important; }
html[data-theme="ocean"] .btn, html[data-theme="ocean"] .action.dark-action { background:#2f73dc !important; border-color:#2f73dc !important; }
html[data-theme="blush"] .btn, html[data-theme="blush"] .action.dark-action { background:#ef5f91 !important; border-color:#ef5f91 !important; }
html[data-theme="nova"] .btn, html[data-theme="nova"] .action.dark-action { background:#ef1d1d !important; border-color:#ef1d1d !important; }

.text-button{border:0;background:none;color:var(--muted);font:inherit;font-size:9px;padding:5px 2px;cursor:pointer}.helper-card{border:1px solid var(--line);border-radius:18px;padding:13px;background:var(--surface-2)}.helper-text{font-size:9px;color:var(--muted);line-height:1.45;margin:5px 0}.helper-title{font-size:11px;font-weight:600}