:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#77809a;--blue:#6f8cff;--green:#42b883;--red:#ef6b73;--orange:#f0a44b;--purple:#9575ff;--border:#e8ebf3;--shadow:0 10px 30px rgba(44,55,85,.08)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif}body{min-height:100vh}.shell{max-width:620px;margin:0 auto;min-height:100vh;padding:calc(env(safe-area-inset-top) + 18px) 16px calc(92px + env(safe-area-inset-bottom))}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.eyebrow{color:var(--muted);font-size:14px}.title{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:2px 0}.icon-btn,.fab,.primary,.secondary,.chip,.tab,.row-btn{border:0;font:inherit;cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:16px;background:var(--card);box-shadow:var(--shadow);font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.hero{background:linear-gradient(135deg,#edf2ff,#ffffff 55%,#f6f1ff)}.big{font-size:30px;font-weight:800;letter-spacing:-.04em}.label{color:var(--muted);font-size:13px}.metric{font-size:20px;font-weight:750;margin-top:4px}.positive{color:var(--green)}.negative{color:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:22px 4px 10px}.section-title h2{font-size:19px;margin:0}.link{color:var(--blue);font-weight:650;font-size:14px}.list{overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:0}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#f0f3ff;font-size:21px;flex:0 0 auto}.row-main{flex:1;min-width:0}.row-title{font-weight:700}.row-sub{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amount{text-align:right;font-weight:750}.amount small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:14px}.chip{background:#fff;border:1px solid var(--border);padding:9px 14px;border-radius:999px;color:var(--muted);white-space:nowrap}.chip.active{background:#eef2ff;border-color:#cfd8ff;color:#526ee6;font-weight:700}.progress{height:10px;background:#eef0f5;border-radius:999px;overflow:hidden;margin:10px 0 6px}.progress>span{display:block;height:100%;background:var(--blue);border-radius:999px}.budget-row{margin-bottom:18px}.budget-head{display:flex;justify-content:space-between;gap:12px}.bottom{position:fixed;z-index:30;left:0;right:0;bottom:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(248,249,252,.94);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.tabs{max-width:620px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tab{background:transparent;color:#8b93a8;font-size:10px;padding:7px 2px}.tab span{display:block;font-size:21px;margin-bottom:2px}.tab.active{color:var(--blue);font-weight:700}.fab{position:fixed;right:max(22px,calc((100vw - 620px)/2 + 22px));bottom:calc(92px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;background:var(--blue);color:white;font-size:32px;box-shadow:0 12px 28px rgba(82,110,230,.35);z-index:25}.seg{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#eef1f7;border-radius:14px;margin-bottom:18px}.seg button{padding:10px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:650}.seg button.active{background:white;color:var(--text);box-shadow:0 3px 10px rgba(0,0,0,.06)}.field{margin-bottom:14px}.field label{display:block;color:var(--muted);font-size:13px;margin:0 0 6px 4px}.field input,.field select,.field textarea{width:100%;padding:14px;border-radius:15px;border:1px solid var(--border);font:inherit;background:#fff;color:var(--text)}.field textarea{min-height:78px;resize:vertical}.primary{width:100%;padding:14px 16px;border-radius:16px;background:var(--blue);color:#fff;font-weight:750}.secondary{padding:9px 12px;border-radius:12px;background:#f1f3f8;color:var(--text);font-weight:650}.modal-wrap{position:fixed;z-index:100;inset:0;background:rgba(15,21,37,.35);display:flex;align-items:flex-end;justify-content:center}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:var(--bg);border-radius:28px 28px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.18)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal h2{margin:0}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-tile{background:white;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.finance-tile b{display:block;margin-top:8px}.note{font-size:12px;color:var(--muted);line-height:1.45}.status{font-size:11px;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#526ee6;font-weight:700;display:inline-block}.danger{background:#fff0f1;color:#ca4d56}.success{background:#edf9f4;color:#268a64}.empty{text-align:center;padding:28px;color:var(--muted)}

.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-grid .card{padding:14px}.transfer-amount{color:var(--purple)}.tx-row{width:100%;text-align:left;background:transparent;color:inherit}.tx-row:active{background:#f7f8fc}.detail-card{text-align:center;padding:24px}.detail-icon{font-size:38px}.detail-amount{font-size:30px;font-weight:800;margin:10px 0}.detail-list{background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px}.detail-line{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid var(--border)}.detail-line:last-child{border-bottom:0}.detail-line span{color:var(--muted)}.detail-line b{text-align:right;word-break:break-word}.modal-actions{display:grid;gap:10px}.modal-actions .secondary,.modal-actions .primary{width:100%}@media(max-width:420px){.summary-grid{grid-template-columns:1fr 1fr}.summary-grid .card:last-child{grid-column:1/-1}.metric{font-size:18px}}

.confirm-overlay{position:fixed;z-index:300;inset:0;background:rgba(15,21,37,.38);display:flex;align-items:flex-end;justify-content:center;padding:16px calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}
.confirm-sheet{width:min(520px,100%);background:#fff;border-radius:24px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
.confirm-title{font-size:20px;font-weight:800}
.confirm-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.danger-solid{background:#d94b55!important;color:#fff!important}
 
.sub-totals{display:flex;gap:12px;flex-wrap:wrap}.sub-totals>div{padding:12px;border-radius:16px;background:#f5f7fb}.sub-totals b,.sub-totals small{display:block}textarea{width:100%;box-sizing:border-box;border:1px solid #dde2ec;border-radius:14px;padding:12px;font:inherit}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] body{background:#0d1118;color:#f2f5fa}html[data-theme="dark"] .card,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .confirm-sheet{background:#171d27!important;color:#f2f5fa}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#111722;color:#f2f5fa;border-color:#303847}


:root{--bm-bg:#f6f8fc;--bm-card:#ffffff;--bm-text:#111827;--bm-muted:#6b7280;--bm-border:#e5e7eb;--bm-input:#ffffff}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--bm-bg:#0b1017;--bm-card:#171d27;--bm-text:#f3f6fb;--bm-muted:#9aa6b6;--bm-border:#303847;--bm-input:#111722}
html[data-theme="dark"] body{background:var(--bm-bg)!important;color:var(--bm-text)!important}
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .confirm-sheet,
html[data-theme="dark"] .bottom-nav,
html[data-theme="dark"] .sheet{background:var(--bm-card)!important;color:var(--bm-text)!important}
html[data-theme="dark"] .row,
html[data-theme="dark"] .row-btn,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] .row-title,
html[data-theme="dark"] .amount{color:var(--bm-text)!important}
html[data-theme="dark"] .label,
html[data-theme="dark"] .row-sub,
html[data-theme="dark"] .note,
html[data-theme="dark"] small,
html[data-theme="dark"] .eyebrow{color:var(--bm-muted)!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:var(--bm-input)!important;color:var(--bm-text)!important;border-color:var(--bm-border)!important}
html[data-theme="dark"] .sub-totals>div{background:#111722!important}
@media (prefers-color-scheme:dark){
 html[data-theme="system"]{color-scheme:dark}
 html[data-theme="system"] body{background:#0b1017!important;color:#f3f6fb!important}
 html[data-theme="system"] .card,
 html[data-theme="system"] .modal-card,
 html[data-theme="system"] .confirm-sheet,
 html[data-theme="system"] .bottom-nav{background:#171d27!important;color:#f3f6fb!important}
 html[data-theme="system"] input,
 html[data-theme="system"] select,
 html[data-theme="system"] textarea{background:#111722!important;color:#f3f6fb!important;border-color:#303847!important}
}
.summary-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0 12px}

/* v8.3 dark-mode and form polish */
.transaction-date-note{align-items:end}
.transaction-date-note .field{display:flex;flex-direction:column;min-width:0}
.transaction-date-note input{width:100%;height:48px;box-sizing:border-box}
.filter-grid input{width:100%;height:46px;box-sizing:border-box}
.summary-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0 12px}
.tx-row .row-title,.row-btn .row-title{font-weight:700;color:#111827}

html[data-theme="dark"] body{background:#0a0f16!important;color:#f5f7fb!important}
html[data-theme="dark"] .shell{background:#0a0f16!important}
html[data-theme="dark"] .card,
html[data-theme="dark"] .finance-tile,
html[data-theme="dark"] .list,
html[data-theme="dark"] .row,
html[data-theme="dark"] .tx-row,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .confirm-sheet,
html[data-theme="dark"] .settings-list{background:#171d27!important;color:#f5f7fb!important;border-color:#2d3746!important}
html[data-theme="dark"] .finance-tile{box-shadow:none!important}
html[data-theme="dark"] .row-title,
html[data-theme="dark"] .finance-tile b,
html[data-theme="dark"] .title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .metric,
html[data-theme="dark"] .big{color:#f5f7fb!important}
html[data-theme="dark"] .row-sub,
html[data-theme="dark"] .note,
html[data-theme="dark"] .label,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] small{color:#a8b3c3!important}
html[data-theme="dark"] .positive{color:#4ddb91!important}
html[data-theme="dark"] .negative{color:#ff7782!important}
html[data-theme="dark"] .transfer-amount{color:#a78bfa!important}
html[data-theme="dark"] .bottom{background:#141a23!important;border-color:#2a3342!important;box-shadow:0 -10px 30px rgba(0,0,0,.35)!important}
html[data-theme="dark"] .tabs{background:#141a23!important}
html[data-theme="dark"] .tab{background:transparent!important;color:#8f9bad!important}
html[data-theme="dark"] .tab.active{color:#4b82ff!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#0f1620!important;color:#f5f7fb!important;border:1px solid #344052!important}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#7f8a9a!important}
html[data-theme="dark"] .secondary{background:#222b38!important;color:#f5f7fb!important;border-color:#364357!important}
html[data-theme="dark"] .chip{background:#1c2430!important;color:#c6cfdb!important;border-color:#303b4b!important}
html[data-theme="dark"] .chip.active{background:#2d5fe8!important;color:white!important}
html[data-theme="dark"] .avatar{background:#222b38!important}
html[data-theme="dark"] .modal-wrap{background:rgba(0,0,0,.68)!important}
html[data-theme="dark"] .tx-row .row-title,
html[data-theme="dark"] .row-btn .row-title{color:#ffffff!important}
html[data-theme="dark"] .home .tx-row,
html[data-theme="dark"] .home .row{background:#171d27!important}

@media(prefers-color-scheme:dark){
 html[data-theme="system"] body{background:#0a0f16!important;color:#f5f7fb!important}
 html[data-theme="system"] .shell{background:#0a0f16!important}
 html[data-theme="system"] .card,
 html[data-theme="system"] .finance-tile,
 html[data-theme="system"] .list,
 html[data-theme="system"] .row,
 html[data-theme="system"] .tx-row,
 html[data-theme="system"] .modal,
 html[data-theme="system"] .bottom,
 html[data-theme="system"] .tabs{background:#171d27!important;color:#f5f7fb!important;border-color:#2d3746!important}
 html[data-theme="system"] .row-title,
 html[data-theme="system"] .finance-tile b,
 html[data-theme="system"] .title{color:#f5f7fb!important}
 html[data-theme="system"] .row-sub,
 html[data-theme="system"] .note,
 html[data-theme="system"] .label{color:#a8b3c3!important}
}

/* BudgetMate v8.4 layout polish */
.transaction-filter-card{
  width:100%;
  max-width:680px;
  margin:0 auto 16px auto!important;
  box-sizing:border-box;
}
.transaction-filter-card .filter-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%;
}
.transaction-filter-card .field{
  min-width:0;
}
.transaction-filter-card input[type="date"]{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  box-sizing:border-box!important;
}

.transaction-date-note{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  width:100%;
}
.transaction-date-note .field{
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.transaction-date-note label{
  min-height:20px;
  display:flex;
  align-items:flex-end;
  margin-bottom:6px!important;
}
.transaction-date-note input{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.transaction-date-note input[type="date"]{
  display:block!important;
  line-height:52px!important;
}

/* Keep the filter visually centered on tablets and phones */
@media (max-width:800px){
  .transaction-filter-card{
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* BudgetMate v8.5 - force date filter to true center */
.transaction-filter-card{
  display:block!important;
  width:calc(100% - 32px)!important;
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:16px!important;
  box-sizing:border-box!important;
  align-self:center!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.transaction-filter-card .filter-grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.transaction-filter-card .field{
  width:100%!important;
  min-width:0!important;
}
.transaction-filter-card input[type="date"]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media (max-width:520px){
  .transaction-filter-card{
    width:calc(100% - 20px)!important;
    max-width:none!important;
  }
}

/* BudgetMate v8.6 — iPad date-filter alignment fix */

/* Match the exact width/alignment of every other card in the page */
.transaction-filter-card{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:14px!important;
  padding:18px!important;
  overflow:hidden!important;
  position:static!important;
  transform:none!important;
}

/* Force two truly equal columns */
.transaction-filter-card .filter-grid{
  display:grid!important;
  grid-template-columns:calc(50% - 6px) calc(50% - 6px)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}

.transaction-filter-card .filter-grid .field{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* iOS/iPadOS Safari otherwise gives date controls an oversized intrinsic width */
.transaction-filter-card input[type="date"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  inline-size:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:52px!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:14px!important;
  font-size:16px!important;
  overflow:hidden!important;
}

/* Keep the internal Safari date text centered without expanding the input */
.transaction-filter-card input[type="date"]::-webkit-date-and-time-value{
  text-align:center!important;
  min-width:0!important;
}

/* Also keep Add Transaction Date/Note perfectly matched */
.transaction-date-note{
  grid-template-columns:calc(50% - 6px) calc(50% - 6px)!important;
}
.transaction-date-note .field{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.transaction-date-note input{
  -webkit-appearance:none;
  appearance:none;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:52px!important;
  box-sizing:border-box!important;
  padding:0 12px!important;
  margin:0!important;
  font-size:16px!important;
}

/* v9.0 AI + iOS date text centering */
.transaction-filter-card input[type="date"]{
  text-align:center!important;
  text-align-last:center!important;
}
.transaction-filter-card input[type="date"]::-webkit-date-and-time-value{
  text-align:center!important;
  width:100%!important;
}
.budget-actions{display:flex;gap:8px;flex-wrap:wrap}
.ai-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.ai-intro,.ai-answer{margin-bottom:12px}
.ai-answer p{line-height:1.5}
@media(max-width:520px){.ai-quick{grid-template-columns:1fr}}

/* v9.1 — iPad/iPhone Safari transaction date centering */
.transaction-filter-card input[type="date"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-align-last:center!important;
  padding-left:38px!important;
  padding-right:38px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.transaction-filter-card input[type="date"]::-webkit-date-and-time-value{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  margin:0!important;
}
.transaction-filter-card input[type="date"]::-webkit-datetime-edit{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  padding:0!important;
}
.transaction-filter-card input[type="date"]::-webkit-datetime-edit-fields-wrapper{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
.transaction-filter-card input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute!important;
  right:12px!important;
  margin:0!important;
}
.transaction-filter-card .field{
  position:relative!important;
}

/* v9.2 Rufiyaa Local */
.rufiyaa-hero{margin-bottom:12px}
.rufiyaa-insight-box{padding:16px;border-radius:18px;background:rgba(87,98,246,.08);margin-bottom:12px;line-height:1.5}
.rufiyaa-insight-box p{margin-bottom:0}
.rufiyaa-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.rufiyaa-actions button{text-align:left;min-height:48px}
.rufiyaa-actions button span{margin-right:7px}
.rufiyaa-result{margin-top:12px;line-height:1.55}
.rufiyaa-result p{margin-bottom:10px}
html[data-theme="dark"] .rufiyaa-insight-box{background:#171b38!important;color:#f5f7fb}
@media(max-width:520px){.rufiyaa-actions{grid-template-columns:1fr 1fr}}

/* v9.3 navigation, Rufiyaa and Savings */
.header{display:flex;align-items:center;justify-content:space-between}
.header-settings{border:0;background:transparent;color:inherit;font-size:26px;padding:8px 10px;border-radius:14px}
.rufiyaa-tab{position:relative;transform:translateY(-13px)!important;overflow:visible!important}
.rufiyaa-tab span{width:50px;height:50px;border-radius:50%;display:grid!important;place-items:center;background:#315fe8;color:white!important;box-shadow:0 7px 22px rgba(49,95,232,.38);font-size:20px}
.rufiyaa-tab.active span{box-shadow:0 7px 28px rgba(49,95,232,.62),0 0 0 4px rgba(49,95,232,.15)}
.rufiyaa-home-hero{text-align:center;padding:22px}
.progress{height:7px;background:rgba(128,128,128,.18);border-radius:99px;overflow:hidden;margin-top:9px}
.progress i{display:block;height:100%;background:#315fe8;border-radius:99px}
html[data-theme="dark"] .header-settings{color:#fff}

/* ================================
   BudgetMate v9.3.1 bug-fix polish
   ================================ */

/* Add Transaction button: safely above navigation */
.fab{
  bottom:112px!important;
  right:24px!important;
  z-index:40!important;
}

/* Rufiyaa: true centered highlighted middle navigation item */
.tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:end!important;
}
.rufiyaa-tab{
  transform:none!important;
  position:relative!important;
  overflow:visible!important;
  padding-top:0!important;
}
.rufiyaa-tab span{
  width:54px!important;
  height:54px!important;
  margin:-18px auto 4px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#6d5dfc,#315fe8)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(71,82,242,.42)!important;
  font-size:21px!important;
}
.rufiyaa-tab.active span{
  box-shadow:0 10px 30px rgba(91,72,255,.6),0 0 0 4px rgba(91,72,255,.16)!important;
}
.rufiyaa-tab{
  text-align:center!important;
}

/* Dark mode detail pages: Account / Credit Card / Transaction / Subscription */
html[data-theme="dark"] .modal{
  background:#121923!important;
  color:#f7f9fd!important;
}
html[data-theme="dark"] .detail-card,
html[data-theme="dark"] .detail-list,
html[data-theme="dark"] .detail-line{
  background:#171f2b!important;
  color:#f7f9fd!important;
  border-color:#2f3a4b!important;
}
html[data-theme="dark"] .detail-list{
  border-radius:18px!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .detail-line{
  border-bottom:1px solid #2c3646!important;
}
html[data-theme="dark"] .detail-line:last-child{
  border-bottom:0!important;
}
html[data-theme="dark"] .detail-line span{
  color:#9da9ba!important;
}
html[data-theme="dark"] .detail-line b,
html[data-theme="dark"] .detail-card b,
html[data-theme="dark"] .detail-amount,
html[data-theme="dark"] .status{
  color:#f7f9fd!important;
}
html[data-theme="dark"] .modal-actions .secondary{
  background:#202a38!important;
  color:#f7f9fd!important;
  border-color:#344256!important;
}

/* System dark gets same detail-page treatment */
@media(prefers-color-scheme:dark){
  html[data-theme="system"] .modal,
  html[data-theme="system"] .detail-card,
  html[data-theme="system"] .detail-list,
  html[data-theme="system"] .detail-line{
    background:#171f2b!important;
    color:#f7f9fd!important;
    border-color:#2f3a4b!important;
  }
  html[data-theme="system"] .detail-line span{color:#9da9ba!important}
  html[data-theme="system"] .detail-line b,
  html[data-theme="system"] .detail-amount{color:#f7f9fd!important}
}

/* Finance date fields: equal widths, heights and centered text on iOS/iPadOS */
.finance-date-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:end!important;
}
.finance-date-grid .field,
.finance-date-field{
  min-width:0!important;
  width:100%!important;
}
.finance-date-grid input[type="date"],
.finance-date-field input[type="date"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
  margin:0!important;
  text-align:center!important;
  text-align-last:center!important;
  font-size:16px!important;
}
.finance-date-grid input[type="date"]::-webkit-date-and-time-value,
.finance-date-field input[type="date"]::-webkit-date-and-time-value{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
}
.finance-date-grid input[type="date"]::-webkit-datetime-edit,
.finance-date-field input[type="date"]::-webkit-datetime-edit{
  width:100%!important;
  text-align:center!important;
}
.finance-date-grid input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.finance-date-field input[type="date"]::-webkit-datetime-edit-fields-wrapper{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
}

/* Cleaner Rufiyaa page */
.rufiyaa-overview{
  text-align:left!important;
  padding:22px!important;
  margin-bottom:14px!important;
}
.rufiyaa-greeting{
  font-size:18px!important;
  font-weight:700!important;
  margin-bottom:18px!important;
}
.rufiyaa-safe-label{
  color:#8f9bae!important;
  font-size:13px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:4px!important;
}
.rufiyaa-insights-card{
  padding:18px!important;
  margin-bottom:22px!important;
}
.rufiyaa-section-title{
  margin-top:0!important;
  margin-bottom:8px!important;
}
.rufiyaa-insight-box{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.rufiyaa-tools-title{
  margin-top:6px!important;
  margin-bottom:10px!important;
}
.rufiyaa-actions-clean{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 22px!important;
}
.rufiyaa-tool{
  min-height:96px!important;
  border-radius:18px!important;
  border:1px solid #dfe4ed!important;
  background:#fff!important;
  color:#111827!important;
  padding:16px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  text-align:left!important;
}
.rufiyaa-tool-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef2ff!important;
}
.rufiyaa-tool>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.rufiyaa-tool b{
  display:block!important;
  margin:0 0 6px!important;
  line-height:1.2!important;
  font-size:15px!important;
}
.rufiyaa-tool small{
  display:block!important;
  line-height:1.35!important;
  color:#758195!important;
  font-size:12px!important;
}
html[data-theme="dark"] .rufiyaa-tool{
  background:#171f2b!important;
  border-color:#303c4d!important;
  color:#f7f9fd!important;
}
html[data-theme="dark"] .rufiyaa-tool-icon{
  background:#222c45!important;
}
html[data-theme="dark"] .rufiyaa-tool b{
  color:#f7f9fd!important;
}
html[data-theme="dark"] .rufiyaa-tool small{
  color:#9eaabc!important;
}
html[data-theme="dark"] .rufiyaa-insights-card,
html[data-theme="dark"] .rufiyaa-overview{
  background:#171f2b!important;
  border-color:#303c4d!important;
}
@media(max-width:520px){
  .rufiyaa-actions-clean{grid-template-columns:1fr!important}
}

/* Keep modal forms themselves dark rather than white */
html[data-theme="dark"] .modal form,
html[data-theme="dark"] .modal .list,
html[data-theme="dark"] .modal .card{
  color:#f7f9fd!important;
}

/* v9.3.2 Lent/Borrowed date alignment */
.debt-date-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:end!important}
.debt-date-grid .field{width:100%!important;min-width:0!important}
.debt-date-grid input[type="date"]{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;min-width:0!important;height:52px!important;box-sizing:border-box!important;padding:0 14px!important;margin:0!important;text-align:center!important;text-align-last:center!important;font-size:16px!important}
.debt-date-grid input[type="date"]::-webkit-date-and-time-value{display:block!important;width:100%!important;text-align:center!important;margin:0!important}
.debt-date-grid input[type="date"]::-webkit-datetime-edit{width:100%!important;text-align:center!important}
.debt-date-grid input[type="date"]::-webkit-datetime-edit-fields-wrapper{display:flex!important;justify-content:center!important;width:100%!important}

/* v9.4 automatic Cloud Sync */
.sync-ok{font-weight:700;color:#1aa66a;margin:10px 0 4px}
.sync-conflict{border:1px solid #e3a52b!important}
.text-button{width:100%;border:0;background:transparent;color:#4f6fe8;padding:14px 10px;font-weight:700;font:inherit}
html[data-theme="dark"] .sync-ok{color:#4ddd96}
html[data-theme="dark"] .sync-conflict{background:#292111!important;border-color:#a97920!important}
html[data-theme="dark"] .text-button{color:#8da4ff}

/* v9.5.1 */
.transaction-search-card{padding:12px 14px!important}.transaction-search{width:100%;border:0!important;background:transparent!important;padding:8px 0!important;font-size:16px!important}
.tx-date-group{margin:18px 0}.tx-date-heading{font-size:14px;font-weight:800;letter-spacing:.04em;opacity:.72;margin:0 4px 8px}
.swipe-shell{position:relative;overflow:hidden;border-radius:18px;margin-bottom:8px}.swipe-actions{position:absolute;top:0;bottom:0;width:88px;display:flex;align-items:stretch}.swipe-actions-start{left:0}.swipe-actions-end{right:0}.swipe-actions button{width:88px;border:0;background:#4f6fe8;color:white;font-weight:700;padding:0 10px}.swipe-actions .danger-action{background:#d84b55}.swipe-content{position:relative;z-index:2;background:var(--card,#fff);transition:transform .2s ease;touch-action:pan-y}
.quick-add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-add-grid button{border:1px solid rgba(128,128,128,.2);background:transparent;color:inherit;border-radius:14px;padding:12px 6px;font-weight:700}
.home-networth-card{position:relative}.privacy-toggle{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;border:1px solid rgba(128,128,128,.18);background:rgba(128,128,128,.08);display:grid;place-items:center;color:inherit}.privacy-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.undo-toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);opacity:0;z-index:9999;background:#111827;color:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:18px;align-items:center;transition:.2s}.undo-toast.show{opacity:1;transform:translate(-50%,0)}.undo-toast button{border:0;background:transparent;color:#9bb0ff;font-weight:800}
.pull-rufiyaa{position:fixed;left:50%;top:0;transform:translate(-50%,-70px);z-index:9998;display:flex;align-items:center;gap:9px;background:#151d29;color:#fff;border-radius:0 0 18px 18px;padding:11px 17px;transition:transform .18s;pointer-events:none}.pull-rufiyaa.refreshing .pull-star{animation:rspin .8s linear infinite}@keyframes rspin{to{transform:rotate(360deg)}}

/* v9.5.2 search + Quick Add + Rufiyaa refresh polish */
.transaction-search-wrap{display:flex;align-items:center;gap:10px}
.search-icon{font-size:22px;opacity:.58;flex:0 0 auto}
.transaction-search{outline:none!important}

.quick-add-home{padding:17px!important;margin-top:14px}
.quick-add-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.quick-add-title{font-size:17px;font-weight:800;margin-top:2px}
.quick-add-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.quick-add-grid button{min-height:72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;border-radius:16px!important}
.quick-add-grid button span{font-size:22px;font-weight:500;line-height:1}
.quick-add-grid button b{font-size:13px}

.pull-rufiyaa{position:fixed!important;left:50%!important;top:0!important;width:min(420px,calc(100% - 28px))!important;transform:translate(-50%,-102px);z-index:9998!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transition:transform .16s ease!important;pointer-events:none}
.pull-card{height:78px;border-radius:0 0 22px 22px;background:rgba(18,25,38,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;padding:11px 16px;gap:12px;box-shadow:0 12px 34px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-top:0}
.pull-orb{width:48px;height:48px;position:relative;display:grid;place-items:center;flex:0 0 48px}
.pull-star{position:absolute;z-index:2;font-size:20px;color:#fff}
.pull-ring{width:48px;height:48px;transform:rotate(-90deg)}
.pull-ring circle{fill:none;stroke:#715cff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:113;transition:stroke-dashoffset .08s linear}
.pull-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-align:left}
.pull-copy b{font-size:15px;color:#fff}
.pull-copy span{font-size:12px;color:#aab5c8}
.pull-arrow{font-size:20px;color:#8fa1b8;transition:transform .16s ease}
.pull-rufiyaa.ready .pull-card{box-shadow:0 14px 38px rgba(77,66,214,.3)}
.pull-rufiyaa.ready .pull-arrow{color:#8e7cff}
.pull-rufiyaa.refreshing .pull-star{animation:rufiyaaPulse .9s ease-in-out infinite}
.pull-rufiyaa.refreshing .pull-ring{animation:rufiyaaRotate .85s linear infinite}
.pull-rufiyaa.success .pull-star{color:#5ee39a}
.pull-rufiyaa.success .pull-ring circle{stroke:#5ee39a}
.pull-rufiyaa.failed .pull-ring circle{stroke:#ff747e}
@keyframes rufiyaaRotate{to{transform:rotate(270deg)}}
@keyframes rufiyaaPulse{50%{transform:scale(1.25);opacity:.7}}
html[data-theme="light"] .pull-card{background:rgba(255,255,255,.97);border-color:rgba(20,30,50,.08);box-shadow:0 12px 30px rgba(30,45,70,.15)}
html[data-theme="light"] .pull-copy b{color:#172033}
html[data-theme="light"] .pull-copy span{color:#68758a}
html[data-theme="light"] .pull-star{color:#4f46e5}

/* Rufiyaa v10 / Laari Phase 1 */
.rufiyaa-tab span{font-family:system-ui;font-weight:900}
.laari-welcome{display:flex;align-items:center;gap:13px;margin:8px 2px 16px}
.laari-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0d9b72,#087c5e);color:#fff;font-size:25px;font-weight:900;box-shadow:0 8px 22px rgba(13,155,114,.22)}
.laari-name{font-size:23px;font-weight:900;letter-spacing:-.02em}.laari-greeting{font-size:14px;opacity:.7;margin-top:2px}
.laari-safe-card{padding:19px!important;overflow:hidden;position:relative}.laari-safe-card:after{content:'ރ';position:absolute;right:-4px;bottom:-31px;font-size:105px;font-weight:900;opacity:.045}
.laari-card-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.laari-safe-money{font-size:31px;font-weight:900;margin-top:5px;letter-spacing:-.035em}
.laari-safe-days{min-width:66px;border-radius:16px;padding:9px 10px;text-align:center;background:rgba(13,155,114,.1);color:#0d9b72;font-size:20px;font-weight:900}.laari-safe-days small{display:block;font-size:10px;font-weight:700;margin-top:1px}
.laari-safe-foot{font-size:12px;opacity:.68;margin-top:14px;position:relative;z-index:1}
.laari-section-label{font-size:15px;font-weight:850}.laari-section-label.outside{margin:19px 3px 9px}.laari-brief{margin-top:12px}.laari-brief p{font-size:13px;line-height:1.55;margin:8px 0 0;opacity:.82}
.laari-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.laari-insight{padding:14px!important;min-height:100px;display:flex;flex-direction:column;gap:7px}.laari-insight b{font-size:13px}.laari-insight span{font-size:12px;line-height:1.45;opacity:.68}
.laari-section-head{display:flex;align-items:center;justify-content:space-between;margin:19px 3px 9px}.laari-section-head button{border:0;background:transparent;color:var(--accent,#5b67f1);font-weight:750;font-size:12px}
.laari-upcoming{padding:5px 14px!important}.laari-upcoming-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(128,128,128,.12)}.laari-upcoming-row:last-child{border:0}.laari-upcoming-row>div{display:flex;flex-direction:column;gap:3px}.laari-upcoming-row b{font-size:13px}.laari-upcoming-row span{font-size:11px;opacity:.6}.laari-upcoming-row strong{font-size:13px;white-space:nowrap}
.laari-questions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.laari-questions button{min-height:55px;border:1px solid rgba(128,128,128,.16);background:var(--card,#fff);color:inherit;border-radius:15px;text-align:left;padding:11px 12px;font-weight:700;font-size:12px}
.laari-ask{margin-top:18px;margin-bottom:18px}.laari-input-row{display:flex;gap:8px;margin-top:11px}.laari-input-row input{flex:1;min-width:0}.laari-input-row button{border:0;border-radius:12px;padding:0 16px;background:#0d9b72;color:#fff;font-weight:800}.laari-answer-bubble{margin-top:12px;padding:12px 13px;border-radius:14px;background:rgba(13,155,114,.09);font-size:13px;line-height:1.5}

/* Rufiyaa v10.1 bug fixes */

/* Keep pull-to-refresh perfectly centered on phones and tablets. */
.pull-rufiyaa{
  left:0!important;
  right:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:translateY(-102px);
}

/* Laari quick questions must remain readable in dark mode. */
html[data-theme="dark"] .laari-questions button{
  background:#171f2b!important;
  color:#f4f6fb!important;
  border-color:#303a4b!important;
}
@media (prefers-color-scheme: dark){
  html[data-theme="system"] .laari-questions button{
    background:#171f2b!important;
    color:#f4f6fb!important;
    border-color:#303a4b!important;
  }
}

/* Laari replies sit above the Ask field, like a conversation response. */
.laari-answer-area:not(:empty){
  margin-top:12px;
  margin-bottom:12px;
}
.laari-answer-bubble{
  margin-top:0!important;
}

/* Avoid excessive bottom spacing on Laari now that the FAB is hidden. */
body:has(.laari-welcome) .shell{
  padding-bottom:96px;
}

/* Rufiyaa v10.2 */

/* Pull-to-refresh: centered circular Rufiyaa indicator, no side card. */
.pull-rufiyaa{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  width:190px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-116px)!important;
  z-index:9998!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  pointer-events:none!important;
  transition:transform .16s ease,width .22s ease!important;
}
.pull-center{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:4px;
  padding:4px 10px 10px;
  border-radius:22px;
  transition:background .22s ease,box-shadow .22s ease,padding .22s ease;
}
.pull-orb{
  width:58px!important;
  height:58px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
}
.pull-logo{
  position:absolute;
  z-index:2;
  font-size:24px;
  font-weight:900;
  color:#fff;
  line-height:1;
}
.pull-ring{
  width:58px!important;
  height:58px!important;
  transform:rotate(-90deg);
  overflow:visible;
}
.pull-ring-track,
.pull-ring-progress{
  fill:#111827;
  stroke-width:4;
}
.pull-ring-track{
  stroke:#313a4b;
}
.pull-ring-progress{
  fill:transparent;
  stroke:#725cff;
  stroke-linecap:round;
  stroke-dasharray:138.23;
  stroke-dashoffset:138.23;
  transition:stroke-dashoffset .06s linear;
}
.pull-title{
  margin-top:2px;
  color:#f7f8fb;
  font-size:14px;
  font-weight:800;
  line-height:1.1;
}
.pull-state{
  color:#aeb7c8;
  font-size:12px;
  line-height:1.2;
  white-space:nowrap;
}
.pull-arrow{
  color:#8f7cff;
  margin-left:3px;
  font-size:16px;
}
.pull-rufiyaa.ready .pull-ring-progress{
  stroke:#8c78ff;
}
.pull-rufiyaa.refreshing .pull-ring{
  animation:rufiyaaRingSpin .8s linear infinite;
}
.pull-rufiyaa.refreshing .pull-logo{
  animation:rufiyaaLogoPulse .8s ease-in-out infinite;
}
.pull-rufiyaa.success{
  width:250px!important;
}
.pull-rufiyaa.success .pull-center{
  background:rgba(18,27,40,.97);
  padding:9px 16px 12px;
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}
.pull-rufiyaa.success .pull-ring-progress{
  stroke:#4dd596;
}
.pull-rufiyaa.success .pull-logo{
  color:#4dd596;
}
.pull-rufiyaa.failed .pull-ring-progress{
  stroke:#ff6f79;
}
@keyframes rufiyaaRingSpin{to{transform:rotate(270deg)}}
@keyframes rufiyaaLogoPulse{50%{transform:scale(1.14);opacity:.72}}
html[data-theme="light"] .pull-ring-track{fill:#fff;stroke:#dfe4ec}
html[data-theme="light"] .pull-logo{color:#0d9b72}
html[data-theme="light"] .pull-title{color:#182133}
html[data-theme="light"] .pull-state{color:#68758a}
html[data-theme="light"] .pull-rufiyaa.success .pull-center{background:rgba(255,255,255,.98);box-shadow:0 12px 30px rgba(20,35,60,.16)}

/* Ask Laari: larger iMessage-style composer. */
.laari-message-composer{
  position:relative;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  min-height:58px;
  margin-top:12px!important;
  padding:7px 7px 7px 14px;
  border:1.5px solid #715cff;
  border-radius:22px;
  background:rgba(10,16,27,.55);
}
.laari-message-composer textarea{
  flex:1;
  width:100%;
  min-width:0;
  min-height:42px!important;
  max-height:104px!important;
  height:42px;
  resize:none;
  overflow-y:auto;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  padding:10px 2px 7px!important;
  margin:0!important;
  font:inherit;
  font-size:15px!important;
  line-height:1.35!important;
}
.laari-message-composer textarea::placeholder{
  color:#8490a3;
}
.laari-send{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(145deg,#725cff,#5367ff)!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:800!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:1px!important;
  box-shadow:0 4px 14px rgba(100,83,255,.3);
}
html[data-theme="light"] .laari-message-composer{
  background:#fff;
}

/* Rufiyaa v10.2.1 — pull-to-refresh fix */

/* Outer wrapper handles horizontal centering only.
   JS moves .pull-stage vertically, so X-centering can never be overwritten. */
#pull-rufiyaa.pull-rufiyaa{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:9998!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  display:flex!important;
  justify-content:center!important;
  overflow:visible!important;
}

.pull-stage{
  position:relative!important;
  width:260px!important;
  min-height:108px!important;
  transform:translateY(-118px);
  transition:transform .16s ease;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}

.pull-compact{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:180px!important;
}

.pull-orb{
  width:64px!important;
  height:64px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 64px!important;
  margin:0!important;
}

.pull-logo{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}

.pull-ring{
  position:absolute!important;
  inset:0!important;
  width:64px!important;
  height:64px!important;
  transform:rotate(-90deg)!important;
  overflow:visible!important;
}

.pull-ring-track,
.pull-ring-progress{
  fill:#101725!important;
  stroke-width:4!important;
}

.pull-ring-track{
  stroke:#313a4b!important;
}

.pull-ring-progress{
  fill:transparent!important;
  stroke:#725cff!important;
  stroke-linecap:round!important;
  stroke-dasharray:144.51!important;
  stroke-dashoffset:144.51;
  transition:stroke-dashoffset .06s linear;
}

.pull-state{
  color:#aeb7c8!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
}

.pull-arrow{
  color:#8f7cff!important;
  font-size:16px!important;
  margin-left:3px!important;
}

.pull-success-pill{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%) scale(.82)!important;
  opacity:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:220px!important;
  padding:10px 16px 10px 11px!important;
  border-radius:999px!important;
  background:rgba(18,27,40,.98)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
  transition:opacity .18s ease,transform .22s ease!important;
}

.pull-success-logo{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(77,213,150,.14)!important;
  color:#4dd596!important;
  font-size:22px!important;
  font-weight:900!important;
}

.pull-success-text{
  color:#f7f8fb!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.pull-rufiyaa.refreshing .pull-ring{
  animation:rufiyaaRingSpin .8s linear infinite!important;
}

.pull-rufiyaa.refreshing .pull-logo{
  animation:rufiyaaLogoPulse .8s ease-in-out infinite!important;
}

.pull-rufiyaa.success .pull-compact{
  opacity:0!important;
  transform:scale(.88)!important;
  transition:opacity .16s ease,transform .16s ease!important;
}

.pull-rufiyaa.success .pull-success-pill{
  opacity:1!important;
  transform:translateX(-50%) scale(1)!important;
}

.pull-rufiyaa.failed .pull-ring-progress{
  stroke:#ff6f79!important;
}

html[data-theme="light"] .pull-ring-track{
  fill:#fff!important;
  stroke:#dfe4ec!important;
}
html[data-theme="light"] .pull-logo{
  color:#0d9b72!important;
}
html[data-theme="light"] .pull-success-pill{
  background:rgba(255,255,255,.99)!important;
  border-color:rgba(20,35,60,.08)!important;
  box-shadow:0 12px 30px rgba(20,35,60,.16)!important;
}
html[data-theme="light"] .pull-success-text{
  color:#182133!important;
}

/* Rufiyaa v10.2.2 — refresh indicator vertical travel fix */
.pull-stage{
  min-height:132px!important;
  transform:translateY(-142px);
}

/* Rufiyaa v11 — Laari Intelligence */
.laari-suggestion-list{display:grid;gap:9px}
.laari-suggestion{display:flex!important;align-items:flex-start;gap:11px;padding:14px!important}
.laari-suggestion-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 9px;background:#77849a}
.laari-suggestion>div:last-child{display:flex;flex-direction:column;gap:4px}
.laari-suggestion b{font-size:13px}.laari-suggestion span{font-size:12px;line-height:1.45;opacity:.72}
.laari-suggestion.attention .laari-suggestion-dot{background:#f2a33a}.laari-suggestion.good .laari-suggestion-dot{background:#37c68a}.laari-suggestion.savings .laari-suggestion-dot{background:#4f8cff}.laari-suggestion.forecast .laari-suggestion-dot{background:#7766ff}
.laari-forecast-card{padding:17px!important}.laari-forecast-card>div:first-child{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.laari-forecast-card span{font-size:12px;opacity:.65}.laari-forecast-card strong{font-size:20px}.laari-forecast-card p{font-size:12px;line-height:1.45;opacity:.68;margin:10px 0 0}
.laari-forecast-track{height:8px;background:rgba(128,128,128,.16);border-radius:999px;overflow:hidden;margin-top:13px}.laari-forecast-track i{height:100%;display:block;background:linear-gradient(90deg,#0d9b72,#725cff);border-radius:999px}
.laari-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.laari-health{padding:14px!important;display:flex;flex-direction:column;min-height:105px}.laari-health span{font-size:11px;opacity:.62}.laari-health b{font-size:19px;margin:6px 0}.laari-health small{font-size:10px;line-height:1.35;opacity:.58}.laari-health.good b{color:#35c98c}.laari-health.warn b{color:#e6a23a}.laari-health.danger b{color:#ed6a74}
.laari-changed{margin-top:12px;border:1px solid rgba(114,92,255,.25)!important;background:rgba(114,92,255,.07)!important}.laari-changed p{font-size:12px;line-height:1.5;margin:8px 0 0;opacity:.78}
.laari-savings-mini{padding:7px 14px!important}.laari-goal{padding:10px 0}.laari-goal+ .laari-goal{border-top:1px solid rgba(128,128,128,.12)}.laari-goal>div:first-child{display:flex;justify-content:space-between;gap:8px}.laari-goal b{font-size:12px}.laari-goal span{font-size:10px;opacity:.62}
@media(max-width:390px){.laari-health-grid{grid-template-columns:1fr}}

/* Rufiyaa v11.1 */

/* Mini Laari */
.mini-laari{margin-top:14px;cursor:pointer;border-width:1px!important}
.mini-laari-head{display:flex;align-items:center;gap:10px}.mini-laari-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(114,92,255,.14);color:#806cff;font-weight:900;font-size:18px}.mini-laari-head>div:nth-child(2){display:flex;flex-direction:column;gap:1px;flex:1}.mini-laari-head b{font-size:14px}.mini-laari-head span{font-size:10px;opacity:.58}.mini-laari-arrow{font-size:22px!important;opacity:.5!important}.mini-laari-alerts{display:grid;gap:8px;margin-top:12px}.mini-laari-alert{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border-radius:13px;background:rgba(128,128,128,.07)}.mini-laari-alert b{font-size:12px}.mini-laari-alert span{font-size:11px;opacity:.67}.mini-laari.urgent{border-color:rgba(237,106,116,.28)!important}.mini-laari.warning{border-color:rgba(230,162,58,.28)!important}.mini-laari.positive{border-color:rgba(53,201,140,.25)!important}

/* Laari two-page navigation */
.laari-page-tabs{display:grid;grid-template-columns:1fr 1fr;background:rgba(128,128,128,.09);border-radius:14px;padding:4px;margin:2px 0 12px}.laari-page-tab{border:0;background:transparent;color:inherit;padding:9px;border-radius:11px;font-weight:750;opacity:.55}.laari-page-tab.active{background:var(--card,#fff);opacity:1;box-shadow:0 2px 9px rgba(0,0,0,.08)}
.laari-swipe{overflow:hidden;width:100%}.laari-track{width:200%;display:flex;align-items:flex-start;transition:transform .28s cubic-bezier(.22,.8,.28,1)}.laari-panel{width:50%;flex:0 0 50%;min-width:0}.laari-insights-page{padding-bottom:10px}
.laari-chat-page{height:calc(100dvh - 195px);min-height:520px;display:flex;flex-direction:column;position:relative;padding:2px 0 72px}.laari-chat-head{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 11px}.laari-chat-head>div{display:flex;flex-direction:column}.laari-chat-head b{font-size:18px}.laari-chat-head span{font-size:11px;opacity:.58}.laari-chat-head button{border:0;background:transparent;color:#806cff;font-weight:750}
.laari-chat-messages{flex:1;overflow-y:auto;padding:8px 1px 15px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}.laari-chat-line{display:flex;width:100%;align-items:flex-end;gap:7px}.laari-chat-line.user{justify-content:flex-end}.laari-chat-line.laari{justify-content:flex-start}.laari-chat-avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:rgba(114,92,255,.14);color:#8c78ff;font-size:13px;font-weight:900}.laari-chat-bubble{max-width:78%;padding:10px 13px;border-radius:18px;font-size:13px;line-height:1.45}.laari-chat-bubble.user{background:rgba(135,111,255,.25);border-bottom-right-radius:6px}.laari-chat-bubble.laari{background:rgba(114,92,255,.13);border-bottom-left-radius:6px}.laari-chat-empty{margin:auto;max-width:230px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.75}.laari-chat-empty-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(114,92,255,.14);color:#826cff;font-size:24px;font-weight:900}.laari-chat-empty b{font-size:14px}.laari-chat-empty span{font-size:11px;line-height:1.45}
.laari-chat-composer{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:flex-end;gap:7px;padding:7px;background:var(--card,#fff);border:1px solid rgba(128,128,128,.16);border-radius:24px;box-shadow:0 7px 24px rgba(0,0,0,.11)}.laari-chat-composer textarea{flex:1;min-width:0;height:44px;max-height:110px;resize:none;border:0!important;background:transparent!important;color:inherit!important;padding:11px 4px 6px!important;margin:0!important;outline:0!important;font:inherit;font-size:14px!important}.laari-chat-plus,.laari-chat-send{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;border:0;font-size:22px}.laari-chat-plus{background:rgba(114,92,255,.13);color:#826cff}.laari-chat-send{background:#725cff;color:white;font-weight:800}
.laari-quick-panel{position:absolute;left:0;bottom:70px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.laari-quick-panel.open{opacity:1;transform:none;pointer-events:auto}.laari-quick-panel button{border:1px solid rgba(114,92,255,.22);background:rgba(114,92,255,.15);color:inherit;border-radius:16px;padding:9px 12px;font-size:12px;text-align:left;box-shadow:0 4px 15px rgba(0,0,0,.09)}
html[data-theme="dark"] .laari-page-tab.active,html[data-theme="dark"] .laari-chat-composer{background:#171f2b!important}html[data-theme="dark"] .laari-quick-panel button{background:#26213e;color:#f7f5ff}

/* Budget redesign */
.budget-overview{padding:18px!important}.budget-overview-top{display:flex;justify-content:space-between;align-items:flex-start}.budget-days{min-width:62px;text-align:center;background:rgba(114,92,255,.11);color:#806cff;border-radius:15px;padding:9px;font-size:20px;font-weight:900}.budget-days small{display:block;font-size:9px;margin-top:2px}
.budget-plan-card{margin-top:12px}.budget-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.budget-plan-head>div{display:flex;flex-direction:column;gap:4px}.budget-plan-head b{font-size:17px}.budget-plan-head span{font-size:10px;opacity:.6}.budget-plan-head button,.budget-toolbar button{border:0;background:rgba(114,92,255,.11);color:#806cff;border-radius:11px;padding:8px 10px;font-weight:700;font-size:11px}.budget-plan-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.budget-plan-stats span{font-size:10px;padding:6px 8px;border-radius:10px;background:rgba(128,128,128,.08)}.budget-allocation{margin-top:9px;font-size:12px;color:#25a875;font-weight:700}.budget-allocation.over{color:#e56b75}
.budget-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.budget-toolbar button{padding:9px 4px}
.budget-unbudgeted{display:flex;justify-content:space-between;gap:10px;border-color:rgba(230,162,58,.28)!important}.budget-unbudgeted b{font-size:12px}.budget-unbudgeted span{font-size:11px;opacity:.65;text-align:right}
.budget-category-list{display:grid;gap:9px}.budget-category-card{width:100%;text-align:left;padding:14px!important;color:inherit}.budget-category-top{display:flex;justify-content:space-between;gap:10px}.budget-category-top>div{display:flex;flex-direction:column;gap:3px}.budget-category-top b{font-size:13px}.budget-category-top span{font-size:10px;opacity:.55}.budget-category-top strong{font-size:12px;white-space:nowrap}.budget-category-foot{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;opacity:.58}.leftover-actions{display:flex;gap:5px}.leftover-actions button{border:0;border-radius:9px;padding:7px 8px;background:rgba(114,92,255,.12);color:#806cff;font-size:10px;font-weight:700}
@media(max-width:390px){.budget-toolbar{grid-template-columns:1fr 1fr}.laari-chat-page{height:calc(100dvh - 185px)}}


/* Rufiyaa v11.1.5 — clean Laari header + composer rebuild */

/* Fixed compact Laari header */
.laari-root{
  position:relative!important;
  min-height:100dvh!important;
}
.laari-sticky-header{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  background:var(--bg,#0b111a)!important;
  padding:8px 0 8px!important;
  border-bottom:1px solid rgba(128,128,128,.14)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.laari-sticky-eyebrow{
  margin:0 0 2px!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  opacity:.58!important;
}
.laari-sticky-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:34px!important;
}
.laari-sticky-title{
  font-size:27px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
.laari-page-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:8px 0 0!important;
  padding:4px!important;
  border-radius:13px!important;
  background:rgba(128,128,128,.09)!important;
}
.laari-page-tab{
  min-height:36px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  opacity:.7!important;
}
.laari-page-tab.active{
  background:var(--card,#fff)!important;
  opacity:1!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
}

/* Dark-mode tab contrast */
html[data-theme="dark"] .laari-page-tabs{
  background:#101723!important;
  border:1px solid #263044!important;
}
html[data-theme="dark"] .laari-page-tab{
  color:#dfe5f2!important;
  opacity:.88!important;
}
html[data-theme="dark"] .laari-page-tab.active{
  background:#242d3c!important;
  color:#fff!important;
  opacity:1!important;
}

/* Swipe area */
.laari-swipe{
  overflow:hidden!important;
  width:100%!important;
}
.laari-track{
  width:200%!important;
  display:flex!important;
  align-items:stretch!important;
  transition:transform .28s cubic-bezier(.22,.8,.28,1)!important;
}
.laari-panel{
  width:50%!important;
  flex:0 0 50%!important;
  min-width:0!important;
}
.laari-insights-scroll{
  padding-top:10px!important;
  padding-bottom:120px!important;
}

/* Ask Laari page */
.laari-chat-shell{
  position:relative!important;
  min-height:calc(100dvh - 190px)!important;
  padding:8px 0 104px!important;
}
.laari-chat-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 2px 8px!important;
}
.laari-chat-head>div{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.laari-chat-head b{
  font-size:17px!important;
}
.laari-chat-head span{
  font-size:11px!important;
  opacity:.6!important;
}
.laari-chat-head button{
  border:0!important;
  background:transparent!important;
  color:#806cff!important;
  font-weight:750!important;
  font-size:12px!important;
}
.laari-chat-messages{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  min-height:calc(100dvh - 340px)!important;
  padding:6px 2px 20px!important;
}
.laari-chat-empty{
  margin:16vh auto 0!important;
}

/* Chat bubbles */
.laari-chat-line{
  display:flex!important;
  width:100%!important;
  align-items:flex-end!important;
  gap:7px!important;
}
.laari-chat-line.user{justify-content:flex-end!important}
.laari-chat-line.laari{justify-content:flex-start!important}
.laari-chat-bubble{
  max-width:78%!important;
  padding:10px 13px!important;
  border-radius:18px!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.laari-chat-bubble.user{
  background:rgba(135,111,255,.25)!important;
  border-bottom-right-radius:6px!important;
}
.laari-chat-bubble.laari{
  background:rgba(114,92,255,.13)!important;
  border-bottom-left-radius:6px!important;
}
.laari-chat-avatar{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(114,92,255,.14)!important;
  color:#8c78ff!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* One compact, authoritative composer */
body.laari-chat-active .laari-chat-composer{
  position:fixed!important;
  left:max(12px, env(safe-area-inset-left))!important;
  right:max(12px, env(safe-area-inset-right))!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  z-index:9990!important;

  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  align-items:end!important;
  gap:7px!important;

  width:auto!important;
  min-height:54px!important;
  max-height:118px!important;
  margin:0!important;
  padding:6px!important;
  box-sizing:border-box!important;

  border:1px solid rgba(128,128,128,.18)!important;
  border-radius:22px!important;
  background:var(--card,#fff)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}

/* + button is always visible and never shrinks */
.laari-chat-plus{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(114,92,255,.14)!important;
  color:#826cff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:500!important;
  overflow:visible!important;
}

/* normal iMessage-style text field */
.laari-chat-composer textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:96px!important;
  padding:10px 4px 7px!important;
  margin:0!important;

  border:0!important;
  outline:0!important;
  resize:none!important;
  overflow-y:auto!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}

/* send button */
.laari-chat-send{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#725cff!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* quick questions stay above composer */
body.laari-chat-active .laari-quick-panel{
  position:fixed!important;
  left:max(12px, env(safe-area-inset-left))!important;
  bottom:calc(138px + env(safe-area-inset-bottom))!important;
  z-index:9989!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
  transition:.18s ease!important;
}
body.laari-chat-active .laari-quick-panel.open{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.laari-quick-panel button{
  border:1px solid rgba(114,92,255,.22)!important;
  background:rgba(114,92,255,.15)!important;
  color:inherit!important;
  border-radius:16px!important;
  padding:9px 12px!important;
  font-size:12px!important;
  text-align:left!important;
  box-shadow:0 4px 15px rgba(0,0,0,.09)!important;
}

/* Composer must not exist visually on Insights */
body:not(.laari-chat-active) .laari-chat-composer,
body:not(.laari-chat-active) .laari-quick-panel{
  display:none!important;
}

html[data-theme="dark"] body.laari-chat-active .laari-chat-composer{
  background:#171f2b!important;
  border-color:#303a4b!important;
}
html[data-theme="dark"] .laari-quick-panel button{
  background:#26213e!important;
  color:#f7f5ff!important;
}

/* iPhone / smaller layouts */
@media(max-width:430px){
  body.laari-chat-active .laari-chat-composer{
    left:max(10px, env(safe-area-inset-left))!important;
    right:max(10px, env(safe-area-inset-right))!important;
    bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  body.laari-chat-active .laari-quick-panel{
    bottom:calc(134px + env(safe-area-inset-bottom))!important;
  }
}

/* Rufiyaa v11.1.6 — definitive Laari dark mode + composer fix */

/* HEADER: explicit theme colors so dark mode can never fall back to white */
html[data-theme="dark"] .laari-sticky-header{
  background:#0b111a!important;
  color:#f7f8fb!important;
  border-bottom-color:#263044!important;
}
html[data-theme="dark"] .laari-sticky-title,
html[data-theme="dark"] .laari-sticky-eyebrow{
  color:#f7f8fb!important;
}
html[data-theme="light"] .laari-sticky-header{
  background:#f6f8ff!important;
  color:#172033!important;
  border-bottom-color:#dfe4ec!important;
}
@media (prefers-color-scheme: dark){
  html[data-theme="system"] .laari-sticky-header{
    background:#0b111a!important;
    color:#f7f8fb!important;
    border-bottom-color:#263044!important;
  }
  html[data-theme="system"] .laari-sticky-title,
  html[data-theme="system"] .laari-sticky-eyebrow{
    color:#f7f8fb!important;
  }
}
@media (prefers-color-scheme: light){
  html[data-theme="system"] .laari-sticky-header{
    background:#f6f8ff!important;
    color:#172033!important;
    border-bottom-color:#dfe4ec!important;
  }
}

/* TABS: explicit readable colors */
html[data-theme="dark"] .laari-page-tabs{
  background:#101723!important;
  border:1px solid #263044!important;
}
html[data-theme="dark"] .laari-page-tab{
  color:#cfd7e6!important;
  opacity:1!important;
}
html[data-theme="dark"] .laari-page-tab.active{
  background:#242d3c!important;
  color:#ffffff!important;
}
html[data-theme="light"] .laari-page-tab{
  color:#596579!important;
  opacity:1!important;
}
html[data-theme="light"] .laari-page-tab.active{
  background:#ffffff!important;
  color:#171f2b!important;
}

/* COMPOSER: fixed dimensions, no growth beyond intended size */
body.laari-chat-active .laari-chat-composer{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(78px + env(safe-area-inset-bottom))!important;
  z-index:9999!important;

  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  column-gap:7px!important;

  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:6px!important;
  margin:0!important;
  box-sizing:border-box!important;

  border:1px solid #303a4b!important;
  border-radius:22px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
}

html[data-theme="dark"] body.laari-chat-active .laari-chat-composer{
  background:#171f2b!important;
}
html[data-theme="light"] body.laari-chat-active .laari-chat-composer{
  background:#ffffff!important;
}
@media (prefers-color-scheme: dark){
  html[data-theme="system"] body.laari-chat-active .laari-chat-composer{
    background:#171f2b!important;
  }
}
@media (prefers-color-scheme: light){
  html[data-theme="system"] body.laari-chat-active .laari-chat-composer{
    background:#ffffff!important;
  }
}

/* Buttons always visible */
body.laari-chat-active .laari-chat-plus,
body.laari-chat-active .laari-chat-send{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  line-height:1!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
body.laari-chat-active .laari-chat-plus{
  background:#26213e!important;
  color:#9b88ff!important;
  font-size:23px!important;
  font-weight:500!important;
}
body.laari-chat-active .laari-chat-send{
  background:#725cff!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:800!important;
}

/* Text area forced to one compact line; scrolls internally if needed */
body.laari-chat-active .laari-chat-composer textarea{
  display:block!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:9px 3px 6px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  resize:none!important;
  overflow-y:auto!important;
  background:transparent!important;
  color:inherit!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  line-height:1.25!important;
}

/* Quick questions above the fixed compact composer */
body.laari-chat-active .laari-quick-panel{
  position:fixed!important;
  left:12px!important;
  bottom:calc(136px + env(safe-area-inset-bottom))!important;
  z-index:9998!important;
}

/* Make enough room for the fixed composer without creating a huge empty chat canvas */
.laari-chat-shell{
  min-height:calc(100dvh - 205px)!important;
  padding-bottom:82px!important;
}
.laari-chat-messages{
  min-height:calc(100dvh - 360px)!important;
  padding-bottom:18px!important;
}

/* Rufiyaa v11.1.7 — composer moved outside swipe transform */

/* These controls are siblings of the swipe track now, so fixed means viewport-fixed. */
.laari-root > .laari-chat-composer,
.laari-root > .laari-quick-panel{
  display:none!important;
}

body.laari-chat-active .laari-root > .laari-chat-composer{
  display:grid!important;
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  z-index:10000!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:7px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:6px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
  border:1px solid rgba(128,128,128,.20)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}

body.laari-chat-active .laari-root > .laari-quick-panel{
  display:flex!important;
  position:fixed!important;
  left:12px!important;
  bottom:calc(136px + env(safe-area-inset-bottom))!important;
  z-index:9999!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
  transition:.18s ease!important;
}
body.laari-chat-active .laari-root > .laari-quick-panel.open{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

html[data-theme="dark"] body.laari-chat-active .laari-root > .laari-chat-composer{
  background:#171f2b!important;
  border-color:#303a4b!important;
}
html[data-theme="light"] body.laari-chat-active .laari-root > .laari-chat-composer{
  background:#ffffff!important;
}

/* Hard-size the composer controls */
.laari-root > .laari-chat-composer .laari-chat-plus,
.laari-root > .laari-chat-composer .laari-chat-send{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  visibility:visible!important;
  opacity:1!important;
}
.laari-root > .laari-chat-composer .laari-chat-plus{
  background:#26213e!important;
  color:#9b88ff!important;
  font-size:23px!important;
}
.laari-root > .laari-chat-composer .laari-chat-send{
  background:#725cff!important;
  color:white!important;
  font-size:20px!important;
  font-weight:800!important;
}
.laari-root > .laari-chat-composer textarea{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:9px 3px 6px!important;
  margin:0!important;
  resize:none!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  line-height:1.25!important;
}

/* Reserve space so messages never hide behind fixed composer. */
.laari-chat-shell{
  padding-bottom:96px!important;
}

/* Explicit sticky header theme fix */
html[data-theme="dark"] .laari-sticky-header{
  background:#0b111a!important;
  color:#f7f8fb!important;
}
@media (prefers-color-scheme: dark){
  html[data-theme="system"] .laari-sticky-header{
    background:#0b111a!important;
    color:#f7f8fb!important;
  }
}

/* Rufiyaa v11.1.8 — Laari composer structure + colored tabs */

/* Colored Laari tabs */
.laari-page-tab.insights-tab.active{
  background:#11966f!important;
  color:#ffffff!important;
  box-shadow:0 3px 12px rgba(17,150,111,.24)!important;
}
.laari-page-tab.ask-tab.active{
  background:#725cff!important;
  color:#ffffff!important;
  box-shadow:0 3px 12px rgba(114,92,255,.26)!important;
}
.laari-page-tab.insights-tab:not(.active){
  color:#49c99e!important;
}
.laari-page-tab.ask-tab:not(.active){
  color:#9b88ff!important;
}
html[data-theme="dark"] .laari-page-tab.insights-tab.active,
html[data-theme="dark"] .laari-page-tab.ask-tab.active{
  color:#fff!important;
}

/* Composer must be a true 3-part bar: + | input | send */
body.laari-chat-active .laari-root > .laari-chat-composer{
  position:fixed!important;
  left:14px!important;
  right:14px!important;
  bottom:calc(82px + env(safe-area-inset-bottom))!important;
  z-index:10000!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;

  width:auto!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:7px!important;
  margin:0!important;

  overflow:visible!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(128,128,128,.22)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
}

html[data-theme="dark"] body.laari-chat-active .laari-root > .laari-chat-composer{
  background:#171f2b!important;
}
html[data-theme="light"] body.laari-chat-active .laari-root > .laari-chat-composer{
  background:#ffffff!important;
}
@media (prefers-color-scheme:dark){
  html[data-theme="system"] body.laari-chat-active .laari-root > .laari-chat-composer{
    background:#171f2b!important;
  }
}

/* + and send are always visible circles */
body.laari-chat-active .laari-root > .laari-chat-composer > .laari-chat-plus,
body.laari-chat-active .laari-root > .laari-chat-composer > .laari-chat-send{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  padding:0!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
  border:0!important;
  border-radius:50%!important;
  transform:none!important;
}

body.laari-chat-active .laari-root > .laari-chat-composer > .laari-chat-plus{
  background:rgba(114,92,255,.16)!important;
  color:#a28fff!important;
  font-size:25px!important;
  font-weight:500!important;
}
body.laari-chat-active .laari-root > .laari-chat-composer > .laari-chat-send{
  background:#725cff!important;
  color:#ffffff!important;
  font-size:21px!important;
  font-weight:800!important;
}

/* Input only occupies the middle */
body.laari-chat-active .laari-root > .laari-chat-composer > textarea{
  position:static!important;
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding:10px 5px 7px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  outline:0!important;
  resize:none!important;
  overflow:hidden!important;
  background:transparent!important;
  color:inherit!important;
  font-size:14px!important;
  line-height:1.25!important;
  transform:none!important;
}
body.laari-chat-active .laari-root > .laari-chat-composer > textarea::placeholder{
  color:#8f99aa!important;
  opacity:1!important;
}

/* Questions panel sits directly above the corrected composer */
body.laari-chat-active .laari-root > .laari-quick-panel{
  left:14px!important;
  bottom:calc(146px + env(safe-area-inset-bottom))!important;
}

/* Give chat enough bottom clearance for composer */
.laari-chat-shell{
  padding-bottom:112px!important;
}

/* Rufiyaa v11.1.9 — spacing polish */

/* 1) Lift Ask Laari composer so it clears the raised Laari nav button */
body.laari-chat-active .laari-root > .laari-chat-composer{
  bottom:calc(104px + env(safe-area-inset-bottom))!important;
}

/* Keep quick questions directly above the raised composer */
body.laari-chat-active .laari-root > .laari-quick-panel{
  bottom:calc(170px + env(safe-area-inset-bottom))!important;
}

/* 2) Lift floating + buttons (Add Transaction / Add Budget) */
.fab{
  bottom:calc(112px + env(safe-area-inset-bottom))!important;
}

/* 3) Lower pull-to-refresh UI so it clears Dynamic Island/status area */
#pull-rufiyaa.pull-rufiyaa{
  top:24px!important;
}

/* Fully pulled/syncing state should settle lower */
.pull-stage{
  transform:translateY(-154px);
}

/* Small iPhone refinement */
@media(max-width:430px){
  body.laari-chat-active .laari-root > .laari-chat-composer{
    bottom:calc(100px + env(safe-area-inset-bottom))!important;
  }
  body.laari-chat-active .laari-root > .laari-quick-panel{
    bottom:calc(166px + env(safe-area-inset-bottom))!important;
  }
  .fab{
    bottom:calc(108px + env(safe-area-inset-bottom))!important;
  }
  #pull-rufiyaa.pull-rufiyaa{
    top:28px!important;
  }
}

/* Rufiyaa v11.1.10 — Add Transaction bottom spacing */
.modal-sheet .form-grid + .primary,
.modal-sheet .form-row + .primary,
.modal-sheet form > .primary:last-child{
  margin-top:20px!important;
}

/* Rufiyaa v12 */
.header-actions{display:flex;align-items:center;gap:7px}.header-search{width:36px;height:36px;border-radius:12px;border:1px solid rgba(128,128,128,.14);background:rgba(128,128,128,.07);color:inherit;font-size:21px}
.finance-v12-overview{padding:16px!important}.finance-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finance-overview-grid div{display:flex;flex-direction:column;gap:4px}.finance-overview-grid span{font-size:10px;opacity:.58}.finance-overview-grid b{font-size:17px}.finance-networth-link{width:100%;margin-top:15px;border:0;border-top:1px solid rgba(128,128,128,.13);background:transparent;color:inherit;padding:12px 0 0;text-align:left;font-size:11px;opacity:.7}
.upcoming-v12{padding:4px 14px!important}.upcoming-v12-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(128,128,128,.11)}.upcoming-v12-row:last-child{border:0}.upcoming-v12-row>div{display:flex;flex-direction:column;gap:2px}.upcoming-v12-row b{font-size:12px}.upcoming-v12-row span{font-size:10px;opacity:.57}.upcoming-v12-row strong{font-size:12px}
.finance-v12-list{display:grid;gap:9px;margin-top:14px}.finance-v12-row{width:100%;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;text-align:left;padding:13px!important;color:inherit}.finance-v12-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(114,92,255,.1);color:#806cff;font-size:19px}.finance-v12-row>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.finance-v12-row b{font-size:13px}.finance-v12-row span{font-size:10px;opacity:.57}.finance-v12-row>strong{font-size:20px;opacity:.4}
.account-v12-list{display:grid;gap:9px;margin:12px 0}.account-v12-card{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;text-align:left;color:inherit}.account-v12-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(128,128,128,.08);font-size:19px}.account-v12-main{display:flex;flex-direction:column;gap:2px}.account-v12-main b{font-size:13px}.account-v12-main span,.account-v12-main small{font-size:10px;opacity:.58}.account-v12-card>strong{font-size:13px}.accent-green .account-v12-icon{color:#20a77a;background:rgba(32,167,122,.1)}.accent-blue .account-v12-icon{color:#4e84ef;background:rgba(78,132,239,.1)}.accent-orange .account-v12-icon{color:#e59435;background:rgba(229,148,53,.1)}.accent-pink .account-v12-icon{color:#dd68a6;background:rgba(221,104,166,.1)}.accent-purple .account-v12-icon{color:#806cff;background:rgba(128,108,255,.1)}
.account-detail-v12 .grid2{margin-top:15px}.account-detail-v12 .grid2 div{display:flex;flex-direction:column;gap:3px}.account-detail-v12 .grid2 span{font-size:10px;opacity:.55}
.savings-type-summary{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-bottom:12px}.savings-type-summary div{background:rgba(128,128,128,.07);border-radius:13px;padding:10px;display:flex;flex-direction:column;gap:2px}.savings-type-summary b{font-size:14px}.savings-type-summary span{font-size:9px;opacity:.55}.laari-inline-tip{margin-top:12px;padding:11px;border-radius:13px;background:rgba(114,92,255,.09);display:flex;flex-direction:column;gap:4px}.laari-inline-tip b{font-size:11px;color:#806cff}.laari-inline-tip span{font-size:11px;line-height:1.4}
.cc-v12-card,.loan-v12-card{width:100%;display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;color:inherit;margin-bottom:9px}.cc-v12-card>div:first-child,.loan-v12-card>div:first-child{display:flex;flex-direction:column;gap:2px}.cc-v12-card b,.loan-v12-card b{font-size:13px}.cc-v12-card span,.loan-v12-card span,.cc-v12-card small,.loan-v12-card small{font-size:10px;opacity:.57}.cc-v12-card strong,.loan-v12-card strong{font-size:13px}.cc-v12-card .progress,.loan-v12-card .progress{grid-column:1/-1}.cc-v12-card small,.loan-v12-card small{grid-column:1/-1}
.nw-chart{margin-top:18px;color:#725cff}.nw-chart svg{width:100%;height:120px}.nw-chart-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;opacity:.72}.nw-chart-foot b{font-size:11px}
.search-type{min-width:74px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;opacity:.52}.global-search-field input{font-size:17px!important}
.settings-v12-groups{display:grid;gap:18px}.settings-v12-groups section{display:grid;gap:0}.settings-group-title{font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.5;padding:0 5px 7px}.settings-v12-groups .row{background:var(--card,#fff);border-bottom:1px solid rgba(128,128,128,.1);padding:12px}.settings-v12-groups .row:first-of-type{border-radius:16px 16px 0 0}.settings-v12-groups .row:last-child{border-radius:0 0 16px 16px;border-bottom:0}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(128,128,128,.12)}.settings-toggle-row>div{display:flex;flex-direction:column;gap:3px}.settings-toggle-row b{font-size:13px}.settings-toggle-row span{font-size:10px;opacity:.58;line-height:1.4}.switch{position:relative;width:48px;height:28px;flex:0 0 48px}.switch input{display:none}.switch i{position:absolute;inset:0;border-radius:999px;background:rgba(128,128,128,.25);transition:.2s}.switch i:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}.switch input:checked+i{background:#725cff}.switch input:checked+i:after{transform:translateX(20px)}.settings-action-card{display:flex;flex-direction:column;gap:7px}.settings-action-card span{font-size:11px;opacity:.6}
.whats-new{display:grid;gap:11px}.whats-version{padding:14px;border-radius:16px;background:rgba(114,92,255,.09);display:flex;flex-direction:column;gap:4px}.whats-version b{font-size:19px}.whats-version span{font-size:11px;opacity:.63}.whats-item{padding:11px 2px;border-bottom:1px solid rgba(128,128,128,.11);display:flex;flex-direction:column;gap:4px}.whats-item b{font-size:13px}.whats-item span{font-size:11px;line-height:1.45;opacity:.62}
/* global privacy is deliberately visual so all old and new amount surfaces are protected */
body.global-privacy .big,body.global-privacy .metric,body.global-privacy .amount,body.global-privacy .detail-amount,body.global-privacy .laari-safe-money,body.global-privacy .finance-v12-overview b,body.global-privacy .finance-v12-row span,body.global-privacy .account-v12-card>strong,body.global-privacy .upcoming-v12-row strong,body.global-privacy .budget-category-top strong,body.global-privacy .budget-category-foot,body.global-privacy .laari-health b,body.global-privacy .laari-upcoming-row strong{filter:blur(7px);user-select:none}
html[data-theme="dark"] .settings-v12-groups .row{background:#171f2b}

/* Rufiyaa v12.0.1 — global privacy + full-screen Finance */
.header-lock{width:36px;height:36px;border-radius:12px;border:1px solid rgba(128,128,128,.14);background:rgba(128,128,128,.07);color:inherit;display:grid;place-items:center}.header-lock svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.header-lock.locked{background:rgba(114,92,255,.12);color:#806cff}
.finance-full-shell{padding-bottom:118px!important}.finance-full-top{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 18px 14px;margin:calc(-1 * var(--shell-pad,0px)) -18px 0;background:var(--bg);backdrop-filter:blur(20px)}.finance-back{width:38px;height:38px;border:0;background:transparent;color:inherit;font-size:35px;line-height:1}.finance-full-title{font-size:20px;font-weight:760;letter-spacing:-.02em}.finance-full-body{padding-top:18px}.finance-hero{text-align:center;padding:34px 12px 24px}.finance-hero>span{font-size:11px;opacity:.55;text-transform:uppercase;letter-spacing:.06em}.finance-hero-value{font-size:36px;font-weight:760;margin-top:8px;letter-spacing:-.04em}.finance-page-add{margin-top:18px;width:100%}
.account-full-hero{text-align:center;padding:26px 0 18px}.account-full-icon{width:54px;height:54px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;background:rgba(114,92,255,.1);color:#806cff;font-size:25px}.account-full-balance{font-size:40px;font-weight:760;letter-spacing:-.04em}.account-full-hero>span{display:block;font-size:12px;opacity:.55;margin-top:3px}.account-full-actions{display:flex;justify-content:center;gap:34px;margin:30px 0 25px}.finance-round-action{border:0;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px}.finance-round-action span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#725cff;color:white;font-size:23px;box-shadow:0 8px 22px rgba(114,92,255,.22)}.finance-round-action.secondary span{background:rgba(128,128,128,.12);color:inherit;box-shadow:none}.finance-round-action b{font-size:11px;font-weight:650}.account-month-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 4px}.account-month-strip div{padding:12px;border-radius:15px;background:rgba(128,128,128,.07);display:flex;flex-direction:column;gap:4px}.account-month-strip span{font-size:9px;opacity:.55}.account-month-strip b{font-size:13px}
.finance-history-title{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 10px}.finance-history-title b{font-size:15px}.finance-history-title span{font-size:10px;opacity:.5}.finance-history-group{background:var(--card);border-radius:18px;padding:4px 14px;margin-bottom:12px}.finance-history-date{font-size:10px;opacity:.5;padding:11px 2px 6px}.finance-history-row{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;padding:10px 0;border-bottom:1px solid rgba(128,128,128,.11)}.finance-history-row:last-child{border:0}.finance-history-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.finance-history-row b{font-size:12px}.finance-history-row span{font-size:9px;opacity:.54}.finance-history-row strong{font-size:12px}
.currency-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.currency-actions .secondary{padding:7px 9px;font-size:9px}
html[data-theme="dark"] .finance-full-top{background:rgba(9,14,22,.94)}html[data-theme="dark"] .finance-history-group{background:#151d28}

/* Rufiyaa v12.0.2 — Finance subpage + Account + Transaction polish */

.finance-full-top-simple{
  grid-template-columns:40px 1fr 40px!important;
}
.finance-full-heading{
  text-align:center!important;
  min-width:0!important;
}
.finance-full-spacer{
  width:40px!important;
  height:40px!important;
}
.finance-full-top-simple .finance-full-title{
  text-align:center!important;
}

.account-detail-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:2px 2px 8px!important;
}
.account-detail-name{
  font-size:18px!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.account-edit-pill{
  flex:0 0 auto!important;
  border:0!important;
  border-radius:999px!important;
  padding:8px 13px!important;
  background:rgba(114,92,255,.12)!important;
  color:#806cff!important;
  font-size:12px!important;
  font-weight:750!important;
}
html[data-theme="dark"] .account-edit-pill{
  background:rgba(135,111,255,.16)!important;
  color:#a994ff!important;
}

/* More breathing room between Date/Note row and Save Transaction */
.transaction-date-note{
  margin-bottom:22px!important;
}
.transaction-date-note + .primary{
  margin-top:8px!important;
}

/* Rufiyaa v12.0.3 — long-press transaction FAB */
.fab-wrap{
  position:fixed!important;
  right:24px!important;
  bottom:calc(108px + env(safe-area-inset-bottom))!important;
  z-index:9200!important;
}
.fab-wrap .fab{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  transition:transform .16s ease!important;
}
.fab-wrap .fab.holding{
  transform:scale(.90)!important;
}
.fab-quick-menu{
  position:absolute!important;
  right:0!important;
  bottom:68px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  opacity:0!important;
  transform:translateY(10px) scale(.96)!important;
  transform-origin:bottom right!important;
  pointer-events:none!important;
  transition:.16s ease!important;
}
.fab-quick-menu.open{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.fab-quick-menu button{
  min-width:126px!important;
  height:44px!important;
  display:grid!important;
  grid-template-columns:28px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid rgba(128,128,128,.16)!important;
  border-radius:15px!important;
  padding:0 12px!important;
  background:var(--card,#fff)!important;
  color:inherit!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  text-align:left!important;
}
.fab-quick-menu button span{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(114,92,255,.12)!important;
  color:#806cff!important;
  font-size:15px!important;
  font-weight:800!important;
}
.fab-quick-menu button b{
  font-size:12px!important;
}
html[data-theme="dark"] .fab-quick-menu button{
  background:#171f2b!important;
  border-color:#2b3545!important;
}
@media(max-width:430px){
  .fab-wrap{
    right:20px!important;
    bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
}

/* Rufiyaa v12.0.4 — hide transaction FAB while transaction modal is open */
.fab-wrap.hidden-by-modal{
  display:none!important;
}

/* Rufiyaa v12.0.5 — header controls + transaction search consistency */

/* Search, Lock and Settings should feel like one matched control family */
.header-search,
.header-lock,
.header-settings{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(128,128,128,.14)!important;
  border-radius:12px!important;
  background:rgba(128,128,128,.07)!important;
  color:inherit!important;
  box-sizing:border-box!important;
}
.header-settings{
  font-size:20px!important;
  line-height:1!important;
  font-weight:700!important;
}
.header-lock.locked{
  background:rgba(114,92,255,.12)!important;
  color:#806cff!important;
}
html[data-theme="dark"] .header-search,
html[data-theme="dark"] .header-lock,
html[data-theme="dark"] .header-settings{
  background:#171f2b!important;
  border-color:#2b3545!important;
}

/* Transactions search field: rounded, compact, Rufiyaa-style */
.transaction-search,
.transactions-search,
.transaction-search-wrap,
.search-wrap{
  border-radius:16px!important;
}
.transaction-search input,
.transactions-search input,
.transaction-search-wrap input,
.search-wrap input,
#transaction-search{
  border-radius:16px!important;
  background:rgba(128,128,128,.07)!important;
  border:1px solid rgba(128,128,128,.13)!important;
  padding:12px 14px!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  outline:none!important;
}
html[data-theme="dark"] .transaction-search input,
html[data-theme="dark"] .transactions-search input,
html[data-theme="dark"] .transaction-search-wrap input,
html[data-theme="dark"] .search-wrap input,
html[data-theme="dark"] #transaction-search{
  background:#171f2b!important;
  border-color:#2b3545!important;
  color:#f6f8ff!important;
}

/* Rufiyaa v12.1 — public launch bundle */
:root{--accent:#725cff;--accent-soft:rgba(114,92,255,.12)}
html[data-accent="blue"]{--accent:#2878ff;--accent-soft:rgba(40,120,255,.12)}
html[data-accent="emerald"]{--accent:#1b9b72;--accent-soft:rgba(27,155,114,.12)}
html[data-accent="rose"]{--accent:#d95783;--accent-soft:rgba(217,87,131,.12)}
html[data-accent="orange"]{--accent:#e8792e;--accent-soft:rgba(232,121,46,.12)}
html[data-accent="mono"]{--accent:#6b7280;--accent-soft:rgba(107,114,128,.12)}
.primary,.fab,.finance-round-action.primary span,.progress i{background:var(--accent)!important}
.header-lock.locked,.account-edit-pill,.fab-quick-menu button span{color:var(--accent)!important;background:var(--accent-soft)!important}
.tabs button.active,.link{color:var(--accent)!important}
.home-customize-bar{display:flex;justify-content:flex-end;margin:-4px 0 10px}.home-customize-bar button{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700;padding:6px}
.home-widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-widget{margin:0!important;min-width:0}.home-widget.widget-large{grid-column:1/-1}.home-widget.widget-medium{grid-column:span 1}.home-widget.widget-small{grid-column:span 1}.home-widget .metric{font-size:18px}.widget-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.widget-head>b{font-size:13px}.widget-head>span,.widget-head>button{font-size:9px;opacity:.65;border:0;background:transparent;color:inherit}.home-account-list button,.widget-line{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid rgba(128,128,128,.1);background:transparent;color:inherit;text-align:left}.home-account-list button:last-child,.widget-line:last-child{border-bottom:0}.home-account-list span,.widget-line span{font-size:11px;font-weight:650}.home-account-list small,.widget-line small{display:block;font-size:8px;opacity:.55;grid-column:1}.home-account-list b,.widget-line b{grid-column:2;grid-row:1/3;font-size:10px}
.widget-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.widget-edit-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:10px;border-radius:14px;background:rgba(128,128,128,.07)}.widget-edit-row>div{display:flex;flex-direction:column}.widget-edit-row small{font-size:8px;opacity:.55}.widget-edit-row select{max-width:86px;padding:7px;border-radius:10px}.drag-handle{opacity:.45;font-size:17px}.widget-remove{border:0;background:transparent;color:#d95b5b;font-size:9px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-choice{display:grid;grid-template-columns:24px 1fr 16px;gap:8px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(128,128,128,.12);background:rgba(128,128,128,.05);color:inherit;text-align:left}.theme-choice.selected{border-color:var(--accent)}.theme-choice i{width:22px;height:22px;border-radius:50%}.theme-choice span{font-size:10px;font-weight:650}
.transfer-preview{margin:0 0 14px;padding:12px;border-radius:14px;background:var(--accent-soft);display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;text-align:center;font-size:10px}.transfer-preview:empty{display:none}.transfer-preview small{grid-column:1/-1;opacity:.65}
.help-hero{text-align:center;padding:12px 8px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}.help-bot{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:20px}.help-hero span{font-size:10px;opacity:.6;max-width:270px}.help-chips{display:flex;gap:6px;overflow:auto;padding:2px 0 12px}.help-chips button{white-space:nowrap;border:0;border-radius:999px;padding:8px 10px;background:var(--accent-soft);color:var(--accent);font-size:9px}.help-results{display:flex;flex-direction:column;gap:7px}.help-result{border:0;border-radius:14px;padding:12px;background:rgba(128,128,128,.06);color:inherit;text-align:left;display:flex;flex-direction:column;gap:4px}.help-result b{font-size:11px}.help-result span{font-size:9px;opacity:.62;line-height:1.45}.help-answer{display:flex;gap:12px;align-items:flex-start;padding:16px 0}.help-answer p{margin:0;font-size:12px;line-height:1.65}.danger-panel{padding:14px;border-radius:14px;background:rgba(220,70,70,.09);margin-bottom:14px}.danger-panel b{color:#d94d4d}.danger-panel p{font-size:10px;line-height:1.5;margin:6px 0 0}.danger-solid:disabled{opacity:.35;pointer-events:none}
@media(max-width:360px){.home-widgets{grid-template-columns:1fr}.home-widget.widget-medium,.home-widget.widget-small{grid-column:1/-1}.widget-edit-row{grid-template-columns:24px 1fr auto}.widget-remove{grid-column:2/4}}

.widget-edit-actions{display:flex;align-items:center;gap:4px}.widget-edit-actions button{border:0;border-radius:9px;padding:6px 7px;background:rgba(128,128,128,.09);color:inherit;font-size:9px}.widget-edit-actions .widget-remove{color:#d95b5b}

/* Rufiyaa v12.1.1 */

/* Settings page is intentionally clean */
.settings-simple-header{
  padding-bottom:10px!important;
}

/* Account-specific theme */
.account-theme{--account-accent:#725cff;--account-soft:rgba(114,92,255,.12);--account-softer:rgba(114,92,255,.07)}
.account-theme-green{--account-accent:#1b9b72;--account-soft:rgba(27,155,114,.14);--account-softer:rgba(27,155,114,.07)}
.account-theme-blue{--account-accent:#2878ff;--account-soft:rgba(40,120,255,.14);--account-softer:rgba(40,120,255,.07)}
.account-theme-orange{--account-accent:#e8792e;--account-soft:rgba(232,121,46,.14);--account-softer:rgba(232,121,46,.07)}
.account-theme-pink{--account-accent:#d95783;--account-soft:rgba(217,87,131,.14);--account-softer:rgba(217,87,131,.07)}
.account-theme-purple{--account-accent:#725cff;--account-soft:rgba(114,92,255,.14);--account-softer:rgba(114,92,255,.07)}

.account-theme .account-full-icon{
  color:var(--account-accent)!important;
  background:var(--account-soft)!important;
}
.account-theme .account-edit-pill{
  color:var(--account-accent)!important;
  background:var(--account-soft)!important;
}
.account-theme .account-month-strip div{
  background:var(--account-softer)!important;
}
.account-theme .finance-history-group{
  border:1px solid var(--account-softer)!important;
}
.account-theme .account-full-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:34px!important;
}
.account-theme .finance-round-action{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:74px!important;
}
.account-theme .finance-round-action span{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  border-radius:50%!important;
}
.account-theme .finance-round-action.primary span{
  background:var(--account-accent)!important;
  color:#fff!important;
}
.account-theme .finance-round-action.secondary span{
  background:var(--account-soft)!important;
  color:var(--account-accent)!important;
}

/* Global app theme propagation */
.header-search,
.header-lock.locked,
.header-settings,
.account-edit-pill,
.help-bot,
.help-chips button,
.theme-choice.selected,
.fab-quick-menu button span{
  border-color:var(--accent)!important;
}
.primary,
.fab,
.laari-chat-send,
.laari-page-tab.ask-tab.active,
.finance-round-action.primary span{
  background:var(--accent)!important;
}
.progress i,
.laari-forecast-track i,
.laari-chat-bubble.user,
.laari-chat-avatar,
.laari-inline-tip,
.finance-v12-icon{
  --local-accent:var(--accent);
}
.laari-chat-bubble.user{background:color-mix(in srgb,var(--accent) 22%,transparent)!important}
.laari-chat-avatar,
.laari-inline-tip,
.finance-v12-icon{background:var(--accent-soft)!important;color:var(--accent)!important}
.laari-page-tab.ask-tab:not(.active),
.link,
.tabs button.active{
  color:var(--accent)!important;
}

/* Home customizer modal should never leave FAB floating over it */
body:has(.widget-editor) .fab-wrap{
  display:none!important;
}

/* Rufiyaa v12.1.2 — theme consistency + account action cleanup */

/* Account actions: only the circles carry color, never a rectangular button background */
.account-theme .finance-round-action,
.account-theme .finance-round-action.primary,
.account-theme .finance-round-action.secondary{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
  width:auto!important;
  min-height:0!important;
}
.account-theme .finance-round-action.primary span{
  background:var(--account-accent)!important;
  color:#fff!important;
}
.account-theme .finance-round-action.secondary span{
  background:var(--account-soft)!important;
  color:var(--account-accent)!important;
}

/* Budget fully follows the selected app theme */
.budget-days,
.budget-plan-head button,
.budget-toolbar button,
.leftover-actions button{
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
}
.budget-overview .progress span,
.budget-category-card .progress span,
.budget-category-card .progress i,
.budget-plan-card .progress span,
.budget-plan-card .progress i{
  background:var(--accent)!important;
}
.budget-category-card:focus-visible,
.budget-plan-card:focus-visible{
  outline:2px solid var(--accent)!important;
  outline-offset:2px!important;
}

/* Settings follows the selected theme too */
.settings-group-title,
.settings-subtitle{
  color:var(--accent)!important;
}
.settings-v12-groups .avatar,
.settings-list .avatar{
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
}
.switch input:checked+i{
  background:var(--accent)!important;
}
.settings-v12-groups .row:active,
.settings-list .row:active{
  background:var(--accent-soft)!important;
}
.settings-v12-groups .row:focus-visible,
.settings-list .row:focus-visible,
.theme-choice:focus-visible{
  outline:2px solid var(--accent)!important;
  outline-offset:-2px!important;
}
.theme-choice.selected{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 1px var(--accent-soft)!important;
}

/* Other accent surfaces should use the chosen app theme */
.chip.active,
.seg button.active{
  background:var(--accent-soft)!important;
  border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;
  color:var(--accent)!important;
}

/* Rufiyaa v12.1.3 — numeric input safety */
input[data-rufiyaa-numeric="1"]{
  font-variant-numeric:tabular-nums;
}
input.numeric-input-error{
  border-color:#e05b66!important;
  box-shadow:0 0 0 2px rgba(224,91,102,.12)!important;
}

/* Rufiyaa v12.1.4 — Finance full-screen stability */
.finance-full-shell,
.finance-full-top,
.finance-full-body{
  background:var(--bg)!important;
  box-shadow:none!important;
}
.finance-full-top{
  border:0!important;
}
.finance-full-top::before,
.finance-full-top::after{
  content:none!important;
  display:none!important;
}
html[data-theme="dark"] .finance-full-shell,
html[data-theme="dark"] .finance-full-top,
html[data-theme="dark"] .finance-full-body{
  background:#09101a!important;
}
@media (prefers-color-scheme:dark){
  html[data-theme="system"] .finance-full-shell,
  html[data-theme="system"] .finance-full-top,
  html[data-theme="system"] .finance-full-body{
    background:#09101a!important;
  }
}

/* Rufiyaa v12.1.5 — Merchant / Shop */
.merchant-field{
  transition:opacity .15s ease;
}

/* Rufiyaa v12.2.0 — smarter Laari */
.laari-quick-panel button{
  transition:transform .14s ease,background .14s ease,border-color .14s ease!important;
}
.laari-quick-panel button:active{
  transform:scale(.98)!important;
}

/* Rufiyaa v12.2.1 */
.transfer-scope-seg{display:grid!important;grid-template-columns:1fr 1fr!important}
.transaction-date-time{gap:12px}
.settings-subtitle{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65;margin:8px 2px 10px}
.laari-settings-grid{display:grid;gap:10px}

/* v12.2.2 — compact transaction date/time fields */
.compact-date-time{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
}
.compact-date-time>.field{
  min-width:0!important;
  width:100%!important;
}
.compact-date-time input[type="date"],
.compact-date-time input[type="time"]{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
@media(max-width:520px){
  .compact-date-time{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}

/* Rufiyaa v12.2.3 — iPhone/iPad native Time input containment */
.compact-date-time{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  column-gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.compact-date-time > .field{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.compact-date-time > .field input{
  box-sizing:border-box!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  max-inline-size:100%!important;
  max-width:100%!important;
}
.compact-date-time .transaction-time-field{
  min-width:0!important;
  overflow:hidden!important;
}
.compact-date-time input.transaction-time-input[type="time"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  max-inline-size:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:14px!important;
  padding-right:14px!important;
  text-align:center!important;
  text-align-last:center!important;
}
.compact-date-time input.transaction-time-input[type="time"]::-webkit-date-and-time-value{
  text-align:center!important;
  width:100%!important;
  min-width:0!important;
}
.compact-date-time input.transaction-time-input[type="time"]::-webkit-datetime-edit{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  text-align:center!important;
}
.compact-date-time input.transaction-time-input[type="time"]::-webkit-calendar-picker-indicator{
  margin:0!important;
  padding:0!important;
  width:18px!important;
  flex:0 0 18px!important;
}

/* Rufiyaa v12.2.4 — iOS Date + Time containment for Add/Edit Transaction */
.compact-date-time{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
.compact-date-time > .transaction-date-field,
.compact-date-time > .transaction-time-field{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.compact-date-time input.transaction-date-input[type="date"],
.compact-date-time input.transaction-time-input[type="time"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  max-inline-size:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-left:14px!important;
  padding-right:14px!important;
  text-align:center!important;
  text-align-last:center!important;
}
.compact-date-time input.transaction-date-input[type="date"]::-webkit-date-and-time-value,
.compact-date-time input.transaction-time-input[type="time"]::-webkit-date-and-time-value{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.compact-date-time input.transaction-date-input[type="date"]::-webkit-datetime-edit,
.compact-date-time input.transaction-time-input[type="time"]::-webkit-datetime-edit{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  text-align:center!important;
}
.compact-date-time input.transaction-date-input[type="date"]::-webkit-calendar-picker-indicator,
.compact-date-time input.transaction-time-input[type="time"]::-webkit-calendar-picker-indicator{
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  margin:0!important;
  padding:0!important;
}

/* Never show the Add Transaction FAB over Edit Transaction */
body:has(.modal .transaction-date-field) .fab-wrap{
  display:none!important;
}

/* v12.2.5 stability */
html,body{max-width:100%;overflow-x:hidden!important}
.modal,.modal form,.field,.grid2,.finance-date-grid,.debt-date-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
input[type="date"]{-webkit-appearance:none!important;appearance:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;padding-left:14px!important;padding-right:14px!important;text-align:center!important;text-align-last:center!important}
input[type="date"]::-webkit-date-and-time-value{display:block!important;width:100%!important;min-width:0!important;text-align:center!important}
input[type="date"]::-webkit-datetime-edit{width:100%!important;min-width:0!important;padding:0!important;text-align:center!important}
.grid2>*,.finance-date-grid>*,.debt-date-grid>*{min-width:0!important;max-width:100%!important}
.seg{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;width:100%!important}
.seg>button{width:100%!important;min-width:0!important;text-align:center!important;justify-content:center!important}
.budget-order-actions{margin-top:22px!important;margin-bottom:18px!important}
.budget-move-money{margin-top:0!important;margin-bottom:22px!important}
.budget-save-action{margin-top:0!important}
.budget-delete-action{margin-top:24px!important}

/* Rufiyaa v12.2.6 — targeted Finance UI fixes */
.seg.seg-2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  width:100%!important;
}
.seg.seg-2>button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:center!important;
}
.finance-card-stack{
  display:grid!important;
  gap:10px!important;
  margin:12px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.finance-card-stack>.cc-v12-card,
.finance-card-stack>.loan-v12-card{
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

/* Rufiyaa 12.3 */
.tx-v13-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.tx-v13-tools button{border:0;border-radius:16px;padding:12px;background:var(--soft);font-weight:800;color:var(--text)}
.cc-visual-card{width:100%;border:0;text-align:left;color:white;border-radius:24px;padding:20px;min-height:190px;display:flex;flex-direction:column;box-shadow:0 16px 30px rgba(0,0,0,.16);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#111));position:relative;overflow:hidden}
.cc-visual-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.08)}
.cc-top,.cc-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;z-index:1}.cc-top span{font-size:18px;font-weight:850}.cc-top small{font-weight:800}.cc-due-label{font-size:10px;letter-spacing:.12em;margin-top:28px;opacity:.75}.cc-due{font-size:28px;font-weight:900;margin-top:3px}.cc-bottom{margin-top:auto;align-items:end}.cc-bottom div{display:grid;gap:5px;font-size:11px}.cc-network{font-size:19px;letter-spacing:-1px}.cc-available{font-size:10px;opacity:.75;margin-top:12px}
.calendar-v13-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:14px}.calendar-v13-head button{border:0;background:var(--soft);border-radius:12px;height:40px;font-size:22px}.calendar-v13-week,.calendar-v13{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-v13-week{text-align:center;margin-bottom:6px;font-size:11px;opacity:.6}.calendar-v13 button{border:0;background:var(--soft);border-radius:12px;min-height:58px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text)}.calendar-v13 button small{font-size:8px;color:var(--accent);font-weight:800}
.merchant-detail-link{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--line);padding:13px 0;background:transparent;color:var(--text);text-align:left}.merchant-detail-link span{opacity:.65}.merchant-detail-link b{color:var(--accent)}
#app-lock-v13{position:fixed;inset:0;z-index:99999;background:var(--bg);display:grid;place-items:center;padding:30px}.lock-v13{width:min(340px,100%);text-align:center}.lock-v13>b{font-size:25px}.lock-v13 h2{margin:52px 0 7px;font-size:22px}.lock-v13>span{opacity:.6}.lock-dots-v13{font-size:22px;letter-spacing:8px;margin:28px 0 35px}.lock-pad-v13{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lock-pad-v13 button{border:0;background:var(--soft);color:var(--text);border-radius:50%;aspect-ratio:1;font-size:22px;font-weight:750}.lock-pad-v13 i{display:block}

/* v12.3.1 lock, transaction contrast, and Settings structure */
.tx-v13-tools button{
 background:color-mix(in srgb,var(--accent) 14%,var(--card))!important;
 color:var(--text)!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;
 box-shadow:none!important
}
[data-theme="dark"] .tx-v13-tools button{background:rgba(255,255,255,.10)!important;color:#f7f7fb!important;border-color:rgba(255,255,255,.16)!important}
.settings-v13{padding-bottom:110px}.settings-heading{font-size:19px;font-weight:900;margin:28px 4px 2px;color:var(--text)}.settings-heading:first-child{margin-top:8px}.settings-subheading{font-size:12px;color:var(--muted);margin:0 4px 9px}.settings-flat{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.settings-flat .row{border-radius:0!important;background:transparent!important;border-left:0!important;border-right:0!important}
#app-lock-v13{position:fixed;inset:0;z-index:99999;background:var(--bg)!important;color:var(--text)!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:calc(env(safe-area-inset-top) + 28px) 28px calc(env(safe-area-inset-bottom) + 18px)!important}
.lock-brand-v13{font-size:25px;font-weight:900;letter-spacing:-.5px;color:var(--text);align-self:center}
.lock-v13{width:min(330px,100%);text-align:center;margin:auto 0}.lock-v13 h2{margin:0 0 7px!important;font-size:24px}.lock-v13>span,.lock-recovery-v13>span{color:var(--muted)}
.lock-dots-v13{font-size:21px;letter-spacing:8px;margin:26px 0 30px;color:var(--accent)}
.lock-pad-v13{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;width:min(290px,100%);margin:auto}.lock-pad-v13 button{border:1px solid var(--line)!important;background:var(--card)!important;color:var(--text)!important;border-radius:50%;aspect-ratio:1;font-size:22px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.lock-forgot-v13{border:0;background:transparent;color:var(--accent);font-weight:800;margin-top:24px;padding:10px}.lock-version-v13{position:absolute;right:16px;bottom:calc(env(safe-area-inset-bottom) + 10px);font-size:11px;color:var(--muted);font-weight:700}
.lock-recovery-v13{width:min(360px,100%);margin:auto 0;display:grid;gap:14px}.lock-recovery-v13 h2{margin:6px 0 0}.lock-back-v13{justify-self:start;border:0;background:transparent;color:var(--accent);font-weight:800;padding:8px 0}.lock-question-v13{padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-weight:800}.lock-recovery-v13 input{width:100%;box-sizing:border-box;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px}
.lock-warning-v13{display:grid;gap:5px;padding:14px;border-radius:14px;background:color-mix(in srgb,#ff9f0a 12%,var(--card));border:1px solid color-mix(in srgb,#ff9f0a 28%,var(--line));margin:12px 0}.lock-warning-v13 span{font-size:12px;line-height:1.45;color:var(--muted)}

/* v12.3.3 Settings contrast */
.settings-heading{color:var(--text)!important;opacity:1!important}
.settings-subheading{color:var(--muted)!important;opacity:1!important}
.settings-flat .avatar{background:color-mix(in srgb,var(--accent) 16%,var(--card))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))!important}
[data-theme="dark"] .settings-heading{color:#f4f4f7!important}
[data-theme="dark"] .settings-subheading{color:#a9a9b2!important}
[data-theme="dark"] .settings-flat .avatar{background:rgba(255,255,255,.10)!important;color:#f4f4f7!important;border-color:rgba(255,255,255,.12)!important}
.statement-reminder-v13{width:100%;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--text);border-radius:18px;padding:14px 16px;margin:0 0 12px;display:flex;justify-content:space-between;gap:12px;text-align:left;align-items:center}.statement-reminder-v13 div{display:grid;gap:4px}.statement-reminder-v13 span{font-size:11px;color:var(--muted)}.statement-reminder-v13 strong{font-size:11px;color:var(--accent);white-space:nowrap}

/* v12.3.4 — Account Detail polish */
.account-theme{min-width:0!important;color:var(--text)!important}
.account-history-card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;color:var(--text)!important}
.finance-history-group{background:transparent!important;color:var(--text)!important}
.finance-history-group+.finance-history-group{border-top:1px solid var(--line)!important}
.finance-history-date{color:var(--muted)!important;background:transparent!important;padding:12px 16px 5px!important}
.finance-history-row{background:transparent!important;color:var(--text)!important;border:0!important;border-bottom:1px solid var(--line)!important}
.finance-history-row:last-child{border-bottom:0!important}.finance-history-row b{color:var(--text)!important}.finance-history-row span{color:var(--muted)!important}
[data-theme="dark"] .account-history-card{background:#171d28!important;border-color:#303949!important}
[data-theme="dark"] .finance-history-row{background:transparent!important}.reconciliation-row .avatar{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 14%,var(--card))!important}
.finance-full-top{padding-top:max(14px,env(safe-area-inset-top))!important}.finance-full-heading{min-width:0!important}.finance-full-title{white-space:normal!important;line-height:1.1!important}
.account-balance-copy{border:0;background:transparent;color:var(--text);font:inherit;font-size:40px;font-weight:800;letter-spacing:-.04em;padding:0;max-width:100%}.account-balance-copy.negative-balance{color:var(--negative,#f0646d)!important}
.account-status-v13{display:inline-flex;margin:10px auto 0;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.account-status-v13.good{background:rgba(52,199,89,.12);color:#34c759}.account-status-v13.warning{background:rgba(255,159,10,.14);color:#ff9f0a}.account-status-v13.danger{background:rgba(255,69,58,.14);color:#ff6259}
.account-delta-v13{font-size:10px;color:var(--muted);margin-top:7px}
.account-month-strip button{border:0;background:transparent;color:var(--text);width:100%;padding:0;display:grid;gap:5px;text-align:center}.account-month-strip button small{font-size:9px;color:var(--muted)}
.account-history-tools-v13{display:grid;gap:10px;margin:18px 0 12px}.account-search-v13{display:flex;border:1px solid var(--line);background:var(--card);border-radius:15px;overflow:hidden}.account-search-v13 input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:12px 14px;font:inherit}.account-search-v13 button{border:0;background:transparent;color:var(--accent);padding:0 13px;font-size:18px}
.account-filter-chips-v13{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.account-filter-chips-v13 button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 12px;white-space:nowrap;font-weight:750}.account-filter-chips-v13 button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.reconcile-preview-v13{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--card);margin:-3px 0 15px;color:var(--text)}.reconcile-preview-v13>div{display:grid;gap:3px}.reconcile-preview-v13>div span,.reconcile-preview-v13>span{font-size:10px;color:var(--muted)}.reconcile-preview-v13>div b{font-size:13px}.reconcile-preview-v13>small{grid-column:1/-1;color:var(--accent);font-weight:800}

/* Rufiyaa 12.4 — Finance */
.finance-min-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:10px 0 20px}.finance-min-total{font-size:31px;font-weight:900;letter-spacing:-.04em}.finance-min-top span{font-size:11px;color:var(--muted)}.finance-min-top>button,.budget-v14-head>button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:8px 0}
.finance-min-list{display:grid;gap:0}.finance-min-section{padding:5px 0 17px;border-bottom:1px solid var(--line)}.finance-min-section:last-child{border-bottom:0}.finance-min-head{width:100%;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:13px 0 9px;font-size:18px;text-align:left}.finance-min-head span{font-size:25px;color:var(--muted)}.finance-min-rows{display:grid}.finance-min-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0}.finance-min-row div{display:grid;gap:2px;min-width:0}.finance-min-row b{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-min-row span,.finance-min-empty{font-size:10px;color:var(--muted)}.finance-min-row strong{font-size:12px;color:var(--text);white-space:nowrap}.finance-min-section.compact .finance-min-row{padding:5px 0}

/* Rufiyaa 12.4 — Budget */
.budget-v14-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:10px 0 10px}.budget-v14-head>div>span{font-size:11px;color:var(--muted)}.budget-cycle-track{height:5px;border-radius:99px;background:var(--soft);overflow:hidden;margin-bottom:14px}.budget-cycle-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.budget-plan-v14{border:1px solid var(--line);background:var(--card);border-radius:19px;padding:14px 15px;margin-bottom:12px}.budget-plan-v14.minimized{padding:11px 15px;cursor:pointer}.budget-plan-v14-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.budget-plan-v14-head>div:first-child{display:grid;gap:3px}.budget-plan-v14-head span{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.budget-plan-v14-head b{font-size:16px}.budget-plan-v14-head button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:5px}.budget-plan-v14-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:10px}.budget-plan-v14>small{display:block;margin-top:8px;color:var(--muted)}
.budget-v14-unbudgeted{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:14px;background:rgba(255,159,10,.10);color:#ff9f0a;margin:12px 0;font-size:12px}
.budget-v14-list{display:grid;gap:10px;margin-top:15px}.budget-v14-card{position:relative;border:1px solid var(--line);border-radius:19px;background:var(--card);overflow:hidden}.budget-v14-card.good{border-color:rgba(52,199,89,.30);background:linear-gradient(135deg,rgba(52,199,89,.08),var(--card) 48%)}.budget-v14-card.risk{border-color:rgba(255,159,10,.34);background:linear-gradient(135deg,rgba(255,159,10,.09),var(--card) 48%)}.budget-v14-card.danger{border-color:rgba(255,69,58,.34);background:linear-gradient(135deg,rgba(255,69,58,.09),var(--card) 48%)}.budget-v14-main{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:15px 44px 14px 15px}.budget-v14-card.compact .budget-v14-main{padding-top:10px;padding-bottom:10px}.budget-v14-top,.budget-v14-foot{display:flex;justify-content:space-between;gap:12px;align-items:start}.budget-v14-top>div{display:grid;gap:2px}.budget-v14-top b{font-size:14px}.budget-v14-top span,.budget-v14-foot{font-size:9px;color:var(--muted)}.budget-v14-top strong{font-size:11px;white-space:nowrap}.budget-v14-progress{height:5px;background:var(--soft);border-radius:99px;overflow:hidden;margin:12px 0 8px}.budget-v14-progress i{display:block;height:100%;background:var(--accent);border-radius:inherit}.budget-v14-card.good .budget-v14-progress i{background:#34c759}.budget-v14-card.risk .budget-v14-progress i{background:#ff9f0a}.budget-v14-card.danger .budget-v14-progress i{background:#ff453a}.budget-pin-v14{position:absolute;right:10px;bottom:10px;border:0;background:transparent;color:var(--muted);font-size:19px}.budget-pin-v14.active{color:#ffb000}

/* Outstanding 12.3 fixes folded into 12.4 */
.account-theme,.account-theme *{--account-text:var(--text)}.account-theme .account-detail-name,.account-theme .account-full-balance,.account-theme .account-full-hero>span,.account-theme .finance-history-title,.account-theme .account-month-strip span,.account-theme .account-month-strip small{color:var(--text)!important}.account-theme .account-delta-v13,.account-theme .finance-history-title span{color:var(--muted)!important}.account-theme .finance-round-action b{color:var(--text)!important}
.account-theme .account-history-card,.account-theme .account-search-v13,.account-theme .account-filter-chips-v13 button{background:var(--card)!important;color:var(--text)!important}.account-theme .finance-history-row{background:transparent!important}.account-theme .finance-history-row b{color:var(--text)!important}.account-theme .finance-history-row span{color:var(--muted)!important}
[data-theme="dark"] .account-theme .account-history-card,[data-theme="dark"] .account-theme .account-search-v13,[data-theme="dark"] .account-theme .account-filter-chips-v13 button{background:#171d28!important;border-color:#303949!important}.account-search-v13 button{background:transparent!important;color:var(--accent)!important}.account-filter-chips-v13 button.active{background:color-mix(in srgb,var(--accent) 18%,var(--card))!important;color:var(--accent)!important}
.people-avatar-v14{font-weight:900!important}.people-avatar-v14.lent{background:rgba(52,199,89,.14)!important;color:#34c759!important}.people-avatar-v14.borrowed{background:rgba(255,69,58,.14)!important;color:#ff6259!important}

/* =========================================================
   Rufiyaa 12.4.1 bugfix layer
   ========================================================= */

/* Settings: readable headings/subheads in both themes */
.settings-heading,
.settings-page .settings-heading,
body .settings-heading{
  color:var(--text)!important;
  opacity:1!important;
}
.settings-subheading,
.settings-page .settings-subheading,
body .settings-subheading{
  color:var(--muted)!important;
  opacity:1!important;
}
[data-theme="dark"] .settings-heading,
[data-theme="dark"] body .settings-heading{
  color:#f3f6fc!important;
}
[data-theme="dark"] .settings-subheading,
[data-theme="dark"] body .settings-subheading{
  color:#98a4bb!important;
}

/* Finance: force the intended minimal 12.4 home */
.finance-v141-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  padding:8px 0 12px;
}
.finance-v141-intro h2{margin:2px 0 0;font-size:30px;letter-spacing:-.04em}
.finance-v141-intro p{margin:3px 0 0;color:var(--muted);font-size:12px}
.finance-v141-intro>button{
  border:0;background:transparent;color:var(--accent);
  font-weight:800;padding:8px 0;
}
.finance-v141-list{margin-top:4px}
.finance-v141-list .finance-min-section{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  border-left:0!important;border-right:0!important;border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  padding:4px 0 14px!important;
}
.finance-v141-list .finance-min-head{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:12px 0 7px!important;
}
.finance-v141-list .finance-min-row{
  background:transparent!important;border:0!important;box-shadow:none!important;
}

/* Budget: never allow light/white card surfaces in dark mode */
[data-theme="dark"] .budget-v14-card,
[data-theme="dark"] .budget-v14-card.good,
[data-theme="dark"] .budget-v14-card.risk,
[data-theme="dark"] .budget-v14-card.danger,
[data-theme="dark"] .budget-plan-v14{
  color:#f4f6fb!important;
}
[data-theme="dark"] .budget-v14-card{
  background:#171d28!important;
}
[data-theme="dark"] .budget-v14-card.good{
  background:linear-gradient(135deg,rgba(52,199,89,.15),#171d28 48%)!important;
}
[data-theme="dark"] .budget-v14-card.risk{
  background:linear-gradient(135deg,rgba(255,159,10,.16),#171d28 48%)!important;
}
[data-theme="dark"] .budget-v14-card.danger{
  background:linear-gradient(135deg,rgba(255,69,58,.16),#171d28 48%)!important;
}
[data-theme="dark"] .budget-plan-v14{
  background:#171d28!important;
  border-color:#303949!important;
}
[data-theme="dark"] .budget-v14-main,
[data-theme="dark"] .budget-v14-main b,
[data-theme="dark"] .budget-v14-main strong,
[data-theme="dark"] .budget-plan-v14 b{
  color:#f4f6fb!important;
}
[data-theme="dark"] .budget-v14-main span,
[data-theme="dark"] .budget-v14-foot,
[data-theme="dark"] .budget-plan-v14 span,
[data-theme="dark"] .budget-plan-v14 small{
  color:#9ca8bd!important;
}
[data-theme="dark"] .budget-v14-card.good .budget-v14-top>div>span{color:#4cd57b!important}
[data-theme="dark"] .budget-v14-card.risk .budget-v14-top>div>span{color:#ffad32!important}
[data-theme="dark"] .budget-v14-card.danger .budget-v14-top>div>span{color:#ff6b63!important}

/* Savings: deliberate spacing between action rows */
.modal-actions{
  display:grid!important;
  gap:12px!important;
  margin-top:12px!important;
}
.modal-actions>button{
  margin:0!important;
}
.modal .grid2 + .modal-actions,
.sheet .grid2 + .modal-actions{
  margin-top:14px!important;
}

/* v12.4.4 ROOT THEME FIX
   All legacy + 12.4 components consume canonical variables.
   Dark mode previously changed only --bm-* and left --card=#fff / --text=#172033. */
html[data-theme="dark"]{
  --bg:#0b1017!important;
  --card:#171d27!important;
  --text:#f3f6fb!important;
  --muted:#9aa6b6!important;
  --border:#303847!important;
  --line:#303847!important;
  --soft:#222a36!important;
  --shadow:0 10px 30px rgba(0,0,0,.22)!important;
}
html[data-theme="light"]{
  --bg:#f5f7fb;
  --card:#fff;
  --text:#172033;
  --muted:#77809a;
  --border:#e8ebf3;
}
html[data-theme="dark"] .settings-heading{color:var(--text)!important}
html[data-theme="dark"] .settings-subheading{color:var(--muted)!important}
html[data-theme="dark"] .budget-plan-v14{background:var(--card)!important;background-image:none!important;color:var(--text)!important}
html[data-theme="dark"] .budget-v14-card{background:var(--card)!important;background-image:none!important;color:var(--text)!important}
html[data-theme="dark"] .budget-v14-card.good{background:linear-gradient(135deg,rgba(52,199,89,.09),var(--card) 48%)!important}
html[data-theme="dark"] .budget-v14-card.risk{background:linear-gradient(135deg,rgba(255,159,10,.10),var(--card) 48%)!important}
html[data-theme="dark"] .budget-v14-card.danger{background:linear-gradient(135deg,rgba(255,69,58,.10),var(--card) 48%)!important}
html[data-theme="dark"] .finance-min-head,
html[data-theme="dark"] .finance-min-row,
html[data-theme="dark"] .finance-min-row b,
html[data-theme="dark"] .finance-min-row strong{color:var(--text)!important}
html[data-theme="dark"] .finance-min-row span,
html[data-theme="dark"] .finance-min-empty{color:var(--muted)!important}

/* Rufiyaa 12.4.5 Finance grouping + Cards */
.finance-v145-tools{display:flex;justify-content:space-between;align-items:center;margin:-5px 2px 14px}.finance-v145-tools span{font-size:12px;color:var(--muted)}.finance-v145-tools button{border:0;background:transparent;color:var(--blue);font-weight:750}
.finance-v145-list{display:grid;gap:14px}.finance-v145-list .finance-min-section{border:1px solid color-mix(in srgb,var(--section-accent) 20%,var(--border))!important;border-radius:20px!important;padding:9px 14px 14px!important;background:color-mix(in srgb,var(--section-accent) 5%,var(--card))!important}
.finance-v145-list .finance-min-head{padding:7px 0 8px}.finance-v145-list .finance-min-head b{color:var(--section-accent)!important}.finance-v145-list .finance-min-row{padding:7px 0}.finance-tint-accounts{--section-accent:#6f8cff}.finance-tint-cards{--section-accent:#9575ff}.finance-tint-savings{--section-accent:#42b883}.finance-tint-subscriptions{--section-accent:#f0a44b}.finance-tint-loans{--section-accent:#ef6b73}.finance-tint-people{--section-accent:#35b7b0}.finance-tint-recurring{--section-accent:#7587e8}
.finance-section-count{font-size:10px;color:var(--muted);margin:-7px 0 8px}
.finance-card-carousel-v145{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 5px;scrollbar-width:none}.finance-card-carousel-v145::-webkit-scrollbar{display:none}
.finance-mini-card-v145{position:relative;flex:0 0 88%;min-height:155px;border:0;border-radius:20px;padding:15px;text-align:left;color:white!important;scroll-snap-align:center;box-shadow:0 10px 22px rgba(0,0,0,.14);overflow:hidden}.finance-mini-card-v145:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 48%,rgba(0,0,0,.10));pointer-events:none}.finance-mini-card-v145>*{position:relative;z-index:1}.finance-mini-card-v145 .cc-top{display:flex;justify-content:space-between}.finance-mini-card-v145 .cc-top span{font-weight:800;color:white!important}.finance-mini-card-v145 .cc-top small{font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.75)!important}.finance-mini-card-amount{font-size:24px;font-weight:850;margin-top:23px}.finance-mini-card-label{display:block;font-size:9px;color:rgba(255,255,255,.72)!important;margin-top:2px}.finance-mini-card-v145 .cc-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.finance-mini-card-v145 .cc-bottom b,.finance-mini-card-v145 .cc-bottom strong{color:white!important}.finance-card-swipe-hint{text-align:center;color:var(--muted);font-size:9px;margin-top:5px}
.cards-full-v145{display:grid;gap:13px}.cards-full-v145 .finance-mini-card-v145{width:100%;flex:auto}.prepaid-detail-v145{width:100%;margin-bottom:14px}
html[data-theme="dark"] .finance-v145-list .finance-min-section{background:color-mix(in srgb,var(--section-accent) 7%,var(--card))!important}

/* v12.4.6 calmer Finance grouping */
.finance-v146-list{gap:16px!important}
.finance-v146-list .finance-min-section{
  border:1px solid var(--border)!important;
  border-left:3px solid color-mix(in srgb,var(--section-accent) 58%,var(--muted))!important;
  background:color-mix(in srgb,var(--section-accent) 2.5%,var(--card))!important;
}
.finance-v146-list .finance-min-head b{
  color:color-mix(in srgb,var(--section-accent) 62%,var(--text))!important;
  font-weight:700!important;
}
.finance-v146-list .finance-min-row b{font-weight:650!important}
.finance-card-carousel-v145{
  width:100%!important; gap:14px!important; padding:4px calc(50% - 145px) 7px!important;
  scroll-padding-inline:calc(50% - 145px)!important;
  scroll-snap-type:x mandatory!important;
}
.finance-mini-card-v145{
  flex:0 0 290px!important; width:290px!important; min-height:176px!important;
  aspect-ratio:1.586/1!important; border-radius:18px!important; scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
}
.cards-full-v145 .finance-mini-card-v145{width:min(100%,320px)!important;margin:0 auto!important}
.account-color-purple{background:linear-gradient(145deg,#51406d,#2c2938)!important}
.account-color-blue{background:linear-gradient(145deg,#31516e,#232f3c)!important}
.account-color-green{background:linear-gradient(145deg,#315b4b,#24382f)!important}
.account-color-teal{background:linear-gradient(145deg,#2d5960,#20383d)!important}
.account-color-orange{background:linear-gradient(145deg,#66513a,#3c3228)!important}
.account-color-red{background:linear-gradient(145deg,#664149,#3b2a2f)!important}
.account-color-graphite{background:linear-gradient(145deg,#45474d,#25272c)!important}

/* =========================================================
   Rufiyaa 12.4.7 definitive Finance/Budget appearance fixes
   ========================================================= */

/* Single Finance header only: kill any legacy intro that survives cached markup/rules. */
.finance-v141-intro,.finance-v145-tools,.finance-v146-tools,.finance-v147-tools{display:none!important}

/* iPhone safe-area: page titles must always begin below the status bar. */
.shell{
  padding-top:max(22px,env(safe-area-inset-top))!important;
}
.header{margin-top:0!important}

/* Finance is a clean divided list in BOTH appearances. */
.finance-v147-list{
  display:block!important;
  margin-top:18px!important;
}
.finance-v147-list .finance-min-section{
  --section-accent:var(--accent);
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--border)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.finance-v147-list .finance-min-section + .finance-min-section{
  padding-top:18px!important;
}
.finance-v147-list .finance-min-section:last-child{
  border-bottom:0!important;
}
.finance-v147-list .finance-min-head{
  padding:0 0 9px!important;
  background:transparent!important;
}
.finance-v147-list .finance-min-head b{
  color:color-mix(in srgb,var(--text) 82%,var(--section-accent))!important;
  font-weight:700!important;
}
.finance-v147-list .finance-min-row,
.finance-v147-list .finance-min-row b,
.finance-v147-list .finance-min-row strong{
  color:var(--text)!important;
}
.finance-v147-list .finance-min-row span,
.finance-v147-list .finance-section-count,
.finance-v147-list .finance-min-empty{
  color:var(--muted)!important;
}

/* Card carousel: exactly one active card visible, centered, no neighboring peek. */
.finance-v147-list .finance-card-carousel-v145{
  display:flex!important;
  width:100%!important;
  gap:0!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding:0!important;
  padding:4px 0 7px!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain;
}
.finance-v147-list .finance-card-carousel-v145::-webkit-scrollbar{display:none!important}
.finance-v147-list .finance-card-carousel-v145 .finance-mini-card-v145{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  min-height:0!important;
  aspect-ratio:1.586/1!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
  margin:0!important;
  border-radius:18px!important;
}
.finance-v147-list .finance-card-swipe-hint{
  text-align:center!important;
  margin-top:5px!important;
}

/* System now resolves to data-theme light/dark in JS, so these are identical to manual Dark. */
html[data-theme="dark"] .budget-plan-v14{
  background:#171d27!important;background-image:none!important;color:#f3f6fb!important;
}
html[data-theme="dark"] .budget-v14-card{
  background:#171d27!important;color:#f3f6fb!important;
}
html[data-theme="dark"] .budget-v14-card.good{
  background:linear-gradient(135deg,rgba(52,199,89,.09),#171d27 48%)!important;
}
html[data-theme="dark"] .budget-v14-card.risk{
  background:linear-gradient(135deg,rgba(255,159,10,.10),#171d27 48%)!important;
}
html[data-theme="dark"] .budget-v14-card.danger{
  background:linear-gradient(135deg,rgba(255,69,58,.10),#171d27 48%)!important;
}
html[data-theme="dark"] .budget-v14-main b,
html[data-theme="dark"] .budget-v14-main strong,
html[data-theme="dark"] .budget-plan-v14 b{color:#f3f6fb!important}
html[data-theme="dark"] .budget-v14-main span,
html[data-theme="dark"] .budget-v14-foot,
html[data-theme="dark"] .budget-plan-v14 span,
html[data-theme="dark"] .budget-plan-v14 small{color:#9aa6b6!important}

@media (max-width:380px){
 .finance-v147-list .finance-card-carousel-v145 .finance-mini-card-v145{border-radius:16px!important}
}

/* =========================================================
   Rufiyaa 12.4.8 Finance visual polish
   ========================================================= */
.finance-v148-list{
  display:grid!important;
  gap:14px!important;
  margin-top:18px!important;
}
.finance-v148-list .finance-min-section{
  --section-accent:#6f8cff;
  position:relative!important;
  margin:0!important;
  padding:12px 14px 14px!important;
  border:1px solid color-mix(in srgb,var(--section-accent) 12%,var(--border))!important;
  border-left:3px solid color-mix(in srgb,var(--section-accent) 58%,var(--border))!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--section-accent) 2.2%,var(--card))!important;
  box-shadow:0 8px 24px rgba(30,40,70,.035)!important;
}
html[data-theme="dark"] .finance-v148-list .finance-min-section{
  background:color-mix(in srgb,var(--section-accent) 4%,var(--card))!important;
  border-color:color-mix(in srgb,var(--section-accent) 14%,var(--border))!important;
  border-left-color:color-mix(in srgb,var(--section-accent) 55%,var(--border))!important;
}
.finance-v148-list .finance-tint-accounts{--section-accent:#5f85d8}
.finance-v148-list .finance-tint-cards{--section-accent:#8469d4}
.finance-v148-list .finance-tint-savings{--section-accent:#55a876}
.finance-v148-list .finance-tint-subscriptions{--section-accent:#c9934a}
.finance-v148-list .finance-tint-loans{--section-accent:#cb6c73}
.finance-v148-list .finance-tint-people{--section-accent:#4fa5a1}
.finance-v148-list .finance-tint-recurring{--section-accent:#6d80c9}

.finance-v148-list .finance-section-head-v148{
  display:grid!important;
  grid-template-columns:42px 1fr auto!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--border)!important;
  background:transparent!important;
  text-align:left!important;
}
.finance-section-icon-v148{
  width:40px!important;height:40px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  font-size:20px!important;
  background:color-mix(in srgb,var(--section-accent) 15%,var(--card))!important;
}
.finance-section-title-v148{display:grid!important;gap:2px!important;min-width:0!important}
.finance-section-title-v148 b{
  color:color-mix(in srgb,var(--text) 84%,var(--section-accent))!important;
  font-size:16px!important;font-weight:700!important;
}
.finance-section-title-v148 small{
  color:var(--muted)!important;font-size:10px!important;font-weight:500!important;
}
.finance-section-chevron-v148{
  color:var(--muted)!important;font-size:24px!important;line-height:1!important;
}
.finance-v148-list .finance-min-rows{padding-top:5px!important}
.finance-v148-list .finance-min-row{
  padding:10px 0!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
}
.finance-v148-list .finance-min-row:last-child{border-bottom:0!important}
.finance-v148-list .finance-min-row b{font-weight:650!important}
.finance-v148-list .finance-min-row strong{font-weight:700!important}

/* One full card at a time, centered, no neighboring card visible. */
.finance-v148-list .finance-card-carousel-v145{
  display:flex!important;
  width:100%!important;
  gap:0!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding:0!important;
  padding:16px 0 4px!important;
  scrollbar-width:none!important;
}
.finance-v148-list .finance-card-carousel-v145::-webkit-scrollbar{display:none!important}
.finance-v148-list .finance-card-carousel-v145 .finance-mini-card-v145{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  aspect-ratio:1.586/1!important;
  min-height:0!important;
  margin:0!important;
  border-radius:18px!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
}
.finance-card-dots-v148{
  display:flex!important;justify-content:center!important;gap:6px!important;margin-top:8px!important;
}
.finance-card-dots-v148 i{
  width:6px!important;height:6px!important;border-radius:999px!important;background:var(--border)!important;
}
.finance-card-dots-v148 i.active{
  width:15px!important;background:var(--accent)!important;
}
.finance-v148-list .finance-card-swipe-hint{
  text-align:center!important;color:var(--muted)!important;font-size:9px!important;margin-top:4px!important;
}

/* Ensure light mode visibly separates each Finance group. */
html[data-theme="light"] .finance-v148-list .finance-min-section{
  background:#fff!important;
  border-color:#e2e7f0!important;
  border-left-color:color-mix(in srgb,var(--section-accent) 55%,#e2e7f0)!important;
}
html[data-theme="light"] .finance-v148-list .finance-section-head-v148{
  border-bottom-color:#e7eaf1!important;
}

/* =========================================================
   Rufiyaa 12.4.9 — Finance cleanup
   Text-only section headers, subtle color, no decorative icons.
   ========================================================= */
.finance-v149-list{
  display:grid!important;
  gap:14px!important;
  margin-top:18px!important;
}
.finance-v149-list .finance-clean-section{
  --section-accent:#6f8cff;
  margin:0!important;
  padding:14px 16px!important;
  border:1px solid var(--border)!important;
  border-left:3px solid color-mix(in srgb,var(--section-accent) 45%,var(--border))!important;
  border-radius:18px!important;
  background:var(--card)!important;
  box-shadow:none!important;
}
.finance-v149-list .finance-clean-accounts{--section-accent:#6f8cff}
.finance-v149-list .finance-clean-cards{--section-accent:#8a72d8}
.finance-v149-list .finance-clean-savings{--section-accent:#65a77c}
.finance-v149-list .finance-clean-subscriptions{--section-accent:#c89b5f}
.finance-v149-list .finance-clean-loans{--section-accent:#c77a80}
.finance-v149-list .finance-clean-people{--section-accent:#61a5a1}
.finance-v149-list .finance-clean-recurring{--section-accent:#7b88c8}

.finance-clean-head{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  background:transparent!important;
  color:var(--text)!important;
  text-align:left!important;
}
.finance-clean-head>span{display:grid!important;gap:2px!important}
.finance-clean-head b{
  color:color-mix(in srgb,var(--text) 88%,var(--section-accent))!important;
  font-size:17px!important;
  font-weight:700!important;
}
.finance-clean-head small{
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:500!important;
}
.finance-clean-head em{
  color:var(--muted)!important;
  font-style:normal!important;
  font-size:24px!important;
  line-height:1!important;
}
.finance-v149-list .finance-min-rows{padding-top:5px!important}
.finance-v149-list .finance-min-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding:10px 0!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
}
.finance-v149-list .finance-min-row:last-child{border-bottom:0!important}
.finance-v149-list .finance-min-row div{display:grid!important;gap:2px!important;min-width:0!important}
.finance-v149-list .finance-min-row b{color:var(--text)!important;font-weight:650!important}
.finance-v149-list .finance-min-row span{color:var(--muted)!important}
.finance-v149-list .finance-min-row strong{color:var(--text)!important;font-weight:700!important;white-space:nowrap!important}

/* Cards: exactly one card visible and centered */
.finance-v149-list .finance-card-carousel-v145{
  display:flex!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:0!important;
  padding:14px 0 4px!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding:0!important;
  scrollbar-width:none!important;
}
.finance-v149-list .finance-card-carousel-v145::-webkit-scrollbar{display:none!important}
.finance-v149-list .finance-card-carousel-v145 .finance-mini-card-v145{
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  aspect-ratio:1.586/1!important;
  min-height:0!important;
  border-radius:18px!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
}
.finance-card-dots-v149{
  display:flex!important;
  justify-content:center!important;
  gap:6px!important;
  margin-top:8px!important;
}
.finance-card-dots-v149 i{
  width:6px!important;height:6px!important;border-radius:99px!important;
  background:var(--border)!important;
}
.finance-card-dots-v149 i.active{
  width:15px!important;background:var(--accent)!important;
}
.finance-v149-list .finance-card-swipe-hint{
  text-align:center!important;
  color:var(--muted)!important;
  font-size:9px!important;
  margin-top:4px!important;
}

/* Light mode keeps visible separation without heavy color */
html[data-theme="light"] .finance-v149-list .finance-clean-section{
  background:#fff!important;
  border-color:#e3e8f0!important;
  border-left-color:color-mix(in srgb,var(--section-accent) 42%,#e3e8f0)!important;
}
html[data-theme="light"] .finance-clean-head{border-bottom-color:#e7ebf2!important}

/* Dark mode stays restrained */
html[data-theme="dark"] .finance-v149-list .finance-clean-section{
  background:#151b24!important;
  border-color:#2b3441!important;
  border-left-color:color-mix(in srgb,var(--section-accent) 42%,#2b3441)!important;
}
html[data-theme="dark"] .finance-clean-head{border-bottom-color:#2b3441!important}

/* =========================================================
   Rufiyaa 12.4.10 — organized Finance + compact cards
   ========================================================= */
.finance-v1410-list{
  display:grid!important;
  gap:12px!important;
  margin-top:18px!important;
}
.finance-v1410-list .finance-clean-section{
  --section-accent:#7888a8;
  margin:0!important;
  padding:14px 15px!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  background:var(--card)!important;
  box-shadow:none!important;
}
.finance-v1410-list .finance-clean-accounts{--section-accent:#6f88b8}
.finance-v1410-list .finance-clean-cards{--section-accent:#8272b3}
.finance-v1410-list .finance-clean-savings{--section-accent:#6f9c82}
.finance-v1410-list .finance-clean-subscriptions{--section-accent:#a78b66}
.finance-v1410-list .finance-clean-loans{--section-accent:#a7797d}
.finance-v1410-list .finance-clean-people{--section-accent:#719b9a}
.finance-v1410-list .finance-clean-recurring{--section-accent:#7b83aa}

.finance-v1410-list .finance-clean-head{
  padding:0 0 10px!important;
  margin:0!important;
  border-bottom:1px solid var(--border)!important;
}
.finance-v1410-list .finance-clean-head b{
  font-size:16px!important;
  color:color-mix(in srgb,var(--text) 90%,var(--section-accent))!important;
}
.finance-v1410-list .finance-clean-head small{font-size:10px!important}
.finance-v1410-list .finance-min-rows{padding:4px 0 0!important}
.finance-v1410-list .finance-min-row{
  min-height:50px!important;
  padding:9px 0!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 68%,transparent)!important;
}
.finance-v1410-list .finance-min-row:last-child{border-bottom:0!important}

/* Cards area: compact, centered, one card per swipe */
.finance-v1410-list .finance-clean-cards{padding-bottom:12px!important}
.finance-v1410-list .finance-card-carousel-v145{
  width:100%!important;
  display:flex!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:0!important;
  padding:14px 0 3px!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding:0!important;
  scrollbar-width:none!important;
}
.finance-v1410-list .finance-card-carousel-v145::-webkit-scrollbar{display:none!important}
.finance-v1410-list .finance-card-carousel-v145 .finance-mini-card-v145{
  box-sizing:border-box!important;
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  padding:0 calc((100% - min(290px,82vw))/2)!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
  box-shadow:none!important;
}
/* use an inner visual card without changing app data/markup */
.finance-v1410-list .finance-mini-card-v145::before{
  content:"";
  position:absolute;
  z-index:-1;
}
.finance-v1410-list .finance-mini-card-v145{
  position:relative!important;
}
/* restore actual card surface by clipping content into a compact centered card */
.finance-v1410-list .finance-mini-card-v145{
  padding-top:18px!important;
  padding-bottom:18px!important;
  min-height:183px!important;
  background:var(--card)!important;
  border-radius:18px!important;
}
/* Critical: constrain slide itself so it does not run off-screen */
.finance-v1410-list .finance-card-carousel-v145{
  padding-left:0!important;padding-right:0!important;
}
.finance-v1410-list .finance-mini-card-v145{
  flex-basis:min(290px,100%)!important;
  min-width:min(290px,100%)!important;
  width:min(290px,100%)!important;
  max-width:290px!important;
  padding-left:24px!important;padding-right:24px!important;
  margin-left:calc((100% - min(290px,100%))/2)!important;
  margin-right:calc((100% - min(290px,100%))/2)!important;
}
/* each slide consumes exactly one viewport including centering margins */
.finance-v1410-list .finance-mini-card-v145 + .finance-mini-card-v145{
  margin-left:calc((100% - min(290px,100%))/2)!important;
}
.finance-v1410-list .finance-card-dots-v1410{
  display:flex!important;justify-content:center!important;gap:6px!important;margin-top:7px!important;
}
.finance-v1410-list .finance-card-dots-v1410 i{
  width:6px!important;height:6px!important;border-radius:999px!important;background:var(--border)!important;
}
.finance-v1410-list .finance-card-dots-v1410 i.active{
  width:15px!important;background:var(--accent)!important;
}
.finance-v1410-list .finance-card-swipe-hint{
  margin-top:4px!important;text-align:center!important;font-size:9px!important;color:var(--muted)!important;
}

html[data-theme="light"] .finance-v1410-list .finance-clean-section{
  background:#fff!important;border-color:#e3e8f0!important;
}
html[data-theme="dark"] .finance-v1410-list .finance-clean-section{
  background:#151b24!important;border-color:#2b3441!important;
}

/* =========================================================
   Rufiyaa 12.4.11 — minimalist Finance sections
   Accent-colored headings + divider lines only
   ========================================================= */
.finance-v1411-list{
  display:block!important;
  margin-top:16px!important;
}
.finance-v1411-list .finance-line-section{
  margin:0!important;
  padding:0 0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.finance-v1411-list .finance-line-section + .finance-line-section{
  padding-top:18px!important;
  border-top:1px solid var(--border)!important;
}
.finance-v1411-list .finance-line-head{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 0 10px!important;
  border:0!important;
  background:transparent!important;
  text-align:left!important;
  color:var(--text)!important;
}
.finance-v1411-list .finance-line-head>span{
  display:grid!important;
  gap:2px!important;
}
.finance-v1411-list .finance-line-head b{
  color:var(--accent)!important;
  font-size:18px!important;
  font-weight:700!important;
}
.finance-v1411-list .finance-line-head small{
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:500!important;
}
.finance-v1411-list .finance-line-head em{
  color:var(--accent)!important;
  font-style:normal!important;
  font-size:24px!important;
  line-height:1!important;
}
.finance-v1411-list .finance-min-rows{
  padding:1px 0 0!important;
}
.finance-v1411-list .finance-min-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  min-height:48px!important;
  padding:8px 0!important;
  border:0!important;
}
.finance-v1411-list .finance-min-row div{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.finance-v1411-list .finance-min-row b{
  color:var(--text)!important;
  font-weight:650!important;
}
.finance-v1411-list .finance-min-row span,
.finance-v1411-list .finance-min-empty{
  color:var(--muted)!important;
}
.finance-v1411-list .finance-min-row strong{
  color:var(--text)!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Cards: longer/full width, slightly taller, one card centered per swipe. */
.finance-v1411-list .finance-card-carousel-v145{
  display:flex!important;
  width:100%!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:12px 0 4px!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding:0!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:contain!important;
}
.finance-v1411-list .finance-card-carousel-v145::-webkit-scrollbar{
  display:none!important;
}
.finance-v1411-list .finance-card-carousel-v145 .finance-mini-card-v145{
  box-sizing:border-box!important;
  flex:0 0 100%!important;
  min-width:100%!important;
  width:100%!important;
  max-width:100%!important;
  min-height:205px!important;
  height:205px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:20px 22px!important;
  border-radius:20px!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}
.finance-v1411-list .finance-mini-card-v145 .finance-mini-card-amount{
  font-size:26px!important;
  margin-top:28px!important;
}
.finance-v1411-list .finance-mini-card-v145 .cc-bottom{
  margin-top:22px!important;
}
.finance-v1411-list .finance-card-dots-v1411{
  display:flex!important;
  justify-content:center!important;
  gap:6px!important;
  margin-top:8px!important;
}
.finance-v1411-list .finance-card-dots-v1411 i{
  width:6px!important;
  height:6px!important;
  border-radius:99px!important;
  background:var(--border)!important;
}
.finance-v1411-list .finance-card-dots-v1411 i.active{
  width:15px!important;
  background:var(--accent)!important;
}
.finance-v1411-list .finance-card-swipe-hint{
  text-align:center!important;
  color:var(--muted)!important;
  font-size:9px!important;
  margin-top:4px!important;
}

/* Light and dark both use visible section separators */
html[data-theme="light"] .finance-v1411-list .finance-line-section + .finance-line-section{
  border-top-color:#dfe5ee!important;
}
html[data-theme="dark"] .finance-v1411-list .finance-line-section + .finance-line-section{
  border-top-color:#2b3441!important;
}

/* =========================================================
   Rufiyaa 12.4.12 — clean Finance rebuild
   Fresh class names avoid accumulated legacy Finance CSS.
   ========================================================= */
.fin12-list{
  display:block;
  margin-top:18px;
}
.fin12-section{
  padding:0 0 22px;
  margin:0;
}
.fin12-section + .fin12-section{
  padding-top:22px;
  border-top:1px solid var(--border);
}
.fin12-head{
  width:100%;
  border:0;
  background:transparent;
  color:var(--text);
  padding:0 0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  border-radius:0;
  box-shadow:none;
}
.fin12-head>span{display:grid;gap:3px}
.fin12-head b{
  color:var(--accent);
  font-size:20px;
  line-height:1.15;
  font-weight:750;
}
.fin12-head small{
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  font-weight:500;
}
.fin12-head em{
  color:var(--accent);
  font-style:normal;
  font-size:27px;
  line-height:1;
  font-weight:500;
}
.fin12-rows{display:grid;gap:2px}
.fin12-row{
  min-height:58px;
  padding:10px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.fin12-row>div{display:grid;gap:4px;min-width:0}
.fin12-row b{
  color:var(--text);
  font-size:15px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fin12-row span,.fin12-empty{
  color:var(--muted);
  font-size:12px;
}
.fin12-row strong{
  color:var(--text);
  font-size:14px;
  font-weight:750;
  white-space:nowrap;
}

/* Cards: one slide = viewport width. Inner card is full width and taller. */
.fin12-carousel{
  width:100%;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  gap:0;
  padding:3px 0 5px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
.fin12-carousel::-webkit-scrollbar{display:none}
.fin12-slide{
  flex:0 0 100%;
  min-width:100%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  scroll-snap-align:center;
  scroll-snap-stop:always;
}
.fin12-card{
  width:100%;
  height:220px;
  border:0;
  border-radius:22px;
  padding:21px 23px;
  display:flex;
  flex-direction:column;
  text-align:left;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
  appearance:none;
  -webkit-appearance:none;
}
.fin12-card-top{
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:14px;
}
.fin12-card-top b{font-size:20px;font-weight:800;color:#fff!important}
.fin12-card-top small{font-size:10px;letter-spacing:.13em;color:rgba(255,255,255,.78)!important;font-weight:750}
.fin12-card-amount{font-size:30px;font-weight:850;margin-top:37px;color:#fff}
.fin12-card-label{font-size:11px;margin-top:3px;color:rgba(255,255,255,.73)}
.fin12-card-bottom{
  margin-top:auto;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
}
.fin12-card-bottom span,.fin12-card-bottom strong{color:#fff!important;font-size:13px;font-weight:750}
.fin12-card-bottom strong{font-size:17px}

.fin12-color-purple{background:linear-gradient(145deg,#625178,#3a3148)}
.fin12-color-blue{background:linear-gradient(145deg,#426582,#263b4d)}
.fin12-color-green{background:linear-gradient(145deg,#416953,#2a4034)}
.fin12-color-teal{background:linear-gradient(145deg,#37666d,#25434a)}
.fin12-color-orange{background:linear-gradient(145deg,#765d43,#46382b)}
.fin12-color-red{background:linear-gradient(145deg,#76505a,#493039)}
.fin12-color-graphite{background:linear-gradient(145deg,#555860,#303238)}

.fin12-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin-top:10px;
}
.fin12-dots i{
  display:block;
  width:7px;
  height:7px;
  border-radius:99px;
  background:var(--border);
}
.fin12-dots i.active{width:18px;background:var(--accent)}
.fin12-swipe{text-align:center;color:var(--muted);font-size:10px;margin-top:5px}

html[data-theme="light"] .fin12-section + .fin12-section{border-top-color:#dfe5ee}
html[data-theme="dark"] .fin12-section + .fin12-section{border-top-color:#2b3441}

@media(max-width:390px){
  .fin12-card{height:205px;padding:19px 20px}
  .fin12-card-amount{font-size:27px;margin-top:31px}
}

/* =========================================================
   Rufiyaa 12.4.13 — Finance spacing + heading alignment
   ========================================================= */
.fin12-list{
  margin-top:22px!important;
}
.fin12-section{
  padding:0 0 28px!important;
}
.fin12-section + .fin12-section{
  padding-top:28px!important;
}

/* Heading spans full available width; arrow stays at far right */
.fin12-head{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:18px!important;
  padding:0 0 16px!important;
  margin:0!important;
}
.fin12-head>span{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
.fin12-head b{
  font-size:20px!important;
  font-weight:760!important;
  line-height:1.18!important;
}
.fin12-head small{
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
}
.fin12-head em{
  justify-self:end!important;
  align-self:center!important;
  margin-left:auto!important;
  padding-left:10px!important;
  font-size:29px!important;
  line-height:1!important;
}

/* More breathing room between heading and preview content */
.fin12-rows{
  padding-top:7px!important;
}
.fin12-row{
  min-height:64px!important;
  padding:12px 0!important;
}
.fin12-row>div{
  gap:5px!important;
}
.fin12-row b{
  font-size:15px!important;
}
.fin12-row span{
  font-size:12.5px!important;
  line-height:1.35!important;
}

/* Give Cards the same breathing room */
.fin12-carousel{
  padding-top:10px!important;
}
.fin12-dots{
  margin-top:12px!important;
}
.fin12-swipe{
  margin-top:7px!important;
  font-size:10.5px!important;
}

/* Keep separator visually distinct from content */
html[data-theme="light"] .fin12-section + .fin12-section{
  border-top-color:#d8dee8!important;
}
html[data-theme="dark"] .fin12-section + .fin12-section{
  border-top-color:#313b49!important;
}

/* Rufiyaa 12.4.14 — card bugfix */
.fin12-dots{display:none!important}
.fin12-swipe{
  text-align:center!important;
  margin-top:10px!important;
}

.prepaid-detail-wrap-v1414{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:0!important;
}
.prepaid-detail-wrap-v1414 .prepaid-detail-v145{
  box-sizing:border-box!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  min-height:220px!important;
  margin:0 auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  float:none!important;
  flex:none!important;
  border-radius:22px!important;
  padding:21px 23px!important;
}
.modal .prepaid-detail-v145{
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:600px){
  .prepaid-detail-wrap-v1414 .prepaid-detail-v145{
    width:100%!important;
    max-width:100%!important;
  }
}

/* =========================================================
   Rufiyaa 12.4.15 — Finance privacy lock coverage
   ========================================================= */

/* Header privacy lock always hides sensitive Finance amounts */
body.finance-privacy .fin12-row strong,
body.finance-privacy .fin12-card-amount,
body.finance-privacy .finance-mini-card-amount,
body.finance-privacy .finance-v12-overview b,
body.finance-privacy .finance-v12-row span,
body.finance-privacy .account-v12-card>strong,
body.finance-privacy .finance-hero-value,
body.finance-privacy .account-full-balance,
body.finance-privacy .finance-history-row strong,
body.finance-privacy .detail-amount,
body.finance-privacy .big,
body.finance-privacy .amount{
  filter:blur(7px)!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* Also protect card numbers / last four and financial history values */
body.finance-privacy .fin12-card-bottom span,
body.finance-privacy .finance-mini-card-v145 .cc-bottom b,
body.finance-privacy .prepaid-detail-v145 .cc-bottom b,
body.finance-privacy .cc-due,
body.finance-privacy .cc-available{
  filter:blur(7px)!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* Preserve labels and names so users can still navigate Finance */
body.finance-privacy .fin12-card-label,
body.finance-privacy .fin12-card-top b,
body.finance-privacy .fin12-head b,
body.finance-privacy .fin12-head small{
  filter:none!important;
}

/* =========================================================
   Rufiyaa 12.4.16 — Credit Card save + Finance width bugfix
   ========================================================= */

/* Finance must never widen the page */
.fin12-list,
.fin12-section,
.fin12-carousel,
.fin12-slide,
.fin12-card,
.fin12-head,
.fin12-rows,
.fin12-row{
  box-sizing:border-box!important;
  max-width:100%!important;
}
.fin12-list,
.fin12-section,
.fin12-carousel,
.fin12-slide,
.fin12-rows,
.fin12-row{
  min-width:0!important;
  width:100%!important;
}

/* Card padding is included inside its 100% width instead of making it overflow */
.fin12-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

/* One card still occupies exactly one carousel viewport */
.fin12-slide{
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
.fin12-carousel{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  contain:inline-size!important;
}

/* Keep heading chevrons pinned to the actual right edge */
.fin12-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%!important;
}
.fin12-head em{
  justify-self:end!important;
  margin:0!important;
  flex:0 0 auto!important;
}

/* Account/Finance amounts stay fully inside the screen */
.fin12-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:14px!important;
}
.fin12-row>div{min-width:0!important}
.fin12-row strong{
  justify-self:end!important;
  max-width:48vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(12px,3.6vw,14px)!important;
}

/* Guard the main content against accidental horizontal scrolling */
.shell{
  overflow-x:hidden!important;
}

/* Rufiyaa 12.5.0 — Smart Transactions */
.header-lock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tx-v125-tools{display:flex;justify-content:flex-end;gap:8px;margin:8px 0 14px}
.tx-v125-tools button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:9px 12px;font-weight:650}
.tx-v125-tools .tx-calendar-icon{width:42px;padding:9px 0;font-size:17px}
.tx-v125-tools .tx-calendar-icon.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.tx-density-compact .tx-row{min-height:50px!important;padding-top:7px!important;padding-bottom:7px!important}
.merchant-rule-v125{gap:8px}
.merchant-rule-v125 .secondary{padding:8px 10px}
.card-delete-v125{width:100%;margin:10px 0 4px}
#card-undo-v125{z-index:99999}

/* =========================================================
   Rufiyaa 12.5.1 — Smart Transactions bugfix & polish
   ========================================================= */

/* One accent system across Transactions */
.tx-search-tools-v1251{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px 44px!important;
  align-items:center!important;
  gap:8px!important;
  margin:8px 0 12px!important;
}
.tx-inline-search-v1251{
  min-width:0!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:var(--card)!important;
}
.tx-inline-search-v1251>span{color:var(--muted)!important;font-size:18px!important}
.tx-inline-search-v1251 .transaction-search{
  min-width:0!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:14px!important;
}
.tx-tool-icon-v1251{
  width:44px!important;height:44px!important;
  display:grid!important;place-items:center!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid var(--border)!important;
  background:var(--card)!important;
  color:var(--text)!important;
}
.tx-tool-icon-v1251 svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.tx-tool-icon-v1251.active{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--accent-soft)!important}
.tx-active-range-v1251{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 2px 12px;color:var(--muted);font-size:11px}
.tx-active-range-v1251 button{border:0;background:transparent;color:var(--accent);font-weight:700}
.tx-date-quick-v1251{display:flex;gap:7px;overflow:auto;margin:-3px 0 14px}
.tx-date-quick-v1251 button{border:1px solid var(--border);background:var(--card);color:var(--text);padding:8px 10px;border-radius:999px;white-space:nowrap}
.tx-date-range-v1251 .field{margin-bottom:10px}

/* Active transaction chips follow chosen Appearance accent */
.chip.active,
html[data-theme="dark"] .chip.active{
  background:var(--accent)!important;
  border-color:var(--accent)!important;
  color:#fff!important;
}
.tabs button.active{color:var(--accent)!important}

/* Clean multi-currency summary cards */
.tx-summary-v1251{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.tx-summary-v1251 .tx-summary-card-v1251{
  min-width:0!important;
  padding:13px 11px!important;
  margin-bottom:14px!important;
}
.tx-summary-values-v1251{
  display:grid!important;
  gap:3px!important;
  margin-top:7px!important;
}
.tx-summary-values-v1251>div{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.tx-summary-values-v1251 strong{
  min-width:0!important;
  font-size:clamp(14px,4vw,19px)!important;
  line-height:1.05!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.tx-summary-values-v1251 span{
  flex:0 0 auto!important;
  font-size:9px!important;
  font-weight:750!important;
  opacity:.78!important;
}
.tx-summary-values-v1251.positive{color:var(--green)!important}
.tx-summary-values-v1251.negative{color:var(--red)!important}
.tx-summary-values-v1251.transfer-amount{color:var(--accent)!important}

/* Transaction detail type badge: readable in both modes and follows appearance */
.detail-card .status{
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)!important;
  font-weight:750!important;
}
html[data-theme="dark"] .detail-card .status{
  background:color-mix(in srgb,var(--accent) 18%,var(--card))!important;
  color:color-mix(in srgb,var(--accent) 78%,white)!important;
}

/* Finance action organization */
.card-detail-actions-v1251{display:grid!important;gap:10px!important;margin:14px 0 0!important}
.card-detail-actions-v1251>.primary{width:100%!important}
.card-detail-actions-v1251>.grid2{gap:10px!important}
.finance-delete-v1251{width:100%!important;margin-top:10px!important}

/* Prevent hard-coded blue transaction action states */
.tx-v125-tools button.active,
.tx-calendar-icon.active{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--accent-soft)!important}

@media(max-width:390px){
 .tx-search-tools-v1251{grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:6px!important}
 .tx-tool-icon-v1251{width:42px!important;height:42px!important}
 .tx-summary-v1251{gap:7px!important}
 .tx-summary-v1251 .tx-summary-card-v1251{padding:12px 9px!important}
 .tx-summary-values-v1251 strong{font-size:14px!important}
 .tx-summary-values-v1251 span{font-size:8px!important}
}

/* Rufiyaa 12.5.2 */
.tx-inline-search-v1251{position:relative}
.tx-search-glyph-v1252{order:3;flex:0 0 auto;color:var(--muted)!important;font-size:18px!important}
.tx-search-clear-v1252{display:none;order:2;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:4px}
.tx-search-clear-v1252.show{display:block}
.tx-empty-v1252{display:grid;gap:10px;justify-items:center}
.tx-empty-v1252 button{width:auto}
.cc-available-v1252{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}
.cc-available-v1252>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.cc-available-v1252>div:first-child span{color:var(--muted)}
.cc-available-v1252 .progress{margin:8px 0 4px}
.cc-available-v1252 small{color:var(--red);font-weight:700}
.laari-mini-fab-v1252{
 position:fixed;right:18px;bottom:92px;z-index:30;width:48px;height:48px;border:0;border-radius:50%;
 background:var(--accent);color:white;font-size:22px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.18)
}
.laari-mini-intro-v1252,.laari-mini-answer-v1252{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.laari-mini-intro-v1252>div:last-child{display:grid;gap:3px}
.laari-mini-intro-v1252 span{font-size:12px;color:var(--muted)}
.laari-mini-mark-v1252{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:18px}
.laari-mini-qs-v1252{display:grid;gap:8px;margin:12px 0 15px}
.laari-mini-qs-v1252 button{text-align:left;padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text)}
.laari-mini-input-v1252{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.laari-mini-input-v1252 input{min-width:0}
.laari-mini-input-v1252 .primary{width:auto;margin:0}
.laari-mini-answer-v1252 p{margin:3px 0 0;line-height:1.5}

/* Rufiyaa 12.5.3 stability + mobile polish */
.laari-mini-fab-v1252{display:none!important}
.laari-mini-tip-v1253{
 position:fixed;z-index:120;left:50%;bottom:92px;transform:translate(-50%,12px);
 background:var(--text);color:var(--bg);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:700;
 opacity:0;transition:.22s ease;pointer-events:none;white-space:nowrap
}
.laari-mini-tip-v1253.show{opacity:1;transform:translate(-50%,0)}
#laari-chat-input,.laari-mini-input-v1252 input{font-size:16px!important}
body.laari-keyboard-open-v1253 .bottom,
body.laari-mini-keyboard-open-v1253 .bottom{display:none!important}
body.laari-keyboard-open-v1253 .laari-chat-composer{bottom:max(8px,env(safe-area-inset-bottom))!important}
body.laari-keyboard-open-v1253 .laari-chat-messages{padding-bottom:110px!important}
body.laari-keyboard-open-v1253 .shell{padding-bottom:96px!important}
@media(max-width:520px){
 .finance-section .amount,.finance-row .amount,.finance-list .amount,.row .amount{font-size:clamp(14px,4.1vw,20px)!important;max-width:48%;overflow-wrap:anywhere;text-align:right}
 .finance-section .big,.finance-detail .big{font-size:clamp(28px,9vw,46px)!important;overflow-wrap:anywhere}
 input,select,textarea{font-size:16px}
 .fab-wrap,.fab{bottom:calc(82px + env(safe-area-inset-bottom))}
 .modal-wrap{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}

/* =========================================================
   Rufiyaa 12.6 — Home Dashboard Expansion + Merchants
   ========================================================= */
.home-customize-bar{display:flex!important;justify-content:space-between!important;gap:8px!important}
.home-customize-bar button{white-space:nowrap!important}
.home-period-v126{display:flex;gap:6px;margin:8px 0 14px;padding:4px;background:var(--card);border:1px solid var(--border);border-radius:14px}
.home-period-v126 button{flex:1;border:0;background:transparent;color:var(--muted);padding:8px 5px;border-radius:10px;font-size:11px;font-weight:700}
.home-period-v126 button.active{background:var(--accent-soft);color:var(--accent)}
.home-spark-v126{width:100%;height:54px;margin:10px 0 4px;overflow:visible}
.home-spark-v126 polyline{fill:none;stroke:var(--accent);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.home-mini-grid-v126{margin-top:12px}
.home-mini-grid-v126>div{display:grid;gap:4px}
.home-mini-grid-v126 span,.home-snapshot-v126 span{font-size:10px;color:var(--muted)}
.home-mini-grid-v126 b,.home-snapshot-v126 b{font-size:13px}
.home-snapshot-v126{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.home-snapshot-v126>div{display:grid;gap:4px}
.home-widget-btn-v126{width:100%;border:0;background:transparent;color:inherit;padding:8px 0}
.home-quick-v126{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.home-quick-v126 button{min-height:52px;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:13px;padding:9px;display:flex;align-items:center;gap:8px;text-align:left}
.home-quick-v126 button span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:800}
.home-pinned-v126{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;color:var(--text);padding:10px 0}
.home-pinned-v126 span{display:grid;gap:3px}.home-pinned-v126 small{color:var(--muted)}
.home-private-widget-v126{min-height:112px;display:grid;align-content:center}
.home-private-mask-v126{font-size:28px;letter-spacing:4px;margin:8px 0}
.home-laari-brief-v126{cursor:pointer}.home-laari-brief-v126 p{margin:8px 0 0;line-height:1.45;color:var(--text)}
.home-privacy-list-v126{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 18px}
.home-privacy-list-v126 label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--border);border-radius:11px;font-size:12px}
.merchant-search-v126{margin-bottom:12px}
.merchant-list-v126,.merchant-payments-v126{display:grid}
.merchant-list-v126>button,.merchant-payments-v126>button{
 width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:13px 2px;
 display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left
}
.merchant-list-v126>button:last-child,.merchant-payments-v126>button:last-child{border-bottom:0}
.merchant-list-v126>button>div,.merchant-payments-v126>button>div{display:grid;gap:3px;min-width:0}
.merchant-list-v126 span,.merchant-payments-v126 span{font-size:11px;color:var(--muted)}
.merchant-list-v126 strong,.merchant-payments-v126 strong{white-space:nowrap}
.merchant-summary-v126{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.merchant-summary-v126>div{display:grid;gap:4px}
.merchant-summary-v126 span{font-size:10px;color:var(--muted)}
.merchant-summary-v126 b{font-size:14px}
.merchant-detail-note-v126{margin-top:12px;text-align:center}
@media(max-width:390px){
 .home-customize-bar{overflow:auto}
 .home-customize-bar button{font-size:10px!important}
 .home-privacy-list-v126{grid-template-columns:1fr}
 .merchant-summary-v126{gap:5px}
 .merchant-summary-v126 b{font-size:12px}
}

/* =========================================================
   Rufiyaa 12.6.1 — usability cleanup
   ========================================================= */
.home-customize-bar{justify-content:flex-start!important}
.home-customize-bar button{width:auto!important}
.accent-check-v1261{color:var(--accent)!important;font-size:18px}

/* Privacy stays automatic: amounts already use moneyPrivate(), no configuration grid needed */
.home-privacy-list-v126{display:none!important}

/* Full-screen Merchants */
.merchant-page-v1261{padding-top:4px}
.merchant-page-head-v1261{
 display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:18px
}
.merchant-page-head-v1261>button{
 width:38px;height:38px;border:0;background:var(--accent-soft);color:var(--accent);
 border-radius:13px;font-size:30px;line-height:1;display:grid;place-items:center;padding:0 0 3px
}
.merchant-page-head-v1261 .title{font-size:28px!important}
.merchant-search-premium-v1261{
 height:52px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));
 border-radius:18px;background:var(--card);display:grid;grid-template-columns:minmax(0,1fr) 24px;
 align-items:center;gap:10px;padding:0 15px;margin-bottom:20px;
 box-shadow:0 7px 22px rgba(0,0,0,.05)
}
.merchant-search-premium-v1261:focus-within{
 border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)
}
.merchant-search-premium-v1261 input{
 width:100%;min-width:0;border:0!important;background:transparent!important;outline:0!important;
 color:var(--text)!important;font-size:16px!important;padding:0!important
}
.merchant-search-premium-v1261 svg{
 width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round
}
.merchant-page-label-v1261{
 display:flex;justify-content:space-between;align-items:center;color:var(--muted);
 font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;margin:0 2px 8px
}
.merchant-page-label-v1261 span{
 color:var(--accent);background:var(--accent-soft);padding:3px 7px;border-radius:999px
}
.merchant-list-page-v1261{
 overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card)
}
.merchant-list-page-v1261>button{
 width:100%;min-height:70px;border:0;border-bottom:1px solid var(--border);
 background:transparent;color:var(--text);display:grid;
 grid-template-columns:42px minmax(0,1fr) auto 14px;align-items:center;gap:11px;padding:12px 14px;text-align:left
}
.merchant-list-page-v1261>button:last-child{border-bottom:0}
.merchant-avatar-v1261,.merchant-hero-icon-v1261{
 display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:850
}
.merchant-avatar-v1261{width:42px;height:42px;border-radius:14px;font-size:17px}
.merchant-main-v1261{display:grid;gap:3px;min-width:0}
.merchant-main-v1261 b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-main-v1261 span{font-size:11px;color:var(--muted)}
.merchant-list-page-v1261 strong{white-space:nowrap;font-size:13px}
.merchant-list-page-v1261 em,.merchant-payments-page-v1261 em{font-style:normal;color:var(--accent);font-size:21px}
.merchant-hero-v1261{
 display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;
 background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent-soft) 35%,var(--card)));
 border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));margin-bottom:10px
}
.merchant-hero-icon-v1261{width:52px;height:52px;border-radius:17px;font-size:22px}
.merchant-hero-v1261>div:last-child{display:grid;gap:3px}
.merchant-hero-v1261 span{font-size:11px;color:var(--muted)}
.merchant-hero-v1261 b{font-size:25px;color:var(--accent)}
.merchant-stats-v1261{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 22px
}
.merchant-stats-v1261>div{
 min-width:0;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--card);display:grid;gap:4px
}
.merchant-stats-v1261 span{font-size:9px;color:var(--muted)}
.merchant-stats-v1261 b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-payments-page-v1261{
 overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card)
}
.merchant-payments-page-v1261>button{
 width:100%;min-height:62px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);
 display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:12px;padding:12px 14px;text-align:left
}
.merchant-payments-page-v1261>button:last-child{border-bottom:0}
.merchant-payments-page-v1261>button>div{display:grid;gap:3px}
.merchant-payments-page-v1261 span{font-size:11px;color:var(--muted)}
.merchant-payments-page-v1261 strong{white-space:nowrap;color:var(--accent)}
@media(max-width:390px){
 .merchant-page-head-v1261 .title{font-size:25px!important}
 .merchant-stats-v1261{gap:6px}
 .merchant-stats-v1261>div{padding:10px 8px}
 .merchant-list-page-v1261>button{grid-template-columns:38px minmax(0,1fr) auto 12px;padding:11px}
 .merchant-avatar-v1261{width:38px;height:38px}
}

/* =========================================================
   Rufiyaa 12.6.2 — consistency, Laari intelligence, Budget cleanup
   ========================================================= */

/* Home: left aligned customize + consistent widget spacing */
.home-customize-bar{justify-content:flex-start!important;padding-left:0!important;margin-left:0!important}
.home-customize-bar button{margin-left:0!important}
.home-widgets{display:grid!important;gap:14px!important}
.home-widgets>*{margin-top:0!important;margin-bottom:0!important}
.home-widgets .home-widget{margin-top:0!important;margin-bottom:0!important}

/* Transactions: merchants on left of search */
.tx-search-tools-v1262{
 display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px!important;
 align-items:center!important;gap:8px!important;margin:8px 0 12px!important
}
.merchant-tool-v1262{color:var(--accent)!important}
.merchant-search-same-v1262{height:44px!important;margin:0 0 16px!important}
@media(max-width:390px){
 .tx-search-tools-v1262{grid-template-columns:42px minmax(0,1fr) 42px 42px!important;gap:6px!important}
}

/* Budget: information first, management second */
.budget-v1262-cycle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.budget-v1262-cycle>div>span{font-size:11px;color:var(--muted)}
.budget-more-v1262{
 border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:12px;
 min-width:38px;height:36px;font-size:16px;font-weight:800
}
.budget-plan-v1262{
 position:relative;margin:14px 0 10px;padding:14px 48px 14px 14px;border:1px solid var(--border);
 border-radius:18px;background:var(--card)
}
.budget-plan-v1262.minimized{padding-top:12px;padding-bottom:12px}
.budget-plan-main-v1262{
 width:100%;padding:0;border:0;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;text-align:left
}
.budget-plan-main-v1262>div{display:grid;gap:4px}
.budget-plan-main-v1262 span{font-size:9px;letter-spacing:.08em;color:var(--muted)}
.budget-plan-main-v1262 b{font-size:14px}
.budget-plan-main-v1262 em{font-style:normal;color:var(--accent);font-size:22px}
.budget-plan-toggle-v1262{
 position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:10px;
 background:var(--accent-soft);color:var(--accent);font-weight:800
}
.budget-plan-v1262 .budget-plan-v14-stats{margin-top:12px}
.budget-plan-v1262>small{display:block;margin-top:8px;color:var(--muted)}
.budget-tools-v1262{
 width:100%;height:44px;margin:0 0 10px;padding:0 13px;border:1px solid var(--border);border-radius:14px;
 background:var(--card);color:var(--text);display:flex;justify-content:space-between;align-items:center;font-weight:700
}
.budget-tools-v1262 em{font-style:normal;color:var(--accent);font-size:20px}

/* Laari bottom-nav chooser */
.laari-choice-v1262{
 position:fixed;z-index:140;left:50%;bottom:78px;transform:translate(-50%,12px);
 display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(290px,calc(100vw - 34px));
 padding:7px;border:1px solid var(--border);border-radius:18px;background:var(--card);
 box-shadow:0 14px 40px rgba(0,0,0,.22);opacity:0;transition:.18s ease
}
.laari-choice-v1262.show{opacity:1;transform:translate(-50%,0)}
.laari-choice-v1262 button{
 border:0;border-radius:13px;background:var(--accent-soft);color:var(--text);padding:11px 10px;
 display:grid;gap:2px;text-align:center
}
.laari-choice-v1262 button span{font-size:13px;font-weight:800;color:var(--accent)}
.laari-choice-v1262 button small{font-size:9px;color:var(--muted)}

/* Context-aware Quick Ask */
.quick-ask-v1262{display:grid;gap:14px}
.quick-ask-head-v1262{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:10px}
.quick-ask-mark-v1262{width:42px;height:42px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:19px;font-weight:850}
.quick-ask-head-v1262>div:nth-child(2){display:grid;gap:2px}
.quick-ask-head-v1262 b{font-size:18px}.quick-ask-head-v1262 span{font-size:11px;color:var(--muted)}
.quick-ask-head-v1262>button{width:34px;height:34px;border:0;border-radius:11px;background:var(--bg);color:var(--muted);font-size:20px}
.quick-ask-suggestions-v1262{display:flex;flex-wrap:wrap;gap:7px}
.quick-ask-suggestions-v1262 button{
 border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;
 background:var(--accent-soft);color:var(--accent);padding:9px 11px;font-size:11px;font-weight:700
}
.quick-ask-form-v1262{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center}
.quick-ask-form-v1262 input{
 height:46px;border:1px solid var(--border);border-radius:15px;background:var(--bg);color:var(--text);padding:0 13px;font-size:16px
}
.quick-ask-form-v1262 input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.quick-ask-form-v1262 button{height:42px;border:0;border-radius:13px;background:var(--accent);color:white;font-size:18px;font-weight:800}
.quick-ask-answer-v1262{max-height:42vh;overflow:auto;padding:14px;border-radius:17px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}
.quick-ask-answer-v1262 p{margin:0;line-height:1.55}
.quick-ask-after-v1262{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.quick-ask-after-v1262 button{border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);padding:10px;font-weight:700}
.quick-ask-after-v1262 button:last-child{background:var(--accent);border-color:var(--accent);color:white}

/* Focused Insights: no page scrolling */
.laari-focus-v1262{
 height:calc(100dvh - 205px);min-height:420px;overflow:hidden;display:grid;
 grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;padding-bottom:6px
}
.laari-focus-welcome-v1262{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center}
.laari-focus-welcome-v1262 .laari-mark{width:40px;height:40px}
.laari-focus-welcome-v1262>div:last-child{display:grid;gap:2px}
.laari-focus-welcome-v1262 b{font-size:16px}.laari-focus-welcome-v1262 span{font-size:10px;color:var(--muted)}
.laari-urgency-tabs-v1262{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.laari-urgency-tabs-v1262 button{
 border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--muted);
 padding:7px 3px;font-size:9px;font-weight:800
}
.laari-urgency-tabs-v1262 button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.laari-focus-count-v1262{text-align:right;color:var(--muted);font-size:9px;padding-right:2px}
.laari-focus-cards-v1262{min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}
.laari-focus-card-v1262{
 min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card);padding:11px 12px;
 display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:5px
}
.laari-focus-card-v1262.important{border-color:color-mix(in srgb,var(--red) 35%,var(--border))}
.laari-focus-card-v1262.watch{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}
.laari-focus-card-v1262.positive{border-color:color-mix(in srgb,var(--green) 30%,var(--border))}
.laari-focus-top-v1262{display:grid;gap:2px}
.laari-focus-top-v1262 span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:850}
.laari-focus-card-v1262.important .laari-focus-top-v1262 span{color:var(--red)}
.laari-focus-card-v1262.positive .laari-focus-top-v1262 span{color:var(--green)}
.laari-focus-top-v1262 b{font-size:12px;line-height:1.2}
.laari-focus-card-v1262 p{margin:0;font-size:10px;line-height:1.35;color:var(--muted);overflow:hidden}
.laari-focus-actions-v1262{display:flex;gap:6px}
.laari-focus-actions-v1262 button{border:0;border-radius:9px;background:var(--accent-soft);color:var(--accent);padding:6px 8px;font-size:9px;font-weight:800}
.laari-focus-empty-v1262{align-self:start;border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;gap:5px}
.laari-focus-empty-v1262 span{font-size:11px;color:var(--muted)}
@media(max-height:720px){
 .laari-focus-v1262{height:calc(100dvh - 190px)}
 .laari-focus-cards-v1262{grid-template-rows:repeat(2,minmax(0,1fr))}
 .laari-focus-card-v1262:nth-child(n+3){display:none}
}

/* =========================================================
   Rufiyaa 12.6.3 — interface polish
   ========================================================= */

/* Home */
.home-customize-bar{justify-content:flex-end!important}
.home-widgets{gap:14px!important}
.home-widgets .hero,
.home-widgets .home-networth-card,
.home-widgets .mini-laari,
.home-widgets .card{margin-top:0!important;margin-bottom:0!important}
.home-widgets>*+*{margin-top:0!important}

/* Merchants search uses the exact Transaction search field behavior */
.merchant-search-same-v1262{
 width:100%!important;
 height:44px!important;
 margin:0 0 18px!important;
 box-sizing:border-box!important;
}
.merchant-search-same-v1262 .transaction-search{
 flex:1 1 auto!important;
 width:100%!important;
 min-width:0!important;
 height:100%!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 background:transparent!important;
 box-shadow:none!important;
}

/* Budget Customize restored as a visible action */
.budget-customize-v1263{
 align-self:center;border:0;background:transparent;color:var(--accent);
 font-size:12px;font-weight:800;padding:8px 0 8px 12px
}

/* Separate floating Laari choices */
.laari-choice-v1262{
 position:fixed!important;z-index:160!important;left:50%!important;bottom:102px!important;
 width:min(320px,calc(100vw - 42px))!important;height:auto!important;padding:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 display:flex!important;justify-content:center!important;gap:12px!important;
 transform:translate(-50%,14px)!important;opacity:0!important;transition:.18s ease!important;
 pointer-events:none!important;
}
.laari-choice-v1262.show{
 opacity:1!important;transform:translate(-50%,0)!important;pointer-events:auto!important
}
.laari-choice-bubble-v1263{
 flex:0 1 145px!important;min-height:58px!important;padding:10px 14px!important;
 border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;
 border-radius:999px!important;background:var(--card)!important;color:var(--text)!important;
 box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
 display:grid!important;place-items:center!important;gap:2px!important;text-align:center!important
}
.laari-choice-bubble-v1263 span{font-size:13px!important;font-weight:850!important;color:var(--accent)!important}
.laari-choice-bubble-v1263 small{font-size:9px!important;color:var(--muted)!important}
.laari-choice-bubble-v1263.full{transform:translateY(-10px)}
.laari-choice-bubble-v1263.ask{transform:translateY(-10px)}

/* Laari sticky top + zero-scroll Insights */
body.laari-insights-active-v1263{overflow:hidden!important}
body.laari-insights-active-v1263 .shell{height:calc(100dvh - 72px)!important;overflow:hidden!important}
.laari-root-v1263{
 height:calc(100dvh - 88px)!important;min-height:0!important;display:grid!important;
 grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important
}
.laari-sticky-header-v1263{
 position:sticky!important;top:0!important;z-index:30!important;background:var(--bg)!important;
 padding-bottom:8px!important;margin-bottom:0!important
}
.laari-swipe-v1263{min-height:0!important;height:100%!important;overflow:hidden!important}
.laari-swipe-v1263 .laari-track{height:100%!important}
.laari-swipe-v1263 .laari-panel{height:100%!important;min-height:0!important;overflow:hidden!important}

.laari-focus-v1263{
 position:relative;height:100%!important;min-height:0!important;overflow:hidden!important;
 display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;
 padding:2px 0 8px!important
}
.laari-watermark-v1263{
 position:absolute;z-index:0;right:-105px;top:42px;
 font-size:320px;line-height:.8;font-weight:900;color:transparent;
 -webkit-text-stroke:1.3px color-mix(in srgb,var(--accent) 10%,transparent);
 text-stroke:1.3px color-mix(in srgb,var(--accent) 10%,transparent);
 opacity:.55;pointer-events:none;user-select:none
}
.laari-focus-v1263>*:not(.laari-watermark-v1263){position:relative;z-index:1}
.laari-focus-cards-v1263{
 min-height:0!important;height:100%!important;overflow:hidden!important;
 display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:7px!important
}
.laari-focus-cards-v1263 .laari-focus-card-v1262{
 min-height:0!important;height:auto!important;margin:0!important;
 padding:9px 11px!important;border-radius:15px!important
}
.laari-focus-cards-v1263 .laari-focus-card-v1262 p{font-size:9.5px!important;line-height:1.28!important}
.laari-focus-cards-v1263 .laari-focus-top-v1262 b{font-size:11.5px!important}
.laari-focus-cards-v1263 .laari-focus-actions-v1262 button{padding:5px 7px!important;font-size:8.5px!important}
@media(max-height:760px){
 .laari-focus-cards-v1263{grid-template-rows:repeat(2,minmax(0,1fr))!important}
 .laari-focus-cards-v1263>*:nth-child(n+3){display:none!important}
}
@media(max-height:650px){
 .laari-urgency-tabs-v1262 button{padding:6px 2px!important;font-size:8.5px!important}
 .laari-focus-cards-v1263 .laari-focus-card-v1262{padding:8px 10px!important}
}

/* Chat: remove dead space and keep messages naturally attached to the composer */
.laari-chat-shell-v1263{
 height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;padding:0!important
}
.laari-chat-shell-v1263 .laari-chat-messages{
 flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;
 display:flex!important;flex-direction:column!important;padding-top:8px!important;padding-bottom:14px!important
}
.laari-chat-shell-v1263 .laari-chat-messages>*:first-child{margin-top:auto!important}
.laari-chat-composer{z-index:35!important}

/* =========================================================
   Rufiyaa 12.6.4 — Laari viewport + chooser fixes
   ========================================================= */

/* Laari chooser floats higher and stands clearly above navigation */
.laari-choice-v1262{
 bottom:132px!important;
 gap:14px!important;
}
.laari-choice-bubble-v1263{
 min-height:56px!important;
 box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.laari-choice-hidden-v1264{
 opacity:0!important;
 pointer-events:none!important;
 transform:scale(.92)!important;
 transition:.16s ease!important;
}

/* Whole Laari workspace stays inside viewport */
body.laari-fixed-page-v1264{
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
body.laari-fixed-page-v1264 .shell{
 height:calc(100dvh - 72px)!important;
 max-height:calc(100dvh - 72px)!important;
 overflow:hidden!important;
}
.laari-root-v1264{
 position:relative!important;
 height:calc(100dvh - 82px)!important;
 max-height:calc(100dvh - 82px)!important;
 min-height:0!important;
 display:grid!important;
 grid-template-rows:auto minmax(0,1fr)!important;
 overflow:hidden!important;
}
.laari-swipe-v1264{
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
}
.laari-swipe-v1264 .laari-track,
.laari-swipe-v1264 .laari-panel{
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
}

/* Shared large cropped outline watermark: clipping is viewport edge, not card edge */
.laari-panel-bg-v1264{
 position:relative!important;
 overflow:visible!important;
}
.laari-watermark-v1263,
.laari-watermark-v1264{
 position:fixed!important;
 z-index:0!important;
 right:-155px!important;
 top:29vh!important;
 font-size:min(76vw,430px)!important;
 line-height:.72!important;
 font-weight:900!important;
 color:transparent!important;
 -webkit-text-stroke:1.15px color-mix(in srgb,var(--accent) 12%,transparent)!important;
 text-stroke:1.15px color-mix(in srgb,var(--accent) 12%,transparent)!important;
 opacity:.46!important;
 pointer-events:none!important;
 user-select:none!important;
}
.laari-watermark-v1264{top:31vh!important}
.laari-panel-bg-v1264>*:not(.laari-watermark-v1263):not(.laari-watermark-v1264){
 position:relative!important;
 z-index:1!important;
}

/* Insight cards let the outline show through */
.laari-focus-cards-v1263 .laari-focus-card-v1262{
 background:color-mix(in srgb,var(--card) 76%,transparent)!important;
 -webkit-backdrop-filter:blur(7px)!important;
 backdrop-filter:blur(7px)!important;
}
html[data-theme="dark"] .laari-focus-cards-v1263 .laari-focus-card-v1262{
 background:color-mix(in srgb,var(--card) 70%,transparent)!important;
}

/* Fixed Chat side: no page scroll, proper conversation area, composer stays below messages */
.laari-chat-shell-v1264{
 position:relative!important;
 height:100%!important;
 min-height:0!important;
 overflow:hidden!important;
 display:grid!important;
 grid-template-rows:34px minmax(0,1fr)!important;
 padding:0 0 78px!important;
}
.laari-chat-actions-v1264{
 display:flex!important;
 justify-content:flex-end!important;
 align-items:center!important;
 padding:2px 2px 5px!important;
}
.laari-chat-actions-v1264 button{
 border:0!important;
 background:var(--accent-soft)!important;
 color:var(--accent)!important;
 border-radius:999px!important;
 padding:7px 11px!important;
 font-size:10px!important;
 font-weight:800!important;
}
.laari-chat-shell-v1264 .laari-chat-messages{
 min-height:0!important;
 height:100%!important;
 overflow-y:auto!important;
 overscroll-behavior:contain!important;
 display:block!important;
 padding:8px 2px 16px!important;
 scroll-padding-bottom:24px!important;
}
.laari-chat-shell-v1264 .laari-chat-messages>*:first-child{
 margin-top:0!important;
}
.laari-chat-shell-v1264 .laari-chat-line{
 position:relative!important;
 z-index:2!important;
}
.laari-chat-composer-v1264{
 position:fixed!important;
 left:max(12px,env(safe-area-inset-left))!important;
 right:max(12px,env(safe-area-inset-right))!important;
 bottom:calc(74px + env(safe-area-inset-bottom))!important;
 width:auto!important;
 z-index:170!important;
}
body.laari-keyboard-open-v1253 .laari-chat-composer-v1264{
 bottom:max(8px,env(safe-area-inset-bottom))!important;
}
body.laari-keyboard-open-v1253 .bottom{
 display:none!important;
}
body.laari-keyboard-open-v1253 .laari-chat-shell-v1264{
 padding-bottom:70px!important;
}
.laari-quick-panel{
 z-index:175!important;
}

/* Keep latest response clear of composer */
.laari-chat-messages .laari-chat-line:last-child{
 margin-bottom:18px!important;
}

/* =========================================================
   Rufiyaa 12.6.5 — Laari workspace rebuild
   ========================================================= */

/* chooser */
.laari-choice-v1262{bottom:146px!important}
.laari-choice-hidden-v1264{display:none!important}

/* fixed full Laari workspace based on the actual visual viewport */
body.laari-fixed-page-v1265{
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
body.laari-fixed-page-v1265 .shell{
 position:fixed!important;
 top:var(--laari-vv-top,0px)!important;
 left:0!important;right:0!important;
 height:var(--laari-vv-height,100dvh)!important;
 max-height:var(--laari-vv-height,100dvh)!important;
 padding-bottom:72px!important;
 overflow:hidden!important;
 box-sizing:border-box!important;
}
body.laari-keyboard-open-v1253 .shell{
 padding-bottom:0!important;
}
body.laari-keyboard-open-v1253 .bottom{display:none!important}

.laari-root-v1265{
 height:100%!important;
 min-height:0!important;
 display:grid!important;
 grid-template-rows:auto minmax(0,1fr) auto!important;
 overflow:hidden!important;
 position:relative!important;
}
.laari-sticky-header-v1265{
 z-index:40!important;
 padding:8px 0 7px!important;
 background:var(--bg)!important;
 border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
}
.laari-sticky-header-v1265 .laari-sticky-title{
 font-size:27px!important;line-height:1.05!important;font-weight:900!important
}
.laari-swipe-v1265{
 min-height:0!important;height:100%!important;overflow:hidden!important
}
.laari-swipe-v1265 .laari-track{
 height:100%!important;min-height:0!important
}
.laari-swipe-v1265 .laari-panel{
 height:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important
}

/* Split watermark — one continuous oversized symbol across the page boundary */
.laari-split-watermark-v1265{
 position:absolute!important;
 top:50%!important;
 font-size:min(122vw,620px)!important;
 line-height:.72!important;
 font-weight:900!important;
 color:transparent!important;
 -webkit-text-stroke:1.25px color-mix(in srgb,var(--accent) 11%,transparent)!important;
 text-stroke:1.25px color-mix(in srgb,var(--accent) 11%,transparent)!important;
 opacity:.52!important;
 transform:translateY(-50%)!important;
 pointer-events:none!important;
 user-select:none!important;
 z-index:0!important;
}
.laari-split-watermark-v1265.insights-half{
 right:0!important;
 transform:translate(50%,-50%)!important;
}
.laari-split-watermark-v1265.chat-half{
 left:0!important;
 transform:translate(-50%,-50%)!important;
}

/* Insights: absolutely no page scrolling */
.laari-focus-v1265{
 position:relative!important;
 height:100%!important;min-height:0!important;overflow:hidden!important;
 display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;
 padding:7px 0 8px!important
}
.laari-focus-v1265>*:not(.laari-split-watermark-v1265){position:relative!important;z-index:2!important}
.laari-focus-cards-v1265{
 min-height:0!important;height:100%!important;overflow:hidden!important;
 display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important
}
.laari-focus-cards-v1265 .laari-focus-card-v1262{
 margin:0!important;min-height:0!important;overflow:hidden!important;
 background:color-mix(in srgb,var(--card) 65%,transparent)!important;
 -webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important
}
@media(max-height:760px){
 .laari-focus-cards-v1265{grid-template-rows:repeat(2,minmax(0,1fr))!important}
 .laari-focus-cards-v1265>*:nth-child(n+3){display:none!important}
}

/* ChatGPT-like chat: top control + only messages scroll */
.laari-chat-shell-v1265{
 position:relative!important;
 height:100%!important;min-height:0!important;overflow:hidden!important;
 display:grid!important;grid-template-rows:38px minmax(0,1fr)!important;
 padding:0!important
}
.laari-chat-shell-v1265>*:not(.laari-split-watermark-v1265){position:relative!important;z-index:2!important}
.laari-chat-top-v1265{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 padding:3px 1px 4px!important
}
.laari-chat-top-v1265 button{
 border:0!important;background:var(--accent-soft)!important;color:var(--accent)!important;
 border-radius:999px!important;padding:7px 12px!important;font-size:10px!important;font-weight:800!important
}
.laari-chat-messages-v1265{
 min-height:0!important;height:100%!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
 padding:8px 2px 18px!important;scroll-padding-bottom:18px!important;
 display:block!important
}
.laari-chat-messages-v1265 .laari-chat-line{position:relative!important;z-index:3!important}
.laari-chat-messages-v1265 .laari-chat-line:last-child{margin-bottom:4px!important}
.laari-chat-messages-v1265 .laari-chat-empty{
 min-height:100%!important;display:grid!important;place-content:center!important;text-align:center!important
}

/* Dock sits in layout, not fixed over messages */
.laari-chat-dock-v1265{
 display:none!important;
 position:relative!important;z-index:60!important;
 padding:6px 0 max(5px,env(safe-area-inset-bottom))!important;
 background:linear-gradient(to bottom,transparent 0,var(--bg) 18px)!important
}
body.laari-chat-active .laari-chat-dock-v1265{display:block!important}
.laari-chat-composer-v1265{
 display:flex!important;align-items:flex-end!important;gap:7px!important;
 min-height:56px!important;padding:7px!important;
 background:var(--card)!important;border:1px solid var(--border)!important;
 border-radius:24px!important;box-shadow:0 7px 24px rgba(0,0,0,.11)!important
}
.laari-chat-composer-v1265 textarea{
 flex:1!important;min-width:0!important;height:44px!important;max-height:110px!important;
 resize:none!important;border:0!important;background:transparent!important;color:var(--text)!important;
 padding:11px 4px 6px!important;margin:0!important;outline:0!important;
 font:inherit!important;font-size:16px!important;line-height:1.35!important
}
body.laari-keyboard-open-v1253 .laari-chat-dock-v1265{
 padding-bottom:max(2px,env(safe-area-inset-bottom))!important
}
body.laari-keyboard-open-v1253 .laari-chat-composer-v1265{
 margin-bottom:0!important
}

/* Quick questions attach directly above composer */
.laari-chat-dock-v1265 .laari-quick-panel{
 position:absolute!important;
 left:0!important;bottom:64px!important;z-index:80!important
}

/* Quick Ask uses a balanced panel rather than content pinned at the bottom */
.quick-ask-v1265{
 min-height:min(320px,54dvh)!important;
 align-content:center!important;
 gap:14px!important
}
.quick-ask-v1265.expanded{
 min-height:min(280px,48dvh)!important
}
.quick-ask-v1265 .quick-ask-answer-v1262{
 max-height:32dvh!important;overflow:auto!important
}

/* Native-style confirmation */
.laari-new-chat-confirm-v1265 p{
 margin:4px 0 18px!important;color:var(--muted)!important;line-height:1.45!important
}

/* =========================================================
   Rufiyaa 12.6.6 — matched edge watermark + composer restore
   ========================================================= */

/* Remove the old per-panel watermark implementation from view. */
.laari-split-watermark-v1265{display:none!important}

/* Two viewport-edge clipping windows showing the exact same oversized mark. */
.laari-edge-watermark-v1266{
 position:fixed!important;
 top:0!important;
 bottom:0!important;
 width:50vw!important;
 overflow:hidden!important;
 pointer-events:none!important;
 user-select:none!important;
 z-index:0!important;
}
.laari-edge-watermark-v1266.insights-half{right:0!important}
.laari-edge-watermark-v1266.chat-half{left:0!important}
.laari-edge-watermark-v1266 span{
 position:absolute!important;
 top:57%!important;
 font-size:min(132vw,680px)!important;
 line-height:.72!important;
 font-weight:900!important;
 color:transparent!important;
 -webkit-text-stroke:1.3px color-mix(in srgb,var(--accent) 11%,transparent)!important;
 text-stroke:1.3px color-mix(in srgb,var(--accent) 11%,transparent)!important;
 opacity:.52!important;
 white-space:nowrap!important;
}
/* Same symbol center, mirrored clipping at the physical phone edges. */
.laari-edge-watermark-v1266.insights-half span{
 right:0!important;
 transform:translate(50%,-50%)!important;
}
.laari-edge-watermark-v1266.chat-half span{
 left:0!important;
 transform:translate(-50%,-50%)!important;
}

/* Composer is a true dock: never lost below the viewport. */
.laari-root-v1265{position:relative!important}
.laari-chat-dock-v1265{
 display:none!important;
 position:absolute!important;
 left:0!important;
 right:0!important;
 bottom:0!important;
 z-index:120!important;
 padding:8px 0 max(6px,env(safe-area-inset-bottom))!important;
 background:linear-gradient(to bottom,transparent 0,var(--bg) 20px,var(--bg) 100%)!important;
}
body.laari-chat-active .laari-chat-dock-v1265,
.laari-chat-dock-v1265.show-v1266{
 display:block!important;
}
.laari-chat-composer-v1265{
 width:100%!important;
 box-sizing:border-box!important;
 margin:0!important;
}
.laari-swipe-v1265 .laari-panel:nth-child(2){
 padding-bottom:76px!important;
 box-sizing:border-box!important;
}
.laari-chat-shell-v1265{
 padding-bottom:0!important;
}

/* Keyboard: viewport shrinks; dock stays at the new bottom with no artificial gap. */
body.laari-keyboard-open-v1253 .laari-chat-dock-v1265{
 bottom:0!important;
 padding-bottom:max(2px,env(safe-area-inset-bottom))!important;
}
body.laari-keyboard-open-v1253 .laari-swipe-v1265 .laari-panel:nth-child(2){
 padding-bottom:70px!important;
}

/* Ensure empty-chat artwork is truly centered in available message area. */
.laari-chat-messages-v1265 .laari-chat-empty{
 height:100%!important;
 min-height:0!important;
 display:grid!important;
 place-content:center!important;
 text-align:center!important;
 padding:0 22px!important;
 box-sizing:border-box!important;
}

/* Foreground stays readable over the watermark. */
.laari-focus-v1265,
.laari-chat-shell-v1265{isolation:isolate!important}
.laari-focus-v1265>*:not(.laari-edge-watermark-v1266),
.laari-chat-shell-v1265>*:not(.laari-edge-watermark-v1266){
 position:relative!important;
 z-index:2!important;
}

/* =========================================================
   Rufiyaa 12.6.7 — clean Laari rebuild
   All primary layout selectors are new and isolated.
   ========================================================= */

body.laari7-active{
 overflow:hidden!important;
 overscroll-behavior:none!important;
}
body.laari7-active .shell{
 position:fixed!important;
 top:var(--laari7-top,0px)!important;
 left:0!important;right:0!important;
 width:100vw!important;
 height:var(--laari7-h,100dvh)!important;
 max-height:var(--laari7-h,100dvh)!important;
 overflow:hidden!important;
 padding:0 15px 74px!important;
 box-sizing:border-box!important;
}
body.laari7-keyboard .shell{padding-bottom:0!important}
body.laari7-keyboard .bottom{display:none!important}

.laari7{
 width:100%!important;height:100%!important;min-height:0!important;
 display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;
 overflow:hidden!important;position:relative!important;
}
.laari7-header{
 padding:10px 0 8px!important;background:var(--bg)!important;z-index:30!important;
 border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important
}
.laari7-eyebrow{
 font-size:10px!important;line-height:1.15!important;text-transform:uppercase!important;
 letter-spacing:.1em!important;color:var(--muted)!important;margin-bottom:3px!important
}
.laari7-title{font-size:27px!important;font-weight:900!important;line-height:1.02!important;letter-spacing:-.03em!important}
.laari7-tabs{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;
 margin-top:10px!important;padding:4px!important;border:1px solid var(--border)!important;
 border-radius:15px!important;background:var(--card)!important
}
.laari7-tab{
 height:36px!important;border:0!important;border-radius:11px!important;background:transparent!important;
 color:var(--muted)!important;font-size:13px!important;font-weight:800!important
}
.laari7-tab.active{background:color-mix(in srgb,var(--accent) 13%,var(--card))!important;color:var(--accent)!important}

.laari7-content{position:relative!important;min-height:0!important;height:100%!important;overflow:hidden!important}
.laari7-panel{
 position:absolute!important;inset:0!important;display:none!important;overflow:hidden!important;
 min-height:0!important;height:100%!important
}
.laari7-panel.active{display:grid!important}
.laari7-panel.insights{
 grid-template-rows:auto minmax(0,1fr)!important;gap:9px!important;padding-top:8px!important
}
.laari7-panel.chat{
 grid-template-rows:36px minmax(0,1fr) auto!important;
 padding-top:5px!important
}

/* one identical mark, opposite halves, clipped by the physical viewport edges */
.laari7-watermark{
 position:fixed!important;top:0!important;bottom:0!important;width:50vw!important;
 overflow:hidden!important;z-index:0!important;pointer-events:none!important
}
.laari7-watermark.right{right:0!important}
.laari7-watermark.left{left:0!important}
.laari7-watermark span{
 position:absolute!important;top:57%!important;font-size:min(142vw,720px)!important;
 line-height:.72!important;font-weight:900!important;color:transparent!important;
 -webkit-text-stroke:1.2px color-mix(in srgb,var(--accent) 10%,transparent)!important;
 text-stroke:1.2px color-mix(in srgb,var(--accent) 10%,transparent)!important;
 opacity:.52!important;white-space:nowrap!important
}
.laari7-watermark.right span{right:0!important;transform:translate(50%,-50%)!important}
.laari7-watermark.left span{left:0!important;transform:translate(-50%,-50%)!important}

.laari7-filter{
 position:relative!important;z-index:2!important;
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important
}
.laari7-filter button{
 height:32px!important;min-height:32px!important;border:1px solid var(--border)!important;
 border-radius:10px!important;background:color-mix(in srgb,var(--card) 82%,transparent)!important;
 color:var(--muted)!important;font-size:9px!important;font-weight:800!important;padding:0 4px!important
}
.laari7-filter button.active{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--accent-soft)!important}

.laari7-insight-cards{
 position:relative!important;z-index:2!important;min-height:0!important;height:100%!important;
 display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:hidden!important
}
.laari7-insight-cards .laari-focus-card-v1262{
 min-height:0!important;height:auto!important;margin:0!important;padding:11px 12px!important;
 background:color-mix(in srgb,var(--card) 58%,transparent)!important;
 -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
 border-radius:16px!important;overflow:hidden!important
}
.laari7-insight-cards .laari-focus-card-v1262 p{font-size:10px!important;line-height:1.3!important}
.laari7-insight-cards .laari-focus-top-v1262 b{font-size:12px!important}
.laari7-no-insight{
 align-self:start!important;border:1px solid var(--border)!important;border-radius:16px!important;
 padding:16px!important;background:color-mix(in srgb,var(--card) 58%,transparent)!important;
 display:grid!important;gap:5px!important;position:relative!important;z-index:2!important
}
.laari7-no-insight span{font-size:11px!important;color:var(--muted)!important}
@media(max-height:760px){
 .laari7-insight-cards{grid-template-rows:repeat(2,minmax(0,1fr))!important}
 .laari7-insight-cards>*:nth-child(n+3){display:none!important}
}

/* Chat: only this area scrolls */
.laari7-chatbar{
 position:relative!important;z-index:2!important;display:flex!important;justify-content:flex-end!important;align-items:center!important
}
.laari7-chatbar button{
 border:0!important;background:var(--accent-soft)!important;color:var(--accent)!important;
 border-radius:999px!important;padding:7px 12px!important;font-size:10px!important;font-weight:800!important
}
.laari7-messages{
 position:relative!important;z-index:2!important;min-height:0!important;height:100%!important;
 overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
 padding:8px 2px 12px!important;box-sizing:border-box!important
}
.laari7-messages .laari-chat-line:last-child{margin-bottom:8px!important}
.laari7-empty{
 min-height:100%!important;display:grid!important;place-content:center!important;text-align:center!important;
 gap:7px!important;padding:20px!important;box-sizing:border-box!important;color:var(--muted)!important
}
.laari7-empty-mark{
 width:44px!important;height:44px!important;border-radius:50%!important;margin:0 auto 2px!important;
 display:grid!important;place-items:center!important;background:var(--accent-soft)!important;color:var(--accent)!important;
 font-size:20px!important;font-weight:900!important
}
.laari7-empty b{font-size:16px!important;color:var(--text)!important}.laari7-empty span{font-size:11px!important;line-height:1.4!important}

.laari7-composer-wrap{
 position:relative!important;z-index:5!important;padding:6px 0 max(5px,env(safe-area-inset-bottom))!important;
 background:linear-gradient(to bottom,transparent,var(--bg) 13px,var(--bg))!important
}
.laari7-composer{
 display:flex!important;align-items:flex-end!important;gap:7px!important;
 width:100%!important;min-height:56px!important;padding:7px!important;box-sizing:border-box!important;
 border:1px solid var(--border)!important;border-radius:24px!important;background:var(--card)!important;
 box-shadow:0 7px 24px rgba(0,0,0,.11)!important
}
.laari7-composer textarea{
 flex:1!important;min-width:0!important;height:44px!important;max-height:110px!important;
 resize:none!important;border:0!important;outline:0!important;background:transparent!important;
 color:var(--text)!important;padding:11px 4px 6px!important;margin:0!important;
 font:inherit!important;font-size:16px!important;line-height:1.35!important
}
.laari7-composer-wrap .laari-quick-panel{
 position:absolute!important;left:0!important;bottom:68px!important;z-index:20!important
}
body.laari7-keyboard .laari7-composer-wrap{padding-bottom:max(2px,env(safe-area-inset-bottom))!important}

/* Quick Ask: compact content-sized floating sheet */
.modal-wrap:has(.laari7-quick){align-items:flex-end!important}
.modal:has(.laari7-quick){
 width:calc(100% - 20px)!important;max-width:620px!important;
 min-height:0!important;height:auto!important;max-height:68dvh!important;
 margin:0 auto max(12px,env(safe-area-inset-bottom))!important;
 padding:16px!important;border-radius:24px!important;overflow:auto!important
}
.laari7-quick{display:grid!important;gap:13px!important;min-height:0!important}
.laari7-quick-head{display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;gap:10px!important;align-items:center!important}
.laari7-quick-mark{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--accent-soft)!important;color:var(--accent)!important;display:grid!important;place-items:center!important;font-size:19px!important;font-weight:900!important}
.laari7-quick-head>div:nth-child(2){display:grid!important;gap:2px!important}
.laari7-quick-head b{font-size:18px!important}.laari7-quick-head span{font-size:11px!important;color:var(--muted)!important}
.laari7-quick-head>button{width:34px!important;height:34px!important;border:0!important;border-radius:11px!important;background:var(--bg)!important;color:var(--muted)!important;font-size:20px!important}
.laari7-quick-suggestions{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.laari7-quick-suggestions button{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;border-radius:999px!important;background:var(--accent-soft)!important;color:var(--accent)!important;padding:8px 11px!important;font-size:11px!important;font-weight:750!important}
.laari7-quick-form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important}
.laari7-quick-form input{height:46px!important;border:1px solid var(--border)!important;border-radius:15px!important;background:var(--bg)!important;color:var(--text)!important;padding:0 13px!important;font-size:16px!important}
.laari7-quick-form button{height:44px!important;border:0!important;border-radius:14px!important;background:var(--accent)!important;color:white!important;font-size:19px!important;font-weight:850!important}
.laari7-quick-answer{max-height:34dvh!important;overflow:auto!important;padding:13px!important;border-radius:16px!important;background:var(--accent-soft)!important}
.laari7-quick-answer p{margin:0!important;line-height:1.5!important}
.laari7-quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.laari7-quick-actions button{border:1px solid var(--border)!important;border-radius:13px!important;background:var(--card)!important;color:var(--text)!important;padding:10px!important;font-weight:750!important}
.laari7-quick-actions button:last-child{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}

/* =========================================================
   Rufiyaa 12.6.8 — Laari rendering fix + premium rebuild
   ========================================================= */

body.laari7-active{overflow:hidden!important;overscroll-behavior:none!important}
body.laari7-active .shell{
 position:fixed!important;top:var(--laari7-top,0px)!important;left:0!important;right:0!important;
 width:100vw!important;height:var(--laari7-h,100dvh)!important;max-height:var(--laari7-h,100dvh)!important;
 overflow:hidden!important;padding:0 15px 74px!important;box-sizing:border-box!important
}
body.laari7-keyboard .shell{padding-bottom:0!important}
body.laari7-keyboard .bottom{display:none!important}

.laari8{
 width:100%!important;height:100%!important;display:grid!important;
 grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;position:relative!important
}
.laari8-header{
 position:relative!important;z-index:30!important;padding:10px 0 9px!important;
 background:var(--bg)!important;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important
}
.laari8-eyebrow{
 margin:0 0 3px!important;color:var(--muted)!important;font-size:10px!important;line-height:1.15!important;
 letter-spacing:.11em!important;text-transform:uppercase!important
}
.laari8-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.laari8-title{font-size:28px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.035em!important}
.laari8-status{
 display:flex!important;align-items:center!important;gap:5px!important;padding:5px 8px!important;
 border-radius:999px!important;background:color-mix(in srgb,var(--green) 10%,transparent)!important;
 color:var(--green)!important;font-size:9px!important;font-weight:800!important
}
.laari8-status i{width:5px!important;height:5px!important;border-radius:50%!important;background:currentColor!important}
.laari8-tabs{
 display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:10px!important;
 padding:4px!important;border:1px solid var(--border)!important;border-radius:15px!important;
 background:color-mix(in srgb,var(--card) 90%,transparent)!important
}
.laari8-tab{
 height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;
 color:var(--muted)!important;font-size:13px!important;font-weight:820!important
}
.laari8-tab.active{
 background:color-mix(in srgb,var(--accent) 13%,var(--card))!important;color:var(--accent)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)!important
}

.laari8-content{position:relative!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.laari8-panel{
 position:absolute!important;inset:0!important;display:none!important;height:100%!important;min-height:0!important;
 overflow:hidden!important
}
.laari8-panel.active{display:grid!important}
.laari8-panel.insights{
 grid-template-rows:auto minmax(0,1fr)!important;gap:9px!important;padding-top:9px!important
}
.laari8-panel.chat{
 grid-template-rows:38px minmax(0,1fr) auto!important;padding-top:6px!important
}

/* Identical split watermark at true viewport edges */
.laari8-watermark{
 position:fixed!important;top:0!important;bottom:0!important;width:50vw!important;
 overflow:hidden!important;z-index:0!important;pointer-events:none!important
}
.laari8-watermark.right{right:0!important}.laari8-watermark.left{left:0!important}
.laari8-watermark span{
 position:absolute!important;top:57%!important;font-size:min(142vw,720px)!important;line-height:.72!important;
 font-weight:900!important;color:transparent!important;
 -webkit-text-stroke:1.15px color-mix(in srgb,var(--accent) 9%,transparent)!important;
 text-stroke:1.15px color-mix(in srgb,var(--accent) 9%,transparent)!important;
 opacity:.48!important;white-space:nowrap!important
}
.laari8-watermark.right span{right:0!important;transform:translate(50%,-50%)!important}
.laari8-watermark.left span{left:0!important;transform:translate(-50%,-50%)!important}

.laari8-filter{
 position:relative!important;z-index:2!important;display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important
}
.laari8-filter button{
 height:32px!important;min-height:32px!important;padding:0 4px!important;border:1px solid var(--border)!important;
 border-radius:10px!important;background:color-mix(in srgb,var(--card) 76%,transparent)!important;
 color:var(--muted)!important;font-size:9px!important;font-weight:800!important
}
.laari8-filter button.active{
 color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 65%,var(--border))!important;
 background:var(--accent-soft)!important
}
.laari8-insights{
 position:relative!important;z-index:2!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;height:100%!important;min-height:0!important;overflow:hidden!important
}
.laari8-insights .laari-focus-card-v1262{
 min-height:0!important;height:auto!important;margin:0!important;padding:12px 13px!important;
 border-radius:18px!important;overflow:hidden!important;
 background:color-mix(in srgb,var(--card) 62%,transparent)!important;
 -webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important
}
.laari8-insights .laari-focus-top-v1262 b{font-size:12.5px!important}
.laari8-insights .laari-focus-card-v1262 p{font-size:10px!important;line-height:1.34!important}
.laari8-insights .laari-focus-actions-v1262 button{font-size:9px!important;padding:6px 9px!important}
.laari8-empty-insight{
 align-self:start!important;position:relative!important;z-index:2!important;padding:18px!important;border:1px solid var(--border)!important;
 border-radius:18px!important;background:color-mix(in srgb,var(--card) 62%,transparent)!important;
 display:grid!important;gap:5px!important;text-align:center!important
}
.laari8-empty-insight-mark{
 width:40px!important;height:40px!important;border-radius:13px!important;margin:0 auto 3px!important;
 display:grid!important;place-items:center!important;background:var(--accent-soft)!important;color:var(--accent)!important;
 font-size:18px!important;font-weight:900!important
}
.laari8-empty-insight span{font-size:11px!important;color:var(--muted)!important}
@media(max-height:760px){
 .laari8-insights{grid-template-rows:repeat(2,minmax(0,1fr))!important}
 .laari8-insights>*:nth-child(n+3){display:none!important}
}

/* Chat */
.laari8-chatbar{
 position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;color:var(--muted)!important;font-size:10px!important
}
.laari8-chatbar>span{font-weight:750!important;letter-spacing:.02em!important}
.laari8-chatbar button{
 border:0!important;border-radius:999px!important;padding:7px 12px!important;background:var(--accent-soft)!important;
 color:var(--accent)!important;font-size:10px!important;font-weight:800!important
}
.laari8-messages{
 position:relative!important;z-index:2!important;height:100%!important;min-height:0!important;overflow-y:auto!important;
 overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:8px 2px 14px!important;box-sizing:border-box!important
}
.laari8-messages .laari-chat-line:last-child{margin-bottom:8px!important}
.laari8-empty{
 height:100%!important;min-height:0!important;display:grid!important;place-content:center!important;
 justify-items:center!important;text-align:center!important;gap:7px!important;padding:20px!important;box-sizing:border-box!important
}
.laari8-empty-orb{
 width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
 background:var(--accent-soft)!important;color:var(--accent)!important;font-size:20px!important;font-weight:900!important;
 box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 10%,transparent)!important
}
.laari8-empty b{font-size:17px!important;color:var(--text)!important}
.laari8-empty span{max-width:280px!important;font-size:11px!important;line-height:1.4!important;color:var(--muted)!important}

.laari8-dock{
 position:relative!important;z-index:5!important;padding:6px 0 max(5px,env(safe-area-inset-bottom))!important;
 background:linear-gradient(to bottom,transparent,var(--bg) 13px,var(--bg))!important
}
.laari8-composer{
 display:flex!important;align-items:flex-end!important;gap:7px!important;width:100%!important;min-height:56px!important;
 box-sizing:border-box!important;padding:7px!important;border:1px solid var(--border)!important;border-radius:24px!important;
 background:var(--card)!important;box-shadow:0 8px 24px rgba(0,0,0,.10)!important
}
.laari8-composer textarea{
 flex:1!important;min-width:0!important;height:44px!important;max-height:110px!important;resize:none!important;
 border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;
 padding:11px 4px 6px!important;margin:0!important;font:inherit!important;font-size:16px!important;line-height:1.35!important
}
.laari8-dock .laari-quick-panel{position:absolute!important;left:0!important;bottom:68px!important;z-index:20!important}
body.laari7-keyboard .laari8-dock{padding-bottom:max(2px,env(safe-area-inset-bottom))!important}

/* =========================================================
   Rufiyaa 12.6.9 — Laari composer navigation clearance
   ========================================================= */

/* Keep Chat composer fully above the persistent bottom navigation. */
body.laari7-chat:not(.laari7-keyboard) .laari8-dock{
  padding-bottom:calc(78px + max(6px, env(safe-area-inset-bottom)))!important;
  margin-bottom:0!important;
}
body.laari7-chat:not(.laari7-keyboard) .laari8-panel.chat{
  padding-bottom:0!important;
}

/* When keyboard is open, navigation is hidden, so composer sits directly above keyboard. */
body.laari7-keyboard .laari8-dock{
  padding-bottom:max(3px,env(safe-area-inset-bottom))!important;
}

/* Make sure the composer itself always remains visible and above nav. */
.laari8-composer{
  position:relative!important;
  z-index:50!important;
}

/* =========================================================
   Rufiyaa 12.6.10 — iPhone keyboard composer visibility
   ========================================================= */
body.laari7-input-focused-v12610 .bottom,
body.laari7-keyboard .bottom{display:none!important}

body.laari7-input-focused-v12610 .shell,
body.laari7-keyboard .shell{
 top:var(--laari7-top,0px)!important;
 height:var(--laari7-h,100dvh)!important;
 max-height:var(--laari7-h,100dvh)!important;
 padding-bottom:0!important;
 overflow:hidden!important;
}

body.laari7-input-focused-v12610 .laari8-panel.chat,
body.laari7-keyboard .laari8-panel.chat{
 grid-template-rows:38px minmax(0,1fr) auto!important;
 padding-bottom:0!important;
 overflow:hidden!important;
}

body.laari7-input-focused-v12610 .laari8-dock,
body.laari7-keyboard .laari8-dock{
 display:block!important;
 position:relative!important;
 bottom:auto!important;
 margin:0!important;
 padding:4px 0 max(2px,env(safe-area-inset-bottom))!important;
 background:var(--bg)!important;
 z-index:100!important;
}

body.laari7-input-focused-v12610 .laari8-composer,
body.laari7-keyboard .laari8-composer{
 display:flex!important;
 visibility:visible!important;
 opacity:1!important;
 transform:none!important;
 margin:0!important;
}

body.laari7-input-focused-v12610 .laari8-messages,
body.laari7-keyboard .laari8-messages{
 min-height:0!important;
 overflow-y:auto!important;
}

/* Rufiyaa 12.6.11 — iOS input zoom prevention */
@supports (-webkit-touch-callout:none){
 input[type="search"],
 input[type="text"],
 .transaction-search,
 .merchant-search,
 input[placeholder*="Search"],
 textarea{
   font-size:16px!important;
 }
}

/* Rufiyaa 12.6.11 — composer pinned to the iOS visual viewport while typing */
body.laari7-input-focused-v12610 .laari8-dock,
body.laari7-keyboard .laari8-dock{
 position:fixed!important;
 left:15px!important;
 right:15px!important;
 bottom:0!important;
 width:auto!important;
 padding:5px 0 max(3px,env(safe-area-inset-bottom))!important;
 margin:0!important;
 z-index:10000!important;
 background:var(--bg)!important;
}
body.laari7-input-focused-v12610 .laari8-messages,
body.laari7-keyboard .laari8-messages{
 padding-bottom:78px!important;
}

/* =========================================================
   Rufiyaa 12.6.12 — Chat Quick Questions restore
   ========================================================= */

/* The rebuilt Laari page no longer uses the legacy .laari-chat-active body
   class. Explicitly restore the quick-question tray inside the v12.6.x dock. */
.laari8-dock > .laari-quick-panel{
  display:flex!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:68px!important;
  z-index:10020!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  max-width:min(330px,calc(100vw - 30px))!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px)!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
.laari8-dock > .laari-quick-panel.open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.laari8-dock > .laari-quick-panel button{
  display:block!important;
  max-width:100%!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;
  background:color-mix(in srgb,var(--card) 92%,var(--accent-soft))!important;
  color:var(--text)!important;
  border-radius:15px!important;
  padding:9px 12px!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-align:left!important;
  box-shadow:0 7px 20px rgba(0,0,0,.14)!important;
}

/* When the iPhone keyboard is visible, keep the tray immediately above
   the composer rather than behind the keyboard. */
body.laari7-keyboard .laari8-dock > .laari-quick-panel,
body.laari7-input-focused-v12610 .laari8-dock > .laari-quick-panel{
  bottom:66px!important;
}

/* =========================================================
   Rufiyaa 12.6.13 — Laari quick-question layout correction
   ========================================================= */

/* Quick questions are a compact floating stack above the composer.
   Never let them sit behind or on top of the input field. */
.laari8-dock > .laari-quick-panel,
body.laari7-keyboard .laari8-dock > .laari-quick-panel,
body.laari7-input-focused-v12610 .laari8-dock > .laari-quick-panel{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:calc(100% + 10px)!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(230px,32vh)!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  gap:7px!important;
  z-index:10030!important;
  align-items:flex-start!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Each suggestion hugs its text rather than stretching across Chat. */
.laari8-dock > .laari-quick-panel button{
  width:auto!important;
  max-width:min(92%,430px)!important;
  min-height:38px!important;
  padding:9px 13px!important;
  margin:0!important;
  border-radius:18px!important;
  white-space:normal!important;
  line-height:1.2!important;
  flex:0 0 auto!important;
}

/* The open tray must not alter document height or create page scrolling. */
.laari8-dock > .laari-quick-panel.open{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Keep Laari Chat itself locked to the screen. Only messages may scroll. */
body.laari7-chat .laari8-panel.chat{
  overflow:hidden!important;
}
body.laari7-chat .laari8-messages{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* =========================================================
   Rufiyaa 12.6.14 — cross-area bug polish
   ========================================================= */

/* LAARI HEADER: title on its own row, full-width tabs below it */
.laari8-header{
  display:block!important;
}
.laari8-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  margin:0!important;
}
.laari8-title{
  display:block!important;
  width:100%!important;
}
.laari8-tabs{
  width:100%!important;
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  position:static!important;
  float:none!important;
  transform:none!important;
}
.laari8-status,
.laari8-live,
[class*="laari8-live"]{
  display:none!important;
}

/* CHAT BUBBLES: restore readable rhythm */
.laari8-messages{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.laari8-messages .laari-chat-line{
  margin:0!important;
  flex:0 0 auto!important;
}
.laari8-messages .laari-chat-line.user + .laari-chat-line.laari,
.laari8-messages .laari-chat-line.laari + .laari-chat-line.user{
  margin-top:3px!important;
}
.laari8-messages .laari-chat-bubble{
  line-height:1.42!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

/* Keep latest response naturally separated from the composer */
.laari8-messages .laari-chat-line:last-child{
  margin-bottom:12px!important;
}

/* QUICK QUESTIONS: compact, usable, and never overlapping composer/navigation */
.laari8-dock > .laari-quick-panel{
  bottom:calc(100% + 12px)!important;
  max-height:min(220px,30vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:3px!important;
  -webkit-overflow-scrolling:touch!important;
}
.laari8-dock > .laari-quick-panel button{
  max-width:min(94%,430px)!important;
  min-height:38px!important;
}

/* COMPOSER: preserve navigation clearance in normal state */
body.laari7-chat:not(.laari7-keyboard):not(.laari7-input-focused-v12610) .laari8-dock{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  padding:6px 0 calc(78px + max(6px,env(safe-area-inset-bottom)))!important;
  box-sizing:border-box!important;
  z-index:100!important;
}

/* Keyboard state remains pinned to actual iPhone visual viewport */
body.laari7-input-focused-v12610 .laari8-dock,
body.laari7-keyboard .laari8-dock{
  position:fixed!important;
  left:15px!important;
  right:15px!important;
  bottom:0!important;
  width:auto!important;
  padding:5px 0 max(3px,env(safe-area-inset-bottom))!important;
  z-index:10000!important;
}

/* Prevent any Laari panel from causing whole-page scrolling */
body.laari7-active,
body.laari7-active .shell,
.laari8,
.laari8-content,
.laari8-panel{
  overflow:hidden!important;
}
.laari8-messages{
  overflow-y:auto!important;
}

/* SEARCH: iOS-safe focus sizing across Transactions and Merchants */
@supports (-webkit-touch-callout:none){
  .transaction-search,
  .merchant-search-same-v1262 input,
  .merchant-search-premium-v1261 input,
  input[type="search"]{
    font-size:16px!important;
    text-size-adjust:100%!important;
    -webkit-text-size-adjust:100%!important;
  }
}

/* MERCHANT SEARCH: no inner mini-field / double box */
.merchant-search-same-v1262{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.merchant-search-same-v1262 input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* HOME/BUDGET floating add buttons should never remain hidden after Laari chooser closes */
.fab.laari-choice-hidden-v1264,
.fab-wrap.laari-choice-hidden-v1264{
  visibility:hidden!important;
}
body:not(:has(#laari-choice-v1262)) .fab.laari-choice-hidden-v1264,
body:not(:has(#laari-choice-v1262)) .fab-wrap.laari-choice-hidden-v1264{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}

/* =========================================================
   Rufiyaa 12.6.15 — targeted Laari header correction
   ========================================================= */
.laari8-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
}
.laari8-eyebrow{
  width:100%!important;
}
.laari8-title-row{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.laari8-title{
  display:block!important;
  width:100%!important;
}
.laari8-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  align-self:stretch!important;
}

/* =========================================================
   Rufiyaa 12.7 — feature update
   ========================================================= */

/* New colorways */
html[data-accent="lagoon"]{--accent:#16a6b6;--accent-soft:rgba(22,166,182,.12)}
html[data-accent="indigo"]{--accent:#4f5fe7;--accent-soft:rgba(79,95,231,.12)}
html[data-accent="pink"]{--accent:#c658aa;--accent-soft:rgba(198,88,170,.12)}
html[data-accent="graphite"]{--accent:#687184;--accent-soft:rgba(104,113,132,.12)}
html[data-accent="slate"]{--accent:#607d9a;--accent-soft:rgba(96,125,154,.12)}

/* Smart Home */
.smart-home-badge-v127{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:var(--accent-soft);border-radius:14px}
.smart-home-badge-v127 span{font-size:11px;font-weight:850;color:var(--accent)}.smart-home-badge-v127 small{font-size:9px;color:var(--muted);text-align:right}
.smart-home-reason-v127{margin:-8px 4px 2px;padding:7px 10px;border-radius:0 0 12px 12px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--muted);font-size:9px}
.home-editor-preview-v127{padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--card);margin-bottom:14px}
.home-editor-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.home-editor-preview-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.home-editor-preview-head b{font-size:11px;color:var(--accent)}
.home-editor-mini-v127{display:grid;grid-template-columns:1fr 1fr;gap:7px}.home-editor-mini-v127 div{padding:10px;border-radius:12px;background:var(--bg);display:grid;gap:3px}.home-editor-mini-v127 b{font-size:10px}.home-editor-mini-v127 span{font-size:8px;color:var(--muted);text-transform:capitalize}
.home-mode-v127{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-mode-v127 button{border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);padding:13px;text-align:left;display:grid;gap:4px}.home-mode-v127 button.active{border-color:var(--accent);background:var(--accent-soft)}.home-mode-v127 b{font-size:12px}.home-mode-v127 span{font-size:9px;color:var(--muted);line-height:1.35}
.smart-home-settings-v127{margin-top:12px;padding:13px;border-radius:16px;background:var(--bg);display:grid;gap:10px}.smart-home-settings-v127 p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.smart-pref-row-v127 select{width:110px}

/* Appearance */
.appearance-preview-v127{padding:14px;border:1px solid var(--border);border-radius:20px;background:var(--bg);margin-bottom:16px;overflow:hidden}
.appearance-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.appearance-preview-top span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.appearance-preview-top b{font-size:10px;color:var(--accent)}
.appearance-preview-card-v127{padding:14px;border-radius:16px;background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));display:grid;gap:4px}.appearance-preview-card-v127 small{color:var(--muted);font-size:9px}.appearance-preview-card-v127 strong{font-size:20px}.appearance-preview-line-v127{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.appearance-preview-line-v127 i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.appearance-preview-mini-v127{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.appearance-preview-mini-v127>*{font-style:normal;text-align:center;padding:7px;border-radius:10px;background:var(--card);font-size:9px}.appearance-preview-mini-v127 b{color:var(--accent)}
.appearance-mode-v127{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.appearance-mode-v127 button{height:38px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--muted);font-weight:750}.appearance-mode-v127 button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.colorway-grid-v127{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Transaction Details 2.0 */
.tx2-hero-v127{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;text-align:left!important}
.tx2-context-v127{margin-top:12px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}
.tx2-grid-v127{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tx2-grid-v127 div{display:grid;gap:3px}.tx2-grid-v127 span{font-size:8px;color:var(--muted)}.tx2-grid-v127 b{font-size:11px}
.tx2-budget-v127{display:grid;gap:7px}.tx2-budget-v127>span{font-size:10px;font-weight:800}.tx2-budget-v127>b{font-size:11px}
.tx2-actions-v127{grid-template-columns:repeat(2,1fr)!important}

/* Finance 12.7 */
.estimated-salary-card-v127{width:100%;margin:0 0 12px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:17px;background:var(--accent-soft);color:var(--text);display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left}
.estimated-salary-card-v127 span{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;font-weight:800}.estimated-salary-card-v127 b{font-size:13px;text-align:right}.estimated-salary-card-v127 small{grid-column:1/-1;color:var(--muted);font-size:9px}
.finance-manage-features-v127{width:100%;margin-top:12px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--accent);font-weight:800}
.shop-credit-hero-v127 small{display:block;margin-top:6px;color:var(--muted);font-size:9px}
.shop-credit-list-v127{display:grid;gap:9px;margin-top:12px}.shop-credit-row-v127{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.shop-credit-row-v127>div{display:grid;gap:3px}.shop-credit-row-v127 span,.shop-credit-row-v127 small{font-size:9px;color:var(--muted)}.shop-credit-row-v127 strong{font-size:12px}.shop-credit-row-v127.paid{opacity:.58}
.shop-credit-detail-v127 .big{margin-bottom:10px}

/* Rufiyaa 12.7.1 polish */
.tx2-context-v127 .settings-subtitle{text-align:center}
.tx2-grid-v127{text-align:center}
.tx2-grid-v127 div{align-items:center;justify-items:center}
.tx2-context-v127:has(.laari-inline-tip){padding:0;border:0;background:transparent}
.tx2-context-v127 .laari-inline-tip{margin:0;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.tx2-recurring-add-v1271{margin-top:10px;width:100%}

.shop-credit-shortcut-v1271{width:100%;margin:0 0 12px;border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}

/* =========================================================
   Rufiyaa 12.7.2 — stability + Smart Home + Shop Credit
   ========================================================= */

/* Proper Shop Credit payment method */
.expense-payment-method-v1272{margin-top:2px}
.payment-method-seg-v1272{grid-template-columns:1fr 1fr!important}
.shop-credit-note-v1272{margin:-2px 2px 10px!important;line-height:1.4!important}

/* Smart Home: sizes are chosen from content. Full cards truly span both columns. */
.home-widgets>.widget-large,
.home-widgets>.home-widget.widget-large{grid-column:1/-1!important}
.smart-widget-reason-v1272{
 margin:10px -2px -2px!important;padding:8px 10px!important;
 border-top:1px solid color-mix(in srgb,var(--accent) 12%,var(--border))!important;
 color:var(--muted)!important;font-size:9px!important;line-height:1.35!important
}
/* Never allow transaction amounts to collide inside Home cards. */
.home-widget .tx-row{grid-template-columns:auto minmax(0,1fr) auto!important}
.home-widget .tx-row .row-main{min-width:0!important}
.home-widget .tx-row .amount{white-space:nowrap!important;min-width:max-content!important;font-size:11px!important}
.home-widget.widget-large .tx-row .amount{font-size:12px!important}

/* Accounts automatic appearance follows current app accent, no manual color needed. */
.account-v12-card.account-auto-v1272{
 border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,var(--card)),var(--card))!important
}
.account-v12-card.account-auto-v1272 .account-v12-icon{color:var(--accent)!important;background:var(--accent-soft)!important}

/* Merchant Activity: fully centered */
.tx2-context-v127 .settings-subtitle{text-align:center!important}
.tx2-grid-v127{text-align:center!important}
.tx2-grid-v127>div{align-items:center!important;justify-items:center!important}

/* Recurring suggestion: compact and actionable */
.tx2-context-v127:has(.tx2-recurring-add-v1271){padding:0!important;border:0!important;background:transparent!important}
.tx2-recurring-add-v1271{width:100%!important;margin-top:10px!important}

/* Commitment text can wrap but should remain compact */
.home-widget .note{overflow-wrap:anywhere}

/* Smart Home label appears once: Customize Home action + one status badge */
.smart-home-badge-v127{margin-top:2px!important}

/* 12.7.3 Transaction Details edit repair */
.transaction-merchant-input-v1273{width:100%!important;min-height:48px!important}

/* =========================================================
   Rufiyaa 12.7.4 — Finance & Credit Card overhaul
   ========================================================= */

/* Center native date values on iPhone */
.debt-date-grid input[type="date"],
.finance-date-grid input[type="date"],
.transaction-date-field input[type="date"]{
 text-align:center!important;
 text-align-last:center!important;
}
.debt-date-grid input[type="date"]::-webkit-date-and-time-value,
.finance-date-grid input[type="date"]::-webkit-date-and-time-value,
.transaction-date-field input[type="date"]::-webkit-date-and-time-value{
 text-align:center!important;
 width:100%!important;
}

/* Accounts: keep MVR and USD separate */
.account-currency-totals-v1274{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.account-currency-totals-v1274 .card{margin:0!important;padding:13px!important;display:grid;gap:5px}
.account-currency-totals-v1274 span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.account-currency-totals-v1274 b{font-size:15px;white-space:nowrap}
@media(max-width:350px){.account-currency-totals-v1274{grid-template-columns:1fr}}

/* Automatic account appearance uses the chosen Rufiyaa colorway */
.account-system-v1274 .account-full-hero,
.account-system-hero-v1274{
 border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
 background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card))!important;
}
.account-system-v1274 .account-full-icon,
.account-system-v1274 .account-edit-pill,
.account-system-v1274 .account-filter-chips-v13 button.active,
.account-system-v1274 .account-search-v13 button{
 color:var(--accent)!important;
 border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;
}
.account-system-v1274 .account-full-icon{background:var(--accent-soft)!important}
.account-system-v1274 .finance-round-action.primary{background:var(--accent)!important}
.account-system-v1274 .finance-round-action.secondary{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important}

.account-detail-top-actions-v1274{display:flex;align-items:center;gap:7px}
.account-delete-pill-v1274{border:1px solid var(--border);border-radius:999px;background:var(--card);color:#d95b5b;padding:7px 11px;font-size:10px;font-weight:800}

/* Statement separation */
.cc-statement-v1274,.cc-cycle-v1274,.cc-total-v1274{margin-bottom:10px!important}
.cc-cycle-v1274{background:color-mix(in srgb,var(--card) 94%,var(--accent-soft))!important}
.statement-diff-v1274{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:9px 10px;border-radius:12px;background:var(--bg)}
.statement-diff-v1274 span{font-size:9px;color:var(--muted)}.statement-diff-v1274 b{font-size:11px}
.card-detail-actions-v1274{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.card-detail-actions-v1274 .primary{grid-column:1/-1}
.statement-compare-v1274{display:grid;grid-template-columns:1fr 1fr;gap:10px}.statement-compare-v1274>div{display:grid;gap:4px}.statement-compare-v1274 span{font-size:9px;color:var(--muted)}
.statement-reconcile-v1274{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.statement-reconcile-v1274>div{padding:10px;border:1px solid var(--border);border-radius:13px;display:grid;gap:4px;text-align:center}.statement-reconcile-v1274 span{font-size:8px;color:var(--muted)}.statement-reconcile-v1274 b{font-size:10px}.statement-reconcile-v1274 .matched{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}
.statement-match-v1274{padding:12px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-weight:850;text-align:center}
.statement-history-v1274{display:grid;gap:8px}.statement-history-row-v1274{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin:0!important}.statement-history-row-v1274>div{display:grid;gap:3px}.statement-history-row-v1274>div:last-child{text-align:right}.statement-history-row-v1274 span,.statement-history-row-v1274 small{font-size:9px;color:var(--muted)}

/* =========================================================
   Rufiyaa v12.7.5
   ========================================================= */

/* Account Details: remove the accidental giant rectangular container. */
.account-system-v1274 .account-full-hero,
.account-system-hero-v1274,
.account-theme .account-full-hero{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 border-radius:0!important;
 padding:10px 2px 14px!important;
}

/* Appearance-colored account actions. Delete remains semantic red. */
.account-system-v1274 .account-edit-pill{
 background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
}
.account-system-v1274 .finance-round-action.primary span,
.account-system-v1274 .finance-round-action.secondary span{
 background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
 box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.account-system-v1274 .account-filter-chips-v13 button.active,
.account-system-v1274 .account-search-v13 button{
 color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))!important;
}

/* Laari navigation uses selected Appearance + signature glow. */
.rufiyaa-tab span{
 background:var(--accent)!important;
 box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 44%,transparent),
            0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)!important;
}
.rufiyaa-tab.active span{
 box-shadow:0 9px 30px color-mix(in srgb,var(--accent) 58%,transparent),
            0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),
            0 0 22px color-mix(in srgb,var(--accent) 36%,transparent)!important;
}

/* Laari Insights: content-sized, compact cards instead of equal-height empty panels. */
.laari8-insights,.laari7-insight-cards{
 grid-template-rows:none!important;
 grid-auto-rows:max-content!important;
 align-content:start!important;
 height:auto!important;
 max-height:100%!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 gap:8px!important;
}
.laari8-insights .laari-focus-card-v1262,
.laari7-insight-cards .laari-focus-card-v1262{
 min-height:0!important;height:auto!important;padding:11px 13px!important;
 display:flex!important;flex-direction:column!important;gap:7px!important;
}
.laari8-insights .laari-focus-actions-v1262,
.laari7-insight-cards .laari-focus-actions-v1262{
 margin-top:2px!important;position:static!important;
}
@media(max-height:760px){
 .laari8-insights>*:nth-child(n+3),
 .laari7-insight-cards>*:nth-child(n+3){display:block!important}
}

/* Home widget item-count controls */
.home-widget-controls-v1275{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:150px}
.home-widget-controls-v1275 select{min-width:0!important;font-size:9px!important}

/* Credit Card Details 12.7.5 */
.cc-summary-v1275{
 padding:17px;border-radius:22px;margin-bottom:10px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--card)),var(--card));
 border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));
}
.cc-summary-top-v1275,.cc-section-head-v1275{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cc-summary-top-v1275>div{display:flex;gap:6px;align-items:center}.cc-summary-top-v1275 span,.cc-summary-top-v1275 small{font-size:9px;color:var(--muted)}.cc-summary-top-v1275 b{font-size:9px;color:var(--accent)}
.cc-summary-balance-v1275{display:grid;gap:3px;margin-top:15px}.cc-summary-balance-v1275 span{font-size:9px;color:var(--muted)}.cc-summary-balance-v1275 strong{font-size:28px;letter-spacing:-.04em}
.cc-summary-bar-v1275{height:7px;border-radius:999px;background:rgba(128,128,128,.14);overflow:hidden;margin:11px 0}.cc-summary-bar-v1275 i{display:block;height:100%;background:var(--accent);border-radius:999px}
.cc-summary-stats-v1275{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-summary-stats-v1275 div{display:grid;gap:2px}.cc-summary-stats-v1275 span{font-size:8px;color:var(--muted)}.cc-summary-stats-v1275 b{font-size:11px}
.cc-statement-compact-v1275,.cc-current-v1275{padding:14px!important;margin-bottom:10px!important}
.cc-section-head-v1275>div{display:grid;gap:3px}.cc-section-head-v1275>div>span{font-size:8px;letter-spacing:.07em;color:var(--muted)}.cc-section-head-v1275>div>b{font-size:10px}.cc-section-head-v1275>strong{font-size:15px}
.cc-status-v1275{font-size:8px;font-weight:800;color:var(--accent);background:var(--accent-soft);padding:5px 8px;border-radius:999px;white-space:nowrap}.cc-status-v1275.paid{color:var(--green)}
.cc-due-main-v1275{display:grid;gap:2px;margin:12px 0}.cc-due-main-v1275 strong{font-size:24px}.cc-due-main-v1275 span{font-size:9px;color:var(--muted)}
.cc-inline-stats-v1275{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.cc-statement-compact-v1275 .cc-inline-stats-v1275{grid-template-columns:1fr 1.5fr}.cc-inline-stats-v1275>div{padding:8px;border-radius:11px;background:var(--bg);display:grid;gap:2px}.cc-inline-stats-v1275 span{font-size:8px;color:var(--muted)}.cc-inline-stats-v1275 b{font-size:9px;overflow-wrap:anywhere}
.cc-pay-v1275{width:100%;margin-top:11px}
.cc-statement-links-v1275{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:7px}.cc-statement-links-v1275 button{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:750;padding:5px 7px}
.cc-card-tools-v1275{display:flex;justify-content:flex-end;margin:3px 0 10px}.cc-card-tools-v1275 button{padding:8px 12px!important;font-size:10px!important}
.cc-activity-head-v1275{align-items:flex-end!important;gap:8px}.cc-activity-tabs-v1275{display:flex;gap:3px;overflow-x:auto;max-width:78%}.cc-activity-tabs-v1275 button{white-space:nowrap;border:1px solid var(--border)!important;border-radius:999px!important;padding:5px 8px!important;font-size:8px!important;color:var(--muted)!important;background:var(--card)!important}.cc-activity-tabs-v1275 button.active{color:var(--accent)!important;border-color:var(--accent)!important;background:var(--accent-soft)!important}

/* v12.7.5 Complete — navigation reliability */
.bottom{pointer-events:auto!important;z-index:80!important}
.bottom .tabs,.bottom .tab{pointer-events:auto!important}
.bottom .tab{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
#modal-root:empty{pointer-events:none!important}
.card-child-back-v1275{font-size:24px!important}
.modal-head:has(.card-child-back-v1275){grid-template-columns:42px 1fr 42px!important;display:grid!important;align-items:center!important}
.modal-head:has(.card-child-back-v1275) h2{text-align:center!important;margin:0!important}
.finance-back{touch-action:manipulation!important;pointer-events:auto!important}

/* v12.7.5 hotfix — Savings readability */
.savings-type-summary + .list .status,
.savings-row-v12 .status,
.finance-full-body .row .status{
 background:var(--accent-soft)!important;
 color:var(--accent)!important;
 border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;
 font-weight:800!important;
}
html[data-theme="dark"] .finance-full-body .row .status,
html[data-theme="system"] .finance-full-body .row .status{
 color:color-mix(in srgb,var(--accent) 78%,white)!important;
 background:color-mix(in srgb,var(--accent) 18%,#171d27)!important;
}
.modal .seg button{color:var(--muted)!important}
.modal .seg button.active{
 background:var(--accent-soft)!important;
 color:var(--accent)!important;
 border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))!important;
}
html[data-theme="dark"] .modal .seg,
html[data-theme="system"] .modal .seg{background:#eef1f7!important}
html[data-theme="dark"] .modal .seg button:not(.active),
html[data-theme="system"] .modal .seg button:not(.active){color:#7b879b!important}

/* v12.7.5 hotfix — round Account actions */
.account-full-actions{display:flex!important;justify-content:center!important;align-items:flex-start!important;gap:42px!important}
.account-full-actions .finance-round-action,
.account-full-actions .finance-round-action.primary,
.account-full-actions .finance-round-action.secondary{
 display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
 width:84px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
.account-full-actions .finance-round-action span{
 width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;
 border-radius:50%!important;display:grid!important;place-items:center!important;padding:0!important;
 background:var(--accent)!important;color:#fff!important;font-size:27px!important;
 box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 26%,transparent)!important;
}
.account-full-actions .finance-round-action b{
 background:transparent!important;color:var(--text)!important;padding:0!important;font-size:11px!important;line-height:1.2!important
}

/* v12.7.5 Transaction Details final polish */
.tx2-hero-main-v1275{min-width:0;display:grid;gap:7px}
.tx2-hero-meta-v1275{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.tx2-hero-meta-v1275 .status{max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-transform:none!important}
.tx2-status-badge-v1275{
 border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border))!important;
 background:var(--accent-soft)!important;color:var(--accent)!important;
 border-radius:999px!important;padding:5px 9px!important;font-size:9px!important;font-weight:800!important;
 white-space:nowrap!important
}
.tx2-status-badge-v1275.static{pointer-events:none}
.tx2-detail-list-v1275 .detail-line{min-width:0}
.tx2-detail-list-v1275 .detail-line b{
 max-width:58%!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-align:right!important;text-transform:none!important
}
.tx2-merchant-card-v1275{
 border:1px solid var(--border)!important;border-radius:18px!important;padding:14px!important;
 background:var(--card)!important;margin-top:11px!important;margin-bottom:9px!important
}
.tx2-laari-card-v1275{
 border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))!important;
 border-radius:18px!important;padding:13px 14px!important;margin:0 0 10px!important;
 background:color-mix(in srgb,var(--accent) 9%,var(--card))!important
}
.tx2-laari-head-v1275{color:var(--accent)!important;font-size:10px!important;margin-bottom:6px!important}
.tx2-laari-card-v1275 p{margin:0!important;color:var(--text)!important;font-size:11px!important;line-height:1.45!important}
.tx2-actions-clean-v1275{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px!important;
 gap:8px!important;margin-top:12px!important;align-items:stretch!important
}
.tx2-actions-clean-v1275 button{min-height:46px!important;margin:0!important}
.tx2-actions-clean-v1275 .tx2-more-v1275{font-size:20px!important;padding:0!important}
.tx2-more-list-v1275{display:grid;gap:8px}
@media(max-width:360px){
 .tx2-actions-clean-v1275{grid-template-columns:1fr 1fr 48px!important}
 .tx2-actions-clean-v1275 button{font-size:10px!important}
}

/* Rufiyaa v12.8.0 — responsive Home packing */
.home-widgets{grid-auto-flow:dense!important;align-items:start!important}
.home-widget.widget-small,.home-widget.widget-medium{grid-column:span 1!important}
.home-widget.widget-large{grid-column:1/-1!important}
.smart-widget-reason-v1272{display:none!important}

/* ======================================================
   Rufiyaa v12.8.0 — Premium Icon & Transactions Update
   ====================================================== */
.rufiyaa-line-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.rufiyaa-line-icon.small{width:16px;height:16px}.rufiyaa-line-icon.large{width:25px;height:25px}
.premium-icon-tile-v128,.tx-row-v128 .avatar,.budget-v14-top b .rufiyaa-line-icon{
 color:var(--accent)!important
}
.premium-icon-tile-v128{
 width:40px!important;height:40px!important;border-radius:13px!important;background:var(--accent-soft)!important;
 display:grid!important;place-items:center!important;flex:0 0 40px!important;font-size:0!important
}
.budget-v14-top b{display:flex!important;align-items:center!important;gap:8px!important}
.budget-v14-top b .rufiyaa-line-icon{width:19px!important;height:19px!important;flex:0 0 19px!important}

.payment-method-seg-v128{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;background:transparent!important;padding:0!important
}
.payment-method-seg-v128 button{
 border:1px solid var(--border)!important;border-radius:12px!important;background:var(--card)!important;color:var(--muted)!important;
 font-size:9px!important;font-weight:750!important;padding:9px 5px!important
}
.payment-method-seg-v128 button.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
.transfer-own-note-v128{margin:-2px 2px 12px!important}

.tx-row-v128{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;min-height:72px!important}
.tx-row-main-v128{min-width:0!important;display:grid!important;gap:2px!important}
.tx-row-title-v128{display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;color:var(--muted)!important}
.tx-row-title-v128 span{font-size:11px!important;color:var(--accent)!important}.tx-row-title-v128 b{font-size:11px!important;color:var(--text)!important}
.tx-row-merchant-v128{font-size:13px!important;font-weight:780!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tx-row-sub-v128{font-size:9px!important;color:var(--muted)!important;min-height:12px!important}
.tx-row-amount-v128{font-size:13px!important;font-weight:850!important;text-align:right!important;white-space:nowrap!important;align-self:center!important}
.tx-row-badges-v128{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin-top:2px!important}
.tx-row-badges-v128 span{font-size:7.5px!important;font-weight:800!important;padding:3px 6px!important;border-radius:999px!important;background:var(--accent-soft)!important;color:var(--accent)!important}
.tx-date-heading-v128{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.tx-date-heading-v128 small{font-size:8px!important;color:var(--muted)!important;font-weight:650!important;text-align:right!important}
@media(max-width:360px){.tx-row-v128{grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}.premium-icon-tile-v128{width:36px!important;height:36px!important;flex-basis:36px!important}.tx-row-amount-v128{font-size:11px!important}}

.merchant-avatar-v1261{background:var(--accent-soft)!important;color:var(--accent)!important}

/* v12.8.1 Home masonry */
.home-widgets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.home-widgets>.widget-large,.home-widgets>.home-widget.widget-large{grid-column:1/-1!important}
.home-widgets>.widget-small,.home-widgets>.widget-medium,.home-widgets>.home-widget.widget-small,.home-widgets>.home-widget.widget-medium{grid-column:auto!important}
@media(max-width:640px){
 .home-widgets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v12.8.1 appearance-consistent Edit buttons */
.account-edit-pill,.finance-full-body .account-edit-pill,.finance-full-body button.account-edit-pill,
.prepaid-card-detail-v145 .account-edit-pill,.account-system-v1274 .account-edit-pill{
 background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
 box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent)!important;
}

/* v12.8.1 Transaction row final design */
.tx-row-final-v128{
 display:block!important;padding:13px 15px!important;min-height:76px!important;border-radius:20px!important;
 background:var(--card)!important;border:1px solid var(--border)!important
}
.tx-row-main-final-v128{display:grid!important;gap:7px!important;min-width:0!important}
.tx-row-top-v128{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:baseline!important}
.tx-row-merchant-final-v128{
 color:var(--accent)!important;font-size:15px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.tx-row-amount-final-v128{font-size:15px!important;font-weight:900!important;white-space:nowrap!important}
.tx-row-meta-final-v128{display:flex!important;align-items:center!important;gap:6px!important;color:var(--muted)!important;font-size:10px!important;min-width:0!important}
.tx-row-meta-final-v128>span:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.tx-row-icon-inline-v128{color:var(--accent)!important;display:inline-grid!important;place-items:center!important;flex:0 0 auto!important}
.tx-row-icon-inline-v128 .rufiyaa-line-icon{width:16px!important;height:16px!important}
.tx-row-badges-v128{margin-top:0!important}
.tx-date-group>.list{border:0!important;background:transparent!important}
.tx-date-group .swipe-shell{margin-bottom:8px!important}
.tx-date-group .swipe-content{border-radius:20px!important}

/* v12.8.1 Add Transaction 2.0 */
.add-tx-v128{display:grid!important;gap:12px!important}
.tx-type-seg-v128{margin-bottom:12px!important}
.tx-amount-currency-v128{grid-template-columns:1.6fr .8fr!important}
.tx-amount-main-v128 input{font-size:28px!important;font-weight:800!important}
.tx-merchant-top-v128{position:relative!important}
.merchant-suggestions-v128{
 position:absolute!important;left:0!important;right:0!important;top:100%!important;z-index:20!important;
 background:var(--card)!important;border:1px solid var(--border)!important;border-radius:16px!important;
 padding:6px!important;box-shadow:0 14px 30px rgba(0,0,0,.2)!important;max-height:250px!important;overflow:auto!important
}
.merchant-suggestions-v128 button{
 border:0!important;background:transparent!important;text-align:left!important;padding:10px!important;border-radius:11px!important;
 display:grid!important;gap:2px!important;color:var(--text)!important
}
.merchant-suggestions-v128 button:hover,.merchant-suggestions-v128 button:active{background:var(--accent-soft)!important}
.merchant-suggestions-v128 button b{font-size:11px!important}.merchant-suggestions-v128 button span{font-size:9px!important;color:var(--muted)!important}
.merchant-usual-v128{font-size:9px!important;color:var(--accent)!important;margin-top:4px!important}
.payment-method-cards-v128{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.payment-method-cards-v128 button{
 min-height:64px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--card)!important;
 color:var(--muted)!important;display:grid!important;place-items:center!important;gap:5px!important;padding:8px 5px!important
}
.payment-method-cards-v128 button span{color:currentColor!important}.payment-method-cards-v128 button b{font-size:9px!important}
.payment-method-cards-v128 button.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
.transfer-flow-v128{display:grid!important;grid-template-columns:1fr 26px 1fr!important;align-items:end!important;gap:8px!important}
.transfer-arrow-v128{display:grid!important;place-items:center!important;height:52px!important;color:var(--accent)!important;font-size:20px!important}
.tx-more-fields-v128{border:1px solid var(--border)!important;border-radius:14px!important;padding:0 12px!important;background:var(--card)!important}
.tx-more-fields-v128 summary{padding:12px 0!important;color:var(--muted)!important;font-size:10px!important;font-weight:800!important;cursor:pointer}
.tx-more-fields-v128[open]{padding-bottom:10px!important}
.tx-save-v128{margin-top:2px!important}
@media(max-width:390px){
 .payment-method-cards-v128{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tx-amount-currency-v128{grid-template-columns:1fr!important}
}

/* v12.8.2 transaction grouped-list cleanup */
.tx-date-group>.list{background:var(--card)!important;border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;border-radius:18px!important;overflow:hidden!important;padding:0!important}
.tx-date-group .swipe-shell{margin:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important}.tx-date-group .swipe-shell:last-child{border-bottom:0!important}.tx-date-group .swipe-content{border-radius:0!important}
.tx-row-final-v128{border:0!important;border-radius:0!important;background:transparent!important;min-height:66px!important;padding:11px 13px!important;box-shadow:none!important}

/* v12.8.2 credit card cycle activity */
.card-current-cycle-v1282{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:end!important;padding:14px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--card)!important;margin-bottom:10px!important}.card-current-cycle-v1282 div{display:grid!important;gap:4px!important}.card-current-cycle-v1282 span{font-size:8px!important;font-weight:850!important;color:var(--accent)!important;letter-spacing:.08em!important}.card-current-cycle-v1282 b{font-size:12px!important}.card-current-cycle-v1282 strong{font-size:10px!important;white-space:nowrap!important}
.card-activity-toolbar-v1282{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:2px 0 10px!important}.card-activity-toolbar-v1282 button{flex:0 0 auto!important;border:1px solid var(--border)!important;border-radius:999px!important;background:var(--card)!important;color:var(--muted)!important;padding:8px 10px!important;font-size:8.5px!important;font-weight:800!important}.card-activity-toolbar-v1282 button.active,.card-activity-toolbar-v1282 .previous-cycles-v1282{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.card-year-v1282{border:1px solid var(--border)!important;border-radius:16px!important;background:var(--card)!important;margin:10px 0!important;overflow:hidden!important}.card-year-v1282 summary{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px!important;cursor:pointer!important;list-style:none!important}.card-year-v1282 summary::-webkit-details-marker{display:none!important}.card-year-v1282 summary strong{font-size:10px!important;color:var(--accent)!important}.card-cycle-history-v1282{border-top:1px solid var(--border)!important}.card-cycle-history-v1282 button{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto 14px!important;gap:8px!important;align-items:center!important;border:0!important;border-bottom:1px solid var(--border)!important;background:transparent!important;color:var(--text)!important;text-align:left!important;padding:13px 14px!important}.card-cycle-history-v1282 button:last-child{border-bottom:0!important}.card-cycle-history-v1282 button em{font-style:normal!important;color:var(--muted)!important}

/* v12.8.3 card hierarchy + activity */
.cc-current-v1275{margin-top:10px!important}
.cc-statement-compact-v1275{margin-top:10px!important}
.cc-activity-tabs-v1275{display:flex!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important}
.cc-activity-tabs-v1275::-webkit-scrollbar{display:none!important}
.cc-activity-tabs-v1275 button{flex:0 0 auto!important}
.cc-activity-tabs-v1275 .cc-prev-cycles-v1283{border-color:var(--accent)!important;color:var(--accent)!important}
.mini-laari.info{--laari-tone:var(--accent)}

/* v12.8.3 Add Transaction compact payment method row */
.payment-method-cards-v128{display:flex!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;padding:1px 0 4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.payment-method-cards-v128::-webkit-scrollbar{display:none!important}
.payment-method-cards-v128 button{flex:1 0 auto!important;width:auto!important;min-height:48px!important;padding:7px 10px!important;border-radius:14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important}
.payment-method-cards-v128 button span{width:18px!important;height:18px!important;margin:0!important}
.payment-method-cards-v128 button b{font-size:8px!important}
.payment-method-cards-v128 button.active{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,var(--card))!important}

/* v12.8.3 Mini Laari urgency */
.mini-laari{--laari-tone:var(--accent)}
.mini-laari.info{--laari-tone:var(--accent)}
.mini-laari.positive{--laari-tone:#35c978}
.mini-laari.warning,.mini-laari.watch{--laari-tone:#f2a23a}
.mini-laari.important,.mini-laari.urgent,.mini-laari.danger{--laari-tone:#ef5f68}
.mini-laari .mini-laari-mark{background:color-mix(in srgb,var(--laari-tone) 18%,var(--card))!important;color:var(--laari-tone)!important;border:1px solid color-mix(in srgb,var(--laari-tone) 35%,transparent)!important;box-shadow:0 0 20px color-mix(in srgb,var(--laari-tone) 26%,transparent)!important}
.mini-laari .mini-laari-alert{border-color:color-mix(in srgb,var(--laari-tone) 24%,var(--border))!important}
.mini-laari .mini-laari-alert b{color:var(--laari-tone)!important}

/* v12.8.3 paired Home widgets */
.home-widget{box-sizing:border-box!important}

/* v12.8.4 Add Transaction final polish */
.tx-type-seg-v128{background:color-mix(in srgb,var(--card) 92%,#000)!important;border:1px solid var(--border)!important;padding:4px!important;border-radius:17px!important}
.tx-type-seg-v128 button{background:transparent!important;color:var(--muted)!important;border:1px solid transparent!important}
.tx-type-seg-v128 button.active{background:color-mix(in srgb,var(--accent) 13%,var(--card))!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 65%,var(--border))!important}
.tx-amount-currency-v128{align-items:end!important}
.tx-amount-currency-v128 .field input,.tx-amount-currency-v128 .field select{height:58px!important;min-height:58px!important;box-sizing:border-box!important}
.tx-amount-main-v128 input{font-size:24px!important}
.payment-method-cards-v128{display:flex!important;gap:7px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:3px!important}
.payment-method-cards-v128::-webkit-scrollbar{display:none!important}
.payment-method-cards-v128 button{flex:1 0 74px!important;min-width:74px!important;height:66px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:7px 5px!important;white-space:nowrap!important}
.payment-method-cards-v128 button span{width:20px!important;height:20px!important;display:grid!important;place-items:center!important}
.payment-method-cards-v128 button b{font-size:8px!important;line-height:1.05!important;text-align:center!important}
.transfer-arrow-v128{transform:translateY(-9px)!important}
.card-add-actions-v1284{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
.card-add-actions-v1284 button{min-width:0!important}
.linked-debit-cards-v1284{margin:14px 0!important;border:1px solid var(--border)!important;border-radius:18px!important;padding:12px!important;background:var(--card)!important}
.linked-debit-cards-v1284>.widget-head{margin-bottom:8px!important}.linked-debit-cards-v1284>.widget-head button{color:var(--accent)!important;background:transparent!important;border:0!important;font-weight:800!important}
.linked-debit-cards-v1284>button{width:100%!important;border:0!important;border-top:1px solid var(--border)!important;background:transparent!important;color:var(--text)!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;align-items:center!important;gap:8px!important;padding:10px 2px!important;text-align:left!important}
.linked-debit-cards-v1284>button span{color:var(--accent)!important}.linked-debit-cards-v1284>button div{display:grid!important}.linked-debit-cards-v1284>button small{color:var(--muted)!important}.linked-debit-cards-v1284>button em{font-style:normal!important;color:var(--muted)!important}
@media(max-width:380px){.card-add-actions-v1284{grid-template-columns:1fr!important}}

/* v12.8.5 Cards, debit activity and provider designs */
.card-add-actions-v1284{display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important}
.debit-card-center-v1285{display:flex!important;justify-content:center!important;width:100%!important;margin:4px auto 16px!important}
.debit-detail-card-v1285{width:min(100%,320px)!important;margin:0 auto!important}
.debit-activity-v1285{border:1px solid var(--border)!important;border-radius:18px!important;overflow:hidden!important;background:var(--card)!important}
.debit-activity-v1285 .tx-row{border-bottom:1px solid var(--border)!important;border-radius:0!important}
.debit-activity-v1285 .tx-row:last-child{border-bottom:0!important}
.linked-debit-row-v1285{grid-template-columns:78px minmax(0,1fr) 14px!important}
.linked-debit-preview-v1285{width:72px!important;height:44px!important;border-radius:10px!important;padding:6px 7px!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;color:white!important;box-shadow:0 6px 14px rgba(0,0,0,.18)!important}
.linked-debit-preview-v1285 i{font-size:7px!important;font-style:normal!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.linked-debit-preview-v1285 small{font-size:5.5px!important}.linked-debit-preview-v1285 b{grid-column:1/-1!important;align-self:end!important;font-size:7px!important}
.laari-saving-coach-v1285{display:grid!important;gap:5px!important;border-color:color-mix(in srgb,#35c978 35%,var(--border))!important;background:color-mix(in srgb,#35c978 7%,var(--card))!important}.laari-saving-coach-v1285 b{color:#35c978!important}.laari-saving-coach-v1285 span{font-size:10px!important;line-height:1.45!important;color:var(--text)!important}
.laari-history-v1285{display:grid!important;gap:10px!important}.laari-history-v1285>div{display:grid!important;gap:3px!important;padding:10px!important;border-radius:14px!important;background:var(--card)!important}.laari-history-v1285>div.user{margin-left:24px!important;background:var(--accent-soft)!important}.laari-history-v1285 span{font-size:10px!important;line-height:1.4!important}
.account-color-silver{background:linear-gradient(135deg,#d7dbe1,#8c949f)!important;color:#111!important}.account-color-midnight{background:linear-gradient(135deg,#111827,#020617)!important}.account-color-navy{background:linear-gradient(135deg,#0f2a4d,#07162b)!important}.account-color-sky{background:linear-gradient(135deg,#58b8f2,#246da8)!important}.account-color-emerald{background:linear-gradient(135deg,#159d72,#075c47)!important}.account-color-forest{background:linear-gradient(135deg,#276246,#102f25)!important}.account-color-lavender{background:linear-gradient(135deg,#a98bec,#6d54ae)!important}.account-color-rose{background:linear-gradient(135deg,#db6f91,#9b365b)!important}.account-color-burgundy{background:linear-gradient(135deg,#7c203b,#3f0d1d)!important}.account-color-gold{background:linear-gradient(135deg,#d6a640,#8b671b)!important}.account-color-sand{background:linear-gradient(135deg,#c8ae83,#806b4d)!important}.account-color-chocolate{background:linear-gradient(135deg,#76513b,#38251c)!important}.account-color-grad-midnight{background:linear-gradient(135deg,#0b1026,#254c8e,#111827)!important}.account-color-grad-indigo{background:linear-gradient(135deg,#3d246c,#6b48c7,#273596)!important}.account-color-grad-silver{background:linear-gradient(135deg,#090b10,#606771,#d3d7dc)!important}.account-color-grad-sunset{background:linear-gradient(135deg,#8d315f,#e36856,#f2a63d)!important}

/* v12.8.6 Settings redesign */
.settings-search-v1286{display:flex;align-items:center;gap:8px;margin:8px 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:15px;background:var(--card)}
.settings-search-v1286 input{border:0!important;background:transparent!important;padding:0!important;min-height:0!important;height:auto!important}
.settings-redesign-v1286{display:grid;gap:8px}.settings-nav-row-v1286{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);text-align:left}
.settings-nav-row-v1286>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:900}.settings-nav-row-v1286>div{display:grid;gap:2px}.settings-nav-row-v1286 b{font-size:11px}.settings-nav-row-v1286 small{font-size:8.5px;color:var(--muted)}.settings-nav-row-v1286 em{font-style:normal;color:var(--muted)}
.settings-section-v1286{display:grid;gap:7px;margin-bottom:12px}.settings-section-v1286 h3{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 2px}
.settings-danger-v1286{margin-top:18px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}

/* In-app notifications */
.notification-bell-v1286{position:relative!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:38px!important;height:34px!important;border:0!important;background:transparent!important;color:var(--text)!important;padding:0 4px!important}
.notification-bell-v1286 .rufiyaa-line-icon{width:18px!important;height:18px!important}.notification-count-v1286{font-size:8px!important;font-weight:900!important;color:var(--accent)!important;min-width:0!important}
.notification-bell-v1286.has-unread:after{content:'';position:absolute;top:3px;left:20px;width:5px;height:5px;border-radius:50%;background:#ef5f68;border:1px solid var(--bg)}
.notification-center-head-v1286{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);font-size:9px}.notification-center-head-v1286 button{border:0;background:transparent;color:var(--accent);font-weight:800}
.notification-list-v1286{display:grid;gap:7px}.notification-row-v1286{display:grid;grid-template-columns:minmax(0,1fr) 28px;border:1px solid var(--border);border-radius:15px;background:var(--card);overflow:hidden}.notification-row-v1286.unread{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--card))}.notification-row-v1286>button:first-child{display:grid;grid-template-columns:9px minmax(0,1fr);gap:9px;padding:11px;border:0;background:transparent;color:var(--text);text-align:left}.notification-row-v1286 i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:var(--accent)}.notification-row-v1286 i.warning{background:#f2a23a}.notification-row-v1286 i.danger{background:#ef5f68}.notification-row-v1286>button div{display:grid;gap:2px}.notification-row-v1286 b{font-size:10px}.notification-row-v1286 span,.notification-row-v1286 small{font-size:8px;color:var(--muted)}.notification-delete-v1286{border:0;background:transparent;color:var(--muted);font-size:18px}
.notification-pop-v1286{position:fixed;z-index:9999;right:12px;top:calc(env(safe-area-inset-top) + 48px);width:min(330px,calc(100vw - 24px));display:grid;gap:3px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--card) 94%,var(--accent));color:var(--text);text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.28);transform-origin:top right;transform:scale(.08);opacity:0;transition:transform .26s cubic-bezier(.2,.9,.2,1),opacity .18s ease}.notification-pop-v1286.show{transform:scale(1);opacity:1}.notification-pop-v1286.closing{transform:scale(.08);opacity:0}.notification-pop-v1286 b{font-size:10px}.notification-pop-v1286 span{font-size:8.5px;color:var(--muted);line-height:1.35}
@media(prefers-reduced-motion:reduce){.notification-pop-v1286{transition:opacity .15s!important;transform:none!important}.notification-pop-v1286.show{opacity:1!important}.notification-pop-v1286.closing{opacity:0!important}}

/* Card designer live preview */
.card-design-preview-wrap-v1286{display:flex;justify-content:center;margin:3px 0 15px}.card-design-preview-v1286{width:min(100%,300px);aspect-ratio:1.68;border-radius:20px;padding:16px;box-sizing:border-box;color:#fff;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.card-design-preview-v1286>div{display:flex;justify-content:space-between;align-items:center}.card-design-preview-v1286 .cp-provider{font-size:12px}.card-design-preview-v1286 .cp-kind{font-size:8px;letter-spacing:.08em}.card-design-preview-v1286>strong{align-self:center;font-size:14px}.card-design-preview-v1286 footer{display:flex;justify-content:space-between;align-items:end}.card-design-preview-v1286 footer span{font-size:10px}.card-design-preview-v1286 footer b{font-size:11px}
.card-add-actions-v1286{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.add-debit-card-v1286{display:block!important;visibility:visible!important;opacity:1!important}

/* v12.8.7 Settings navigation + budget cycle polish */
.budget-cycle-preview-v1287{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin:8px 0 12px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.budget-cycle-preview-v1287 span{font-size:8.5px;color:var(--muted)}.budget-cycle-preview-v1287 b{font-size:9px;text-align:right}
#modal-root:empty{pointer-events:none!important}

/* v12.8.9 regression recovery */
.settings-header-v1289{grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important}
.settings-back-v1289{width:38px;height:38px;border:1px solid var(--border);border-radius:13px;background:var(--card);color:var(--text);font-size:28px;display:grid;place-items:center;padding:0}
.settings-search-v1286{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.settings-search-v1286 input{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;border:0!important;background:transparent!important;outline:0!important}
.settings-action-row-v1289{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}
.settings-action-row-v1289:last-child{border-bottom:0}.settings-action-row-v1289>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.settings-action-row-v1289>div{display:grid;gap:3px}.settings-action-row-v1289 b{font-size:12px}.settings-action-row-v1289 small{font-size:9px;color:var(--muted)}.settings-action-row-v1289 em{font-style:normal;color:var(--muted)}
.settings-money-note-v1289{margin-top:12px}
.primary-currency-v1289{background:var(--accent)!important;color:#fff!important;border:0!important;font-weight:800!important}

.signed-balance-v1289{display:grid;grid-template-columns:minmax(0,1fr) 52px 52px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--input,var(--card))}
.signed-balance-v1289 input{border:0!important;border-radius:0!important;background:transparent!important;min-width:0!important}.signed-balance-v1289 button{border:0;border-left:1px solid var(--border);background:var(--card);color:var(--muted);font-size:22px;font-weight:900}.signed-balance-v1289 button.selected{background:var(--accent-soft);color:var(--accent)}

.notification-bell-v1286{display:flex!important;align-items:center!important;gap:3px!important;min-width:38px!important}.notification-bell-icon-v1289{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-count-v1286{font-size:8px!important;font-weight:900!important;color:var(--accent)!important}

.subscriptions-list-v1289{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card)}
.subscription-row-v1289{width:100%;min-height:78px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}
.subscription-row-v1289:last-child{border-bottom:0}.subscription-row-v1289.inactive{opacity:.62}.subscription-icon-v1289{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2,var(--bg));color:var(--accent)}.subscription-icon-v1289 svg{width:21px;height:21px}.subscription-main-v1289{display:grid;gap:2px;min-width:0}.subscription-main-v1289 b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-main-v1289 span{font-size:9px;color:var(--muted)}.subscription-main-v1289 small{font-size:8px;font-weight:750;color:var(--muted)}.subscription-main-v1289 small.warning{color:#e7a13a}.subscription-main-v1289 small.danger{color:#f16f79}.subscription-row-v1289>strong{font-size:11px;white-space:nowrap;align-self:center}

.people-summary-v1289 .card{min-width:0}.people-list-v1289{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card)}
.people-row-v1289{width:100%;min-height:78px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}.people-row-v1289:last-child{border-bottom:0}
.people-icon-v1289{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2,var(--bg))}.people-icon-v1289.borrowed{color:#f16f79}.people-icon-v1289.lent{color:#40cf8b}.people-icon-v1289 svg{width:21px;height:21px}
.people-main-v1289{display:grid;gap:2px;min-width:0}.people-main-v1289 b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-main-v1289 span{font-size:9px;color:color-mix(in srgb,var(--text) 70%,var(--muted))}.people-main-v1289 small{font-size:8px;font-weight:750;color:var(--muted)}.people-main-v1289 small.warning{color:#e7a13a}.people-main-v1289 small.danger{color:#f16f79}.people-row-v1289>strong{font-size:11px;white-space:nowrap}
.people-actions-v1289{display:grid;justify-items:end;gap:6px}.people-actions-v1289 strong{white-space:nowrap}.people-actions-v1289 button{min-height:34px;padding:6px 9px}
@media(max-width:390px){.people-row-v1289,.subscription-row-v1289{grid-template-columns:42px minmax(0,1fr) auto;gap:8px}.people-row-v1289>strong,.subscription-row-v1289>strong{font-size:10px}}

/* v12.8.10 targeted fixes */
.home-head-actions,.header-actions,.top-actions{display:flex!important;align-items:center!important;gap:8px!important}
.home-head-actions>button,.header-actions>button,.top-actions>button,.notification-bell-v1286{
width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
box-sizing:border-box!important;border:1px solid var(--border)!important;border-radius:13px!important;
background:var(--card)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.notification-bell-v1286{position:relative!important;gap:0!important}
.notification-count-v1286{position:absolute!important;top:2px!important;right:3px!important;line-height:1!important}
.settings-search-v1286{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--card)!important;padding:0 12px!important}
.settings-search-v1286 input,.settings-search-v1286 input[type="search"],.settings-search-v1286 input[type="text"]{-webkit-appearance:none!important;appearance:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;color:var(--text)!important}
.settings-search-v1286 input:focus{border:0!important;outline:0!important;box-shadow:none!important}

/* v12.8.11 final stabilization */
.linked-debit-row-v1285{display:grid!important;grid-template-columns:78px minmax(0,1fr) 16px!important;gap:12px!important;align-items:center!important;width:100%!important;min-width:0!important}
.linked-debit-preview-v1285{width:78px!important;min-width:78px!important;height:48px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important;margin:0!important}
.linked-debit-copy-v12811{display:grid!important;gap:3px!important;min-width:0!important;text-align:left!important}
.linked-debit-copy-v12811>b,.linked-debit-copy-v12811>small{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.linked-debit-copy-v12811>b{font-size:11px!important;color:var(--text)!important}.linked-debit-copy-v12811>small{font-size:8.5px!important;color:var(--muted)!important}.linked-debit-row-v1285>em{justify-self:end!important;font-style:normal!important;color:var(--muted)!important}

.settings-search-v12811{width:100%!important;height:44px!important;margin:8px 0 14px!important;box-sizing:border-box!important}
.settings-search-v12811 .settings-search-input-v12811{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:auto!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text)!important;padding:0!important;margin:0!important;-webkit-appearance:none!important;appearance:none!important}
.settings-search-v12811 .settings-search-input-v12811::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
.settings-search-clear-v12811{display:none;order:2;border:0!important;background:transparent!important;color:var(--muted)!important;padding:4px!important;font-size:18px!important}.settings-search-clear-v12811.show{display:block!important}
.settings-search-v12811 .tx-search-glyph-v1252{order:3!important;margin-left:auto!important}
.settings-search-results-v12811{display:none;gap:7px;margin-bottom:12px}
.settings-search-result-v12811{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);text-align:left}
.settings-search-result-v12811>div{display:grid;gap:2px;min-width:0}.settings-search-result-v12811 b{font-size:11px}.settings-search-result-v12811 span{font-size:8.5px;color:var(--muted)}.settings-search-result-v12811 em{font-style:normal;color:var(--muted);justify-self:end}.settings-search-empty-v12811{padding:22px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px}

/* v12.8.12 — only linked debit-card preview + existing-card linking */
.linked-debit-row-v1285{
 display:grid!important;
 grid-template-columns:70px minmax(0,1fr) 14px!important;
 column-gap:14px!important;
 row-gap:0!important;
 align-items:center!important;
 width:100%!important;
 min-width:0!important;
 box-sizing:border-box!important;
}
.linked-debit-row-v1285>.linked-debit-preview-v1285{
 grid-column:1!important;
 position:static!important;
 transform:none!important;
 translate:none!important;
 width:68px!important;
 min-width:68px!important;
 max-width:68px!important;
 height:42px!important;
 margin:0!important;
 padding:5px 6px!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
 justify-self:start!important;
}
.linked-debit-row-v1285>.linked-debit-copy-v12811{
 grid-column:2!important;
 position:static!important;
 transform:none!important;
 translate:none!important;
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
 margin:0!important;
 padding:0!important;
 justify-self:stretch!important;
 overflow:hidden!important;
}
.linked-debit-row-v1285>.linked-debit-copy-v12811>b,
.linked-debit-row-v1285>.linked-debit-copy-v12811>small{
 position:static!important;
 transform:none!important;
 translate:none!important;
 max-width:100%!important;
}
.linked-debit-row-v1285>em{grid-column:3!important;position:static!important;transform:none!important;margin:0!important}

.account-card-link-section-v12812{display:grid;gap:8px;margin-bottom:14px}
.account-card-link-list-v12812{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card)}
.account-card-link-row-v12812{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 14px;align-items:center;gap:11px;padding:11px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}
.account-card-link-row-v12812:last-child{border-bottom:0}.account-card-link-row-v12812:disabled{opacity:.6}
.account-card-link-preview-v12812{width:62px;height:38px;border-radius:9px;padding:5px 6px;display:grid;grid-template-rows:auto 1fr;box-sizing:border-box;overflow:hidden;color:#fff}
.account-card-link-preview-v12812 i{font-style:normal;font-size:6.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-link-preview-v12812 b{font-size:7px;align-self:end}
.account-card-link-row-v12812>div{display:grid;gap:3px;min-width:0}.account-card-link-row-v12812>div>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-link-row-v12812>div>small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-link-row-v12812>em{font-style:normal;color:var(--muted);justify-self:end}
.account-card-new-v12812{width:100%}

/* v12.8.13 verified Account Details mini-card fix */
.account-linked-debit-v12813{
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;gap:14px!important;
  padding:11px 12px!important;margin:0!important;border:0!important;
  border-bottom:1px solid var(--border)!important;background:transparent!important;
  color:var(--text)!important;text-align:left!important;overflow:hidden!important;
}
.account-linked-debit-v12813:last-child{border-bottom:0!important}
.account-linked-debit-card-v12813{
  flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;
  height:45px!important;min-height:45px!important;max-height:45px!important;
  position:relative!important;inset:auto!important;transform:none!important;translate:none!important;
  margin:0!important;padding:6px 7px!important;box-sizing:border-box!important;border-radius:10px!important;
  overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr!important;color:#fff!important;
}
.account-linked-debit-bank-v12813{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:6.5px!important;line-height:1!important;font-weight:900!important}
.account-linked-debit-type-v12813{grid-column:2!important;grid-row:1!important;justify-self:end!important;white-space:nowrap!important;font-size:5px!important;line-height:1!important;opacity:.9!important}
.account-linked-debit-last4-v12813{grid-column:1/-1!important;grid-row:2!important;align-self:end!important;white-space:nowrap!important;font-size:7px!important;line-height:1!important;font-weight:800!important}
.account-linked-debit-info-v12813{
  flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:calc(100% - 116px)!important;
  box-sizing:border-box!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;
  margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;gap:3px!important;overflow:hidden!important;
}
.account-linked-debit-info-v12813>b,.account-linked-debit-info-v12813>small{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;position:static!important;inset:auto!important;transform:none!important;translate:none!important;
  margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.account-linked-debit-info-v12813>b{color:var(--text)!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important}
.account-linked-debit-info-v12813>small{color:var(--muted)!important;font-size:8.5px!important;line-height:1.2!important}
.account-linked-debit-chevron-v12813{
  flex:0 0 12px!important;width:12px!important;min-width:12px!important;position:static!important;
  inset:auto!important;transform:none!important;translate:none!important;margin-left:auto!important;padding:0!important;
  color:var(--muted)!important;font-size:15px!important;line-height:1!important;text-align:right!important;
}

/* v12.8.13 Account Details linked debit-card row — final overlap fix.
   The older parent selector .linked-debit-cards-v1284>button has higher
   specificity and forced a 34px first grid column. Match that specificity
   here so the 74px preview gets its own column and can never cover the text. */
.linked-debit-cards-v1284 > button.account-linked-debit-v12813{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr) 12px!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;
  overflow:hidden!important;
}
.linked-debit-cards-v1284 > button.account-linked-debit-v12813 > .account-linked-debit-card-v12813{
  grid-column:1!important;
  min-width:0!important;
  width:74px!important;
  max-width:74px!important;
}
.linked-debit-cards-v1284 > button.account-linked-debit-v12813 > .account-linked-debit-info-v12813{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.linked-debit-cards-v1284 > button.account-linked-debit-v12813 > .account-linked-debit-chevron-v12813{
  grid-column:3!important;
  width:12px!important;
  min-width:12px!important;
  margin:0!important;
  justify-self:end!important;
}
\n\n/* v12.8.13b — isolated Account Details linked debit-card layout.\n   Uses a new container class so legacy .linked-debit-cards-v1284 > button rules cannot affect this row. */\n.linked-debit-cards-v12813{\n  margin:14px 0!important;\n  border:1px solid var(--border)!important;\n  border-radius:18px!important;\n  padding:12px!important;\n  background:var(--card)!important;\n}\n.linked-debit-cards-v12813>.widget-head{margin-bottom:8px!important}\n.linked-debit-cards-v12813>.widget-head button{\n  color:var(--accent)!important;background:transparent!important;border:0!important;font-weight:800!important\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813{\n  width:100%!important;min-width:0!important;box-sizing:border-box!important;\n  display:grid!important;grid-template-columns:74px minmax(0,1fr) 12px!important;\n  align-items:center!important;column-gap:14px!important;row-gap:0!important;\n  padding:11px 2px!important;margin:0!important;border:0!important;border-top:1px solid var(--border)!important;\n  background:transparent!important;color:var(--text)!important;text-align:left!important;overflow:hidden!important;\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813>.account-linked-debit-card-v12813{\n  grid-column:1!important;grid-row:1!important;justify-self:start!important;\n  width:74px!important;min-width:74px!important;max-width:74px!important;\n  margin:0!important;position:static!important;transform:none!important;translate:none!important;\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813>.account-linked-debit-info-v12813{\n  grid-column:2!important;grid-row:1!important;justify-self:stretch!important;\n  width:100%!important;min-width:0!important;max-width:none!important;\n  margin:0!important;position:static!important;transform:none!important;translate:none!important;overflow:hidden!important;\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813>.account-linked-debit-info-v12813>b,\n.linked-debit-cards-v12813>button.account-linked-debit-v12813>.account-linked-debit-info-v12813>small{\n  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;\n  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813>.account-linked-debit-chevron-v12813{\n  grid-column:3!important;grid-row:1!important;justify-self:end!important;\n  width:12px!important;min-width:12px!important;margin:0!important;position:static!important;\n}\n.linked-debit-cards-v12813>button.account-linked-debit-v12813 span{box-sizing:border-box!important}\n
/* v12.9 Phase 1C — read-only field comparison */
.v129-diff-row{padding:14px 0;border-bottom:1px solid var(--line,#2d3647)}
.v129-diff-row:last-child{border-bottom:0}
.v129-diff-row>b{display:block;margin-bottom:10px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.v129-diff-row>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start;margin-top:6px}
.v129-diff-row span{color:var(--muted,#98a3b5);font-size:12px}
.v129-diff-row strong{font-size:13px;font-weight:650;overflow-wrap:anywhere;word-break:break-word}
/* v12.9 Phase 3 public-ready polish */
.v129-auth-separator{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted,#8d8d98);font-size:12px}.v129-auth-separator:before,.v129-auth-separator:after{content:"";height:1px;background:var(--line,rgba(127,127,127,.22));flex:1}.v129-password-hint{display:block;margin-top:6px;color:var(--muted,#8d8d98);line-height:1.35}.v129-diagnostics{margin-top:16px;border-top:1px solid var(--line,rgba(127,127,127,.2));padding-top:12px}.v129-diagnostics summary{cursor:pointer;color:var(--muted,#8d8d98);font-size:13px}.empty{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border-radius:16px}

/* v12.9 Phase 4A — Notification Center foundation */
.notification-center-v129{display:grid;gap:10px}.notification-center-summary-v129{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.notification-center-summary-v129>div{display:grid;gap:2px}.notification-center-summary-v129 b{font-size:11px}.notification-center-summary-v129 span{font-size:8.5px;color:var(--muted)}.notification-center-summary-v129 button{border:0;background:transparent;color:var(--accent);font-weight:850;font-size:9px}.notification-filter-strip-v129{display:flex;gap:6px;overflow-x:auto;padding:1px 0 3px;scrollbar-width:none}.notification-filter-strip-v129::-webkit-scrollbar{display:none}.notification-filter-strip-v129 button{flex:0 0 auto;border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:8.5px;font-weight:800}.notification-filter-strip-v129 button.active{background:var(--accent);border-color:var(--accent);color:white}.notification-center-head-v1286>div{display:flex;gap:8px}.notification-meta-v129{display:flex;align-items:center;gap:6px;margin-bottom:1px}.notification-meta-v129 em{font-size:7.5px;color:var(--muted);font-style:normal;font-weight:850}.notification-meta-v129 i{font-size:6.8px!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;color:var(--muted);font-style:normal}.notification-row-v1286>button:first-child{grid-template-columns:24px minmax(0,1fr)!important}.notification-cat-icon-v129{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:8px!important;background:color-mix(in srgb,var(--accent) 10%,var(--card))!important;color:var(--accent)!important;font-size:11px!important;margin-top:0!important}.notification-row-v1286.priority-critical{border-color:color-mix(in srgb,#ef5f68 60%,var(--border))}.notification-row-v1286.priority-important{border-color:color-mix(in srgb,#f2a23a 45%,var(--border))}.notification-row-v1286 u{display:inline-block;margin-top:3px;color:var(--accent);font-size:8px;text-decoration:none;font-weight:800}.notification-empty-v129{display:grid;gap:3px;text-align:center;padding:30px 12px;color:var(--muted)}.notification-empty-v129 b{color:var(--text);font-size:11px}.notification-empty-v129 span{font-size:8.5px}.notification-clear-all-v129{border:0;background:transparent;color:#ef5f68;font-size:8.5px;font-weight:850;padding:8px}


/* v12.9 Phase 4A.1 — center Notifications & Reminders sheet on iPhone/iPad */
.modal-wrap:has(.notification-settings-modal-v129){
  padding-left:max(16px,env(safe-area-inset-left))!important;
  padding-right:max(16px,env(safe-area-inset-right))!important;
}
.modal-wrap:has(.notification-settings-modal-v129)>.modal{
  width:100%!important;
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}
@media(max-width:520px){
  .modal-wrap:has(.notification-settings-modal-v129){padding-left:10px!important;padding-right:10px!important}
  .modal-wrap:has(.notification-settings-modal-v129)>.modal{max-width:none!important}
}

/* v12.9 Phase 5A — Apple-inspired Home widget gallery foundation */
.home-widget-gallery-v1295a{display:flex;flex-direction:column;gap:20px}
.home-widget-gallery-search-v1295a{display:flex;align-items:center;gap:10px;background:var(--surface2,#f2f2f7);border-radius:14px;padding:0 14px;min-height:46px}
.home-widget-gallery-search-v1295a span{opacity:.55;font-size:18px}.home-widget-gallery-search-v1295a input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:42px;width:100%;font-size:16px}
.home-widget-gallery-section-v1295a{display:flex;flex-direction:column;gap:10px}.home-widget-gallery-section-head-v1295a{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.home-widget-gallery-section-head-v1295a>b{font-size:18px}.home-widget-gallery-section-head-v1295a>span{font-size:12px;opacity:.6}
.home-widget-gallery-list-v1295a{overflow:hidden;border-radius:18px;background:var(--card,#fff)}
.home-widget-gallery-row-v1295a,.home-section-settings-row-v1295a{width:100%;border:0;background:transparent;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;align-items:center;text-align:left;padding:13px 14px;border-bottom:1px solid rgba(127,127,127,.14);color:inherit}
.home-widget-gallery-row-v1295a:last-child,.home-section-settings-row-v1295a:last-child{border-bottom:0}.home-widget-gallery-row-v1295a>div:nth-child(2),.home-section-settings-row-v1295a>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.home-widget-gallery-row-v1295a b,.home-section-settings-row-v1295a b{font-size:15px}.home-widget-gallery-row-v1295a span,.home-section-settings-row-v1295a small{font-size:12px;opacity:.62;line-height:1.3}.home-widget-gallery-row-v1295a em,.home-section-settings-row-v1295a em{font-style:normal;font-size:25px;opacity:.35}
.home-widget-gallery-icon-v1295a{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#7c3aed) 13%,transparent);color:var(--accent,#7c3aed);font-size:20px;font-weight:800}
.home-widget-settings-access-v1295a{padding-top:3px}.home-widget-settings-access-v1295a>p{margin:0 2px 2px;font-size:13px;opacity:.65;line-height:1.45}.home-widget-settings-entry-v1295a{border:0;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center;text-align:left;padding:14px;border-radius:18px;background:var(--card,#fff);color:inherit}.home-widget-settings-entry-v1295a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.home-widget-settings-entry-v1295a small{font-size:12px;opacity:.62}.home-widget-settings-entry-v1295a em{font-style:normal;font-size:25px;opacity:.35}.home-widget-settings-entry-icon-v1295a{height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,#7c3aed) 13%,transparent);color:var(--accent,#7c3aed);font-size:21px}
.home-widget-detail-v1295a{display:flex;flex-direction:column;gap:14px}.home-widget-detail-copy-v1295a{display:flex;flex-direction:column;gap:4px;text-align:center;padding:0 10px}.home-widget-detail-copy-v1295a>b{font-size:22px}.home-widget-detail-copy-v1295a>span{font-size:13px;opacity:.62}
.home-widget-preview-stage-v1295a,.home-widget-setting-preview-v1295a{min-height:260px;border-radius:24px;background:linear-gradient(180deg,rgba(127,127,127,.08),rgba(127,127,127,.03));display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden}.home-widget-setting-preview-v1295a{min-height:210px;margin-bottom:8px}.home-widget-preview-frame-v1295a{transition:width .18s ease;pointer-events:none}.home-widget-preview-frame-v1295a.preview-small{width:min(48%,260px)}.home-widget-preview-frame-v1295a.preview-medium{width:min(72%,430px)}.home-widget-preview-frame-v1295a.preview-large{width:100%;max-width:600px}.home-widget-preview-frame-v1295a .home-widget{width:100%!important;grid-column:auto!important;margin:0!important;min-height:0!important;transform:none!important}
.home-widget-size-picker-v1295a{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.home-widget-size-picker-v1295a button{border:1px solid rgba(127,127,127,.18);background:var(--card,#fff);border-radius:14px;min-height:62px;color:inherit;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column}.home-widget-size-picker-v1295a button span{font-size:19px;opacity:.7}.home-widget-size-picker-v1295a button b{font-size:12px}.home-widget-size-picker-v1295a button.active{border-color:var(--accent,#7c3aed);box-shadow:0 0 0 1px var(--accent,#7c3aed) inset;color:var(--accent,#7c3aed)}
.home-widget-preview-dots-v1295a{display:flex;justify-content:center;gap:6px;margin-top:-5px}.home-widget-preview-dots-v1295a i{width:6px;height:6px;border-radius:50%;background:rgba(127,127,127,.28)}.home-widget-preview-dots-v1295a i.active{background:var(--accent,#7c3aed);width:16px;border-radius:6px}
.home-section-settings-list-v1295a{border-radius:18px;overflow:hidden;background:var(--card,#fff);margin:12px 0 16px}.home-section-global-v1295a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:18px;background:var(--card,#fff);margin-bottom:12px}.home-section-global-v1295a>div{display:flex;flex-direction:column;gap:3px}.home-section-global-v1295a span{font-size:12px;opacity:.62}.home-widget-count-picker-v1295a{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.home-widget-count-picker-v1295a button{border:1px solid rgba(127,127,127,.18);background:var(--card,#fff);border-radius:12px;padding:10px;color:inherit}.home-widget-count-picker-v1295a button.active{border-color:var(--accent,#7c3aed);color:var(--accent,#7c3aed);box-shadow:0 0 0 1px var(--accent,#7c3aed) inset}
@media(max-width:600px){.home-widget-preview-stage-v1295a{min-height:235px;padding:20px 10px}.home-widget-preview-frame-v1295a.preview-small{width:58%}.home-widget-preview-frame-v1295a.preview-medium{width:82%}.home-widget-gallery-row-v1295a,.home-section-settings-row-v1295a{grid-template-columns:44px minmax(0,1fr) 16px;padding:12px}.home-widget-gallery-icon-v1295a{width:40px;height:40px}}

/* v12.9 Phase 5A.1 — Widget Gallery visual polish */
.home-widget-gallery-search-v1295a{
  background:color-mix(in srgb,var(--card,#1b2431) 92%,var(--accent,#6f5cff) 8%)!important;
  border:1px solid var(--border)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.home-widget-gallery-search-v1295a input,
.home-widget-gallery-search-v1295a input[type="search"],
.home-widget-gallery-search-v1295a input[type="text"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  color:var(--text)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.home-widget-gallery-search-v1295a input::placeholder{color:var(--muted)!important;opacity:1!important}
.home-widget-gallery-search-v1295a input::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
.home-widget-preview-stage-v1295a{
  min-height:190px!important;
  padding:18px 14px!important;
}
.home-widget-preview-frame-v1295a.preview-small{width:min(46%,250px)!important}
.home-widget-preview-frame-v1295a.preview-medium{width:min(70%,420px)!important}
.home-widget-size-picker-v1295a button{
  position:relative!important;
  transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease!important;
}
.home-widget-size-picker-v1295a button.active{
  background:color-mix(in srgb,var(--accent,#7c3aed) 13%,var(--card,#fff))!important;
  border-color:var(--accent,#7c3aed)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#7c3aed) 28%,transparent) inset!important;
  color:var(--accent,#7c3aed)!important;
}
.home-widget-size-picker-v1295a button.active::after{
  content:'✓';
  position:absolute;
  top:6px;
  right:8px;
  font-size:10px;
  font-weight:900;
  color:var(--accent,#7c3aed);
}
.home-widget-preview-dots-v1295a{margin-top:-2px!important}
@media(max-width:600px){
  .home-widget-preview-stage-v1295a{min-height:175px!important;padding:16px 10px!important}
  .home-widget-preview-frame-v1295a.preview-small{width:56%!important}
  .home-widget-preview-frame-v1295a.preview-medium{width:80%!important}
}
/* v12.9 Phase 5B — Home Dashboard Interaction & Polish */
.home-widget-action-v1295b{border:0;background:transparent;color:var(--accent,#5b6cff);font:inherit;font-weight:700;padding:4px 0;cursor:pointer;white-space:nowrap}
.home-widget-action-v1295b:active{opacity:.65}
.home-empty-action-v1295b{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-empty-action-v1295b button{border:0;border-radius:12px;padding:8px 11px;background:var(--accent-soft,rgba(91,108,255,.12));color:var(--accent,#5b6cff);font-weight:700}
@media(max-width:520px){.home-empty-action-v1295b{align-items:flex-start;flex-direction:column}.home-widget-action-v1295b{font-size:12px}}
/* v12.9 Phase 5C — Smart Home / Laari dashboard behavior */
.smart-home-item-v1295c{min-width:0;display:contents}
.smart-home-item-v1295c>.smart-home-reason-v127{display:flex;align-items:flex-start;gap:8px;margin:-8px 6px 4px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-top:0;border-radius:0 0 12px 12px;background:color-mix(in srgb,var(--accent) 6%,var(--card));line-height:1.35}
.smart-home-item-v1295c>.smart-home-reason-v127 span{flex:0 0 auto;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.smart-home-item-v1295c>.smart-home-reason-v127 b{font-size:9px;font-weight:600;color:var(--muted)}
.smart-home-badge-v127.smart-home-urgent-v1295c{border-color:color-mix(in srgb,#ef5f68 35%,var(--border));background:color-mix(in srgb,#ef5f68 8%,var(--card))}
.smart-home-badge-v127.smart-home-urgent-v1295c span{color:#ef5f68}
.smart-home-badge-v127.smart-home-warning-v1295c{border-color:color-mix(in srgb,#f2a23a 35%,var(--border));background:color-mix(in srgb,#f2a23a 8%,var(--card))}
.smart-home-badge-v127.smart-home-warning-v1295c span{color:#f2a23a}
.smart-home-badge-v127.smart-home-positive-v1295c{border-color:color-mix(in srgb,#35c978 32%,var(--border));background:color-mix(in srgb,#35c978 7%,var(--card))}
.smart-home-badge-v127.smart-home-positive-v1295c span{color:#35c978}
@media(max-width:650px){.smart-home-item-v1295c>.smart-home-reason-v127{flex-direction:column;gap:2px}.smart-home-badge-v127 small{max-width:66%}}

/* v12.9 Phase 5C.1 — keep Smart Home explanations attached to their widgets */
.smart-home-item-v1295c{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
}
.home-widgets>.smart-home-item-v1295c.widget-large{grid-column:1/-1!important}
.home-widgets>.smart-home-item-v1295c.widget-medium,
.home-widgets>.smart-home-item-v1295c.widget-small{grid-column:auto!important}
.smart-home-item-v1295c>.home-widget,
.smart-home-item-v1295c>*:first-child{
  width:100%!important;
  min-width:0!important;
  grid-column:auto!important;
  box-sizing:border-box!important;
}
.smart-home-item-v1295c>.smart-home-reason-v127{
  width:calc(100% - 12px)!important;
  box-sizing:border-box!important;
  align-self:center!important;
  margin:-1px 6px 0!important;
  border-top:0!important;
}
@media(max-width:360px){
  .home-widgets>.smart-home-item-v1295c.widget-medium,
  .home-widgets>.smart-home-item-v1295c.widget-small{grid-column:1/-1!important}
}

/* v12.9 Phase 5C.2 — keep paired Smart Home widgets vertically balanced */
.smart-home-item-v1295c{
  align-self:stretch!important;
  height:100%!important;
}
.smart-home-item-v1295c>.home-widget,
.smart-home-item-v1295c>*:first-child{
  flex:1 1 auto!important;
}
.smart-home-item-v1295c>.smart-home-reason-v127{
  flex:0 0 auto!important;
  margin:-1px 0 0!important;
  width:100%!important;
  align-self:stretch!important;
  border-radius:0 0 16px 16px!important;
}
.smart-home-item-v1295c:has(>.smart-home-reason-v127)>.home-widget,
.smart-home-item-v1295c:has(>.smart-home-reason-v127)>*:first-child{
  border-bottom-left-radius:0!important;
  border-bottom-right-radius:0!important;
}


/* v12.9 Phase 5D.1 — Home preference search + transaction-composer consistency */
.home-widget-gallery-search-v1295a,
.smart-pref-search-v1295d1{
 width:100%!important;
 height:44px!important;
 min-height:44px!important;
 box-sizing:border-box!important;
 padding:0 12px!important;
 gap:8px!important;
 border:1px solid var(--border)!important;
 border-radius:14px!important;
 background:var(--card)!important;
}
.home-widget-gallery-search-v1295a .transaction-search,
.smart-pref-search-v1295d1 .transaction-search{order:1!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;font-size:14px!important}
.home-widget-gallery-search-v1295a .tx-search-clear-v1252,
.smart-pref-search-v1295d1 .tx-search-clear-v1252{order:2!important}
.home-widget-gallery-search-v1295a .tx-search-glyph-v1252,
.smart-pref-search-v1295d1 .tx-search-glyph-v1252{order:3!important;margin-left:auto!important}
.smart-pref-sections-v1295d1{display:flex;flex-direction:column;gap:18px;margin-top:16px}
.smart-pref-section-v1295d1{display:flex;flex-direction:column;gap:8px}
.smart-pref-section-title-v1295d1{padding:0 3px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.smart-pref-section-v1295d1 .list{margin:0}

/* v12.9 Phase 6.1 — Merchants & Insights */
.merchant-page-v12961{display:grid;gap:12px}
.merchant-overview-v12961{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.merchant-overview-v12961>div,.merchant-detail-grid-v12961>section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:4px;min-width:0}
.merchant-overview-v12961 span,.merchant-detail-grid-v12961 span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.merchant-overview-v12961 b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-top-card-v12961{width:100%;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(135deg,var(--accent-soft),var(--card));border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:inherit}
.merchant-top-card-v12961>div{display:grid;gap:3px}.merchant-top-card-v12961 span{font-size:9px;color:var(--accent);font-weight:800;letter-spacing:.08em}.merchant-top-card-v12961 b{font-size:17px}.merchant-top-card-v12961 small{font-size:11px;color:var(--muted)}.merchant-top-card-v12961 em{font-style:normal;color:var(--accent);font-size:24px}
.merchant-sort-row-v12961{display:flex;gap:7px;overflow:auto;padding-bottom:1px;scrollbar-width:none}.merchant-sort-row-v12961::-webkit-scrollbar{display:none}
.merchant-sort-pill-v12961{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;padding:8px 11px;font-size:11px;white-space:nowrap;font-weight:700}.merchant-sort-pill-v12961.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}
.merchant-page-label-v1261{display:flex!important;align-items:center;gap:7px}.merchant-page-label-v1261>span:first-child{margin-right:0}.merchant-page-label-v1261>span:nth-child(2){margin-right:auto}.merchant-manage-link-v12961{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700;padding:5px 0}
.merchant-hero-v12961 small{font-size:10px;color:var(--muted)}
.merchant-stats-v12961{grid-template-columns:repeat(3,minmax(0,1fr))}
.merchant-insight-card-v12961,.merchant-trend-card-v12961{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.merchant-insight-card-v12961 p{margin:7px 0 0;font-size:13px;line-height:1.45}
.merchant-detail-section-head-v12961{display:flex;align-items:center;justify-content:space-between;gap:10px}.merchant-detail-section-head-v12961 b{font-size:13px}.merchant-detail-section-head-v12961 span{font-size:11px;color:var(--muted)}
.merchant-trend-v12961{height:104px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;align-items:end;margin-top:12px}.merchant-trend-v12961>div{display:grid;grid-template-rows:76px auto;gap:5px;text-align:center}.merchant-trend-bar-v12961{height:76px;display:flex;align-items:flex-end;justify-content:center;background:var(--bg);border-radius:8px;padding:4px}.merchant-trend-bar-v12961 i{display:block;width:100%;max-width:18px;border-radius:5px;background:var(--accent);min-height:2px}.merchant-trend-v12961 span{font-size:9px;color:var(--muted)}
.merchant-detail-grid-v12961{display:grid;grid-template-columns:1fr 1fr;gap:8px}.merchant-detail-grid-v12961 b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:520px){.merchant-overview-v12961{gap:6px}.merchant-overview-v12961>div{padding:10px 8px}.merchant-overview-v12961 b{font-size:13px}.merchant-detail-grid-v12961{grid-template-columns:1fr}.merchant-stats-v12961{gap:5px}.merchant-stats-v12961>div{padding:9px 7px}}

/* v12.9 Phase 6.1.1 — Merchant Details spacing polish */
.merchant-page-v1261.merchant-detail-v12961{
  display:grid;
  gap:16px;
}
.merchant-detail-v12961 > .merchant-hero-v12961,
.merchant-detail-v12961 > .merchant-stats-v12961,
.merchant-detail-v12961 > .merchant-insight-card-v12961,
.merchant-detail-v12961 > .merchant-trend-card-v12961,
.merchant-detail-v12961 > .merchant-detail-grid-v12961,
.merchant-detail-v12961 > .merchant-page-label-v1261,
.merchant-detail-v12961 > .merchant-payments-page-v1261{
  margin:0;
}
.merchant-detail-v12961 > .merchant-page-label-v1261{
  padding-top:2px;
  margin-bottom:-4px;
}
.merchant-detail-v12961 > .merchant-payments-page-v1261{
  margin-top:-4px;
}
@media(max-width:520px){
  .merchant-page-v1261.merchant-detail-v12961{gap:14px}
}

/* v12.9 Phase 6.2 — Search & Transaction Management */
.tx-select-toggle-v12962{
  min-width:54px;height:40px;border:1px solid var(--line);background:var(--card);color:var(--accent);
  border-radius:13px;font-size:11px;font-weight:800;padding:0 10px;
}
.tx-select-toggle-v12962.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.tx-active-filter-v12962 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tx-saved-filter-list-v12962{display:grid;gap:8px;margin-top:16px}
.tx-saved-filter-row-v12962{display:grid;grid-template-columns:1fr 38px;gap:7px;align-items:stretch}
.tx-saved-filter-row-v12962>button:first-child{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 12px;text-align:left;color:inherit;display:grid;gap:3px}
.tx-saved-filter-row-v12962 b{font-size:12px}.tx-saved-filter-row-v12962 span{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tx-saved-filter-row-v12962>button.danger{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--card));color:var(--danger);border-radius:14px;font-size:18px}
.tx-bulk-bar-v12962{position:sticky;top:8px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:16px;padding:9px 10px;margin:8px 0;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tx-bulk-bar-v12962>b{font-size:11px;white-space:nowrap}.tx-bulk-bar-v12962>div{display:flex;gap:5px;overflow:auto}.tx-bulk-bar-v12962 button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:7px 9px;font-size:10px;font-weight:700;white-space:nowrap}.tx-bulk-bar-v12962 button.danger{color:var(--danger)}.tx-bulk-bar-v12962 button:disabled{opacity:.4}
.swipe-shell.bulk-mode-v12962{display:grid;grid-template-columns:34px 1fr;align-items:stretch;position:relative}.swipe-shell.bulk-mode-v12962 .swipe-actions{display:none}.swipe-shell.bulk-mode-v12962 .swipe-content{grid-column:2;transform:none!important}
.tx-bulk-check-v12962{grid-column:1;align-self:center;justify-self:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:white;font-size:13px;font-weight:800}.tx-bulk-check-v12962.selected{background:var(--accent);border-color:var(--accent)}
@media(max-width:520px){.tx-select-toggle-v12962{min-width:48px;padding:0 8px}.tx-bulk-bar-v12962{align-items:flex-start;flex-direction:column}.tx-bulk-bar-v12962>div{width:100%}}

/* =========================================================
   Rufiyaa 12.9 Phase 6.2.1 — Transactions toolbar + bulk polish
   ========================================================= */
.tx-toolbar-v129621{display:grid;gap:9px;margin:8px 0 12px}
.tx-toolbar-v129621>.tx-inline-search-v1251{margin:0!important;width:100%!important}
.tx-toolbar-actions-v129621{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tx-toolbar-action-v129621{height:38px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:750;min-width:0;padding:0 7px}
.tx-toolbar-action-v129621 svg{width:16px;height:16px;flex:0 0 auto}.tx-toolbar-action-v129621.active,.tx-toolbar-action-v129621.merchant-tool-v1262{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--card))}
.tx-select-symbol-v129621{font-size:13px;line-height:1}
.tx-bulk-bar-v12962{top:8px!important;margin:10px 0!important}
.tx-bulk-bar-v12962>div{flex-wrap:wrap!important;overflow:visible!important}
.tx-saved-filter-row-v12962>button.danger{cursor:pointer;min-width:38px}
@media(max-width:520px){.tx-toolbar-actions-v129621{gap:6px}.tx-toolbar-action-v129621{font-size:9px;padding:0 5px}.tx-toolbar-action-v129621 span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* v12.9 Phase 6.2.2 — minimalist transaction toolbar */
.tx-toolbar-action-v129621{justify-content:center!important;text-align:center!important;gap:0!important;font-size:11px!important;font-weight:700!important;letter-spacing:.01em}
.tx-toolbar-action-v129621 span{width:100%;text-align:center;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.tx-toolbar-action-v129621 svg,.tx-select-symbol-v129621{display:none!important}
@media(max-width:520px){.tx-toolbar-action-v129621{font-size:10px!important;padding:0 6px!important}}
/* v12.9 Phase 6.3 */
.tx63-review-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin:10px 0 14px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--text)}.tx63-review-banner span{display:flex;flex-direction:column;gap:3px}.tx63-review-banner small{color:var(--muted);font-weight:500}.tx63-review-banner strong{color:var(--accent);font-size:13px}.tx63-review-clear{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;margin:8px 0 14px}.tx63-review-clear span{color:var(--muted);font-size:13px}.tx63-review-heading{margin-top:18px}.tx63-small-action{width:auto!important;padding:7px 11px!important;margin:0!important}.tx63-split-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 36px;gap:8px;align-items:center;margin-bottom:9px}.tx63-split-row select,.tx63-split-row input{min-width:0}.tx63-split-row button{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted)}.tx63-add-split{margin:4px 0 12px}.tx63-split-total{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 14px;color:var(--muted)}.tx63-split-total b{color:var(--text)}.tx63-split-card{margin-top:12px}

/* v12.9 Phase 6.3.1 — Transaction Review layout + duplicate comparison */
.modal-wrap:has(.tx63-review-modal){align-items:flex-end;justify-content:center;padding-left:12px;padding-right:12px}
.modal-wrap:has(.tx63-review-modal)>.modal{width:min(720px,100%);padding-left:20px;padding-right:20px}
.tx63-review-modal{width:100%;max-width:100%;margin:0 auto}
.tx63-review-modal .modal-head{width:100%;margin-bottom:14px}
.tx63-review-intro{max-width:620px;margin:0 auto 18px;line-height:1.55}
.tx63-review-section{width:100%;margin:0 auto 18px}
.tx63-review-section .settings-subtitle{margin:0 2px 10px;text-align:left}
.tx63-review-list{display:grid;gap:10px;width:100%}
.tx63-review-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid var(--line,var(--border));border-radius:16px;background:var(--card);color:var(--text);text-align:left;font:inherit}
.tx63-review-item-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.tx63-review-item-main strong{font-size:16px}
.tx63-review-item-main span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tx63-review-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.tx63-review-item-side span{font-size:12px;color:var(--accent)}
.tx63-review-clear{width:100%;margin:0 0 16px;padding:15px 16px}
.tx63-compare-list{display:grid;gap:10px;margin:4px 0 16px}
.tx63-compare-card{width:100%;display:flex;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line,var(--border));border-radius:18px;background:var(--card);color:var(--text);text-align:left;font:inherit}
.tx63-compare-card.likely{border-color:color-mix(in srgb,var(--red) 45%,var(--line,var(--border)))}
.tx63-compare-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.tx63-compare-card strong{font-size:17px}
.tx63-compare-card small{color:var(--muted);line-height:1.35}
.tx63-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.tx63-review-actions button{width:100%;min-height:46px}
.tx63-review-foot{text-align:center;margin:10px auto 0;max-width:560px}
@media(max-width:520px){.modal-wrap:has(.tx63-review-modal){padding-left:0;padding-right:0}.modal-wrap:has(.tx63-review-modal)>.modal{padding-left:16px;padding-right:16px}.tx63-review-actions{grid-template-columns:1fr}.tx63-review-item{padding:14px}.tx63-review-item-side b{font-size:14px}}

/* v12.9 Phase 6.3.2 — Split Transaction UI polish */
.tx632-split-form{display:flex;flex-direction:column;gap:16px}
.tx632-split-intro{margin:0 0 2px;font-size:14px;line-height:1.5}
.tx632-split-list{display:flex;flex-direction:column;gap:10px}
.tx632-split-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,32%) 44px;gap:10px;align-items:end;margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tx632-split-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tx632-split-field label{font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.tx632-split-row select,.tx632-split-row input{width:100%;height:44px;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}
.tx632-split-row input{text-align:right;font-variant-numeric:tabular-nums}
.tx632-remove-row{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:20px;line-height:1}
.tx632-add-split{align-self:flex-start;margin:0!important;padding:10px 14px!important}
.tx632-summary{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.tx632-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;color:var(--muted)}
.tx632-summary-row+ .tx632-summary-row{border-top:1px solid var(--line)}
.tx632-summary-row b{color:var(--text);font-variant-numeric:tabular-nums}
.tx632-summary-row.remaining.is-zero b{color:var(--green)}
.tx632-summary-row.remaining.is-over b{color:var(--red)}
.tx632-actions{display:flex;flex-direction:column;gap:10px}
.tx632-actions .primary{margin:0}
.tx632-remove-split{width:100%!important;margin:2px 0 0!important;padding:13px 16px!important;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));background:transparent!important;color:var(--red)!important}
@media(max-width:520px){.tx632-split-row{grid-template-columns:minmax(0,1fr) 104px 42px;gap:8px;padding:10px}.tx632-split-row select,.tx632-split-row input,.tx632-remove-row{height:42px}.tx632-remove-row{width:42px}}

/* v12.9 Phase 7.1 — Accounts upgrade */
.accounts-overview-v12971{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.accounts-overview-v12971>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:5px;min-width:0}.accounts-overview-v12971 span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.accounts-overview-v12971 b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-list-tools-v12971{display:grid;gap:8px;margin:12px 0}.account-health-v12971,.account-flow-v12971,.account-trend-card-v12971,.account-reconcile-v12971{margin-top:12px!important}.account-health-state-v12971{font-size:10px;font-weight:750;padding:5px 8px;border-radius:999px;background:rgba(128,128,128,.08)}.account-health-state-v12971.good{color:#20a77a;background:rgba(32,167,122,.1)}.account-health-state-v12971.warning{color:#d58a24;background:rgba(213,138,36,.1)}.account-health-state-v12971.danger{color:#d24d57;background:rgba(210,77,87,.1)}.account-health-grid-v12971{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.account-health-grid-v12971>div,.account-flow-grid-v12971>div{background:rgba(128,128,128,.055);border-radius:13px;padding:10px;display:grid;gap:4px;min-width:0}.account-health-grid-v12971 span,.account-flow-grid-v12971 span{font-size:9px;color:var(--muted)}.account-health-grid-v12971 b,.account-flow-grid-v12971 b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-flow-grid-v12971{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.account-trend-v12971{display:grid;gap:7px;margin-top:7px}.account-trend-v12971 svg{width:100%;height:72px;overflow:visible}.account-trend-v12971 polyline{stroke:var(--accent);stroke-width:2}.account-trend-v12971>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.account-trend-v12971>div b{text-align:center;color:var(--text);font-size:10px}.laari-account-insight-v12971{margin-top:12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,var(--card));border-radius:16px;display:grid;gap:5px}.laari-account-insight-v12971 b{font-size:11px;color:var(--accent)}.laari-account-insight-v12971 span{font-size:11px;line-height:1.45;color:var(--muted)}.account-reconcile-v12971{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.account-reconcile-v12971>div{display:grid;gap:3px}.account-reconcile-v12971 span,.account-reconcile-v12971 small{font-size:9px;color:var(--muted)}.account-reconcile-v12971 b{font-size:12px}.account-reconcile-v12971 button{border:0;border-radius:999px;padding:8px 11px;background:var(--accent-soft);color:var(--accent);font-weight:700}.account-list-tools-v12971 .account-search-v13{margin:0}.account-list-tools-v12971 .account-filter-chips-v13{margin:0}
@media(max-width:760px){.accounts-overview-v12971{grid-template-columns:repeat(2,minmax(0,1fr))}.account-flow-grid-v12971{grid-template-columns:repeat(2,minmax(0,1fr))}.account-health-grid-v12971{grid-template-columns:1fr}}
body.global-privacy .accounts-overview-v12971 b,body.global-privacy .account-health-grid-v12971 b,body.global-privacy .account-flow-grid-v12971 b,body.global-privacy .account-trend-v12971>div b{filter:blur(7px);user-select:none}

/* v12.9 Phase 7.1.1 — Finance interaction polish */
.modal-actions button,.grid2 button.primary,.grid2 button.secondary,.finance-page-add,.primary,.secondary.finance-touch-action-v129711{min-height:50px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.modal-actions button,.finance-page-add{width:100%}
.reconcile-confirm-v129711:disabled{opacity:.48;cursor:not-allowed}
.reconcile-match-v129711{color:var(--green)!important;font-weight:700}
.account-history-tools-v13 .account-search-v13{display:flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:15px;background:var(--card);overflow:hidden;padding:0 8px 0 14px;gap:4px}
.account-history-tools-v13 .account-search-v13 input{flex:1;min-width:0;height:46px;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:var(--text);font:inherit}
.account-history-tools-v13 .account-search-v13 button{width:40px;height:40px;border:0!important;background:transparent!important;color:var(--muted);display:grid;place-items:center;border-radius:12px}
/* v12.9 Phase 7.2 */
.cc-overview-v72{margin-bottom:14px}.cc-overview-grid-v72{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.cc-overview-grid-v72 div{min-width:0}.cc-overview-grid-v72 span,.cc-payment-progress-v72 span{display:block;font-size:12px;opacity:.68}.cc-overview-grid-v72 b{display:block;margin-top:4px;font-size:15px}.cc-tools-v72{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 14px}.cc-tools-v72 select{height:44px;border-radius:14px;padding:0 12px;max-width:150px}.cc-search-v72{margin:0!important}.cc-health-v72,.cc-laari-v72{margin-bottom:14px}.cc-health-v72 .good{color:var(--success,#23855b)}.cc-health-v72 .warning{color:var(--warning,#a36a00)}.cc-health-v72 .danger{color:var(--danger,#b42318)}.cc-payment-progress-v72{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e7e8ee)}.cc-payment-progress-v72>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:8px}.cc-laari-v72 p{margin:8px 0 0;line-height:1.45}@media(max-width:520px){.cc-overview-grid-v72{grid-template-columns:1fr}.cc-tools-v72{grid-template-columns:1fr}.cc-tools-v72 select{max-width:none;width:100%}}

/* v12.9 Phase 7.2.1 — Cards regression + search polish */
.cc-tools-v72{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
.cc-search-v72{width:100%!important;margin:0!important;box-sizing:border-box!important}
.cc-search-v72 .transaction-search{-webkit-appearance:none!important;appearance:none!important}
.cc-sort-v721{
 height:44px!important;min-width:146px!important;max-width:170px!important;
 border:1px solid var(--border)!important;border-radius:14px!important;
 padding:0 34px 0 12px!important;background:var(--card)!important;color:var(--text)!important;
 font:inherit!important;font-size:13px!important;font-weight:700!important;
 outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important
}
.cc-sort-v721:focus,.cc-sort-v721:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--border)!important}
@media(max-width:520px){.cc-tools-v72{grid-template-columns:1fr!important}.cc-sort-v721{width:100%!important;max-width:none!important}}

/* v12.9 Phase 7.3 — Loans Upgrade */
.loan-overview-v73{margin-bottom:14px}.loan-overview-grid-v73{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.loan-overview-grid-v73>div{min-width:0}.loan-overview-grid-v73 span{display:block;font-size:11px;color:var(--muted)}.loan-overview-grid-v73 b{display:block;margin-top:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loan-tools-v73{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 14px}.loan-search-v73{width:100%;margin:0!important}.loan-sort-v73{height:44px;min-width:145px;max-width:175px;border:1px solid var(--border);border-radius:14px;padding:0 34px 0 12px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;outline:none;box-shadow:none}.loan-sort-v73:focus,.loan-sort-v73:focus-visible{outline:none;box-shadow:none;border-color:var(--border)}.loan-list-v73{display:grid;gap:10px}.loan-card-v73{width:100%;text-align:left;color:inherit;padding:15px}.loan-card-top-v73,.loan-card-foot-v73,.loan-hero-head-v73,.loan-progress-label-v73,.loan-section-head-v73{display:flex;align-items:center;justify-content:space-between;gap:12px}.loan-card-top-v73>div{display:grid;gap:4px}.loan-card-top-v73 b{font-size:15px}.loan-card-top-v73 span{font-size:10px;font-weight:750}.loan-card-top-v73 strong{font-size:15px}.loan-card-v73 .progress{margin:12px 0 8px}.loan-card-foot-v73{font-size:10px;color:var(--muted)}.loan-card-foot-v73 b{color:var(--text);font-size:10px}.loan-card-v73 .good,.loan-health-v73 .good{color:var(--green)}.loan-card-v73 .warning,.loan-health-v73 .warning{color:#d58a24}.loan-card-v73 .danger,.loan-health-v73 .danger{color:var(--red)}.loan-hero-v73,.loan-health-v73,.loan-details-v73,.loan-payments-v73{margin-bottom:12px!important}.loan-hero-head-v73>div{display:grid;gap:4px}.loan-hero-head-v73>div>span{font-size:10px;color:var(--muted)}.loan-health-pill-v73{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(128,128,128,.08)}.loan-health-pill-v73.good{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.loan-health-pill-v73.warning{color:#d58a24;background:rgba(213,138,36,.1)}.loan-health-pill-v73.danger{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.loan-hero-v73 .progress{margin:14px 0 8px}.loan-progress-label-v73{font-size:9px;color:var(--muted)}.loan-progress-label-v73 b{color:var(--text);font-size:10px}.loan-section-head-v73>div{display:grid;gap:3px}.loan-section-head-v73 span{font-size:9px;color:var(--muted);letter-spacing:.07em}.loan-section-head-v73 b{font-size:12px}.loan-section-head-v73>strong{font-size:11px;color:var(--muted)}.loan-health-v73 .note{margin:9px 0 0}.loan-health-grid-v73{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.loan-health-grid-v73>div{background:rgba(128,128,128,.055);border-radius:13px;padding:10px;display:grid;gap:4px;min-width:0}.loan-health-grid-v73 span{font-size:9px;color:var(--muted)}.loan-health-grid-v73 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loan-insight-v73{margin:0 0 12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,var(--card));border-radius:16px;display:grid;gap:5px}.loan-insight-v73 b{font-size:11px;color:var(--accent)}.loan-insight-v73 span{font-size:11px;line-height:1.45;color:var(--muted)}.loan-payment-list-v73{margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.loan-payment-row-v73{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:11px 12px;text-align:left}.loan-payment-row-v73:last-child{border-bottom:0}.loan-payment-row-v73>div{display:grid;gap:3px}.loan-payment-row-v73 b{font-size:11px}.loan-payment-row-v73 span{font-size:9px;color:var(--muted)}.loan-payment-row-v73 strong{font-size:11px}.loan-history-link-v73{border:0;background:transparent;color:var(--accent);font:inherit;font-size:10px;font-weight:750;padding:6px}.loan-empty-v73{padding:16px}.loan-actions-v73 button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:520px){.loan-overview-grid-v73{grid-template-columns:1fr}.loan-tools-v73{grid-template-columns:1fr}.loan-sort-v73{width:100%;max-width:none}.loan-health-grid-v73{grid-template-columns:1fr}.loan-card-foot-v73{align-items:flex-start;flex-direction:column;gap:3px}}


/* v12.9 Phase 7.3.1 — payment-detail action alignment */
.tx2-actions-clean-v1275.tx2-actions-two-v731{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
@media(max-width:360px){.tx2-actions-clean-v1275.tx2-actions-two-v731{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}

/* v12.9 Phase 7.4 — Savings Upgrade */
.savings-overview-v74{margin-bottom:14px}.savings-overview-grid-v74{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.savings-overview-grid-v74>div{min-width:0}.savings-overview-grid-v74 span{display:block;font-size:11px;color:var(--muted)}.savings-overview-grid-v74 b{display:block;margin-top:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.savings-tools-v74{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 14px}.savings-search-v74{display:flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden;padding:0 8px 0 14px}.savings-search-v74 input{flex:1;min-width:0;height:42px;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:var(--text);font:inherit}.savings-search-v74 button{width:38px;height:38px;border:0;background:transparent;color:var(--muted);font-size:20px}.savings-sort-v74{height:44px;min-width:145px;max-width:175px;border:1px solid var(--border);border-radius:14px;padding:0 34px 0 12px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;outline:none}.savings-list-v74{display:grid;gap:10px}.savings-card-v74{width:100%;padding:15px;text-align:left;color:inherit}.savings-card-head-v74,.savings-card-head-v74>div,.savings-card-foot-v74,.savings-detail-head-v74,.savings-progress-label-v74,.savings-section-head-v74{display:flex;align-items:center;justify-content:space-between;gap:12px}.savings-card-head-v74>div>div{display:grid;gap:3px}.savings-card-head-v74 span,.savings-card-foot-v74,.savings-progress-label-v74{font-size:10px;color:var(--muted)}.savings-card-head-v74 strong{font-size:15px}.savings-card-v74 .progress{margin:12px 0 8px}.savings-card-foot-v74 b,.savings-progress-label-v74 b{font-size:10px;color:var(--text)}.savings-hero-v74,.savings-health-v74,.savings-history-v74{margin-bottom:12px!important}.savings-detail-head-v74>div{display:grid;gap:4px}.savings-detail-head-v74>div>span{font-size:10px;color:var(--muted)}.savings-detail-head-v74>div>b{font-size:22px}.savings-health-pill-v74{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(128,128,128,.08)}.savings-health-pill-v74.good{color:var(--green)}.savings-health-pill-v74.danger{color:var(--red)}.savings-hero-v74 .progress{margin:14px 0 8px}.savings-health-grid-v74{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.savings-health-grid-v74>div{background:rgba(128,128,128,.055);border-radius:13px;padding:10px;display:grid;gap:4px;min-width:0}.savings-health-grid-v74 span{font-size:9px;color:var(--muted)}.savings-health-grid-v74 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.savings-insight-v74{margin:0 0 12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,var(--card));border-radius:16px;display:grid;gap:5px}.savings-insight-v74 b{font-size:11px;color:var(--accent)}.savings-insight-v74 span{font-size:11px;line-height:1.45;color:var(--muted)}.savings-actions-v74{margin-bottom:12px}.savings-actions-v74 button:disabled{opacity:.48}.savings-section-head-v74 span{font-size:9px;color:var(--muted);letter-spacing:.07em}.savings-section-head-v74 b{font-size:12px}.savings-history-list-v74{margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.savings-history-row-v74{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}.savings-history-row-v74:last-child{border-bottom:0}.savings-history-row-v74>div{display:grid;gap:3px}.savings-history-row-v74 b,.savings-history-row-v74 strong{font-size:11px}.savings-history-row-v74 span{font-size:9px;color:var(--muted)}
@media(max-width:520px){.savings-overview-grid-v74{grid-template-columns:1fr}.savings-tools-v74{grid-template-columns:1fr}.savings-sort-v74{width:100%;max-width:none}.savings-health-grid-v74{grid-template-columns:1fr}.savings-card-foot-v74{align-items:flex-start;flex-direction:column;gap:3px}}
/* v12.9 Phase 7.4.1 */
.savings-linked-v741,.savings-linked-summary-v741{margin:12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,rgba(127,127,127,.06));display:flex;flex-direction:column;gap:3px}.savings-linked-v741 span,.savings-linked-summary-v741 span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.savings-linked-v741 small,.savings-linked-summary-v741 small{color:var(--muted);line-height:1.35}.savings-history-row-v74{position:relative;padding-right:58px}.savings-undo-v741{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent);font-weight:700;padding:8px 6px}

/* Phase 7.4.2 Savings UI consistency */
.savings-tools-v74 .savings-search-v74{margin:0!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--card)!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
.savings-tools-v74 .savings-search-v74 input{min-width:0!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:inherit!important;font-size:14px!important;box-shadow:none!important}
.savings-tools-v74 .savings-search-v74 .tx-search-glyph-v1252{margin-left:auto;flex:0 0 auto}
.savings-section-head-v74{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.savings-section-head-v74>span{display:block}
.savings-section-head-v74>b{display:block;white-space:nowrap}

/* v12.9 Phase 7.5 — Subscriptions Upgrade */
.subscription-overview-v75{margin-bottom:14px}.subscription-overview-grid-v75{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.subscription-overview-grid-v75>div{min-width:0}.subscription-overview-grid-v75 span{display:block;font-size:11px;color:var(--muted)}.subscription-overview-grid-v75 b{display:block;margin-top:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-overview-foot-v75{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.subscription-overview-foot-v75 b{color:var(--text)}.subscription-tools-v75{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 10px}.subscription-search-v75{width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:14px;background:var(--card);display:flex;align-items:center;gap:8px}.subscription-search-v75 input{min-width:0;width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:inherit;font-size:14px!important;box-shadow:none!important;padding:0!important}.subscription-search-v75 .tx-search-glyph-v1252{margin-left:auto;flex:0 0 auto}.subscription-sort-v75{height:44px;min-width:140px;max-width:175px;border:1px solid var(--border);border-radius:14px;padding:0 34px 0 12px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;outline:none;box-shadow:none}.subscription-filter-v75{margin:0 0 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-filter-v75 button{font-size:11px}.subscription-list-v75{display:grid;gap:10px}.subscription-card-v75{width:100%;text-align:left;color:inherit;padding:15px}.subscription-card-v75.inactive{opacity:.62}.subscription-card-top-v75,.subscription-card-meta-v75,.subscription-card-foot-v75,.subscription-hero-head-v75,.subscription-section-head-v75{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-card-top-v75>div{display:grid;gap:4px}.subscription-card-top-v75 span{font-size:9px;color:var(--muted);letter-spacing:.06em}.subscription-card-top-v75 b{font-size:15px}.subscription-card-top-v75 strong{font-size:15px}.subscription-card-meta-v75{margin-top:10px;font-size:10px;color:var(--muted)}.subscription-card-meta-v75 .danger,.subscription-health-pill-v75.danger{color:var(--red)}.subscription-card-meta-v75 .warning,.subscription-health-pill-v75.warning{color:#d58a24}.subscription-card-meta-v75 .good,.subscription-health-pill-v75.good{color:var(--green)}.subscription-card-foot-v75{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.subscription-card-foot-v75 b{color:var(--text)}.subscription-hero-v75,.subscription-health-v75,.subscription-details-v75,.subscription-history-v75{margin-bottom:12px!important}.subscription-hero-head-v75>div{display:grid;gap:4px}.subscription-hero-head-v75>div>span{font-size:10px;color:var(--muted)}.subscription-hero-head-v75>div>b{font-size:22px}.subscription-health-pill-v75{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(128,128,128,.08)}.subscription-health-grid-v75{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.subscription-health-grid-v75>div{background:rgba(128,128,128,.055);border-radius:13px;padding:10px;display:grid;gap:4px;min-width:0}.subscription-health-grid-v75 span{font-size:9px;color:var(--muted)}.subscription-health-grid-v75 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-section-head-v75>div{display:grid;gap:3px}.subscription-section-head-v75 span{font-size:9px;color:var(--muted);letter-spacing:.07em}.subscription-section-head-v75 b{font-size:12px}.subscription-section-head-v75>strong{font-size:11px;color:var(--muted)}.subscription-insight-v75{margin:0 0 12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,var(--card));border-radius:16px;display:grid;gap:5px}.subscription-insight-v75 b{font-size:11px;color:var(--accent)}.subscription-insight-v75 span{font-size:11px;line-height:1.45;color:var(--muted)}.subscription-payment-list-v75{margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.subscription-payment-row-v75{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:11px 12px;text-align:left}.subscription-payment-row-v75:last-child{border-bottom:0}.subscription-payment-row-v75>div{display:grid;gap:3px}.subscription-payment-row-v75 b,.subscription-payment-row-v75 strong{font-size:11px}.subscription-payment-row-v75 span{font-size:9px;color:var(--muted)}.subscription-empty-v75{padding:16px}.subscription-actions-v75 button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:560px){.subscription-overview-grid-v75{grid-template-columns:1fr 1fr}.subscription-overview-grid-v75>div:last-child{grid-column:1/-1}.subscription-tools-v75{grid-template-columns:1fr}.subscription-sort-v75{max-width:none;width:100%}.subscription-filter-v75{overflow-x:auto;display:flex}.subscription-filter-v75 button{min-width:max-content;flex:1 0 auto}.subscription-health-grid-v75{grid-template-columns:1fr 1fr}.subscription-health-grid-v75>div:last-child{grid-column:1/-1}}

/* v12.9 Phase 7.5.1 — standardized subscription search composer */
.subscription-tools-v75 .subscription-search-standard-v751{margin:0!important;width:100%!important;height:44px!important;min-height:44px!important}
.subscription-tools-v75 .subscription-search-standard-v751 .transaction-search{-webkit-appearance:none!important;appearance:none!important}
@media(max-width:560px){.subscription-tools-v75{grid-template-columns:minmax(0,1fr) auto!important}.subscription-sort-v75{width:auto!important;min-width:132px!important;max-width:160px!important}}

/* v12.9 Phase 7.6 — Lent & Borrowed */
.debt-remaining-label-v12976{margin-top:-2px;color:var(--muted);font-size:12px}.debt-paid-v12976{margin-top:10px;color:#40cf8b;font-weight:800;font-size:13px}.debt-paid-button-v12976{opacity:.62;cursor:default}.debt-history-v12976{margin-top:14px;padding:16px}.debt-history-head-v12976>div{display:grid;gap:4px}.debt-history-head-v12976 b{font-size:14px}.debt-history-list-v12976{margin-top:12px;border:1px solid var(--border);border-radius:16px;overflow:hidden}.debt-history-row-v12976{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border)}.debt-history-row-v12976:last-child{border-bottom:0}.debt-history-row-v12976>div:first-child{display:grid;gap:3px;min-width:0}.debt-history-row-v12976 b{font-size:13px}.debt-history-row-v12976 span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-history-actions-v12976{display:flex;align-items:center;gap:10px;flex:0 0 auto}.debt-history-actions-v12976 strong{font-size:13px;white-space:nowrap}.debt-history-actions-v12976 button{border:0;background:transparent;color:var(--section-accent,#7d9fbe);font-weight:800;padding:6px}.debt-history-empty-v12976{padding:18px 0 4px}

/* v12.9 Phase 7.7 — Shop Credit Upgrade */
.shop-credit-overview-v77{margin-bottom:14px}.shop-credit-overview-grid-v77{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.shop-credit-overview-grid-v77>div{min-width:0}.shop-credit-overview-grid-v77 span{display:block;font-size:11px;color:var(--muted)}.shop-credit-overview-grid-v77 b{display:block;margin-top:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-credit-overview-foot-v77{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.shop-credit-overview-foot-v77 b{color:var(--text)}.shop-credit-overview-foot-v77 .danger{color:var(--red)}.shop-credit-tools-v77{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 10px}.shop-credit-search-v77{margin:0!important;width:100%!important;height:44px!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--card)!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}.shop-credit-search-v77 input{min-width:0!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:inherit!important;font-size:14px!important;box-shadow:none!important}.shop-credit-search-v77 .tx-search-glyph-v1252{margin-left:auto;flex:0 0 auto}.shop-credit-sort-v77{height:44px;min-width:140px;max-width:175px;border:1px solid var(--border);border-radius:14px;padding:0 34px 0 12px;background:var(--card);color:var(--text);font:inherit;font-size:13px;font-weight:700;outline:none;box-shadow:none}.shop-credit-filter-v77{margin:0 0 14px;grid-template-columns:repeat(4,minmax(0,1fr))}.shop-credit-filter-v77 button{font-size:11px}.shop-credit-list-v77{display:grid;gap:10px}.shop-credit-card-v77{width:100%;padding:15px;text-align:left;color:inherit}.shop-credit-card-v77.paid{opacity:.68}.shop-credit-card-head-v77,.shop-credit-card-foot-v77,.shop-credit-progress-v77>div:last-child,.shop-credit-detail-head-v77,.shop-credit-progress-label-v77,.shop-credit-section-head-v77{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-credit-card-head-v77>div{display:grid;gap:4px}.shop-credit-card-head-v77 span{font-size:9px;color:var(--muted);letter-spacing:.07em}.shop-credit-card-head-v77 b,.shop-credit-card-head-v77 strong{font-size:15px}.shop-credit-progress-v77 .progress{margin:12px 0 7px}.shop-credit-progress-v77>div:last-child,.shop-credit-card-foot-v77,.shop-credit-progress-label-v77{font-size:10px;color:var(--muted)}.shop-credit-progress-v77 b,.shop-credit-progress-label-v77 b{color:var(--text)}.shop-credit-card-foot-v77{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.shop-credit-card-foot-v77 .danger,.shop-credit-health-pill-v77.danger{color:var(--red)}.shop-credit-card-foot-v77 .warning,.shop-credit-health-pill-v77.warning{color:#d58a24}.shop-credit-card-foot-v77 .good,.shop-credit-health-pill-v77.good{color:var(--green)}.shop-credit-hero-v77,.shop-credit-health-v77,.shop-credit-details-v77,.shop-credit-history-v77{margin-bottom:12px!important}.shop-credit-detail-head-v77>div{display:grid;gap:4px}.shop-credit-detail-head-v77>div>span{font-size:10px;color:var(--muted)}.shop-credit-detail-head-v77>div>b{font-size:22px}.shop-credit-health-pill-v77{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(128,128,128,.08)}.shop-credit-hero-v77 .progress{margin:14px 0 8px}.shop-credit-health-grid-v77{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.shop-credit-health-grid-v77>div{background:rgba(128,128,128,.055);border-radius:13px;padding:10px;display:grid;gap:4px;min-width:0}.shop-credit-health-grid-v77 span{font-size:9px;color:var(--muted)}.shop-credit-health-grid-v77 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-credit-insight-v77{margin:0 0 12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent-soft) 65%,var(--card));border-radius:16px;display:grid;gap:5px}.shop-credit-insight-v77 b{font-size:11px;color:var(--accent)}.shop-credit-insight-v77 span{font-size:11px;line-height:1.45;color:var(--muted)}.shop-credit-paid-button-v77{opacity:.55;cursor:default}.shop-credit-section-head-v77>div{display:grid;gap:3px}.shop-credit-section-head-v77 span{font-size:9px;color:var(--muted);letter-spacing:.07em}.shop-credit-section-head-v77 b{font-size:12px}.shop-credit-payment-list-v77{margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.shop-credit-payment-row-v77{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:11px 12px;text-align:left}.shop-credit-payment-row-v77:last-child{border-bottom:0}.shop-credit-payment-row-v77>div{display:grid;gap:3px;min-width:0}.shop-credit-payment-row-v77 b,.shop-credit-payment-row-v77 strong{font-size:11px}.shop-credit-payment-row-v77 span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-credit-empty-v77{padding:16px}@media(max-width:560px){.shop-credit-overview-grid-v77{grid-template-columns:1fr 1fr}.shop-credit-overview-grid-v77>div:last-child{grid-column:1/-1}.shop-credit-tools-v77{grid-template-columns:minmax(0,1fr) auto}.shop-credit-sort-v77{width:auto;min-width:132px;max-width:160px}.shop-credit-filter-v77{overflow-x:auto;display:flex}.shop-credit-filter-v77 button{min-width:max-content;flex:1 0 auto}.shop-credit-health-grid-v77{grid-template-columns:1fr 1fr}.shop-credit-health-grid-v77>div:last-child{grid-column:1/-1}}

/* Phase 7.7.1 Shop Credit payment sync + spacing */
.shop-credit-history-v77{margin-top:14px!important;}
.shop-credit-detail-v77 + .shop-credit-history-v77{margin-top:14px!important;}

/* v12.9 Phase 7.8 — Finance-wide public-release polish */
.finance-summary-note-v78{display:block;margin-top:3px;font-size:8px;line-height:1.2;color:var(--muted);font-weight:600}
.cc-activity-tabs-v1275 button{min-height:32px!important;min-width:44px!important;padding:7px 10px!important;font-size:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.cc-activity-tabs-v1275 .cc-prev-cycles-v1283{min-width:max-content!important}
.savings-first-step-v78{margin:10px 0 2px;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--card);display:grid;gap:3px}
.savings-first-step-v78 b{font-size:11px}.savings-first-step-v78 span{font-size:9px;line-height:1.45;color:var(--muted)}
.modal-people-v1289 .people-main-v1289 small,.modal-people-v1289 .people-paid-status-v78{display:inline-block!important;width:max-content!important;max-width:max-content!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;line-height:1.25!important}
.modal-people-v1289 .people-paid-status-v78{color:#55cf91!important;font-weight:800!important}
.people-paid-row-v78{opacity:.92}
.fin12-more-v78{padding:5px 0 0;font-size:9px;color:var(--muted);font-weight:700}
.subscription-list-v75 + .finance-page-add{margin-bottom:18px!important}
.shop-credit-onboarding-v78{margin:12px 0 4px;padding:22px 18px;border:1px dashed var(--border);border-radius:18px;text-align:center;display:grid;gap:6px;color:var(--muted)}
.shop-credit-onboarding-v78 b{font-size:14px;color:var(--text)}.shop-credit-onboarding-v78 span{font-size:10px;line-height:1.5;max-width:420px;margin:auto}

/* v12.9 Phase 8 — public onboarding */
.v1298-auth-gate{position:fixed;inset:0;z-index:100000;background:var(--bg,#f6f8ff);display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));overflow:auto}.v1298-auth-card{width:min(440px,100%);background:var(--card,#fff);border:1px solid var(--line,#e7e9f2);border-radius:28px;padding:28px;box-shadow:0 24px 70px rgba(20,20,35,.12)}.v1298-auth-brand{text-align:center;margin-bottom:24px}.v1298-auth-brand h1{font-size:30px;margin:10px 0 4px}.v1298-auth-brand p,.v1298-auth-foot{color:var(--muted,#777);font-size:13px}.v1298-auth-foot{text-align:center;margin:18px 0 0}.v1298-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,#7c4dff,#5e35d9);color:white;font-size:27px;font-weight:900;box-shadow:0 12px 30px rgba(104,70,220,.25)}.v1298-onboard{padding-bottom:4px}.v1298-onboard-progress{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--muted,#777);font-weight:800;margin:2px 0 8px}.v1298-onboard-track{height:5px;background:var(--soft,#ececf3);border-radius:99px;overflow:hidden;margin-bottom:22px}.v1298-onboard-track i{display:block;height:100%;background:var(--accent,#7651dc);border-radius:99px}.v1298-welcome,.v1298-finish{text-align:center;padding:20px 8px 28px}.v1298-welcome h2,.v1298-finish h2{margin:16px 0 8px}.v1298-welcome p,.v1298-finish p{color:var(--muted,#777);line-height:1.5}.v1298-choice-intro{margin-bottom:12px}.v1298-onboard-toggle{cursor:pointer}.v1298-appearance-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v1298-appearance-picks input{position:absolute;opacity:0;pointer-events:none}.v1298-appearance-picks span{display:block;text-align:center;padding:13px 8px;border:1px solid var(--line,#ddd);border-radius:13px;font-weight:750}.v1298-appearance-picks input:checked+span{border-color:var(--accent,#7651dc);box-shadow:inset 0 0 0 1px var(--accent,#7651dc);background:rgba(118,81,220,.08)}.v1298-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto;background:rgba(41,180,110,.12);color:#27a463;font-size:30px;font-weight:900}.v1298-getting-started{margin:12px 16px 16px}.v1298-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v1298-help-head h3{margin:4px 0 0}.v1298-help-close{border:0;background:var(--soft,#eee);width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--muted,#777)}.v1298-help-list{display:grid;gap:8px;margin-top:14px}.v1298-help-task{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;gap:8px;padding:11px;border:1px solid var(--line,#e5e5ed);background:transparent;border-radius:14px;color:inherit}.v1298-help-task>span{font-size:20px;color:var(--accent,#7651dc)}.v1298-help-task b,.v1298-help-task small{display:block}.v1298-help-task small{color:var(--muted,#777);margin-top:2px}.v1298-help-task.done{opacity:.62}.v1298-help-task.done>span{color:#27a463}@media(max-width:430px){.v1298-auth-card{padding:22px;border-radius:24px}.v1298-appearance-picks{grid-template-columns:1fr}}

/* v12.9 Phase 8.1 — hard authentication gate */
html.v1298-auth-checking #app,html.v1298-signed-out #app{visibility:hidden!important;pointer-events:none!important;user-select:none!important}
html.v1298-auth-checking body{background:var(--bg,#f6f8ff)}
html.v1298-signed-out body{background:var(--bg,#f6f8ff)}
html.v1298-auth-checking #modal-root{visibility:hidden!important;pointer-events:none!important}
html.v1298-signed-out #modal-root{visibility:visible}

/* v12.9 Phase 9 — Account, Recovery & User Data */
.v1299-recovery-card{margin-top:14px}.v1299-delete-warning{border-color:color-mix(in srgb,var(--danger,#ff5f68) 44%,transparent)}
.v1299-inline-button{width:auto!important;min-height:38px;padding:8px 12px;margin-left:auto}.v1299-delete-check{display:flex;gap:10px;align-items:flex-start;margin:16px 2px;font-size:13px;line-height:1.4}.v1299-delete-check input{width:18px;height:18px;flex:0 0 18px;margin-top:1px}.v1299-delete-button{width:100%;margin-top:4px}.v1299-delete-note{text-align:center;margin-top:12px}

/* v12.9 Phase 10 — Sync Reliability & Offline */
.rufiyaa-sync-health-v12910{position:fixed;left:16px;right:auto;bottom:calc(88px + env(safe-area-inset-bottom));z-index:1200;max-width:min(360px,calc(100vw - 32px));border:1px solid var(--border,#2a2d36);background:var(--card,#181a20);color:var(--text,#f6f7fb);border-radius:999px;padding:9px 12px;box-shadow:0 8px 24px rgba(0,0,0,.22);font:inherit;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.rufiyaa-sync-health-v12910::before{content:'';width:8px;height:8px;border-radius:50%;background:#e4ad35;flex:0 0 auto}.rufiyaa-sync-health-v12910.issue::before{background:#ff6b6b}.rufiyaa-sync-health-v12910.offline::before{background:#9aa0aa}.rufiyaa-sync-health-v12910[hidden]{display:none!important}.sync-health-card-v12910 .sync-health-state{font-size:20px;font-weight:800;margin-top:3px}.sync-health-card-v12910 .sync-health-note{margin-top:5px}.sync-warn-v12910{color:#e8b755}.sync-danger-v12910{color:#ff7777}

/* v12.9 Phase 13.2 — keep app chrome out of authentication/recovery flows */
body.modal-open-v1275 .fab-wrap,
body.modal-open-v1275 > .fab,
body.modal-open-v1275 #app .fab-wrap,
body.modal-open-v1275 #app > .fab,
body:has(.v1298-auth-gate) .fab-wrap,
body:has(.v1298-auth-gate) > .fab,
body:has(.v1298-auth-gate) .bottom{
  display:none!important;
}

/* v12.9 Phase 13.4 — restore compact approved Settings heading */
.settings-header-v1289{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:14px!important;
  padding-bottom:0!important;
}
.settings-header-v1289>div:nth-child(2){
  min-width:0!important;
  text-align:center!important;
}
.settings-header-v1289 .eyebrow{display:none!important}
.settings-header-v1289 .title{
  margin:0!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}

/* v12.9 Admin Phase 1 */
body.rufiyaa-admin-mode{background:#0b0b10;color:#f7f7fb}
body.rufiyaa-admin-mode #modal-root{color:var(--text)}
.admin-shell{min-height:100dvh;max-width:920px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));background:#0b0b10;color:#f7f7fb;font-family:inherit}
.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.admin-brand{display:flex;align-items:center;gap:11px}.admin-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:18px;background:linear-gradient(145deg,#6f42ff,#9d74ff);box-shadow:0 8px 24px #6f42ff33}.admin-brand div:last-child{display:flex;flex-direction:column}.admin-brand strong{font-size:13px;letter-spacing:.17em}.admin-brand span{font-size:12px;color:#8f8f9d;margin-top:2px}.admin-avatar{width:38px;height:38px;border:1px solid #292934;border-radius:50%;background:#17171e;color:#c9baff;font-weight:800}.admin-welcome{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.admin-kicker{font-size:11px;letter-spacing:.14em;color:#9b7dff;font-weight:800}.admin-welcome h1{font-size:clamp(30px,6vw,46px);line-height:1.05;margin:8px 0 9px}.admin-welcome p{color:#9898a7;max-width:540px;margin:0;line-height:1.5}.admin-role-badge{padding:8px 12px;border-radius:999px;background:#6f42ff1c;border:1px solid #7955e966;color:#b9a5ff;font-size:12px;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 34px}.admin-stat{background:#121218;border:1px solid #202029;border-radius:18px;padding:17px}.admin-stat span,.admin-stat small{display:block;color:#858593;font-size:12px}.admin-stat b{display:block;font-size:25px;margin:7px 0 5px}.admin-section{margin-top:28px}.admin-section-title{font-size:12px;color:#777786;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:0 4px 10px}.admin-panels{border:1px solid #202029;border-radius:20px;overflow:hidden;background:#121218}.admin-panel{width:100%;border:0;border-bottom:1px solid #202029;background:transparent;color:#f5f5f8;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;text-align:left;padding:15px 16px}.admin-panel:last-child{border-bottom:0}.admin-panel-icon{width:36px;height:36px;border-radius:11px;background:#6f42ff18;color:#a98fff;display:grid;place-items:center;font-weight:900}.admin-panel b,.admin-panel small{display:block}.admin-panel b{font-size:15px}.admin-panel small{font-size:12px;color:#858593;margin-top:3px;line-height:1.35}.admin-panel i{font-style:normal;color:#666675;font-size:25px}.admin-privacy{margin-top:30px;padding:18px;border-radius:18px;background:#111118;border:1px solid #202029}.admin-privacy b{font-size:14px}.admin-privacy p{font-size:12px;line-height:1.55;color:#858593;margin:7px 0 0}.admin-account-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;color:#747482;font-size:12px}.admin-account-line button{border:0;background:none;color:#a98fff;font-weight:700}.admin-loading{display:grid;place-items:center}.admin-loading .admin-brand{opacity:.8}
@media(max-width:600px){.admin-shell{padding-left:16px;padding-right:16px}.admin-top{margin-bottom:34px}.admin-welcome{display:block}.admin-role-badge{display:inline-block;margin-top:16px}.admin-stats{grid-template-columns:1fr}.admin-stat{display:grid;grid-template-columns:1fr auto;align-items:center}.admin-stat b{grid-row:1/3;grid-column:2;margin:0}.admin-stat small{margin-top:4px}.admin-panel{padding:14px}.admin-welcome h1{font-size:34px}}


/* v12.9 Admin Phase 2 — Beta Reports */
.beta-report-intro-v129a2{margin-bottom:14px}.beta-report-meta-v129a2{margin:14px 0}.muted{color:var(--muted);font-weight:400}.field textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px;background:var(--input,#0f1420);color:inherit;border:1px solid var(--border,#2b3140);border-radius:14px;padding:12px 14px;font:inherit;line-height:1.45}.admin-report-loading-v129a2{padding:28px;text-align:center;color:var(--muted)}
.admin-report-summary-v129a2{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 12px}.admin-report-summary-v129a2 span{color:var(--muted);font-size:13px}.admin-report-filter-v129a2{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.admin-report-filter-v129a2::-webkit-scrollbar{display:none}.admin-report-filter-v129a2 button{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px;font:inherit;font-size:12px}.admin-report-filter-v129a2 button.active{border-color:#7657f5;color:#c8baff;background:rgba(118,87,245,.13)}
.admin-report-list-v129a2{border:1px solid var(--border);border-radius:18px;overflow:hidden}.admin-report-row-v129a2{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:inherit;text-align:left;padding:14px;font:inherit}.admin-report-row-v129a2:last-child{border-bottom:0}.admin-report-row-v129a2 i{color:var(--muted);font-style:normal;font-size:22px}.admin-report-copy-v129a2{min-width:0;display:flex;flex-direction:column;gap:5px}.admin-report-copy-v129a2 b{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-report-copy-v129a2 small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-report-type-v129a2{font-size:11px;font-weight:700;color:#bcaeff;background:rgba(118,87,245,.14);padding:6px 8px;border-radius:9px}.admin-report-status-v129a2{font-size:11px;font-weight:700;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.06);color:var(--muted)}.admin-report-status-v129a2.status-new{color:#c8baff;background:rgba(118,87,245,.16)}.admin-report-status-v129a2.status-fixed{color:#9ee6b5;background:rgba(71,185,111,.13)}.admin-report-status-v129a2.status-closed{opacity:.65}.admin-report-detail-head-v129a2{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-report-full-v129a2{white-space:pre-wrap;line-height:1.5;margin-bottom:0}.admin-report-metadata-v129a2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-report-metadata-v129a2 div{display:flex;flex-direction:column;gap:3px}.admin-report-metadata-v129a2 span{font-size:11px;color:var(--muted)}.admin-report-metadata-v129a2 b{font-size:13px;overflow-wrap:anywhere}
@media(max-width:640px){.admin-report-row-v129a2{grid-template-columns:auto minmax(0,1fr) auto}.admin-report-row-v129a2 .admin-report-status-v129a2{grid-column:2;justify-self:start}.admin-report-row-v129a2 i{grid-column:3;grid-row:1/3}.admin-report-metadata-v129a2{grid-template-columns:1fr}.admin-report-copy-v129a2 b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

/* v12.9 Admin Expansion */
.admin-quick-access-v129ax{position:fixed;z-index:32;right:16px;top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--accent,#7657f5) 42%,var(--border));background:color-mix(in srgb,var(--surface,#121218) 90%,transparent);color:var(--text);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;padding:9px 12px;box-shadow:0 8px 24px #0002;font:inherit}.admin-quick-access-v129ax span{color:#a98fff;font-size:13px}.admin-quick-access-v129ax b{font-size:12px}.admin-detail-grid-v129ax{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-detail-grid-v129ax div{min-width:0}.admin-detail-grid-v129ax span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.admin-detail-grid-v129ax b{display:block;font-size:13px;overflow-wrap:anywhere}.admin-row-between-v129ax{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-row-between-v129ax small{color:var(--muted);font-size:11px;text-align:right}.admin-audit-tools-v129ax{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:10px 0 12px}.admin-audit-tools-v129ax input,.admin-audit-tools-v129ax select{width:100%;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit}.admin-audit-row-v129ax{border-left:3px solid transparent}.admin-audit-row-v129ax.severity-high{border-left-color:#dc5f68}.admin-audit-severity-v129ax{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--muted)}.admin-audit-json-v129ax{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin-bottom:0}.admin-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.admin-stats{grid-template-columns:1fr 1fr}.admin-detail-grid-v129ax{grid-template-columns:1fr}.admin-audit-tools-v129ax{grid-template-columns:1fr}.admin-quick-access-v129ax{right:12px;top:calc(10px + env(safe-area-inset-top))}}


/* v13.0 Beta 1 — Liquid Glass, release-gated. Stable Production is untouched. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
 --glass-bg:rgba(255,255,255,.58);--glass-bg-strong:rgba(255,255,255,.72);--glass-border:rgba(255,255,255,.72);--glass-shadow:0 14px 42px rgba(34,46,78,.12),inset 0 1px 0 rgba(255,255,255,.78);
 background:linear-gradient(160deg,#edf4ff 0%,#f8f7ff 45%,#edfaff 100%);background-attachment:fixed;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::before,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(8px);opacity:.62}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::before{width:280px;height:280px;top:-90px;right:-90px;background:radial-gradient(circle,rgba(118,87,245,.28),rgba(118,87,245,0) 70%)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::after{width:320px;height:320px;left:-150px;bottom:80px;background:radial-gradient(circle,rgba(83,160,255,.22),rgba(83,160,255,0) 70%)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .list,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .detail-list,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .settings-flat,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .confirm-sheet{
 background:var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .hero{background:linear-gradient(135deg,rgba(233,242,255,.72),rgba(255,255,255,.6) 52%,rgba(245,237,255,.66))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{background:rgba(246,249,255,.66)!important;border-top-color:rgba(255,255,255,.72)!important;box-shadow:0 -8px 30px rgba(34,46,78,.08);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal{background:rgba(244,248,255,.76)!important;border:1px solid rgba(255,255,255,.68);box-shadow:0 -24px 70px rgba(28,36,62,.2);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .secondary,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .chip{background:rgba(255,255,255,.62)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 8px 22px rgba(38,49,77,.09),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .primary,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab{box-shadow:0 12px 30px rgba(82,110,230,.3),inset 0 1px 0 rgba(255,255,255,.34)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field input,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field select,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field textarea{background:rgba(255,255,255,.64)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .row{border-bottom-color:rgba(126,139,170,.14)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab{transition:transform .18s ease,color .18s ease}body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab:active{transform:scale(.94)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .rufiyaa-beta-badge-v130{position:fixed;z-index:31;left:max(12px,calc((100vw - 620px)/2 + 12px));top:calc(10px + env(safe-area-inset-top));padding:7px 10px;border-radius:999px;background:rgba(25,30,45,.68);color:#fff;border:1px solid rgba(255,255,255,.3);font-size:9px;font-weight:850;letter-spacing:.08em;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 22px rgba(20,25,40,.16)}
.rufiyaa-release-card-v130 small{display:block;color:var(--muted);margin-top:3px}.rufiyaa-release-divider-v130{height:1px;background:var(--border);margin:14px 0}.rufiyaa-release-health-v130{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.rufiyaa-release-health-v130 span{padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--surface,#17171e) 82%,transparent);font-size:11px;color:var(--muted)}.rufiyaa-release-health-v130 b{color:var(--text)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)[data-theme="dark"],html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){--glass-bg:rgba(25,30,42,.62);--glass-bg-strong:rgba(27,33,47,.78);--glass-border:rgba(255,255,255,.11);--glass-shadow:0 14px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);background:linear-gradient(160deg,#0b111c,#111321 48%,#0b151c)}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{background:rgba(15,20,30,.7)!important;border-top-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal{background:rgba(13,18,28,.82)!important;border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn,html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .secondary,html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .chip,html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field input,html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field select,html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field textarea{background:rgba(24,30,43,.7)!important;border-color:rgba(255,255,255,.1)!important}
@media (prefers-reduced-motion:no-preference){body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn{transition:transform .18s ease,box-shadow .18s ease}body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn:active,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile:active{transform:scale(.975)}}

/* v13 Beta open notice: temporary 10-second release indicator, placed where the offline pill appears. */
.rufiyaa-beta-badge-v130{display:none!important}
.rufiyaa-beta-open-notice-v130{position:fixed;left:16px;right:auto;bottom:calc(88px + env(safe-area-inset-bottom));z-index:1199;max-width:min(360px,calc(100vw - 32px));border:1px solid var(--border,#2a2d36);background:var(--card,#181a20);color:var(--text,#f6f7fb);border-radius:999px;padding:9px 12px;box-shadow:0 8px 24px rgba(0,0,0,.22);font:inherit;font-size:12px;display:flex;align-items:center;gap:7px;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.rufiyaa-beta-open-notice-v130.show{opacity:1;transform:translateY(0) scale(1)}.rufiyaa-beta-open-notice-v130>span{width:8px;height:8px;border-radius:50%;background:var(--accent,#7657f5);flex:0 0 auto}.rufiyaa-beta-open-notice-v130 b{font-size:12px}.rufiyaa-beta-open-notice-v130 small{font-size:11px;color:var(--muted);font-weight:700}

/* =========================================================
   Rufiyaa v13.0 Liquid Glass Beta — Apple-style full pass
   Beta-only. Admin Center intentionally excluded.
   Keeps existing layout/content; replaces surface treatment.
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  --lg-surface:rgba(255,255,255,.56);
  --lg-surface-strong:rgba(255,255,255,.72);
  --lg-surface-soft:rgba(255,255,255,.38);
  --lg-line:rgba(255,255,255,.76);
  --lg-line-soft:rgba(116,132,168,.18);
  --lg-shadow:0 14px 38px rgba(38,51,85,.10),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -1px 0 rgba(255,255,255,.24);
  --lg-shadow-float:0 18px 46px rgba(28,39,73,.18),inset 0 1px 0 rgba(255,255,255,.9);
  background:
    radial-gradient(90% 55% at 85% -5%,rgba(113,92,255,.13),transparent 66%),
    radial-gradient(75% 50% at -5% 35%,rgba(66,153,255,.10),transparent 64%),
    var(--bg)!important;
  background-attachment:fixed!important;
}

/* Glass material for major app surfaces */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(
  .card,.list,.finance-tile,.detail-list,.settings-flat,.confirm-sheet,
  .smart-home-v126,.home-smart-card-v126,.laari-daily-brief-v126,
  .home-widget-v126,.home-section-card-v126,.account-card,.budget-card,
  .subscription-card,.loan-card,.savings-card,.credit-card-card
){
  background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(255,255,255,.43))!important;
  border:1px solid var(--lg-line)!important;
  box-shadow:var(--lg-shadow)!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .list,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile{border-radius:26px!important}

/* Soft internal glass rows — avoid turning every row into a separate heavy card */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.row,.transaction-row,.setting-row,.detail-row){
  border-bottom-color:var(--lg-line-soft)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.row:last-child,.transaction-row:last-child,.setting-row:last-child,.detail-row:last-child){border-bottom-color:transparent!important}

/* Hero / insight surfaces get a light accent tint like Apple's tinted glass */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.hero,.laari-card,.smart-home-v126,.home-smart-card-v126){
  background:
    linear-gradient(135deg,rgba(110,93,255,.11),rgba(255,255,255,.60) 44%,rgba(77,153,255,.10))!important;
  border-color:rgba(255,255,255,.82)!important;
}

/* Apple-like circular top controls */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn{
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.48))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 8px 22px rgba(35,48,80,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
}

/* Pills / segmented controls / secondary actions */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.chip,.secondary,.seg){
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.42))!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:0 7px 20px rgba(35,48,80,.08),inset 0 1px 0 rgba(255,255,255,.84)!important;
  backdrop-filter:blur(22px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(170%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .seg button.active,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .chip.active{
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 5px 16px rgba(34,47,78,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}

/* Inputs as inset glass */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.field input,.field select,.field textarea,input.search,input[type="search"]){
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(38,49,78,.05)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
}

/* Sheets and dialogs */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal-wrap{
  background:rgba(16,23,38,.24)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal{
  background:linear-gradient(160deg,rgba(249,251,255,.88),rgba(241,245,253,.76))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 -24px 70px rgba(20,31,58,.20),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(38px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(185%)!important;
}

/* Primary actions keep Rufiyaa accent but gain glossy depth */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.primary,.fab){
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--blue)) 88%,white 12%),var(--accent,var(--blue)))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent,var(--blue)) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.10)!important;
}

/* Apple-style floating Liquid Glass navigation dock */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{
  left:50%!important;
  right:auto!important;
  width:min(calc(100% - 24px),596px)!important;
  transform:translateX(-50%)!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  padding:7px 8px!important;
  border-radius:31px!important;
  border:1px solid rgba(255,255,255,.80)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(240,246,255,.48))!important;
  box-shadow:0 16px 42px rgba(25,37,68,.18),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:blur(34px) saturate(190%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(190%)!important;
  overflow:visible!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tabs{
  max-width:none!important;
  width:100%!important;
  gap:3px!important;
  align-items:center!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab{
  position:relative!important;
  min-height:54px!important;
  padding:7px 2px 5px!important;
  border-radius:22px!important;
  color:var(--muted)!important;
  transition:background .18s ease,transform .18s ease,color .18s ease,box-shadow .18s ease!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.active:not(.rufiyaa-tab){
  color:var(--accent,var(--blue))!important;
  background:rgba(255,255,255,.43)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 5px 16px rgba(41,54,88,.08)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab span{font-size:21px!important;margin-bottom:2px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  width:62px!important;
  height:62px!important;
  min-height:62px!important;
  justify-self:center!important;
  align-self:center!important;
  margin:-18px auto -2px!important;
  padding:8px 2px 4px!important;
  border-radius:50%!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 35% 20%,rgba(255,255,255,.42),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--blue)) 76%,#8b5cff 24%),var(--accent,var(--blue)))!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 13px 26px color-mix(in srgb,var(--accent,var(--blue)) 32%,transparent),0 0 0 5px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(20px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(180%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab span{font-size:22px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell{
  padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab{
  bottom:calc(100px + env(safe-area-inset-bottom))!important;
}

/* Dark Apple Liquid Glass material */
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  --lg-line:rgba(255,255,255,.13);
  --lg-line-soft:rgba(255,255,255,.075);
  --lg-shadow:0 16px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(255,255,255,.025);
  background:
    radial-gradient(85% 55% at 88% -8%,rgba(103,80,255,.13),transparent 66%),
    radial-gradient(75% 48% at -10% 38%,rgba(47,139,255,.09),transparent 66%),
    #0b1119!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(
  .card,.list,.finance-tile,.detail-list,.settings-flat,.confirm-sheet,
  .smart-home-v126,.home-smart-card-v126,.laari-daily-brief-v126,
  .home-widget-v126,.home-section-card-v126,.account-card,.budget-card,
  .subscription-card,.loan-card,.savings-card,.credit-card-card
){
  background:linear-gradient(145deg,rgba(31,40,55,.70),rgba(18,26,38,.53))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:var(--lg-shadow)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.hero,.laari-card,.smart-home-v126,.home-smart-card-v126){
  background:linear-gradient(135deg,rgba(94,72,255,.15),rgba(28,37,52,.72) 45%,rgba(49,125,226,.09))!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.chip,.secondary,.seg),
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.field input,.field select,.field textarea,input.search,input[type="search"]){
  background:linear-gradient(145deg,rgba(38,48,65,.72),rgba(22,30,43,.58))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 20px rgba(0,0,0,.13)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .seg button.active,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .chip.active,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.active:not(.rufiyaa-tab){
  background:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 16px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal{
  background:linear-gradient(160deg,rgba(28,36,50,.92),rgba(13,20,30,.84))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 -26px 74px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{
  background:linear-gradient(145deg,rgba(31,40,55,.78),rgba(16,23,34,.62))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.025)!important;
}

/* Responsive dock fit for narrow iPhones */
@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{width:calc(100% - 16px)!important;bottom:max(7px,env(safe-area-inset-bottom))!important;padding-left:5px!important;padding-right:5px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab{font-size:9px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{width:58px!important;height:58px!important;min-height:58px!important}
}

/* =========================================================
   v13.0 Beta 1.3 — Liquid Glass visual corrections
   - Smart Home reason strip is one continuous widget surface
   - Dark-mode dock uses the same neutral glass material as app
   - Center Laari/Rufiyaa control is balanced and integrated
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c:has(>.smart-home-reason-v127){
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid var(--lg-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(255,255,255,.43))!important;
  box-shadow:var(--lg-shadow)!important;
  backdrop-filter:blur(28px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c:has(>.smart-home-reason-v127)>.home-widget,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c:has(>.smart-home-reason-v127)>*:first-child{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c>.smart-home-reason-v127{
  width:100%!important;
  margin:0!important;
  padding:9px 16px 11px!important;
  border:0!important;
  border-top:1px solid var(--lg-line-soft)!important;
  border-radius:0!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

/* Neutral, content-matching Liquid Glass dock in dark mode. */
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom{
  background:rgba(17,25,37,.58)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(30px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(155%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.active:not(.rufiyaa-tab){
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
}

/* Center control: Apple-style floating glass orb, not a solid mismatched blob. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  width:58px!important;
  height:58px!important;
  min-height:58px!important;
  margin:-15px auto -1px!important;
  padding:7px 2px 4px!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.40),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--blue)) 60%,rgba(255,255,255,.35)),color-mix(in srgb,var(--accent,var(--blue)) 72%,transparent))!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent,var(--blue)) 24%,transparent),0 0 0 4px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
  backdrop-filter:blur(26px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(175%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab span{
  font-size:20px!important;
  line-height:1!important;
  margin:0 0 2px!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.24),transparent 31%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--blue)) 58%,rgba(65,79,102,.34)),color-mix(in srgb,var(--accent,var(--blue)) 55%,rgba(19,28,42,.46)))!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent,var(--blue)) 20%,transparent),0 0 0 4px rgba(255,255,255,.055),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c:has(>.smart-home-reason-v127){
  background:linear-gradient(145deg,rgba(31,40,55,.70),rgba(18,26,38,.53))!important;
  border-color:rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c>.smart-home-reason-v127{
  background:rgba(255,255,255,.025)!important;
  border-top-color:rgba(255,255,255,.075)!important;
}

@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{width:56px!important;height:56px!important;min-height:56px!important;margin-top:-14px!important}
}


/* =========================================================
   v13.0 Beta 1.4 — consolidated visual / interaction QA fixes
   ========================================================= */

/* Never let decorative Liquid Glass layers block taps. */
body.rufiyaa-liquid-glass *::before,body.rufiyaa-liquid-glass *::after{pointer-events:none!important}
body.rufiyaa-liquid-glass button,body.rufiyaa-liquid-glass [role="button"],body.rufiyaa-liquid-glass input,body.rufiyaa-liquid-glass select,body.rufiyaa-liquid-glass textarea{z-index:1;touch-action:manipulation}
button:disabled{opacity:.62;pointer-events:none}
button[aria-busy="true"]{cursor:wait}

/* Floating bottom sheets: no hard rectangular seam / block at the viewport bottom. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal-wrap,
body.rufiyaa-admin-mode .modal-wrap{padding:0 8px max(8px,env(safe-area-inset-bottom))!important;align-items:flex-end!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal,
body.rufiyaa-admin-mode .modal{border-radius:28px!important;padding-bottom:22px!important;max-height:calc(100dvh - env(safe-area-inset-top) - 18px)!important;overflow:auto!important;clip-path:inset(0 round 28px)!important}

/* One continuous Smart Home widget surface, including Why this is here. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c{overflow:hidden!important;border-radius:26px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .smart-home-item-v1295c>.smart-home-reason-v127{margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important}

/* Transactions selected filters stay glassy instead of going solid white. */
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .chip.active,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .seg button.active{
 background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.66))!important;
 color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.8))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 6px 16px rgba(40,55,90,.08)!important
}
/* Add Transaction controls use Liquid Glass, not a flat solid slab. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-toolbar-action-v129621,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx63-review-banner,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-page-add .primary,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-save-v128{
 backdrop-filter:blur(22px) saturate(170%)!important;-webkit-backdrop-filter:blur(22px) saturate(170%)!important;
 border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.55))!important
}

/* Card colors stay true; glass is a highlight, never a white wash. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-mini-card-v145,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286{
 background-color:transparent!important;overflow:hidden!important;isolation:isolate!important;
 border-radius:22px!important;clip-path:inset(0 round 22px)!important;
 border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 14px 30px rgba(20,32,58,.18),inset 0 1px 0 rgba(255,255,255,.24)!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-mini-card-v145::before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-mini-card-v145::after,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286::before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286::after{border-radius:inherit!important;clip-path:inset(0 round 22px)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-card-carousel-v145{background:transparent!important;box-shadow:none!important;border:0!important}

/* Center Laari navigation is one single glass orb — remove double button/ring appearance. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
 width:58px!important;height:58px!important;min-height:58px!important;margin:-15px auto -1px!important;
 background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 66%,rgba(255,255,255,.34)),color-mix(in srgb,var(--accent) 74%,rgba(255,255,255,.08)))!important;
 border:1px solid rgba(255,255,255,.48)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 23%,transparent),inset 0 1px 0 rgba(255,255,255,.50)!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab::before,body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab::after{display:none!important}

/* Laari page: remove flat header rectangle and bring composer lower with true glass. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-header{background:transparent!important;border-bottom:0!important;padding-left:0!important;padding-right:0!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-tabs{background:rgba(255,255,255,.42)!important;border-color:rgba(255,255,255,.68)!important;backdrop-filter:blur(24px) saturate(175%)!important;-webkit-backdrop-filter:blur(24px) saturate(175%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{background:rgba(255,255,255,.54)!important;border-color:rgba(255,255,255,.76)!important;backdrop-filter:blur(30px) saturate(185%)!important;-webkit-backdrop-filter:blur(30px) saturate(185%)!important;box-shadow:0 12px 30px rgba(28,40,70,.14),inset 0 1px 0 rgba(255,255,255,.88)!important}
body.laari7-chat:not(.laari7-keyboard):not(.laari7-input-focused-v12610) .laari8-dock{padding-top:2px!important;padding-bottom:calc(64px + max(5px,env(safe-area-inset-bottom)))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-plus{background:color-mix(in srgb,var(--accent) 17%,rgba(255,255,255,.55))!important;color:color-mix(in srgb,var(--accent) 82%,white 18%)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.72))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-tabs,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{background:rgba(22,30,43,.64)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important}

.tx63-recurring-actions-v13014{display:flex;gap:7px;align-items:center;flex:0 0 auto}.tx63-recurring-actions-v13014 .tx63-small-action{min-width:64px}

/* Home-only Owner/Admin control follows the current app appearance. */
html[data-theme="light"] .admin-quick-access-v129ax{background:rgba(255,255,255,.62)!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.8))!important;box-shadow:0 9px 24px rgba(30,43,74,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(175%)!important;-webkit-backdrop-filter:blur(24px) saturate(175%)!important}
html[data-theme="dark"] .admin-quick-access-v129ax{background:rgba(24,31,45,.66)!important;color:var(--text)!important;border-color:rgba(255,255,255,.13)!important}

/* Admin Center now follows Light / Dark / System instead of being dark-only. */
body.rufiyaa-admin-mode{background:var(--bg)!important;color:var(--text)!important}
body.rufiyaa-admin-mode .admin-shell{background:var(--bg)!important;color:var(--text)!important}
body.rufiyaa-admin-mode .admin-brand span,body.rufiyaa-admin-mode .admin-welcome p,body.rufiyaa-admin-mode .admin-stat span,body.rufiyaa-admin-mode .admin-stat small,body.rufiyaa-admin-mode .admin-panel p,body.rufiyaa-admin-mode .admin-section-title,body.rufiyaa-admin-mode .note,body.rufiyaa-admin-mode small{color:var(--muted)!important}
body.rufiyaa-admin-mode .admin-stat,body.rufiyaa-admin-mode .admin-panels,body.rufiyaa-admin-mode .admin-panel,body.rufiyaa-admin-mode .admin-privacy,body.rufiyaa-admin-mode .card,body.rufiyaa-admin-mode .settings-flat,body.rufiyaa-admin-mode .settings-action-card{
 background:color-mix(in srgb,var(--card) 90%,transparent)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important
}
body.rufiyaa-admin-mode .admin-panel{border-bottom-color:var(--border)!important}
body.rufiyaa-admin-mode .admin-panel b,body.rufiyaa-admin-mode .admin-stat b,body.rufiyaa-admin-mode h1,body.rufiyaa-admin-mode h2,body.rufiyaa-admin-mode strong{color:var(--text)!important}
body.rufiyaa-admin-mode .modal{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border:1px solid color-mix(in srgb,var(--border) 78%,rgba(255,255,255,.35))!important;backdrop-filter:blur(34px) saturate(170%)!important;-webkit-backdrop-filter:blur(34px) saturate(170%)!important}
body.rufiyaa-admin-mode .modal-wrap{background:rgba(18,25,40,.28)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.rufiyaa-admin-mode .field input,body.rufiyaa-admin-mode .field select,body.rufiyaa-admin-mode .field textarea,body.rufiyaa-admin-mode .admin-audit-tools-v129ax input,body.rufiyaa-admin-mode .admin-audit-tools-v129ax select{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}
body.rufiyaa-admin-mode .secondary{background:color-mix(in srgb,var(--card) 92%,var(--accent-soft))!important;color:var(--text)!important;border:1px solid var(--border)!important}
body.rufiyaa-admin-mode .admin-role-badge{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important}
body.rufiyaa-admin-mode .admin-avatar{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important}
body.rufiyaa-admin-mode .status{filter:none!important}

/* Admin sheets: remove oversized nested/double outlines and improve readable spacing. */
body.rufiyaa-admin-mode .modal .card{margin-bottom:12px!important;border-radius:20px!important;padding:16px!important}
body.rufiyaa-admin-mode .admin-report-list-v129a2 .card,body.rufiyaa-admin-mode .admin-audit-row-v129ax{border-width:1px!important;outline:0!important}
body.rufiyaa-admin-mode .admin-report-list-v129a2,body.rufiyaa-admin-mode .admin-panels{outline:0!important}
body.rufiyaa-admin-mode .admin-audit-row-v129ax{padding:14px 15px!important}
body.rufiyaa-admin-mode .admin-audit-row-v129ax .note{font-size:11px!important;line-height:1.4!important;color:var(--muted)!important}
body.rufiyaa-admin-mode .admin-audit-row-v129ax small{color:color-mix(in srgb,var(--accent) 72%,var(--muted))!important}
body.rufiyaa-admin-mode .admin-audit-tools-v129ax{gap:10px!important}
body.rufiyaa-admin-mode .admin-audit-tools-v129ax input,body.rufiyaa-admin-mode .admin-audit-tools-v129ax select{min-height:46px!important}
body.rufiyaa-admin-mode .admin-row-between-v129ax{align-items:flex-start!important}
body.rufiyaa-admin-mode .rufiyaa-release-health-v130 span{background:color-mix(in srgb,var(--card) 88%,var(--accent-soft))!important;color:var(--muted)!important;border:1px solid var(--border)!important}
body.rufiyaa-admin-mode .rufiyaa-release-health-v130 b{color:var(--text)!important}
body.rufiyaa-admin-mode .admin-report-filter-v129a2 button,body.rufiyaa-admin-mode .admin-report-tabs-v129a2 button{color:var(--muted)!important;border-color:var(--border)!important;background:color-mix(in srgb,var(--card) 86%,transparent)!important}
body.rufiyaa-admin-mode .admin-report-filter-v129a2 button.active,body.rufiyaa-admin-mode .admin-report-tabs-v129a2 button.active{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 54%,var(--border))!important;background:var(--accent-soft)!important}

@media(max-width:520px){.tx63-recurring-actions-v13014{flex-direction:column}.tx63-recurring-actions-v13014 .tx63-small-action{width:76px}}


/* =========================================================
   v13.0 Beta 1.5 — layout regression + card preview repair
   Liquid Glass is visual-only: it must never re-anchor controls.
   ========================================================= */

/* Reassert the original anchors after Beta 1.4. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .admin-quick-access-v129ax{
  position:fixed!important;right:12px!important;left:auto!important;
  top:calc(10px + env(safe-area-inset-top))!important;bottom:auto!important;
  transform:none!important;margin:0!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap{
  position:fixed!important;left:auto!important;right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  bottom:calc(96px + env(safe-area-inset-bottom))!important;transform:none!important;margin:0!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap .fab,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) > .fab{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important
}

/* Search fields/composers keep their stable layout dimensions. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.tx-inline-search-v1251,.transaction-search-wrap,.search-wrap,.search-box,.cc-search-v72){
  position:relative!important;width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.tx-inline-search-v1251,.transaction-search-wrap,.search-wrap,.search-box,.cc-search-v72) input{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{
  left:16px!important;right:16px!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important;box-sizing:border-box!important
}

/* One clean Laari orb: no secondary ring/button layer. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  width:58px!important;height:58px!important;min-height:58px!important;
  margin:-14px auto 0!important;padding:7px 2px 4px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,rgba(255,255,255,.18)),color-mix(in srgb,var(--accent) 86%,rgba(255,255,255,.04)))!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 10px 23px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.44)!important;
  outline:0!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab:before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab:after{display:none!important}

/* Finance carousel/card editor previews must preserve the actual selected card color. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286){
  overflow:hidden!important;isolation:isolate!important;border-radius:22px!important;
  clip-path:inset(0 round 22px)!important;background-color:initial!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
/* Explicit color rules intentionally come after every glass rule. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-graphite{background:linear-gradient(145deg,#45474d,#25272c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-silver{background:linear-gradient(135deg,#d7dbe1,#8c949f)!important;color:#111!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-midnight{background:linear-gradient(135deg,#111827,#020617)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-navy{background:linear-gradient(135deg,#0f2a4d,#07162b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-blue{background:linear-gradient(145deg,#31516e,#232f3c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-sky{background:linear-gradient(135deg,#58b8f2,#246da8)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-teal{background:linear-gradient(145deg,#2d5960,#20383d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-green{background:linear-gradient(145deg,#315b4b,#24382f)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-emerald{background:linear-gradient(135deg,#159d72,#075c47)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-forest{background:linear-gradient(135deg,#276246,#102f25)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-purple{background:linear-gradient(145deg,#51406d,#2c2938)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-lavender{background:linear-gradient(135deg,#a98bec,#6d54ae)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-rose{background:linear-gradient(135deg,#db6f91,#9b365b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-burgundy{background:linear-gradient(135deg,#7c203b,#3f0d1d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-red{background:linear-gradient(145deg,#664149,#3b2a2f)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-orange{background:linear-gradient(145deg,#66513a,#3c3228)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-gold{background:linear-gradient(135deg,#d6a640,#8b671b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-sand{background:linear-gradient(135deg,#c8ae83,#806b4d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-chocolate{background:linear-gradient(135deg,#76513b,#38251c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-grad-midnight{background:linear-gradient(135deg,#0b1026,#254c8e,#111827)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-grad-indigo{background:linear-gradient(135deg,#3d246c,#6b48c7,#273596)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-grad-silver{background:linear-gradient(135deg,#090b10,#606771,#d3d7dc)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286).account-color-grad-sunset{background:linear-gradient(135deg,#8d315f,#e36856,#f2a63d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286)::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:linear-gradient(155deg,rgba(255,255,255,.16),transparent 42%,rgba(255,255,255,.04))!important;z-index:0!important
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.finance-mini-card-v145,.card-design-preview-v1286)>*{position:relative!important;z-index:1!important}

/* Credit-card detail is a page-like sheet, not one giant outlined card. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal:has(.cc-summary-v1275){
  width:min(620px,100%)!important;height:100dvh!important;max-height:100dvh!important;
  border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important;
  background:var(--bg)!important;padding-top:max(18px,env(safe-area-inset-top))!important
}

@media(max-width:520px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .admin-quick-access-v129ax{right:10px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap{right:16px!important}
}

/* =========================================================
   v13.0 Beta 1.6 — focused QA fixes
   - grouped transaction clipping
   - unified light-mode search/composer glass
   - shared FAB anchoring
   - truly translucent Laari orb
   - Finance carousel supports all current card colors
   ========================================================= */

/* Grouped transaction cards: clip every child layer to the parent radius. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group>.list{
  overflow:hidden!important;
  border-radius:20px!important;
  isolation:isolate!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-content,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .row{
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:first-child,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:first-child .swipe-content{
  border-radius:20px 20px 0 0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:last-child,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:last-child .swipe-content{
  border-radius:0 0 20px 20px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:only-child,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-date-group .swipe-shell:only-child .swipe-content{
  border-radius:20px!important;
}

/* Search/composer controls should read as one glass surface, not a pill inside a pill. */
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.tx-inline-search-v1251,.transaction-search-wrap,.search-wrap,.search-box,.cc-search-v72){
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 8px 24px rgba(39,57,92,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(24px) saturate(175%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%)!important;
}
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) :is(.tx-inline-search-v1251,.transaction-search-wrap,.search-wrap,.search-box,.cc-search-v72) :is(input,textarea){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* All contextual + buttons use one shared screen anchor across tabs. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap{
  right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  bottom:calc(98px + env(safe-area-inset-bottom))!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap .fab,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) > .fab{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
}

/* Laari is a glass orb with accent tint, never an opaque solid circle. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.58),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.34)),color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.10)))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.66)!important;
  backdrop-filter:blur(28px) saturate(185%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(185%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.26),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 28%,rgba(42,54,72,.48)),color-mix(in srgb,var(--accent) 34%,rgba(13,20,31,.44)))!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

/* Finance carousel: explicit support for every current card color/design. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-card{
  overflow:hidden!important;isolation:isolate!important;clip-path:inset(0 round 22px)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-graphite{background:linear-gradient(145deg,#45474d,#25272c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-silver{background:linear-gradient(135deg,#d7dbe1,#8c949f)!important;color:#111!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-midnight{background:linear-gradient(135deg,#111827,#020617)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-navy{background:linear-gradient(135deg,#0f2a4d,#07162b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-blue{background:linear-gradient(145deg,#31516e,#232f3c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-sky{background:linear-gradient(135deg,#58b8f2,#246da8)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-teal{background:linear-gradient(145deg,#2d5960,#20383d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-emerald{background:linear-gradient(135deg,#159d72,#075c47)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-forest{background:linear-gradient(135deg,#276246,#102f25)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-purple{background:linear-gradient(145deg,#51406d,#2c2938)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-lavender{background:linear-gradient(135deg,#a98bec,#6d54ae)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-rose{background:linear-gradient(135deg,#db6f91,#9b365b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-burgundy{background:linear-gradient(135deg,#7c203b,#3f0d1d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-red{background:linear-gradient(145deg,#664149,#3b2a2f)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-orange{background:linear-gradient(145deg,#66513a,#3c3228)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-gold{background:linear-gradient(135deg,#d6a640,#8b671b)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-sand{background:linear-gradient(135deg,#c8ae83,#806b4d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-chocolate{background:linear-gradient(135deg,#76513b,#38251c)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-grad-midnight{background:linear-gradient(135deg,#0b1026,#254c8e,#111827)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-grad-indigo{background:linear-gradient(135deg,#3d246c,#6b48c7,#273596)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-grad-silver{background:linear-gradient(135deg,#090b10,#606771,#d3d7dc)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-color-grad-sunset{background:linear-gradient(135deg,#8d315f,#e36856,#f2a63d)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-card::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:linear-gradient(155deg,rgba(255,255,255,.18),transparent 42%,rgba(255,255,255,.04))!important;z-index:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fin12-card>*{position:relative!important;z-index:1!important}

@media(max-width:520px){body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap{right:18px!important}}

/* =========================================================
   v13.0 Beta 1.7 — final focused QA pass
   - unified search/composer surfaces in both themes
   - Laari composer alignment + integrated glass controls
   - softer integrated Laari nav orb
   - Admin Light/Dark/System theme enforcement
   - live card-design preview reliability
   ========================================================= */

/* Transaction/global search: one continuous glass surface in BOTH themes. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-inline-search-v1251,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .global-search-field,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-search-wrap,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-wrap,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-box,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .cc-search-v72{
  overflow:hidden!important;
  border-radius:18px!important;
}
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-inline-search-v1251,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .global-search-field,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-search-wrap,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-wrap,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-box,
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .cc-search-v72{
  background:rgba(255,255,255,.50)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 8px 24px rgba(39,57,92,.08),inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-inline-search-v1251,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .global-search-field,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-search-wrap,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-wrap,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-box,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .cc-search-v72{
  background:rgba(22,29,42,.62)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(24px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(165%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-inline-search-v1251 input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .global-search-field input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-search-wrap input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-wrap input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .search-box input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .cc-search-v72 input{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}

/* Laari composer: one bounded glass control, no clipping, all controls integrated. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-dock{
  padding-left:20px!important;
  padding-right:20px!important;
  box-sizing:border-box!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{
  position:relative!important;
  left:auto!important;right:auto!important;
  width:100%!important;max-width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px!important;
  border-radius:29px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(255,255,255,.82)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer{
  background:rgba(22,29,42,.68)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer textarea{
  width:100%!important;min-width:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:10px 4px!important;margin:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer .laari-chat-plus,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer .laari-chat-send{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:50%!important;position:static!important;margin:0!important;
  display:grid!important;place-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer .laari-chat-plus{
  background:color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.24))!important;
  color:color-mix(in srgb,var(--accent) 82%,white 18%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.34))!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-composer .laari-chat-send{
  background:color-mix(in srgb,var(--accent) 52%,rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  color:#fff!important;
}

/* Center Laari button: translucent and visually part of the dock, not a solid pasted circle. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.50),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.34)),color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.08)))!important;
  border:1px solid rgba(255,255,255,.44)!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.48)!important;
  backdrop-filter:blur(26px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(165%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab{
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,rgba(33,43,59,.42)),color-mix(in srgb,var(--accent) 24%,rgba(13,20,31,.30)))!important;
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* Admin Center: explicitly follow resolved Light/Dark/System appearance. */
html[data-theme="light"] body.rufiyaa-admin-mode,
html[data-theme="light"] body.rufiyaa-admin-mode .admin-shell{
  background:#f5f7fb!important;color:#141a2a!important;
}
html[data-theme="light"] body.rufiyaa-admin-mode .admin-stat,
html[data-theme="light"] body.rufiyaa-admin-mode .admin-panels,
html[data-theme="light"] body.rufiyaa-admin-mode .admin-panel,
html[data-theme="light"] body.rufiyaa-admin-mode .admin-privacy,
html[data-theme="light"] body.rufiyaa-admin-mode .card,
html[data-theme="light"] body.rufiyaa-admin-mode .settings-flat,
html[data-theme="light"] body.rufiyaa-admin-mode .settings-action-card{
  background:rgba(255,255,255,.82)!important;
  color:#141a2a!important;
  border-color:#dfe4ef!important;
  box-shadow:0 8px 28px rgba(36,48,78,.07)!important;
}
html[data-theme="light"] body.rufiyaa-admin-mode .admin-panel{border-bottom-color:#e4e8f1!important}
html[data-theme="light"] body.rufiyaa-admin-mode :is(.admin-brand strong,.admin-welcome h1,.admin-panel b,.admin-stat b,h1,h2,strong){color:#141a2a!important}
html[data-theme="light"] body.rufiyaa-admin-mode :is(.admin-brand span,.admin-welcome p,.admin-stat span,.admin-stat small,.admin-panel small,.admin-section-title,.note,small){color:#687086!important}
html[data-theme="light"] body.rufiyaa-admin-mode .modal{
  background:rgba(245,247,251,.94)!important;color:#141a2a!important;border-color:rgba(255,255,255,.86)!important;
}
html[data-theme="light"] body.rufiyaa-admin-mode .modal-wrap{background:rgba(52,62,86,.20)!important}
html[data-theme="light"] body.rufiyaa-admin-mode :is(.field input,.field select,.field textarea,.admin-audit-tools-v129ax input,.admin-audit-tools-v129ax select){
  background:#fff!important;color:#141a2a!important;border-color:#dfe4ef!important;
}
html[data-theme="light"] body.rufiyaa-admin-mode .secondary{background:#fff!important;color:#141a2a!important;border-color:#dfe4ef!important}
html[data-theme="dark"] body.rufiyaa-admin-mode,
html[data-theme="dark"] body.rufiyaa-admin-mode .admin-shell{background:#0b0b10!important;color:#f7f7fb!important}

/* Card preview must keep its selected design in both themes; theme never paints over it. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286{
  isolation:isolate!important;overflow:hidden!important;clip-path:inset(0 round 22px)!important;
  background-color:transparent!important;
}
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-design-preview-v1286{
  color:#fff!important;
}

/* v13.0 Beta 1.8 — Accounts QA consolidation */
.account-v12-card{grid-template-columns:minmax(0,1fr) auto!important;padding-left:14px!important}
.account-v12-card .account-v12-icon{display:none!important}
.account-v12-main{min-width:0}
.account-v12-main b,.account-v12-main span,.account-v12-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-full-icon{display:none!important}
.account-full-hero{padding-top:18px!important}
.account-full-actions.account-full-actions-single-v13018{justify-content:center!important;gap:0!important;margin:20px 0 22px!important}
.account-full-actions-single-v13018 .finance-round-action span{width:52px!important;height:52px!important;background:color-mix(in srgb,var(--accent) 18%,transparent)!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.08)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
.account-full-actions-single-v13018 .finance-round-action b{font-size:10px!important}
.account-v12-list,.finance-history{padding-bottom:12px}
.finance-page-content,.finance-page-body{padding-bottom:max(118px,calc(96px + env(safe-area-inset-bottom)))!important}

/* Search/composer surfaces must read as one glass control in both themes. */
.account-search-v13{display:flex!important;align-items:center!important;overflow:hidden!important;background:color-mix(in srgb,var(--card) 76%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 86%,transparent)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.account-search-v13 input{flex:1!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;color:var(--text)!important}
.account-search-v13 button{flex:0 0 auto!important;background:transparent!important;border:0!important;color:var(--muted)!important}
.account-filter-chips-v13{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none;padding:1px!important}
.account-filter-chips-v13::-webkit-scrollbar{display:none}
.account-filter-chips-v13 button{white-space:nowrap!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;background:color-mix(in srgb,var(--card) 58%,transparent)!important;color:var(--muted)!important;box-shadow:none!important}
.account-filter-chips-v13 button.active{background:color-mix(in srgb,var(--accent) 14%,var(--card))!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;color:var(--accent)!important}

/* =========================================================
   v13.0 Beta 1.9 — Laari side launcher + radial actions
   - Home / Transactions / Budget / Finance share one glass pill
   - Laari lives in a separate right-side orb
   - Contextual Add action is vertically centered above Laari
   - Tapping Laari hides the pill/Add action and fans out 3 actions
   - Account Transfer action remains a true circle
   ========================================================= */

body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{
  left:50%!important;right:auto!important;
  width:min(calc(100% - 24px),596px)!important;
  transform:translateX(-50%)!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 62px!important;
  gap:10px!important;align-items:end!important;width:100%!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;width:100%!important;min-height:64px!important;padding:5px!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(240,246,255,.45))!important;
  box-shadow:0 16px 42px rgba(25,37,68,.16),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(34px) saturate(190%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(190%)!important;
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),filter .2s ease!important;
  transform-origin:right center!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(28,37,51,.68),rgba(14,21,32,.57))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
  min-height:54px!important;margin:0!important;border-radius:24px!important;
  font-size:9px!important;padding:6px 2px 4px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.30))!important;
  border:1px solid color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.40))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
  background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.035))!important;
  border-color:color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08))!important;
}

body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019{
  position:relative!important;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;
  margin:0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  color:#fff!important;
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.62),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.30)),color-mix(in srgb,var(--accent) 56%,rgba(255,255,255,.08)))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 14px 31px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.68)!important;
  backdrop-filter:blur(28px) saturate(185%)!important;-webkit-backdrop-filter:blur(28px) saturate(185%)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease!important;
  z-index:164!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019 span{
  display:grid!important;place-items:center!important;width:auto!important;height:auto!important;background:transparent!important;
  box-shadow:none!important;font-size:24px!important;line-height:1!important;margin:0!important;color:#fff!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019{
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.25),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 31%,rgba(45,57,76,.48)),color-mix(in srgb,var(--accent) 38%,rgba(13,20,31,.42)))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 14px 31px rgba(0,0,0,.25),0 7px 25px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .laari-launcher-v13019{
  transform:scale(1.07)!important;
  box-shadow:0 17px 38px color-mix(in srgb,var(--accent) 28%,transparent),0 0 0 6px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.70)!important;
}

/* Add Transaction / Add Budget share the exact Laari center line. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{
  position:fixed!important;
  left:auto!important;right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  bottom:calc(92px + env(safe-area-inset-bottom))!important;
  width:62px!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:5px!important;z-index:90!important;margin:0!important;transform:none!important;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  position:relative!important;inset:auto!important;transform:none!important;margin:0!important;
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;padding:0!important;font-size:29px!important;line-height:1!important;
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.58),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.30)),color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.08)))!important;
  border:1px solid rgba(255,255,255,.52)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.62)!important;
  color:#fff!important;backdrop-filter:blur(25px) saturate(175%)!important;-webkit-backdrop-filter:blur(25px) saturate(175%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.22),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent) 27%,rgba(42,54,72,.46)),color-mix(in srgb,var(--accent) 33%,rgba(13,20,31,.42)))!important;
  border-color:rgba(255,255,255,.19)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-label-v13019{
  width:104px!important;margin-left:-21px!important;margin-right:-21px!important;text-align:center!important;
  color:var(--text)!important;font-size:9px!important;font-weight:720!important;line-height:1.1!important;white-space:nowrap!important;
  text-shadow:0 1px 10px color-mix(in srgb,var(--bg) 80%,transparent)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .fab-wrap.fab-context-v13019{
  opacity:0!important;transform:translateY(12px) scale(.88)!important;pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .nav-main-pill-v13019{
  opacity:0!important;transform:translateX(28px) scale(.92)!important;filter:blur(5px)!important;pointer-events:none!important;
}

/* Curved Laari action fan, anchored to the right-side Laari orb. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{
  position:fixed!important;z-index:163!important;
  left:auto!important;right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  bottom:calc(80px + env(safe-area-inset-bottom))!important;
  width:270px!important;height:260px!important;padding:0!important;margin:0!important;
  display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;
  transform:none!important;opacity:1!important;pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019.show{pointer-events:none!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{
  position:absolute!important;right:0!important;width:174px!important;min-height:54px!important;
  padding:10px 14px 10px 15px!important;border-radius:999px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  gap:2px!important;text-align:left!important;pointer-events:auto!important;
  color:var(--text)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(242,247,255,.45))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 13px 34px rgba(25,37,68,.18),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;
  opacity:0!important;transform:translate(30px,48px) scale(.72)!important;
  transition:opacity .18s ease,transform .32s cubic-bezier(.18,.88,.24,1.18)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{
  background:linear-gradient(145deg,rgba(31,40,55,.80),rgba(16,23,35,.67))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 13px 34px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .laari-choice-bubble-v1263{opacity:1!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .ask-chat-v13019{bottom:172px!important;right:74px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .quick-v13019{bottom:102px!important;right:112px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .insights-v13019{bottom:32px!important;right:72px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .ask-chat-v13019{transform:translate(0,0) rotate(-5deg)!important;transition-delay:.02s!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .quick-v13019{transform:translate(0,0) rotate(-1deg)!important;transition-delay:.06s!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .insights-v13019{transform:translate(0,0) rotate(4deg)!important;transition-delay:.10s!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263 span{
  color:var(--text)!important;font-size:12px!important;font-weight:820!important;line-height:1.1!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263 small{
  color:var(--muted)!important;font-size:8.5px!important;line-height:1.15!important;
}

/* Account detail Transfer bug: the tappable control itself must never become a rounded square. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-full-actions-single-v13018 .finance-round-action,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-system-v1274 .account-full-actions-single-v13018 .finance-round-action.primary{
  width:72px!important;min-width:72px!important;padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-full-actions-single-v13018 .finance-round-action span{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;aspect-ratio:1/1!important;
  border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.54),transparent 34%),color-mix(in srgb,var(--accent) 16%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.34))!important;
  color:var(--accent)!important;font-size:23px!important;line-height:1!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-full-actions-single-v13018 .finance-round-action b{
  display:block!important;background:transparent!important;padding:0!important;border:0!important;color:var(--text)!important;
  font-size:10px!important;font-weight:680!important;line-height:1.1!important;
}

@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 58px!important;gap:8px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{font-size:8.5px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{width:164px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .quick-v13019{right:100px!important}
}

/* =========================================================
   v13.0 Beta 1.10 — Laari navigation refinement
   - Add + and Laari are equal-size, aligned circles
   - calmer / less glossy button material
   - no contextual Add labels
   - fan titles use app accent
   - Chat and Insights are dedicated screens (no segmented tabs)
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  grid-template-columns:minmax(0,1fr) 60px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--surface) 84%,var(--accent) 16%)!important;
  border:1px solid color-mix(in srgb,var(--line) 78%,var(--accent) 22%)!important;
  box-shadow:0 8px 20px rgba(24,32,48,.12),inset 0 1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:blur(15px) saturate(125%)!important;-webkit-backdrop-filter:blur(15px) saturate(125%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:color-mix(in srgb,var(--surface) 88%,var(--accent) 12%)!important;
  border-color:color-mix(in srgb,var(--line) 82%,var(--accent) 18%)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .laari-launcher-v13019{
  transform:scale(1.03)!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{
  width:60px!important;gap:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-label-v13019{display:none!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{
  background:color-mix(in srgb,var(--surface) 91%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 88%,var(--accent) 12%)!important;
  box-shadow:0 9px 24px rgba(25,37,68,.12),inset 0 1px 0 rgba(255,255,255,.30)!important;
  backdrop-filter:blur(17px) saturate(125%)!important;-webkit-backdrop-filter:blur(17px) saturate(125%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{
  background:color-mix(in srgb,var(--surface) 92%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 90%,var(--accent) 10%)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263 span{
  color:var(--accent)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-header-v13020{padding-bottom:8px!important}
@media(max-width:430px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 60px!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019,
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}
}

/* =========================================================
   v13.0 Beta 1.11 — grouped Settings + navigation visibility
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{
  width:min(calc(100% - 24px),620px)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  grid-template-columns:minmax(0,520px) 60px!important;
  justify-content:end!important;
  gap:14px!important;
}
/* Less glass, more presence: solid accent-tinted controls with a crisp edge. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:color-mix(in srgb,var(--surface) 68%,var(--accent) 32%)!important;
  border:1.5px solid color-mix(in srgb,var(--accent) 42%,var(--line))!important;
  color:var(--accent)!important;
  box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 16%,rgba(24,32,48,.10)),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;-webkit-backdrop-filter:blur(8px) saturate(108%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019 span{color:var(--accent)!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:color-mix(in srgb,var(--surface) 72%,var(--accent) 28%)!important;
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important;
  box-shadow:0 7px 17px rgba(0,0,0,.20),0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
/* Keep contextual + on the exact Laari axis after moving the launcher right. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{
  right:max(12px,calc((100vw - 620px)/2 + 12px))!important;
}
.settings-grouped-v13021{display:grid!important;gap:18px!important;padding-bottom:112px!important}
.settings-group-v13021{display:grid;gap:7px}
.settings-group-v13021>h3{margin:0 5px;font-size:12px;line-height:1.2;font-weight:800;color:var(--muted);letter-spacing:.02em}
.settings-group-card-v13021{overflow:hidden;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 8px 24px rgba(25,37,68,.06);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%)}
.settings-group-card-v13021 .settings-nav-row-v1286{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:12px 13px!important;grid-template-columns:34px minmax(0,1fr) 16px!important;position:relative}
.settings-group-card-v13021 .settings-nav-row-v1286+ .settings-nav-row-v1286:before{content:"";position:absolute;left:56px;right:13px;top:0;height:1px;background:color-mix(in srgb,var(--line) 78%,transparent)}
.settings-group-card-v13021 .settings-nav-row-v1286>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font-size:14px}
.settings-group-card-v13021 .settings-nav-row-v1286 b{font-size:13px}.settings-group-card-v13021 .settings-nav-row-v1286 small{font-size:9.5px;color:var(--muted)}
html[data-theme="dark"] .settings-group-card-v13021{background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.14)}
@media(max-width:560px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{width:calc(100% - 18px)!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 60px!important;gap:10px!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{right:9px!important}
}

/* =========================================================
   v13.0 Beta 1.12 — compact nav, Home header + QA
   ========================================================= */

/* Inactive navigation destinations are icon-only. The active destination
   widens just enough to reveal its name below the icon. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(42px,1fr))!important;
  gap:3px!important;
  padding:5px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
  min-width:0!important;width:auto!important;overflow:hidden!important;
  padding:5px 4px!important;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-icon-v13022{
  display:grid!important;place-items:center!important;margin:0 auto!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-label-v13022{
  display:block!important;max-height:0!important;opacity:0!important;transform:translateY(-3px)!important;
  overflow:hidden!important;white-space:nowrap!important;font-size:0!important;line-height:1!important;
  transition:opacity .18s ease,transform .2s ease,max-height .2s ease,font-size .2s ease!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active .nav-label-v13022{
  max-height:13px!important;opacity:1!important;transform:translateY(0)!important;font-size:9px!important;margin-top:2px!important;
}

/* Create breathing room for the right-side Laari/+ stack. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{
  width:min(calc(100% - 32px),592px)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  grid-template-columns:minmax(0,1fr) 60px!important;gap:14px!important;justify-content:center!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{
  right:max(16px,calc((100vw - 592px)/2 + 16px))!important;
}
@media(max-width:560px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{width:calc(100% - 32px)!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 60px!important;gap:12px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{right:16px!important}
}

/* + and Laari stay exactly equal and visually calm. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;
  border-radius:50%!important;
}

/* Absorb navigation and the contextual + into Laari before the fan opens. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .nav-main-pill-v13019{
  opacity:0!important;transform:translateX(72px) scale(.18)!important;filter:blur(3px)!important;
  transition-duration:.24s!important;transform-origin:right center!important;pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .fab-wrap.fab-context-v13019{
  opacity:0!important;transform:translateY(74px) scale(.16)!important;filter:blur(2px)!important;
  transition-duration:.24s!important;transform-origin:center bottom!important;pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263{
  transition-delay:0s!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .ask-chat-v13019{transition-delay:.01s!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .quick-v13019{transition-delay:.05s!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019.show .insights-v13019{transition-delay:.09s!important}

/* Fan action names use the user's Rufiyaa accent; descriptions remain neutral. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13019 .laari-choice-bubble-v1263 span{
  color:var(--accent)!important;
}

/* Compact Home identity block: Date/time → greeting → user. */
.home-header-v13022{align-items:flex-start!important;margin-bottom:10px!important;gap:12px!important}
.home-greeting-copy-v13022{min-width:0;max-width:min(56%,330px);display:grid;gap:1px;padding-top:1px}
.home-date-v13022{font-size:11px;line-height:1.25;color:var(--muted);font-weight:500;white-space:normal}
.home-greeting-v13022{font-size:clamp(18px,4.5vw,26px);line-height:1.02;font-weight:820;letter-spacing:-.025em;color:var(--text);margin-top:4px}
.home-user-v13022{font-size:clamp(22px,6vw,34px);line-height:.98;font-weight:900;letter-spacing:-.035em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.home-header-v13022 .header-actions{flex:0 0 auto;margin-top:42px!important}
@media(max-width:430px){
 .home-greeting-copy-v13022{max-width:52%}
 .home-header-v13022 .header-actions{gap:6px!important;margin-top:38px!important}
 .home-header-v13022 .header-actions button{width:42px!important;height:42px!important}
 .home-user-v13022{font-size:clamp(21px,7vw,30px)}
}

/* Account detail name already appears in the centered Finance header. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-detail-toolbar .account-detail-name{display:none!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-detail-toolbar{justify-content:flex-end!important}

/* Administration can never render as an empty heading/card. */
.settings-group-v13021:has(>.settings-group-card-v13021:empty){display:none!important}
.settings-admin-entry-v13022{display:grid!important;visibility:visible!important;opacity:1!important;min-height:58px!important}


/* =========================================================
   v13.0 Beta 1.13 — adaptive expanding navigation fix
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  display:flex!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  gap:4px!important;
  padding:5px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023{
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:50px!important;
  padding:5px 3px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:19px!important;
  transition:flex-basis .26s cubic-bezier(.2,.8,.2,1),width .26s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active{
  flex:1 1 112px!important;
  width:auto!important;
  min-width:82px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023 .nav-icon-v13022{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023 .nav-label-v13022{
  display:block!important;
  max-width:0!important;
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  margin:0!important;
  font-size:0!important;
  line-height:1!important;
  transform:translateY(-2px)!important;
  transition:max-width .24s ease,max-height .2s ease,opacity .18s ease,font-size .2s ease,transform .2s ease,margin .2s ease!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active .nav-label-v13022{
  max-width:120px!important;
  max-height:13px!important;
  opacity:1!important;
  margin-top:3px!important;
  font-size:9px!important;
  transform:translateY(0)!important;
}
@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023{flex-basis:42px!important;width:42px!important;min-width:42px!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active{flex-basis:96px!important;min-width:74px!important}
}

/* =========================================================
   v13.0 Beta 1.15 — visual + safe-area QA (Beta only)
   ========================================================= */

/* Dark mode gets the same sense of depth as Light Mode, without becoming bright. */
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
 background:
  radial-gradient(900px 520px at 8% 8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%),
  radial-gradient(760px 520px at 92% 30%,color-mix(in srgb,var(--accent) 8%,#153051 8%),transparent 67%),
  linear-gradient(180deg,#080b12 0%,#090d15 52%,#070a10 100%)!important;
 background-attachment:fixed!important;
}

/* The safe area is the true beginning/end of every Beta sheet. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal-wrap{
 box-sizing:border-box!important;
 padding-top:calc(env(safe-area-inset-top) + 10px)!important;
 padding-bottom:calc(env(safe-area-inset-bottom) + 10px)!important;
 min-height:100dvh!important;
 align-items:flex-end!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal{
 max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important;
 overflow:auto!important;overscroll-behavior:contain!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{padding-top:max(12px,env(safe-area-inset-top))!important;padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}

/* Smaller adaptive dock: active item gets only the space its label needs. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{width:min(calc(100% - 38px),552px)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 56px!important;gap:10px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{gap:2px!important;padding:4px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{flex:0 0 39px!important;width:39px!important;min-width:39px!important;height:48px!important;padding:4px 2px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{flex:0 1 auto!important;width:auto!important;min-width:70px!important;padding-left:10px!important;padding-right:10px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="transactions"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="transactions"]{min-width:96px!important}

/* Laari and contextual +: appearance-color frosted circles with white icons. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
 width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;border-radius:50%!important;
 color:#fff!important;background:color-mix(in srgb,var(--accent) 80%,transparent)!important;
 border:1px solid color-mix(in srgb,#fff 34%,var(--accent))!important;
 box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important;
 backdrop-filter:blur(17px) saturate(135%)!important;-webkit-backdrop-filter:blur(17px) saturate(135%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019 span,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{color:#fff!important}

/* Fan: no black outline; just two clean frosted destinations. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13025 .laari-choice-bubble-v1263{
 border:1px solid color-mix(in srgb,#fff 28%,transparent)!important;outline:0!important;
 box-shadow:0 10px 26px rgba(20,30,55,.13),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13025 .laari-choice-bubble-v1263{
 border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13025 .ask-chat-v13019{bottom:104px!important;right:80px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-radial-v13025 .insights-v13019{bottom:42px!important;right:126px!important}

/* Home utility controls are circles; admin shortcut scrolls naturally with Home. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .header-actions-round-v13025 button{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .admin-quick-access-v129ax{position:absolute!important;top:calc(env(safe-area-inset-top) + 10px)!important;right:12px!important;bottom:auto!important}

/* Account Transfer: neutral frosted glass, not an accent-filled disc. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-full-actions-single-v13018 .finance-round-action span{
 background:color-mix(in srgb,var(--surface) 76%,transparent)!important;color:var(--text)!important;
 border:1px solid color-mix(in srgb,#fff 35%,var(--line))!important;
 box-shadow:0 8px 20px rgba(20,30,55,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
 backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .account-full-actions-single-v13018 .finance-round-action span{border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)!important}

/* Dedicated immersive Laari Chat. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-chat-immersive-v13025{overflow:hidden!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-chat-immersive-v13025 .bottom,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-chat-immersive-v13025 .fab-wrap{display:none!important}
.laari-chat-screen-v13025{height:100dvh;box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 10px) 14px 0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.laari-chat-header-v13025{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px;z-index:4}
.laari-chat-header-actions-v13025{display:flex;align-items:center;gap:8px}.laari-chat-header-actions-v13025 button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,#fff 35%,var(--line));background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text);font:inherit;font-size:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.laari-chat-close-v13025{font-size:24px!important}
.laari-messages-immersive-v13025{min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px 2px calc(112px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
.laari-chat-sticky-v13025{position:fixed!important;z-index:8;left:max(12px,calc((100vw - 620px)/2 + 12px));right:max(12px,calc((100vw - 620px)/2 + 12px));bottom:0;padding:8px 0 calc(env(safe-area-inset-bottom) + 8px);background:linear-gradient(180deg,transparent 0%,var(--bg) 28%,var(--bg) 100%)}
.laari-chat-sticky-v13025 .laari8-composer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;width:100%!important;box-sizing:border-box!important}
.laari-chat-sticky-v13025 .laari-quick-panel{position:absolute;left:0;right:0;bottom:calc(100% + 8px)}

/* User = stronger selected accent; Laari = pastel version of selected accent. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-bubble.user{background:color-mix(in srgb,var(--accent) 82%,#111 18%)!important;color:#fff!important;border-color:color-mix(in srgb,var(--accent) 78%,#fff 22%)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-bubble.laari{background:color-mix(in srgb,var(--accent) 18%,#fff 82%)!important;color:color-mix(in srgb,var(--accent) 72%,#15171c 28%)!important;border-color:color-mix(in srgb,var(--accent) 22%,#fff 78%)!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-bubble.laari{background:color-mix(in srgb,var(--accent) 26%,#20232b 74%)!important;color:color-mix(in srgb,var(--accent) 40%,#fff 60%)!important;border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.14))!important}

@media(max-width:560px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{width:calc(100% - 38px)!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:minmax(0,1fr) 56px!important;gap:9px!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{right:19px!important}
}

/* v13.0 Beta 1.16 — Laari history + budgeting polish (Beta only) */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-shell-v13026{display:grid;gap:18px;padding:2px 0 8px}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-group-v13026 h3{margin:0 4px 8px;font-size:13px;letter-spacing:.02em;color:var(--muted)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-stack-v13026{overflow:hidden;border-radius:22px;border:1px solid color-mix(in srgb,#fff 34%,var(--line));background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:0 10px 28px rgba(30,45,80,.08),inset 0 1px 0 rgba(255,255,255,.48);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026:last-child{border-bottom:0}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-row-v13026{position:relative;z-index:2;width:100%;min-height:72px;border:0;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 16px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-row-v13026 span{min-width:0;display:grid;gap:5px}.laari-history-row-v13026 b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.laari-history-row-v13026 small{color:var(--muted);font-size:12px}.laari-history-row-v13026 em{font-style:normal;color:var(--accent);font-size:22px}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-delete-v13026{position:absolute;z-index:1;right:0;top:0;bottom:0;width:78px;border:0;background:#e24d5a;color:#fff;font-weight:700}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-empty-v13026{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;color:var(--muted)}.laari-history-empty-v13026 div{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-size:22px}.laari-history-empty-v13026 b{color:var(--text);font-size:18px}.laari-history-empty-v13026 span{max-width:260px;font-size:13px}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-stack-v13026{border-color:rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-create-budget-v13026{display:block;margin-top:12px;width:100%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:16px;padding:11px 13px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:750}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-budget-review-v13026{display:grid;gap:0;margin:12px 0 16px;border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--surface) 80%,transparent)}.laari-budget-review-v13026 div{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.laari-budget-review-v13026 div:last-child{border-bottom:0}
/* Keep the two floating primary actions clearly accent-matched in both themes. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{background:color-mix(in srgb,var(--accent) 88%,transparent)!important;color:#fff!important;border-color:color-mix(in srgb,#fff 30%,var(--accent))!important}

/* =========================================================
   v13.0 Beta 1.17 — adaptive dock geometry fix (Beta only)
   - dock hugs the four navigation items instead of stretching
   - Laari stays at a stable right-side anchor
   - contextual + shares the exact Laari centre line
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{
  left:auto!important;
  right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  width:auto!important;
  max-width:calc(100vw - 36px)!important;
  transform:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  display:flex!important;
  grid-template-columns:none!important;
  width:auto!important;
  max-width:100%!important;
  gap:8px!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:calc(100vw - 100px)!important;
  min-width:0!important;
  gap:2px!important;
  padding:4px!important;
  overflow:hidden!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:48px!important;
  min-height:48px!important;
  padding:4px 2px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
  flex-grow:0!important;
  flex-shrink:0!important;
  width:auto!important;
  max-width:none!important;
  padding-left:9px!important;
  padding-right:9px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="home"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="home"]{flex-basis:70px!important;min-width:70px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="transactions"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="transactions"]{flex-basis:98px!important;min-width:98px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="budget"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="budget"]{flex-basis:76px!important;min-width:76px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="finance"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="finance"]{flex-basis:78px!important;min-width:78px!important}

/* Keep Laari and the context + visually paired and appearance-accent matched. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  color:#fff!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 86%,#fff 14%),var(--accent))!important;
  border-color:color-mix(in srgb,var(--accent) 72%,#fff 28%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#fff 12%),color-mix(in srgb,var(--accent) 86%,#000 14%))!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{
  right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  width:56px!important;
}
@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{right:18px!important;width:auto!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{grid-template-columns:none!important;gap:8px!important;width:auto!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{width:max-content!important;max-width:calc(100vw - 100px)!important}
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-choice-v1262.laari-radial-v13019{right:18px!important}
}

/* =========================================================
   v13.0 Beta 1.18 — medium adaptive dock + swipe concealment
   Beta only.
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  width:300px!important;
  max-width:calc(100vw - 98px)!important;
  justify-content:stretch!important;
  gap:3px!important;
  padding:5px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
  flex:0 0 43px!important;
  width:43px!important;
  min-width:43px!important;
  max-width:43px!important;
  height:50px!important;
  min-height:50px!important;
  border-radius:18px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:94px!important;
  max-width:none!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="transactions"],
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="transactions"]{min-width:112px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active .nav-label-v13022,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active .nav-label-v13022{
  max-width:140px!important;
  opacity:1!important;
}
@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
    width:282px!important;
    max-width:calc(100vw - 98px)!important;
  }
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
    flex-basis:41px!important;width:41px!important;min-width:41px!important;max-width:41px!important;
  }
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active,
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
    flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:90px!important;
  }
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active[data-nav-id="transactions"],
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active[data-nav-id="transactions"]{min-width:106px!important}
}

/* Chat History delete is fully concealed until that row is deliberately swiped open. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026{isolation:isolate}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-delete-v13026{
  z-index:1!important;
  width:82px!important;
  transform:translateX(100%)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
  pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-row-v13026{
  z-index:2!important;
  transform:translateX(0);
  will-change:transform;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026.is-open .laari-history-delete-v13026{
  transform:translateX(0)!important;
  pointer-events:auto!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026.is-open .laari-history-row-v13026{
  transform:translateX(-82px);
}

/* =========================================================
   v13.0 Beta 1.19 — UI consistency + atmospheric backgrounds
   Beta-only
   ========================================================= */

/* All main-page utility controls use the same circular Liquid Glass treatment. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .header-actions button,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top > button,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-back,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;
  background:color-mix(in srgb,var(--surface) 76%,transparent)!important;
  border:1px solid color-mix(in srgb,#fff 32%,var(--line))!important;
  color:var(--text)!important;
  box-shadow:0 8px 20px rgba(25,38,65,.10),inset 0 1px 0 rgba(255,255,255,.46)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .header-actions button,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top > button,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-back,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .icon-btn{
  background:rgba(25,34,49,.68)!important;border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .header-settings{font-size:24px!important;line-height:1!important;letter-spacing:2px!important;padding-bottom:5px!important}

/* Restore the blue + purple atmosphere through the whole Dark Mode canvas. */
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background:
    radial-gradient(780px 560px at -8% 14%,rgba(45,135,255,.16),transparent 64%),
    radial-gradient(820px 620px at 108% 34%,rgba(111,76,255,.15),transparent 66%),
    radial-gradient(720px 560px at 24% 88%,rgba(47,105,222,.08),transparent 68%),
    linear-gradient(180deg,#09101a 0%,#090d16 52%,#070b12 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app{
  background:transparent!important;
}

/* Laari gets its own deeper assistant-space atmosphere. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-chat-immersive-v13025 .laari-chat-screen-v13025{
  position:relative;isolation:isolate;
  background:
    radial-gradient(620px 440px at 14% 12%,color-mix(in srgb,var(--accent) 22%,rgba(54,142,255,.18)),transparent 66%),
    radial-gradient(700px 520px at 102% 34%,rgba(116,78,255,.17),transparent 68%),
    radial-gradient(580px 440px at 45% 92%,color-mix(in srgb,var(--accent) 10%,rgba(46,110,220,.10)),transparent 70%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,#152646 6%),var(--bg))!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-chat-immersive-v13025 .laari-chat-screen-v13025{
  background:
    radial-gradient(650px 460px at 8% 10%,rgba(46,132,255,.18),transparent 67%),
    radial-gradient(760px 560px at 104% 31%,rgba(116,77,255,.18),transparent 68%),
    radial-gradient(680px 520px at 50% 100%,color-mix(in srgb,var(--accent) 12%,rgba(27,61,121,.08)),transparent 72%),
    linear-gradient(180deg,#0a1528 0%,#08111f 45%,#070d16 100%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-sticky-v13025{
  background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 78%,transparent) 26%,color-mix(in srgb,var(--bg) 90%,transparent) 100%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-sticky-v13025 .laari8-composer{
  background:color-mix(in srgb,var(--surface) 58%,transparent)!important;
  border-color:color-mix(in srgb,#fff 32%,var(--line))!important;
  backdrop-filter:blur(30px) saturate(175%)!important;-webkit-backdrop-filter:blur(30px) saturate(175%)!important;
  box-shadow:0 14px 34px rgba(15,25,52,.16),inset 0 1px 0 rgba(255,255,255,.36)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-chat-sticky-v13025 .laari8-composer{
  background:rgba(18,29,47,.62)!important;border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10)!important;
}

/* Add Transaction: create a multi-category expense without saving first. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-add-split-v13029{margin:-2px 0 14px}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-split-toggle-v13029{width:100%;min-height:50px;border-radius:16px!important;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:8px;padding:8px 12px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-split-toggle-v13029>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:19px}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-split-toggle-v13029>b{font-size:13px}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-split-toggle-v13029>small{font-size:10px;color:var(--muted)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-split-toggle-v13029.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-add-split-body-v13029{margin-top:10px;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--surface) 66%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-add-split-body-v13029[hidden]{display:none!important}

/* Quick Question sheet remains tappable above the composer. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-quick-panel{z-index:20!important;pointer-events:auto!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-quick-panel button{pointer-events:auto!important;touch-action:manipulation!important}

/* Chat-history delete is fully hidden until the row actually slides. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-delete-v13026{transform:translateX(100%)!important;transition:transform .20s ease!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026.is-open .laari-history-delete-v13026{transform:translateX(0)!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-row-v13026{border-radius:0!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026:first-child .laari-history-row-v13026{border-radius:22px 22px 0 0!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026:last-child .laari-history-row-v13026{border-radius:0 0 22px 22px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-history-swipe-v13026:only-child .laari-history-row-v13026{border-radius:22px!important}

/* v13.0 Beta 1.20 */
body.beta-ui-liquid .laari-chat-plus{position:relative;z-index:1002;pointer-events:auto;touch-action:manipulation}
body.beta-ui-liquid #laari-quick-panel{z-index:1001;pointer-events:none}
body.beta-ui-liquid #laari-quick-panel.open{pointer-events:auto}
body.beta-ui-liquid #laari-quick-panel.open button{pointer-events:auto;touch-action:manipulation}
.beta120-intelligence{margin:18px 0}.beta120-intelligence>.eyebrow{margin:0 4px 8px}.beta120-intelligence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.beta120-intelligence-grid button{min-width:0;padding:14px 10px;border-radius:18px;text-align:left}.beta120-intelligence-grid b,.beta120-intelligence-grid span{display:block}.beta120-intelligence-grid span{font-size:11px;opacity:.68;margin-top:4px}.beta120-forecast-hero b{display:block;font-size:30px;margin:5px 0}.beta120-forecast-hero small{opacity:.68}.beta120-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.beta120-grid div span,.beta120-grid div b{display:block}.beta120-grid div span{font-size:12px;opacity:.68;margin-bottom:4px}.beta120-calendar{display:grid;gap:8px}.beta120-calendar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.beta120-calendar-row div b,.beta120-calendar-row div span{display:block}.beta120-calendar-row div span{font-size:12px;opacity:.65;margin-top:3px}.beta120-report-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.beta120-report-controls select{width:100%}.beta120-report-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(127,127,127,.15)}.beta120-report-list>div:last-child{border-bottom:0}.beta120-report-list small{opacity:.55;font-weight:600}@media(max-width:380px){.beta120-intelligence-grid{grid-template-columns:1fr}.beta120-grid{grid-template-columns:1fr}}


/* ===== v13.0 Beta 1.21 ===== */
body.rufiyaa-liquid-glass .home-widget,
body.rufiyaa-liquid-glass .home-widget-v126,
body.rufiyaa-liquid-glass .home-section-card-v126,
body.rufiyaa-liquid-glass .smart-home-item-v1295c>.home-widget{
 background:color-mix(in srgb,var(--card) 64%,transparent)!important;
 -webkit-backdrop-filter:blur(24px) saturate(145%)!important;backdrop-filter:blur(24px) saturate(145%)!important;
 border:1px solid color-mix(in srgb,currentColor 13%,transparent)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 30px rgba(0,0,0,.08)!important;
 transition:transform .16s ease,box-shadow .2s ease,background .2s ease!important;
}
body.rufiyaa-liquid-glass .home-widget:active,body.rufiyaa-liquid-glass .home-widget-v126:active{transform:scale(.985)!important}
@media(prefers-color-scheme:dark){body.rufiyaa-liquid-glass .home-widget,body.rufiyaa-liquid-glass .home-widget-v126,body.rufiyaa-liquid-glass .home-section-card-v126{border-color:rgba(225,232,255,.17)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 14px 36px rgba(0,0,0,.2)!important}}
.beta121-health,.beta121-insight-brief{margin:12px 16px;padding:18px;border-radius:24px;background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(22px)}
.beta121-health-main{display:flex;justify-content:space-between;align-items:end;margin:8px 0 14px}.beta121-health-main b{font-size:28px}.beta121-health-grid,.beta121-brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beta121-health-grid div,.beta121-brief-grid div{display:flex;flex-direction:column;gap:4px}.beta121-health-grid span,.beta121-brief-grid span{font-size:12px;color:var(--muted)}
.beta121-account-group{margin:18px 0 24px}.beta121-account-heading{padding:0 4px 8px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.beta121-atm-actions,.beta121-smartviews{display:flex;gap:8px;overflow:auto;padding:4px 0 10px}.beta121-atm-actions button,.beta121-smartviews button{white-space:nowrap}.beta121-smartviews{padding:0 16px 10px}.beta121-smartviews button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700}
.beta121-budget-tools{width:calc(100% - 32px);margin:8px 16px 14px}.beta121-tool-list{margin-top:14px}
.beta121-insight-brief h2{margin:8px 0 16px}.beta121-insight-brief p{color:var(--muted);font-size:13px;margin:14px 0 0}.beta121-insight-stack{padding:0 16px 110px;display:grid;gap:12px}.beta121-insight-card{padding:16px}.beta121-insight-card>b{display:block;font-size:17px;margin:5px 0}.beta121-insight-card p,.beta121-insight-card details{color:var(--muted)}.beta121-insight-card button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:10px 0 0}

/* ===== v13.0 Beta 1.22 Full Feature Redo ===== */
html[data-ui-variant="liquid_glass"] .v1322-liquid-card,
body.beta-ui-liquid .v1322-liquid-card{
  background:color-mix(in srgb,var(--surface,#fff) 72%,transparent)!important;
  backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);
  border:1px solid color-mix(in srgb,currentColor 10%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 14px 34px rgba(12,18,38,.10)!important;
}
@media (prefers-color-scheme:dark){html[data-ui-variant="liquid_glass"] .v1322-liquid-card,body.beta-ui-liquid .v1322-liquid-card{border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 40px rgba(0,0,0,.22)!important}}
.v1322-segment{display:flex;gap:7px;padding:5px;border-radius:18px;background:rgba(127,127,127,.10);margin:0 0 14px;overflow:auto}.v1322-segment button{border:0;background:transparent;border-radius:14px;padding:9px 12px;white-space:nowrap;font:inherit;color:inherit}.v1322-segment button.active{background:var(--accent);color:white;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent)}
.v1322-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v1322-metric-grid>div,.v1322-metric-grid>button{min-width:0}.v1322-metric-grid span{display:block;font-size:12px;opacity:.66;margin-bottom:5px}.v1322-metric-grid b{font-size:16px;overflow-wrap:anywhere}.v1322-forecast-hero .metric,.v1322-networth .metric{font-size:32px;font-weight:780;margin:5px 0 4px}.v1322-event-row,.v1322-report-row,.v1322-cashflow-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(127,127,127,.12)}.v1322-event-row:last-child,.v1322-report-row:last-child,.v1322-cashflow-line:last-child{border-bottom:0}.v1322-event-row>div{min-width:0}.v1322-event-row span{display:block;font-size:12px;opacity:.62;margin-top:3px}.v1322-event-row strong,.v1322-report-row b{white-space:nowrap}.v1322-date-head{font-size:12px;font-weight:750;letter-spacing:.06em;opacity:.62;padding-bottom:6px}.v1322-report-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.v1322-report-controls select{width:100%}.v1322-finance-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.v1322-finance-actions button{border:1px solid rgba(127,127,127,.16);background:rgba(127,127,127,.08);color:inherit;border-radius:16px;padding:12px 8px;font:inherit;font-weight:650}.v1322-health-top{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:5px 0 14px}.v1322-health-top b{font-size:28px}.v1322-account-intel .widget-head button{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:650}.v1322-inline-amount{max-width:115px;text-align:right}.v1322-budget-suite-entry,.v1322-tx-tools{width:calc(100% - 2px);margin:10px 1px 14px}.v1322-financial-brief h2{margin:5px 0 14px}.v1322-insight-stack{display:grid;gap:12px}.v1322-insight h3{margin:4px 0 8px}.v1322-insight p{margin:0 0 10px;line-height:1.45}.v1322-insight.critical{border-color:color-mix(in srgb,#ff4d67 35%,transparent)!important}.v1322-insight.important{border-color:color-mix(in srgb,#ffb02e 35%,transparent)!important}.v1322-insight.positive{border-color:color-mix(in srgb,#38c783 30%,transparent)!important}.v1322-cashflow-total{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:5px;border-top:1px solid rgba(127,127,127,.18)}.v1322-cashflow-total strong{font-size:22px}.v1322-quick-question{touch-action:manipulation;pointer-events:auto!important;position:relative;z-index:5}
@media(max-width:430px){.v1322-metric-grid{grid-template-columns:1fr 1fr}.v1322-finance-actions{grid-template-columns:1fr 1fr}.v1322-report-controls{grid-template-columns:1fr}}

/* =========================================================
   v13.0 Beta 1.23 — UI Cleanup + seamless system chrome
   ========================================================= */
html,body{min-height:100%;background:transparent!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  min-height:100dvh!important;
  background:
    radial-gradient(900px 560px at 84% 0%,rgba(160,135,255,.18),transparent 62%),
    radial-gradient(760px 520px at 4% 22%,rgba(92,167,255,.14),transparent 66%),
    linear-gradient(180deg,#f5f7ff 0%,#f2f6ff 54%,#f8f8fc 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background:
    radial-gradient(900px 560px at 82% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),
    radial-gradient(760px 520px at 4% 24%,rgba(43,95,170,.14),transparent 66%),
    linear-gradient(180deg,#080b12 0%,#090d15 54%,#070a10 100%)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{background:transparent!important}

/* More authentic glass material, but keep financial content readable. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .list,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .confirm-sheet,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1322-liquid-card{
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 14px 38px rgba(49,69,112,.10),inset 0 1px 0 rgba(255,255,255,.76)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .list,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-tile,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .confirm-sheet,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1322-liquid-card{
  background:rgba(18,25,36,.66)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* Prevent final rows/actions from disappearing under the floating dock. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell{padding-bottom:calc(172px + env(safe-area-inset-bottom))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{padding-bottom:calc(166px + env(safe-area-inset-bottom))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .merchant-detail-v12961,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transactions-list{scroll-padding-bottom:170px!important}

/* Budget cleanup */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #beta121-budget-tools,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1322-budget-suite-entry{display:none!important}

/* Split-create action is deliberately compact and separated from its neighbours. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx632-add-split{
  width:auto!important;min-height:38px!important;padding:8px 13px!important;margin:12px 0!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-add-split-body-v13029 .tx632-summary{margin-top:2px!important}

/* Bulk Select card gets the same glass material. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-bulk-bar-v12962,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bulk-actions-v12962,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-bulk-actions{
  background:rgba(255,255,255,.54)!important;border:1px solid rgba(255,255,255,.72)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  box-shadow:0 12px 34px rgba(49,69,112,.10),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-bulk-bar-v12962,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bulk-actions-v12962,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .transaction-bulk-actions{background:rgba(18,25,36,.66)!important;border-color:rgba(255,255,255,.11)!important}

/* ATM is a first-class top transaction type. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-type-seg-v128{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-choice{margin:4px 0 14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-choice{background:rgba(20,27,38,.52);border-color:rgba(255,255,255,.10)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .beta121-atm-actions{display:none!important}

/* Obsolete Shop Credit single-option edit selector collapses away. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-single-payment-method{display:none!important}

/* Credit-card Activity chips must scroll cleanly instead of clipping. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .credit-card-activity-tabs,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-activity-tabs,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .loan-activity-tabs{overflow-x:auto!important;scrollbar-width:none!important;padding:3px 2px 7px!important;scroll-padding-inline:8px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .credit-card-activity-tabs::-webkit-scrollbar,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .card-activity-tabs::-webkit-scrollbar{display:none!important}

/* Compact dock on Laari Insights: no main destination is selected. */
body.v1323-laari-insights-page.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
body.v1323-laari-insights-page.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{width:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important}
body.v1323-laari-insights-page.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{gap:0!important;padding:3px!important}
body.v1323-laari-insights-page.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{max-width:330px!important}

/* General modal/form glass finish in both appearances. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field input,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field select,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field textarea,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .secondary{
  background:rgba(255,255,255,.54)!important;border-color:rgba(255,255,255,.64)!important;
  backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field input,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field select,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .field textarea,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .secondary{background:rgba(17,24,34,.68)!important;border-color:rgba(255,255,255,.11)!important}

/* Beta 1.23 hotfix — ATM composer + clean dark contextual Rufiyaa action */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-choice{padding:12px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-mode button{min-height:48px;border:0;border-radius:13px;background:transparent;color:var(--muted);font:inherit;font-weight:750}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-mode button.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-note{margin:8px 4px 14px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-form{display:grid;gap:12px}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{outline:0!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.26)!important}

/* =========================================================
   v13.0 Beta 1.23.2 — ATM isolation + seamless iOS chrome
   ========================================================= */
/* The standard transaction composer must be fully removed from layout in ATM mode.
   .add-tx-v128 has a legacy display:grid!important, so an explicit !important rule is required. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal.v1323-atm-active .add-tx-v128,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .add-tx-v128.v1323-atm-standard-hidden{
  display:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal.v1323-atm-active .v1323-atm-choice{
  display:block!important;
  margin-bottom:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .modal.v1323-atm-active .v1323-atm-form .primary{
  margin-bottom:2px!important;
}

/* Contextual Rufiyaa/+ action: one clean appearance-accent circle, no dark outer shell/ring. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:color-mix(in srgb,var(--accent) 88%,transparent)!important;
  border:1px solid color-mix(in srgb,#fff 28%,var(--accent))!important;
  outline:0!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.25)!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  background:color-mix(in srgb,var(--accent) 90%,#12172a 10%)!important;
  border-color:color-mix(in srgb,#fff 22%,var(--accent))!important;
  box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* iOS standalone safe-area/status-bar backdrop: continue the app atmosphere behind system chrome. */
html{
  min-height:100%;
  background:#eef0ff!important;
  overscroll-behavior-y:none;
}
html[data-theme="dark"]{background:#10162a!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 360px at 82% -2%,rgba(160,135,255,.23),transparent 62%),
    radial-gradient(680px 420px at 0% 18%,rgba(92,167,255,.16),transparent 66%),
    linear-gradient(180deg,#eef0ff 0%,#f5f7ff 38%,#f8f8fc 100%);
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::before{
  background:
    radial-gradient(760px 390px at 82% -2%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%),
    radial-gradient(680px 430px at 0% 19%,rgba(43,95,170,.18),transparent 66%),
    linear-gradient(180deg,#10162a 0%,#090d15 40%,#070a10 100%);
}
/* Keep the root/app surfaces transparent so the fixed atmosphere reaches the top safe area. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode),
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{
  background-color:transparent!important;
}

/* =========================================================
   v13.0 Beta 1.23.3 — Laari orb + iOS status-bar continuity
   Focused hotfix only. ATM behavior from 1.23.2 is untouched.
   ========================================================= */

/* 1) Laari launcher: one clean accent circle in both appearances.
   The launcher is also a generic .tab, so neutralize every outer-shell
   visual that can leak through from older nav/tab rules. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 90%,#fff 10%)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,#fff 25%,var(--accent))!important;
  outline:0!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px color-mix(in srgb,var(--accent) 18%,transparent)!important;
  backdrop-filter:blur(12px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019{
  background:color-mix(in srgb,var(--accent) 92%,#161a2a 8%)!important;
  border-color:color-mix(in srgb,#fff 20%,var(--accent))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px color-mix(in srgb,var(--accent) 16%,transparent)!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019::before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019::after,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019::before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019::after{
  content:none!important;
  display:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019 span{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).laari-launcher-open-v13019 .laari-launcher-v13019{
  transform:scale(1.03)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 20px color-mix(in srgb,var(--accent) 20%,transparent)!important;
}

/* 2) Status-bar/safe-area continuity.
   Paint the atmosphere directly on html + body rather than behind an html
   background with a negative-z pseudo element, so standalone iOS can use
   the same top-edge color instead of falling through to black/white. */
html,
html[data-theme="light"],
html[data-theme="light"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode),
html[data-theme="system"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-color:#eef0ff!important;
  background-image:
    radial-gradient(760px 360px at 82% -2%,rgba(160,135,255,.23),transparent 62%),
    radial-gradient(680px 420px at 0% 18%,rgba(92,167,255,.16),transparent 66%),
    linear-gradient(180deg,#eef0ff 0%,#f5f7ff 38%,#f8f8fc 100%)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
html[data-theme="dark"],
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-color:#10162a!important;
  background-image:
    radial-gradient(760px 390px at 82% -2%,color-mix(in srgb,var(--accent,#735cff) 22%,transparent),transparent 62%),
    radial-gradient(680px 430px at 0% 19%,rgba(43,95,170,.18),transparent 66%),
    linear-gradient(180deg,#10162a 0%,#090d15 40%,#070a10 100%)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
/* Disable the old fixed pseudo backdrop so it cannot sit behind the html
   canvas and leave the status-bar area with a different color. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode)::before{display:none!important}
/* Keep app shells transparent so the root canvas is visible continuously. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{
  background-color:transparent!important;
}


/* =========================================================
   v13.0 Beta 1.23.4 — iOS status-bar visual match
   iOS standalone may paint system chrome as one solid theme color even
   when the web view below uses gradients. Make the first safe-area band
   of Rufiyaa use that exact same color, then fade into the normal app
   atmosphere so there is no visible horizontal cut line.
   ========================================================= */
:root{--rufiyaa-top-chrome:#eef0ff}
html[data-theme="dark"]{--rufiyaa-top-chrome:#171a3b}

html,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-color:var(--rufiyaa-top-chrome)!important;
}

/* Light: keep the top system-chrome band visually continuous, then let
   the existing lavender/blue atmosphere appear below it. */
html:not([data-theme="dark"]),
html:not([data-theme="dark"]) body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-image:
    linear-gradient(180deg,var(--rufiyaa-top-chrome) 0px,var(--rufiyaa-top-chrome) 74px,rgba(238,240,255,.90) 112px,rgba(238,240,255,0) 168px),
    radial-gradient(760px 360px at 82% 70px,rgba(160,135,255,.23),transparent 62%),
    radial-gradient(680px 420px at 0% 190px,rgba(92,167,255,.16),transparent 66%),
    linear-gradient(180deg,#eef0ff 0%,#f5f7ff 38%,#f8f8fc 100%)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

/* Dark: same principle. The status-bar band and the first visible app
   pixels are #171a3b, then transition into Rufiyaa's dark atmosphere. */
html[data-theme="dark"],
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-image:
    linear-gradient(180deg,var(--rufiyaa-top-chrome) 0px,var(--rufiyaa-top-chrome) 74px,rgba(23,26,59,.92) 112px,rgba(23,26,59,0) 174px),
    radial-gradient(760px 390px at 82% 74px,color-mix(in srgb,var(--accent,#735cff) 22%,transparent),transparent 62%),
    radial-gradient(680px 430px at 0% 200px,rgba(43,95,170,.18),transparent 66%),
    linear-gradient(180deg,#171a3b 0%,#090d15 42%,#070a10 100%)!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

/* The page shells must not repaint a different solid background over the
   matched band. This is especially important for the legacy dark .shell
   rule near the top of the stylesheet. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{
  background:transparent!important;
}

/* v13.0 Beta 1.24.2 — Edit split transaction */
.v13242-edit-split{margin:16px 0}.v13242-edit-split-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.v13242-edit-split-toggle small{font-size:12px;opacity:.7}.v13242-edit-split-body{margin-top:12px;padding:14px;border-radius:22px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28)}html.dark .v13242-edit-split-body{background:rgba(11,19,35,.28);border-color:rgba(255,255,255,.12)}.v13242-edit-split-rows{display:grid;gap:10px}.v13242-edit-split-body .tx632-add-split{width:auto;min-height:40px;padding:8px 14px;margin:10px 0}.v13242-edit-split-body .tx632-split-summary{margin-top:8px}

/* v13.0 Beta 1.24.3 — Finance Health polish */
.v1243-health{padding:20px!important;overflow:hidden}
.v1243-health-hero{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:8px 0 16px}
.v1243-health-hero span{font-size:14px;color:var(--muted)}
.v1243-health-hero b{font-size:clamp(30px,8vw,42px);line-height:1.02;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere}
.v1243-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.v1243-health-grid>div{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 56%,transparent)}
.v1243-health-grid span,.v1243-health-grid b{display:block}
.v1243-health-grid span{font-size:12px;color:var(--muted);margin-bottom:4px}
.v1243-health-grid b{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.v1243-health-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;padding-top:2px}
.v1243-health-tools button{min-width:0;height:58px;padding:7px 2px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:color-mix(in srgb,var(--card) 62%,transparent);border:1px solid color-mix(in srgb,var(--border) 76%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);color:inherit}
.v1243-health-tools button span{font-size:17px;line-height:1;color:var(--accent)}
.v1243-health-tools button b{font-size:9.5px;line-height:1.05;white-space:normal;text-align:center;overflow-wrap:normal}
@media(max-width:380px){.v1243-health{padding:17px!important}.v1243-health-grid{gap:8px}.v1243-health-grid>div{padding:10px}.v1243-health-tools{gap:5px}.v1243-health-tools button{height:56px;border-radius:15px}.v1243-health-tools button b{font-size:9px}}


/* v13.0 Beta 1.24.3.2 — compact Financial Health redo */
.v12432-health{padding:16px!important;overflow:hidden}
.v12432-health-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v12432-collapse{width:32px;height:32px;flex:0 0 32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--card) 68%,transparent);color:var(--accent);font:700 18px/1 system-ui;display:grid;place-items:center;padding:0}
.v12432-health-body{display:block}
.v12432-health-hero{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 10px}
.v12432-health-hero span{font-size:13px;color:var(--muted)}
.v12432-health-hero b{font-size:clamp(25px,6.5vw,34px);line-height:1.05;letter-spacing:-.03em;text-align:right;overflow-wrap:anywhere}
.v12432-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-bottom:12px}
.v12432-health-grid>div{min-width:0;padding:2px 0}
.v12432-health-grid span,.v12432-health-grid b{display:block}
.v12432-health-grid span{font-size:11px;color:var(--muted);margin-bottom:3px}
.v12432-health-grid b{font-size:14px;line-height:1.18;overflow-wrap:anywhere}
.v12432-health-tools{display:grid;gap:7px}
.v12432-tools-top,.v12432-tools-bottom{display:grid;gap:7px;justify-content:center}
.v12432-tools-top{grid-template-columns:repeat(3,minmax(0,1fr))}
.v12432-tools-bottom{grid-template-columns:repeat(2,minmax(0,1fr));width:66%;margin:0 auto}
.v12432-health-tools button{height:34px;min-width:0;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);background:color-mix(in srgb,var(--card) 62%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);color:inherit;font:inherit;font-size:10.5px;font-weight:700;white-space:nowrap}
.v12432-health.is-collapsed{padding-bottom:13px!important}
.v12432-health.is-collapsed .v12432-health-body{display:none}
@media(max-width:380px){.v12432-health{padding:14px!important}.v12432-health-hero b{font-size:25px}.v12432-health-grid{gap:6px 10px}.v12432-health-tools button{font-size:9.5px;padding:0 7px}.v12432-tools-bottom{width:68%}}

/* v13.0 Beta 1.24.3.3 — Financial Health semantic typography + Finance subpage seamless header */
.v12432-health-hero b{font-weight:600!important}
.v12432-health-grid b{font-weight:550!important}
.v12432-health-hero b{color:var(--text)}
.v12432-health-hero b:first-letter{color:inherit}
.v12432-health-grid>div:nth-child(1) b{color:#36b97a!important}
.v12432-health-grid>div:nth-child(2) b{color:#ef6b78!important}
.v12432-health-grid>div:nth-child(3) b{color:var(--accent)!important}
.v12432-health-grid>div:nth-child(4) b{color:#e59a36!important}
.v12432-health-hero.is-negative b{color:#ef6b78!important}
.v12432-health-hero.is-positive b{color:#36b97a!important}

/* Finance full pages must share the root atmosphere. The old solid header/body
   backgrounds were visible as a rectangular slab in dark mode. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top,
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-body{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top{
  border:0!important;
  isolation:auto!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top::before,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-top::after{content:none!important;display:none!important}

/* v13.0 Beta 1.25.3 — immersive Laari Quick Questions visibility */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  display:flex!important; position:absolute!important; left:0!important; right:0!important; bottom:calc(100% + 10px)!important;
  flex-direction:column!important; align-items:flex-start!important; gap:7px!important; width:100%!important; max-height:min(240px,34dvh)!important;
  overflow:auto!important; padding:0!important; margin:0!important; opacity:0!important; visibility:hidden!important; transform:translateY(8px)!important;
  pointer-events:none!important; z-index:10050!important; background:transparent!important; box-shadow:none!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel.open{
  display:flex!important; opacity:1!important; visibility:visible!important; transform:none!important; pointer-events:auto!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  display:block!important; width:auto!important; max-width:min(100%,360px)!important; pointer-events:auto!important; touch-action:manipulation!important;
}

/* =========================================================
   v13.0 Beta 1.25.5 — compact Laari Insights dock + bottom clearance
   ========================================================= */
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019{
  width:auto!important;
  max-width:none!important;
}
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-layout-v13019{
  grid-template-columns:auto 56px!important;
  gap:10px!important;
}
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  display:grid!important;
  grid-template-columns:repeat(4,40px)!important;
  gap:2px!important;
  width:auto!important;
  flex:0 0 auto!important;
  padding:4px!important;
}
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023,
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  flex:0 0 40px!important;
  height:48px!important;
  padding:4px 2px!important;
}
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .nav-tab-v13023.active,
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019 .tab.active{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:4px 2px!important;
}

/* Reserve the floating dock footprint so the final insight card can fully clear it. */
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8{
  padding-bottom:calc(214px + env(safe-area-inset-bottom))!important;
}
body.v13255-laari-insights.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari8-content{
  padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
}

/* App-wide extra bottom clearance for scrollable main views. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .shell,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .finance-full-shell{
  scroll-padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
}


/* =========================================================
   v13.0 Beta 1.25.6 — Laari Insights scroll + hierarchy hotfix
   ========================================================= */
body.v13256-laari-insights-scroll{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:auto!important;
}
body.v13256-laari-insights-scroll .shell{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:calc(210px + env(safe-area-inset-bottom))!important;
}
body.v13256-laari-insights-scroll .laari8{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
body.v13256-laari-insights-scroll .laari8-content{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
body.v13256-laari-insights-scroll .laari8-panel.insights{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-top:8px!important;
}
body.v13256-laari-insights-scroll .laari8-filter{
  margin-bottom:12px!important;
}
body.v13256-laari-insights-scroll .v1322-insights{
  display:grid!important;
  gap:12px!important;
  margin:0 0 12px!important;
  padding:0!important;
}
body.v13256-laari-insights-scroll .v1322-insights .v1322-insight-stack{
  display:none!important;
}
body.v13256-laari-insights-scroll .v1322-insights>.card{
  margin:0!important;
}
body.v13256-laari-insights-scroll .v1322-insights>.card:not(.v1322-financial-brief){
  padding:14px 16px!important;
}
body.v13256-laari-insights-scroll .v1322-insights>.card:not(.v1322-financial-brief) p.note{
  margin-top:6px!important;
  margin-bottom:0!important;
}
body.v13256-laari-insights-scroll .laari8-insights{
  display:grid!important;
  grid-template-rows:none!important;
  grid-auto-rows:auto!important;
  gap:10px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
body.v13256-laari-insights-scroll .laari8-insights>*{
  display:block!important;
}
@media(max-height:760px){
  body.v13256-laari-insights-scroll .laari8-insights>*:nth-child(n+3){display:block!important}
}
\n\n/* =========================================================\n   v13.0 Beta 1.25.7 — Laari Insights polish\n   ========================================================= */\nbody.v13257-laari-polish .v1322-financial-brief{\n  padding:14px 16px!important;\n  border-radius:22px!important;\n}\nbody.v13257-laari-polish .v1322-financial-brief h2{\n  margin:3px 0 10px!important;\n  font-size:clamp(20px,2.6vw,26px)!important;\n  line-height:1.08!important;\n}\nbody.v13257-laari-polish .v1322-financial-brief .v1322-metric-grid{\n  grid-template-columns:repeat(3,minmax(0,1fr))!important;\n  gap:8px!important;\n}\nbody.v13257-laari-polish .v1322-financial-brief .v1322-metric-grid span{\n  margin-bottom:3px!important;\n  font-size:11px!important;\n}\nbody.v13257-laari-polish .v1322-financial-brief .v1322-metric-grid b{\n  font-size:14px!important;\n  line-height:1.15!important;\n}\n@media(max-width:430px){\n  body.v13257-laari-polish .v1322-financial-brief .v1322-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n}\nbody.v13257-laari-polish .v1322-insights>.v13257-since-zero{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) auto!important;\n  align-items:center!important;\n  gap:3px 12px!important;\n  padding:11px 16px!important;\n  min-height:0!important;\n}\nbody.v13257-laari-polish .v1322-insights>.v13257-since-zero .eyebrow{\n  grid-column:1!important;\n  margin:0!important;\n}\nbody.v13257-laari-polish .v1322-insights>.v13257-since-zero>b{\n  grid-column:1!important;\n  font-size:16px!important;\n  line-height:1.15!important;\n}\nbody.v13257-laari-polish .v1322-insights>.v13257-since-zero p.note{\n  grid-column:2!important;\n  grid-row:1 / span 2!important;\n  max-width:240px!important;\n  margin:0!important;\n  text-align:right!important;\n  font-size:12px!important;\n  line-height:1.25!important;\n}\n@media(max-width:560px){\n  body.v13257-laari-polish .v1322-insights>.v13257-since-zero{grid-template-columns:1fr!important}\n  body.v13257-laari-polish .v1322-insights>.v13257-since-zero p.note{grid-column:1!important;grid-row:auto!important;max-width:none!important;text-align:left!important}\n}\n/* Keep only enough room for the floating dock instead of a large empty tail. */\nbody.v13256-laari-insights-scroll.v13257-laari-polish .shell{\n  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;\n}\nbody.v13256-laari-insights-scroll.v13257-laari-polish .laari8-content{\n  padding-bottom:0!important;\n  scroll-padding-bottom:calc(106px + env(safe-area-inset-bottom))!important;\n}\nbody.v13256-laari-insights-scroll.v13257-laari-polish .laari8-panel.insights{\n  padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;\n}\n
/* =========================================================
   v13.0 Beta 1.25.9 — immersive Laari Quick Questions visual polish
   Logic intentionally unchanged from Beta 1.25.8.
   ========================================================= */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  left:0!important;
  right:0!important;
  bottom:calc(100% + 10px)!important;
  width:100%!important;
  max-height:min(310px,40dvh)!important;
  box-sizing:border-box!important;
  padding:12px!important;
  gap:8px!important;
  align-items:stretch!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:24px!important;
  background:rgba(247,248,255,.90)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  box-shadow:0 16px 44px rgba(34,35,66,.16),inset 0 1px 0 rgba(255,255,255,.82)!important;
  transform:translateY(10px) scale(.985)!important;
  transform-origin:28px 100%!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel.open{
  transform:translateY(0) scale(1)!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  width:100%!important;
  max-width:none!important;
  min-height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid rgba(112,88,245,.16)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;
  color:#202538!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.28!important;
  text-align:left!important;
  white-space:normal!important;
  box-shadow:0 3px 12px rgba(44,45,75,.06),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button:active{
  transform:scale(.985)!important;
  background:rgba(239,236,255,.96)!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  border-color:rgba(151,164,190,.24)!important;
  background:rgba(16,24,36,.92)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  border-color:rgba(144,124,255,.24)!important;
  background:rgba(34,42,58,.92)!important;
  color:#f5f6fb!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button:active{
  background:rgba(55,48,91,.98)!important;
}

/* =========================================================
   v13.0 Beta 1.25.10 — compact Quick Questions glass drawer
   Presentation only; question/send logic remains unchanged.
   ========================================================= */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  width:min(520px,calc(100% - 18px))!important;
  right:auto!important;
  left:9px!important;
  align-items:flex-start!important;
  padding:12px!important;
  gap:8px!important;
  background:rgba(247,248,255,.96)!important;
  -webkit-backdrop-filter:blur(34px) saturate(165%)!important;
  backdrop-filter:blur(34px) saturate(165%)!important;
  border-radius:24px 24px 20px 20px!important;
  box-shadow:0 18px 48px rgba(34,35,66,.20),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  display:block!important;
  width:max-content!important;
  max-width:min(390px,calc(100% - 4px))!important;
  min-height:0!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  background:rgba(15,22,34,.97)!important;
  -webkit-backdrop-filter:blur(34px) saturate(155%)!important;
  backdrop-filter:blur(34px) saturate(155%)!important;
}
@media(min-width:700px){
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
    width:min(500px,62vw)!important;
  }
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
    max-width:min(360px,calc(100% - 4px))!important;
  }
}

/* =========================================================
   v13.0 Beta 1.25.11 — tight Quick Questions glass drawer
   Presentation only; Quick Questions logic remains unchanged.
   ========================================================= */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  width:fit-content!important;
  max-width:min(430px,calc(100% - 18px))!important;
  left:9px!important;
  right:auto!important;
  padding:8px!important;
  gap:6px!important;
  border-radius:20px!important;
  background:rgba(247,248,255,.94)!important;
  -webkit-backdrop-filter:blur(32px) saturate(160%)!important;
  backdrop-filter:blur(32px) saturate(160%)!important;
  box-shadow:0 14px 38px rgba(34,35,66,.17),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  width:max-content!important;
  max-width:min(360px,calc(100vw - 70px))!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  line-height:1.22!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  background:rgba(15,22,34,.95)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
@media(min-width:700px){
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
    width:fit-content!important;
    max-width:430px!important;
  }
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
    max-width:360px!important;
  }
}

/* v13.0 Beta 1.25.12 — shrink-wrap Quick Questions drawer */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  left:14px!important;
  right:auto!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(430px,calc(100vw - 56px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(250px,34dvh)!important;
  padding:8px!important;
  gap:7px!important;
  border-radius:20px!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  width:max-content!important;
  max-width:min(390px,calc(100vw - 88px))!important;
  min-width:0!important;
  min-height:0!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  white-space:normal!important;
}
@media (min-width:700px){
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
    max-width:440px!important;
  }
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
    max-width:400px!important;
  }
}

/* =========================================================
   v13.0 Beta 1.25.13 — floating Quick Questions, no backing box
   ========================================================= */
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:min(610px,calc(100vw - 48px))!important;
  max-width:min(610px,calc(100vw - 48px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(220px,32dvh)!important;
  left:14px!important;
  right:auto!important;
  padding:0!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  overflow:auto!important;
}
body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  width:max-content!important;
  max-width:min(300px,calc(100vw - 80px))!important;
  min-width:0!important;
  min-height:0!important;
  padding:9px 14px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(105,90,210,.16)!important;
  box-shadow:0 5px 18px rgba(50,48,90,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
  background:rgba(27,34,48,.92)!important;
  border-color:rgba(139,121,255,.22)!important;
  color:#f6f7fb!important;
  box-shadow:0 6px 20px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
@media(max-width:620px){
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel{
    width:calc(100vw - 44px)!important;
    max-width:calc(100vw - 44px)!important;
  }
  body.laari-chat-immersive-v13025 .laari-chat-sticky-v13025 > #laari-quick-panel button{
    max-width:calc(100vw - 86px)!important;
  }
}

/* =========================================================
   v13.0 Beta 1.25.14 — minimalist Budget Tools + rollover manager
   ========================================================= */
.v12514-budget-tools-note{margin:-4px 0 12px!important}
.v12514-budget-tools{display:flex;flex-direction:column;border:1px solid var(--line,rgba(90,95,115,.14));border-radius:24px;overflow:hidden;background:rgba(255,255,255,.34)}
.v12514-budget-tool-row{appearance:none;border:0;border-bottom:1px solid var(--line,rgba(90,95,115,.12));background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 18px;text-align:left}
.v12514-budget-tool-row:last-child{border-bottom:0}.v12514-budget-tool-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.v12514-budget-tool-row b{font-size:16px;line-height:1.2}.v12514-budget-tool-row span{font-size:13px;color:var(--muted);line-height:1.35}.v12514-budget-tool-row em{font-style:normal;font-size:26px;color:var(--accent);line-height:1}
.v12514-rollover-list{display:flex;flex-direction:column;gap:10px}.v12514-rollover-row{appearance:none;width:100%;border:1px solid var(--line,rgba(90,95,115,.14));background:rgba(255,255,255,.48);border-radius:20px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:inherit}.v12514-rollover-row>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.v12514-rollover-row span,.v12514-rollover-row small{font-size:12px;color:var(--muted)}.v12514-rollover-row-right{display:grid;grid-template-columns:auto 18px;grid-template-rows:auto auto;column-gap:8px;text-align:right;align-items:center}.v12514-rollover-row-right strong{grid-column:1;grid-row:1}.v12514-rollover-row-right small{grid-column:1;grid-row:2}.v12514-rollover-row-right em{grid-column:2;grid-row:1/3;font-style:normal;color:var(--accent);font-size:24px}
.v12514-rollover-detail{display:flex;flex-direction:column;gap:12px}.v12514-readonly{padding:14px 15px;border:1px solid var(--line,rgba(90,95,115,.12));background:rgba(255,255,255,.46);border-radius:16px;font-weight:700}.v12514-rollover-progress{height:8px;border-radius:999px;background:rgba(120,120,140,.15);overflow:hidden;margin:10px 0 8px}.v12514-rollover-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#7b61ff);border-radius:inherit}.v12514-rollover-spent{display:flex;justify-content:space-between;gap:12px}.v12514-rollover-spent span{color:var(--muted)}.v12514-rollover-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line,rgba(90,95,115,.12))}.v12514-rollover-equation>div{display:flex;flex-direction:column;gap:3px}.v12514-rollover-equation span{font-size:11px;color:var(--muted)}.v12514-rollover-equation>strong{color:var(--muted);font-size:20px}.v12514-rollover-source{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(113,86,255,.09);color:var(--accent);font-size:13px}.v12514-rollover-source.muted{color:var(--muted);background:rgba(120,120,140,.08)}.v12514-history-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line,rgba(90,95,115,.1))}.v12514-history-row:last-child{border-bottom:0}.v12514-history-row>div{display:flex;flex-direction:column;gap:3px}.v12514-history-row span{font-size:11px;color:var(--muted)}.v12514-remove-rollover{width:100%;min-height:48px}.center{text-align:center}
html[data-theme="dark"] .v12514-budget-tools{background:rgba(20,28,40,.34)}html[data-theme="dark"] .v12514-rollover-row,html[data-theme="dark"] .v12514-readonly{background:rgba(20,28,40,.5)}
@media(max-width:620px){.v12514-rollover-equation{grid-template-columns:1fr auto 1fr;row-gap:10px}.v12514-rollover-equation>strong:nth-of-type(2){display:none}.v12514-rollover-equation>div:last-child{grid-column:1/4}.v12514-budget-tool-row{padding:15px 14px}}

/* v13.0 Beta 1.25.15 — Budget Tools responsive row fix */
.v12515-budget-tools{display:flex!important;flex-direction:column!important;width:100%!important;border:1px solid var(--line,rgba(90,95,115,.14));border-radius:24px;overflow:hidden;background:rgba(255,255,255,.34)}
.v12515-budget-tool-row{appearance:none!important;box-sizing:border-box!important;border:0!important;border-bottom:1px solid var(--line,rgba(90,95,115,.12))!important;background:transparent!important;color:inherit!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px 18px!important;text-align:left!important}
.v12515-budget-tool-row:last-child{border-bottom:0!important}.v12515-budget-tool-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;width:100%!important}.v12515-budget-tool-copy b,.v12515-budget-tool-copy span{display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important}.v12515-budget-tool-copy b{font-size:16px!important;line-height:1.25!important}.v12515-budget-tool-copy span{font-size:13px!important;line-height:1.4!important;color:var(--muted)!important;font-weight:400!important}.v12515-budget-tool-row em{font-style:normal!important;font-size:25px!important;line-height:1!important;color:var(--accent)!important;justify-self:end!important}
html[data-theme="dark"] .v12515-budget-tools{background:rgba(20,28,40,.34)}
.v12515-delete-rollover{width:100%;margin-top:10px}
@media(max-width:620px){.v12515-budget-tool-row{padding:15px 16px!important;gap:12px!important}.v12515-budget-tool-copy b{font-size:15px!important}.v12515-budget-tool-copy span{font-size:13px!important}}

/* v13.0 Beta 1.25.19 — Budget tool spacing/readability, preserving existing interactions */
.v12519-tools{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.75)}
.v12519-tool{appearance:none;-webkit-appearance:none;width:100%;min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:14px;padding:15px 18px;border:0;border-bottom:1px solid rgba(120,130,160,.16);background:transparent;color:inherit;text-align:left}
.v12519-tool:last-child{border-bottom:0}.v12519-tool-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.v12519-tool-copy b{font-size:16px;line-height:1.2}.v12519-tool-copy small{font-size:14px;line-height:1.35;font-weight:400;opacity:.72;white-space:normal}.v12519-tool em{font-style:normal;font-size:24px;opacity:.65;text-align:right}
/* breathing room between content cards/forms and action buttons */
#modal-root .modal .list + button.primary,#modal-root .modal .list + button.secondary,#modal-root .modal .card + button.primary,#modal-root .modal .card + button.secondary{margin-top:18px!important}
#modal-root .modal form > button.primary,#modal-root .modal form > button.secondary{margin-top:16px!important}
#modal-root .modal .list{overflow:hidden}
#modal-root .modal .list .row{min-height:66px;padding:13px 16px;gap:14px}
#modal-root .modal .row-main{min-width:0;display:flex;flex-direction:column;gap:4px}
#modal-root .modal .row-main b{line-height:1.2}#modal-root .modal .row-main span{line-height:1.35;white-space:normal}
.v12519-history{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;border-top:1px solid rgba(120,130,160,.14)}.v12519-history:first-of-type{border-top:0}.v12519-history>div{display:flex;flex-direction:column;gap:4px;min-width:0}.v12519-history span{font-size:13px;opacity:.7}.v12519-undo{width:auto!important;min-width:72px;margin:0!important;padding:9px 14px!important}.v12519-undone{opacity:.6}
@media(max-width:560px){.v12519-tool{min-height:72px;padding:14px 15px}.v12519-tool-copy b{font-size:15.5px}.v12519-tool-copy small{font-size:13.5px}}

/* v13.0 Beta 1.25.24 — rollover current/history */
.v12524-section{overflow:hidden}.v12524-current,.v12524-rule,.v12524-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,rgba(90,95,115,.10))}.v12524-current:last-child,.v12524-rule:last-child,.v12524-history-row:last-child{border-bottom:0}.v12524-current{align-items:flex-start;flex-wrap:wrap}.v12524-current-copy,.v12524-rule-copy,.v12524-history-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.v12524-current-copy span,.v12524-rule-copy span,.v12524-history-row span{font-size:12px;color:var(--muted);line-height:1.4}.v12524-undo{margin-left:auto;white-space:nowrap}.v12524-rule select{flex:0 0 auto}.v12524-history-row strong{white-space:nowrap}@media(max-width:620px){.v12524-current{display:block}.v12524-undo{width:100%;margin:12px 0 0}.v12524-rule{align-items:flex-start}.v12524-rule select{margin-top:1px}}

/* =========================================================
   Rufiyaa v13.0 Public 1.25.26 — Credit Card immersive page
   ========================================================= */
body.rufiyaa-liquid-glass .finance-full-shell:has(.cc-full-page-v13026){
  min-height:100dvh!important;
  background:
    radial-gradient(90% 48% at 78% 4%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),
    radial-gradient(75% 48% at 8% 34%,rgba(103,178,255,.12),transparent 74%),
    linear-gradient(180deg,color-mix(in srgb,var(--bg) 86%,rgba(224,230,255,.34)),var(--bg))!important;
}
body.rufiyaa-liquid-glass .finance-full-shell:has(.cc-full-page-v13026) .finance-full-top,
body.rufiyaa-liquid-glass .finance-full-shell:has(.cc-full-page-v13026) .finance-full-body{
  background:transparent!important;background-color:transparent!important;box-shadow:none!important;
}
body.rufiyaa-liquid-glass .finance-full-shell:has(.cc-full-page-v13026) .finance-full-top{
  backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.cc-full-page-v13026{padding-bottom:18px}
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-summary-premium-v13026,
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-current-v1275,
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-statement-compact-v1275,
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-health-v72,
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-laari-v72{
  background:color-mix(in srgb,var(--card) 66%,transparent)!important;
  border:1px solid color-mix(in srgb,white 58%,var(--border))!important;
  box-shadow:0 12px 34px rgba(50,58,96,.08),inset 0 1px 0 rgba(255,255,255,.52)!important;
  backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-summary-premium-v13026{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.58)),color-mix(in srgb,var(--card) 58%,transparent))!important;
}
body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-inline-stats-v1275>div{
  background:color-mix(in srgb,var(--card) 44%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--border) 62%,transparent);
}
html[data-theme="dark"] body.rufiyaa-liquid-glass .finance-full-shell:has(.cc-full-page-v13026){
  background:
    radial-gradient(90% 48% at 78% 4%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 72%),
    radial-gradient(75% 48% at 8% 34%,rgba(72,125,210,.12),transparent 74%),
    linear-gradient(180deg,#111724,#0c121c)!important;
}
html[data-theme="dark"] body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-summary-premium-v13026,
html[data-theme="dark"] body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-current-v1275,
html[data-theme="dark"] body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-statement-compact-v1275,
html[data-theme="dark"] body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-health-v72,
html[data-theme="dark"] body.rufiyaa-liquid-glass .cc-full-page-v13026 .cc-laari-v72{
  background:rgba(20,27,40,.66)!important;border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important;
}


/* =========================================================
   v13.0 Public 1.25.27 — adaptive navigation collapse
   Main pill minimizes toward Laari on downward scroll.
   Laari and the contextual + are intentionally untouched.
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .bottom.bottom-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{
  will-change:transform,opacity,filter;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .bottom.bottom-v13019{
  pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .nav-main-pill-v13019{
  opacity:0!important;
  transform:translateX(34px) scaleX(.10) scaleY(.82)!important;
  filter:blur(3px)!important;
  pointer-events:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .laari-launcher-v13019{
  pointer-events:auto!important;
}
/* The + action stays visible and interactive while the nav is collapsed. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019 .fab{
  opacity:1!important;pointer-events:auto!important;
}
@media (prefers-reduced-motion:reduce){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .nav-main-pill-v13019{transition-duration:.01ms!important}
}

/* =========================================================
   v13.0 Public 1.25.28 — collapsed action alignment
   Keep the contextual + and Laari on the exact same axis and diameter
   when the adaptive navigation pill is minimized.
   ========================================================= */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019{
  width:60px!important;
  min-width:60px!important;
  height:60px!important;
  right:max(18px,calc((100vw - 620px)/2 + 18px))!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019 .fab,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .tab.rufiyaa-tab.laari-launcher-v13019{
  box-sizing:border-box!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  border-radius:50%!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019 .fab{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  transform:none!important;
}
@media(max-width:430px){
  body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019{
    right:18px!important;
  }
}

/* =========================================================
   v13.0 Public 1.25.32 — full-app QA stabilization
   ========================================================= */
/* Startup: auth may resolve before the per-account release channel. Keep the
   shell concealed until both are resolved so old/stable UI never flashes. */
html.v13032-release-checking #app,
html.v13032-release-checking #modal-root{visibility:hidden!important;pointer-events:none!important}
html.v13032-release-checking body{background:var(--rufiyaa-top-chrome,#eef0ff)!important}

/* iOS date/time controls: equal geometry, no intrinsic-width clipping. */
.compact-date-time{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
.compact-date-time>.field{min-width:0!important;overflow:visible!important}
.compact-date-time input[type="date"],
.compact-date-time input[type="time"]{
  -webkit-appearance:none!important;appearance:none!important;
  box-sizing:border-box!important;display:block!important;
  width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;
  height:58px!important;min-height:58px!important;margin:0!important;padding:0 14px!important;
  border-radius:15px!important;overflow:hidden!important;text-align:center!important;text-align-last:center!important;
}
.compact-date-time input[type="date"]::-webkit-date-and-time-value,
.compact-date-time input[type="time"]::-webkit-date-and-time-value{display:block!important;width:100%!important;min-width:0!important;text-align:center!important;margin:0!important}
.compact-date-time input[type="date"]::-webkit-datetime-edit,
.compact-date-time input[type="time"]::-webkit-datetime-edit{display:block!important;width:100%!important;min-width:0!important;padding:0!important;text-align:center!important}
.compact-date-time input[type="date"]::-webkit-calendar-picker-indicator,
.compact-date-time input[type="time"]::-webkit-calendar-picker-indicator{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}

/* Adaptive dock: + must never zoom when scroll state changes. Keep its geometry
   identical in expanded/collapsed states; only the nav pill animates. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019{
  width:60px!important;min-width:60px!important;transform:none!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .fab-wrap.fab-context-v13019 .fab{
  box-sizing:border-box!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important;
  transform:none!important;transition:box-shadow .18s ease,opacity .18s ease!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode).nav-scroll-collapsed-v13027 .fab-wrap.fab-context-v13019 .fab{transform:none!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .laari-launcher-v13019,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tab.rufiyaa-tab.laari-launcher-v13019{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;max-width:60px!important;max-height:60px!important}

/* Back / close controls: one tap target and circle geometry throughout the app. */
body.rufiyaa-liquid-glass .modal-head>.icon-btn,
body.rufiyaa-liquid-glass .finance-back,
body.rufiyaa-liquid-glass .settings-back-v1289,
body.rufiyaa-liquid-glass .merchant-page-head-v1261>button,
body.rufiyaa-liquid-glass .card-child-back-v1275{
  box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
  padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;
}
body.rufiyaa-liquid-glass .modal-head>.icon-btn{font-size:22px!important}
body.rufiyaa-liquid-glass .finance-back,
body.rufiyaa-liquid-glass .settings-back-v1289,
body.rufiyaa-liquid-glass .merchant-page-head-v1261>button,
body.rufiyaa-liquid-glass .card-child-back-v1275{font-size:28px!important}

/* =========================================================
   v13.0 Public 1.25.33 — Settings QA + iOS date/time correction
   ========================================================= */
/* Keep Add/Edit Transaction date and time as compact one-line controls on iOS.
   Do not hide the native picker indicator: WebKit uses it when sizing the value. */
.compact-date-time{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.compact-date-time>.field,.compact-date-time>.transaction-date-field,.compact-date-time>.transaction-time-field{min-width:0!important;width:100%!important;overflow:hidden!important}
.compact-date-time input[type="date"],.compact-date-time input[type="time"],
.compact-date-time input.transaction-date-input[type="date"],.compact-date-time input.transaction-time-input[type="time"]{
  -webkit-appearance:auto!important;appearance:auto!important;box-sizing:border-box!important;
  display:block!important;width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0 12px!important;
  border-radius:15px!important;line-height:48px!important;text-align:center!important;text-align-last:center!important;
}
.compact-date-time input[type="date"]::-webkit-date-and-time-value,.compact-date-time input[type="time"]::-webkit-date-and-time-value{height:48px!important;line-height:48px!important;text-align:center!important;margin:0!important;padding:0!important}
.compact-date-time input[type="date"]::-webkit-datetime-edit,.compact-date-time input[type="time"]::-webkit-datetime-edit{padding:0!important;text-align:center!important}
.compact-date-time input[type="date"]::-webkit-calendar-picker-indicator,.compact-date-time input[type="time"]::-webkit-calendar-picker-indicator{position:static!important;opacity:1!important;pointer-events:auto!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important}

/* =========================================================
   v13.0 Public 1.25.34 — transaction + refresh + Finance polish
   ========================================================= */
/* iOS date/time: keep native picker semantics but force the painted control to
   the same rounded silhouette on both sides without changing intrinsic height. */
.compact-date-time input[type="date"],
.compact-date-time input[type="time"]{
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;
  margin:0!important;padding-inline:12px!important;
  border-radius:15px!important;
  clip-path:inset(0 round 15px)!important;
  -webkit-clip-path:inset(0 round 15px)!important;
  overflow:hidden!important;
  line-height:normal!important;
}
.compact-date-time>.field{min-width:0!important;overflow:visible!important}
/* Undo the 1.25.33 pseudo-element sizing; WebKit should size its own editable
   value so the field cannot become tall or acquire a square native end-cap. */
.compact-date-time input[type="date"]::-webkit-date-and-time-value,
.compact-date-time input[type="time"]::-webkit-date-and-time-value{
  height:auto!important;line-height:normal!important;margin:0!important;padding:0!important;text-align:center!important;
}
.compact-date-time input[type="date"]::-webkit-calendar-picker-indicator,
.compact-date-time input[type="time"]::-webkit-calendar-picker-indicator{
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
}

/* Minimal Apple-like pull-to-refresh: a small floating progress glyph, no
   instructional banner and no large success pill. */
#pull-rufiyaa.pull-rufiyaa{top:20px!important}
.pull-stage{width:64px!important;min-height:54px!important}
.pull-compact{width:44px!important;gap:0!important}
.pull-orb{width:38px!important;height:38px!important;flex:0 0 38px!important}
.pull-ring{width:38px!important;height:38px!important}
.pull-logo{font-size:16px!important;font-weight:800!important}
.pull-ring-track,.pull-ring-progress{stroke-width:3!important}
.pull-ring-track{fill:color-mix(in srgb,var(--card) 82%,transparent)!important;stroke:color-mix(in srgb,var(--border) 70%,transparent)!important}
.pull-state{display:none!important}
.pull-success-pill{min-width:38px!important;width:38px!important;height:38px!important;padding:0!important;gap:0!important;justify-content:center!important;background:color-mix(in srgb,var(--card) 88%,transparent)!important;backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;box-shadow:0 5px 18px rgba(30,40,70,.12)!important}
.pull-success-logo{width:36px!important;height:36px!important;background:transparent!important;font-size:16px!important}
.pull-success-text{display:none!important}
.pull-rufiyaa.success .pull-success-pill{transform:translateX(-50%) scale(1)!important}
@keyframes rufiyaaLogoPulse{50%{transform:scale(1.06);opacity:.72}}

/* Financial Health: Net Worth value sits directly below its label. */
.v12432-health-hero{display:block!important;margin:8px 0 12px!important}
.v12432-health-hero span{display:block!important;margin-bottom:3px!important}
.v12432-health-hero b{display:block!important;text-align:left!important}

/* =========================================================
   v13.0 Public 1.25.38 — safe polish from known-good 1.25.34
   ========================================================= */
/* Date + Time: two equal columns that can never overlap on iOS. */
.compact-date-time.grid2,.transaction-date-time.compact-date-time{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:start!important;
}
.compact-date-time>.field{min-width:0!important;width:100%!important;overflow:hidden!important}
.compact-date-time input[type="date"],.compact-date-time input[type="time"]{
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0 10px!important;
  border-radius:15px!important;overflow:hidden!important;clip-path:none!important;-webkit-clip-path:none!important;text-align:center!important;
}
.compact-date-time input[type="date"]::-webkit-date-and-time-value,.compact-date-time input[type="time"]::-webkit-date-and-time-value{
  min-width:0!important;width:100%!important;height:auto!important;line-height:normal!important;margin:0!important;padding:0!important;text-align:center!important;
}

/* Pull to refresh: purple Rufiyaa mark with a thin purple progress ring only. */
#pull-rufiyaa.pull-rufiyaa{top:22px!important}
.pull-stage{width:52px!important;min-height:52px!important}
.pull-compact{width:42px!important;min-width:42px!important;padding:0!important;gap:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.pull-orb{width:40px!important;height:40px!important;flex:0 0 40px!important}
.pull-ring{width:40px!important;height:40px!important}
.pull-ring-track{fill:color-mix(in srgb,var(--card) 88%,transparent)!important;stroke:rgba(111,82,255,.14)!important;stroke-width:3!important}
.pull-ring-progress{stroke:#7657ff!important;stroke-width:3!important}
.pull-logo,.pull-success-logo,html[data-theme="light"] .pull-logo{color:#7657ff!important;font-size:17px!important;font-weight:900!important}
.pull-state,.pull-success-pill{display:none!important}
.pull-rufiyaa.success .pull-compact{opacity:1!important;transform:scale(1)!important}
.pull-rufiyaa.success .pull-ring-progress{stroke:#7657ff!important}
.pull-rufiyaa.success .pull-logo{color:#7657ff!important}

/* Finance health: Net Worth amount directly under the subheading. */
.v12432-health-hero{display:block!important;margin:8px 0 12px!important}
.v12432-health-hero span{display:block!important;margin:0 0 3px!important}
.v12432-health-hero b{display:block!important;text-align:left!important;margin:0!important}

.preview-chooser-launch{width:100%!important;margin:14px 0 10px!important}
.preview-choice-list{display:flex;flex-direction:column;gap:0;margin-bottom:16px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--card) 84%,transparent)}
.preview-choice-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid var(--border)}
.preview-choice-row:last-child{border-bottom:0}.preview-choice-row span{min-width:0;display:flex;flex-direction:column;gap:3px}.preview-choice-row b{font-size:14px}.preview-choice-row small{font-size:11px;opacity:.58}.preview-choice-row input{flex:0 0 auto}.preview-empty{padding:14px}

/* =========================================================
   v13.0 Public 1.25.39 — precision Date/Time + ATM + Finance
   ========================================================= */
/* Restore the proven 1.25.31 Date/Time geometry exactly: two minmax columns,
   12px gap, 14px native-input padding. Do not force an artificial height. */
.compact-date-time,
.compact-date-time.grid2,
.transaction-date-time.compact-date-time{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  align-items:start!important;overflow:visible!important;
}
.compact-date-time>.field,
.compact-date-time>.transaction-date-field,
.compact-date-time>.transaction-time-field{
  width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
}
.compact-date-time input[type="date"],
.compact-date-time input[type="time"],
.compact-date-time input.transaction-date-input[type="date"],
.compact-date-time input.transaction-time-input[type="time"]{
  -webkit-appearance:none!important;appearance:none!important;
  display:block!important;box-sizing:border-box!important;
  inline-size:100%!important;width:100%!important;min-inline-size:0!important;min-width:0!important;max-inline-size:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:14px!important;
  border-radius:15px!important;clip-path:none!important;-webkit-clip-path:none!important;overflow:hidden!important;
  line-height:normal!important;text-align:center!important;text-align-last:center!important;
}
.compact-date-time input[type="date"]::-webkit-date-and-time-value,
.compact-date-time input[type="time"]::-webkit-date-and-time-value{
  display:block!important;width:100%!important;min-width:0!important;height:auto!important;line-height:normal!important;margin:0!important;padding:0!important;text-align:center!important;
}
.compact-date-time input[type="date"]::-webkit-datetime-edit,
.compact-date-time input[type="time"]::-webkit-datetime-edit{
  width:100%!important;min-width:0!important;padding:0!important;text-align:center!important;
}
.compact-date-time input[type="date"]::-webkit-calendar-picker-indicator,
.compact-date-time input[type="time"]::-webkit-calendar-picker-indicator{
  flex:0 0 18px!important;width:18px!important;min-width:18px!important;height:auto!important;margin:0!important;padding:0!important;
}
/* ATM is a fourth transaction type in the CURRENT app, so keep all four type
   buttons equal. This intentionally does not inherit any old ATM sizing. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-type-seg-v128{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%!important;min-width:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .tx-type-seg-v128>button{
  min-width:0!important;width:100%!important;padding-left:4px!important;padding-right:4px!important;white-space:nowrap!important;
}
/* ATM Withdrawal / Deposit stays a balanced two-column control. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-mode{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;min-width:0!important;
}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .v1323-atm-mode>button{width:100%!important;min-width:0!important}
/* Financial Health: requested hierarchy — Net Worth amount immediately below. */
.beta121-health-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:3px!important;margin:8px 0 14px!important}
.beta121-health-main span,.beta121-health-main b{display:block!important;text-align:left!important;margin:0!important}


/* Rufiyaa 1.25.42 — restrained tactile hue pull-to-refresh */
#pull-rufiyaa.pull-hue-v12541{
  position:fixed!important;z-index:0!important;left:0!important;right:0!important;top:0!important;width:100%!important;
  height:var(--pull-depth-v12541,28px)!important;transform:none!important;padding:0!important;margin:0!important;
  overflow:hidden!important;pointer-events:none!important;background:transparent!important;box-shadow:none!important;border:0!important;
  opacity:calc(.03 + (var(--pull-progress-v12541,0) * .72));
  transition:height .48s cubic-bezier(.2,.8,.2,1),opacity .52s ease!important;
}
.pull-hue-v12541-glow{
  position:absolute;left:0;right:0;top:0;height:100%;
  background:linear-gradient(180deg,rgba(126,91,255,calc(.10 + (var(--pull-progress-v12541,0) * .30))) 0%,rgba(151,124,255,calc(.06 + (var(--pull-progress-v12541,0) * .20))) 48%,rgba(190,178,255,calc(.01 + (var(--pull-progress-v12541,0) * .06))) 78%,transparent 100%);
  filter:blur(calc(2px + (var(--pull-progress-v12541,0) * 3px)));
}
.pull-hue-v12541-label{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;
  font-size:11px;font-weight:560;letter-spacing:.005em;color:rgba(79,56,170,.76);
  opacity:calc(var(--pull-progress-v12541,0) * .78);transition:opacity .22s ease,color .22s ease!important;
}
#pull-rufiyaa.pull-hue-v12541.ready .pull-hue-v12541-label{font-weight:620;color:rgba(75,48,188,.86)}
#pull-rufiyaa.pull-hue-v12541.refreshing{opacity:.68!important}
#pull-rufiyaa.pull-hue-v12541.refreshing .pull-hue-v12541-glow{animation:pullHueBreatheV12542 1.2s ease-in-out infinite alternate}
#pull-rufiyaa.pull-hue-v12541.failed .pull-hue-v12541-label{opacity:.72;color:rgba(120,75,135,.78)}
.shell{position:relative;z-index:1;transform:translate3d(0,var(--pull-offset-v12541,0px),0);will-change:transform}
.shell.pull-moving-v12541{transition:transform .52s cubic-bezier(.18,.82,.2,1)}
@keyframes pullHueBreatheV12542{from{opacity:.64;filter:blur(3px)}to{opacity:.84;filter:blur(5px)}}
html[data-theme="dark"] .pull-hue-v12541-glow{background:linear-gradient(180deg,rgba(127,91,255,calc(.09 + (var(--pull-progress-v12541,0) * .25))) 0%,rgba(105,77,210,calc(.05 + (var(--pull-progress-v12541,0) * .15))) 52%,rgba(70,50,150,calc(.01 + (var(--pull-progress-v12541,0) * .05))) 80%,transparent 100%)}
html[data-theme="dark"] .pull-hue-v12541-label{color:rgba(213,205,255,.78)}
@media (prefers-reduced-motion:reduce){.shell.pull-moving-v12541,#pull-rufiyaa.pull-hue-v12541{transition-duration:.14s!important}.pull-hue-v12541-glow{animation:none!important}}

/* v13.0 maintenance — iOS Lent & Borrowed native date centering. */
.debt-date-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important}
.debt-date-grid>.field{min-width:0!important;overflow:hidden!important}
.debt-date-grid input[type="date"]{display:block!important;box-sizing:border-box!important;inline-size:100%!important;width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:10px!important;text-align:center!important;text-align-last:center!important;-webkit-appearance:none!important;appearance:none!important}
.debt-date-grid input[type="date"]::-webkit-date-and-time-value{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;text-align:center!important}
.debt-date-grid input[type="date"]::-webkit-datetime-edit{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;text-align:center!important}
.debt-date-grid input[type="date"]::-webkit-datetime-edit-fields-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important}
.debt-date-grid input[type="date"]::-webkit-calendar-picker-indicator{flex:0 0 auto!important;margin-left:4px!important}
/* Keep the old Finance design until the user explicitly expands Health. */
.beta121-health{position:relative}
.finance-health-toggle-v13043{position:absolute;right:12px;top:12px;border:0;background:transparent;color:var(--muted);font-size:12px;min-height:30px;padding:4px 6px;cursor:pointer}
.finance-health-toggle-v13043 span{margin-left:4px}
.beta121-health.health-minimized-v13043 .beta121-health-grid{display:none!important}
.beta121-health.health-minimized-v13043 .beta121-health-main{margin-bottom:0!important}
.paid-early-v13043{display:inline-block;color:var(--positive,#197d50);font-weight:600;font-size:11px}
.prepaid-send-v13043{width:100%;margin:8px 0 15px}
.prepaid-history-row-v13043{width:100%;border:0;text-align:left;cursor:pointer}

/* 2026-10-13 v13 visual regression repairs — no layout redesign. */
/* Existing Finance Health collapse keeps Net Worth, hiding only secondary details. */
.v12432-health.is-collapsed .v12432-health-body{display:block!important}
.v12432-health.is-collapsed .v12432-health-grid,
.v12432-health.is-collapsed .v12432-health-tools{display:none!important}
.v12432-health.is-collapsed .v12432-health-hero{margin-bottom:0!important}
/* Prepaid history must use the existing icon / description / amount grid safely. */
.finance-history-row.prepaid-history-row-v13043{grid-template-columns:38px minmax(0,1fr) auto!important;column-gap:10px!important;max-width:100%!important;min-width:0!important}
.prepaid-history-row-v13043>div:nth-child(2){min-width:0!important;overflow:hidden!important}
.prepaid-history-row-v13043>div:nth-child(2)>b,.prepaid-history-row-v13043>div:nth-child(2)>span{display:block!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;line-height:1.35!important}
.prepaid-history-row-v13043>strong{white-space:nowrap!important;text-align:right!important;min-width:0!important}
/* Fix the accidental near-black Notes field in the Lent/Borrowed sheet. */
body:not(.rufiyaa-admin-mode) #modal-root form:has(.debt-date-grid) .field textarea{background:var(--card,#fff)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:none!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root form:has(.debt-date-grid) .field textarea{background:rgba(255,255,255,.64)!important;border-color:rgba(255,255,255,.78)!important}
html[data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root form:has(.debt-date-grid) .field textarea{background:rgba(24,30,43,.7)!important;border-color:rgba(255,255,255,.1)!important}

/* v13 Public minor maintenance: existing Liquid Glass theme unchanged */
.people-group-row-v13044 .people-main-v1289{min-width:0;flex:1}
.people-group-row-v13044 .people-main-v1289 small{display:flex;flex-wrap:wrap;gap:2px 10px;white-space:normal}
.people-group-total{font-size:12px;line-height:1.5;white-space:normal;color:var(--muted)}
.people-group-total.positive{color:var(--positive,#279d75)}
.people-group-total.negative{color:var(--negative,#da6074)}
.people-group-chevron-v13044{font-size:26px;color:var(--muted);font-weight:300;padding-left:8px}
.people-group-summary-v13044{margin-bottom:14px;display:grid;gap:10px}
.people-group-amounts{display:flex;gap:5px 18px;flex-wrap:wrap}
.debt-date-grid .date-mirror-field-v13044{position:relative!important;overflow:hidden!important}
.debt-date-grid .date-mirror-field-v13044 input[type="date"]{position:relative!important;z-index:2!important;opacity:0!important;cursor:pointer!important;width:100%!important}
.debt-date-grid .date-mirror-label-v13044{position:absolute!important;left:0;right:0;bottom:0;height:52px;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:1;color:var(--text);font-size:16px;white-space:nowrap}
.beta121-health .health-premium-chevron-v13044{position:absolute!important;top:14px!important;right:13px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;width:38px!important;height:38px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--accent,#725cff)!important;cursor:pointer!important}
.beta121-health .health-premium-chevron-v13044 svg{transition:transform .22s ease;transform:rotate(180deg)}
.beta121-health.health-minimized-v13043 .health-premium-chevron-v13044 svg{transform:rotate(0deg)}

.beta121-health .health-tappable-title-v13044{cursor:pointer;padding-right:40px}

/* 2026-10-13 targeted Public maintenance: no other v13 layout changes */
.people-manage-desc-v13045{font-size:13px;color:var(--muted);line-height:1.5;margin:2px 0 15px}
.people-manage-list-v13045{display:grid;gap:9px}
.people-manage-row-v13045{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:var(--card,rgba(255,255,255,.8));border:1px solid var(--border,rgba(120,120,120,.15));border-radius:17px}
.people-manage-name-v13045{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.people-manage-name-v13045 small{color:var(--muted);font-size:12px}
.people-manage-row-v13045 .secondary{flex-shrink:0;width:auto!important;margin:0!important;padding:9px 14px!important}
/* Keep the native iOS date picker hit target, but restore the visible rounded fields. */
#modal-root .debt-date-grid .date-mirror-field-v13044.date-restored-v13045{position:relative!important;overflow:visible!important;min-width:0!important}
#modal-root .debt-date-grid .date-restored-v13045 input[type="date"]{display:block!important;width:100%!important;height:54px!important;min-height:54px!important;border:1px solid rgba(255,255,255,.80)!important;border-radius:15px!important;background:rgba(255,255,255,.66)!important;box-shadow:none!important;opacity:1!important;color:transparent!important;-webkit-text-fill-color:transparent!important;position:relative!important;z-index:1!important;cursor:pointer!important}
#modal-root .debt-date-grid .date-restored-v13045 input[type="date"]::-webkit-datetime-edit{opacity:0!important}
#modal-root .debt-date-grid .date-restored-v13045 input[type="date"]::-webkit-calendar-picker-indicator{opacity:0!important}
#modal-root .debt-date-grid .date-restored-v13045 .date-mirror-label-v13044{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:54px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;transform:none!important;z-index:2!important;pointer-events:none!important;color:var(--text)!important;font-size:16px!important;font-weight:400!important}
html[data-theme="dark"] #modal-root .debt-date-grid .date-restored-v13045 input[type="date"]{background:rgba(24,30,43,.7)!important;border-color:rgba(255,255,255,.14)!important}
/* The actual Financial Health control is v12432, not the earlier beta121 component. */
.v12432-health .v12432-collapse.health-chevron-v13045{border:0!important;background:transparent!important;box-shadow:none!important;outline-offset:2px!important;width:38px!important;height:38px!important;padding:8px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--accent,#725cff)!important;font-size:0!important;cursor:pointer!important}
.v12432-health .health-chevron-v13045 svg{display:block;transition:transform .22s ease;transform:rotate(180deg)}
.v12432-health.is-collapsed .health-chevron-v13045 svg{transform:rotate(0deg)}
.v12432-health .health-heading-tap-v13045{cursor:pointer;touch-action:manipulation}
@media(prefers-reduced-motion:reduce){.v12432-health .health-chevron-v13045 svg{transition:none}}

/* v13.0 Public final visual polish — presentation only. */
/* People detail: suppress the accidental overdue highlight strip, retain warning text. */
.people-list-v1289 .people-row-v1289 .people-main-v1289 small.danger{
 display:inline-block!important;width:max-content!important;max-width:100%!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important;
 border:0!important;padding:0!important;line-height:1.3!important;color:#e45e70!important;
}
/* Plan Mode: one subtle chevron, no colored square or duplicate arrow. */
.budget-plan-v1262 .budget-plan-main-v1262{padding-right:6px!important}
.budget-plan-v1262 .budget-plan-toggle-v1262{
 width:34px!important;height:34px!important;right:10px!important;top:50%!important;
 transform:translateY(-50%)!important;background:transparent!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;color:var(--accent)!important;
 display:grid!important;place-items:center!important;padding:6px!important;
}
.budget-plan-v1262 .budget-plan-toggle-v1262 svg{
 display:block!important;transition:transform .2s ease!important;transform:rotate(180deg)!important;
}
.budget-plan-v1262.minimized .budget-plan-toggle-v1262 svg{transform:rotate(0deg)!important}
@media(prefers-reduced-motion:reduce){.budget-plan-v1262 .budget-plan-toggle-v1262 svg{transition:none!important}}
/* Debit card transactions: prepaid-style icon + description + aligned amount. */
.debit-activity-v1285.finance-history{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.debit-activity-v1285 .debit-history-row-v13046{
 width:100%!important;grid-template-columns:38px minmax(0,1fr) auto!important;
 gap:10px!important;min-width:0!important;max-width:100%!important;padding:12px 0!important;
}
.debit-activity-v1285 .debit-history-row-v13046>div:nth-child(2){min-width:0!important;overflow:hidden!important}
.debit-activity-v1285 .debit-history-row-v13046 b{display:block!important;overflow-wrap:anywhere!important;line-height:1.3!important}
.debit-activity-v1285 .debit-history-row-v13046 span{display:block!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.debit-activity-v1285 .debit-history-row-v13046 strong{white-space:nowrap!important;text-align:right!important}