/* Rufiyaa Update 2 Round 3 — screenshot QA review, 21 Oct 2026.
   UI only. Keep isolated QA ledger, financial status colors, and existing navigation. */
/* ONE indicator for unread notifications. Sync warnings belong inside More, not on a second orange badge. */
body .header-actions .u2-h-more.u2-sync-needs-attention::after,
body .header-actions .u2-h-more::after{content:none!important;display:none!important}
body .header-actions .u2-h-more .u2-more-dot{background:#c3504f!important;top:3px!important;right:4px!important;bottom:auto!important;box-shadow:0 0 0 1.5px rgba(255,255,255,.82)!important}
body .header-actions .u2-h-more .u2-more-dot[hidden]{display:none!important}
/* Remove legacy violet from expense category splitting, buttons and their focus states. */
body.rufiyaa-liquid-glass #modal-root .u1-regular-expense-splitting button.active{
 outline:none!important;border:1.5px solid #0c7657!important;background:#e1f2e9!important;
 box-shadow:0 0 0 1px #0c7657 inset!important;color:#07563f!important
}
body.rufiyaa-liquid-glass #modal-root .u1-regular-expense-splitting button:focus-visible,
body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029:focus-visible{
 outline:2px solid #087654!important;outline-offset:2px!important
}
body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029>span{
 background:#dff1e8!important;color:#087654!important
}
body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029.active,
body.rufiyaa-liquid-glass #modal-root .tx-add-split-body-v13029{border-color:#b8dccb!important}
/* Account-transfer arrow (not incoming income or expense status). */
body #modal-root .transfer-arrow-v128,body #modal-root .transfer-flow-v128 .transfer-arrow-v128{
 color:#0b948b!important;text-shadow:none!important
}
/* Large money values must never be silently ellipsized on narrow iPhones. */
@media(max-width:600px){
 body #app .tx-summary-v1251{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}
 body #app .tx-summary-v1251>.tx-summary-card-v1251{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px 13px!important;min-height:82px!important;box-sizing:border-box!important}
 body #app .tx-summary-v1251>.tx-summary-card-v1251:nth-child(3){grid-column:1/-1;min-height:73px!important}
 body #app .tx-summary-values-v1251>div{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:3px 6px!important;white-space:normal!important;min-width:0!important}
 body #app .tx-summary-values-v1251 strong{font-size:clamp(17px,4.7vw,23px)!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}
 body #app .tx-summary-values-v1251 span{font-size:10px!important;white-space:nowrap!important}
}
@media(max-width:345px){
 body #app .tx-summary-values-v1251 strong{font-size:16px!important}
 body #app .tx-summary-v1251>.tx-summary-card-v1251{padding:12px 10px!important}
}
/* Theme consistency: Home purple buttons/bar/reason labels should follow emerald. */
body #app .home-customize-bar button{color:var(--accent,#087654)!important}
body #app .home-widgets .home-widget .progress>i{background:#087654!important;background-image:none!important}
body #app .smart-home-item-v1295c>.smart-home-reason-v127 span{color:var(--accent,#087654)!important}
html[data-accent="mono"] body #app .home-widgets .home-widget .progress>i{background:#415851!important}
/* The sync status is already present and actionable in the More menu. */
#u2-sync-toast[data-tone="warning"]{max-width:min(180px,calc(100vw - 28px))!important;white-space:normal!important;font-size:12px!important;line-height:1.3!important;text-align:center!important}
/* Monochrome is an approved alternative theme; keep controls neutral there. */
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .u1-regular-expense-splitting button.active{
 border-color:#687c72!important;background:#e8eeea!important;color:#304840!important;
 box-shadow:0 0 0 1px #687c72 inset!important
}
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029>span{
 background:#e7ece8!important;color:#415851!important
}
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029.active,
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .tx-add-split-body-v13029{
 border-color:#a7b6ac!important
}
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .u1-regular-expense-splitting button:focus-visible,
html[data-accent="mono"] body.rufiyaa-liquid-glass #modal-root .tx-split-toggle-v13029:focus-visible{
 outline-color:#415851!important
}

/* Round 3 Budget QA: At Risk progress is vibrant amber, regardless of older "under limit" styling. */
#app .budget-v14-list .budget-v14-card.risk .budget-v14-progress i,
#app .budget-v14-list .budget-v14-card.risk.u2w-healthy .budget-v14-progress i {
  background:#f59e0b!important;
  background-image:none!important;
}

/* Final R3: card network labels cannot be clipped, especially American Express. */
.u2-real-card .u2-real-bottom { min-width:0; gap:8px; }
.u2-real-card .u2-real-bottom .u2-real-digits { flex:1 1 auto; min-width:0; }
.u2-real-card .u2-real-bottom .u2-real-network {
  flex:0 1 auto; width:auto; max-width:50%; min-width:0; height:auto;
  overflow:visible; white-space:nowrap; text-align:right; line-height:1.15;
  font-size:clamp(10px,1.7vw,13px); letter-spacing:0;
}
@media (max-width:430px){
 .u2-real-card .u2-real-bottom .u2-real-digits { letter-spacing:0; font-size:clamp(10px,2.65vw,12px)!important; }
 .u2-real-card .u2-real-bottom .u2-real-network {font-size:clamp(9px,2.3vw,11px)!important;max-width:52%}
}