/* Layout tokens and compact rows from the accepted Finance mockup. */

#finance-now-compact {
  --fn-bg: light-dark(#f5f6f3,#171c1a); --fn-surface:light-dark(#ffffff,#212824); --fn-side:light-dark(#eef0ec,#1b211e); --fn-ink:light-dark(#202e27,#edf3ef); --fn-muted:light-dark(#68746d,#a4b3a8); --fn-line:light-dark(#e3e8e1,#36423a); --fn-soft:light-dark(#f7f9f6,#29332d); --fn-accent:light-dark(#315c45,#b2d7be); --fn-onaccent:light-dark(#fff,#193322); --fn-selected:light-dark(#dfe8df,#354b3c); --fn-positive:light-dark(#267047,#91d3a9); --fn-amber:light-dark(#94621f,#e3bb78); --fn-amberbg:light-dark(#faf2e6,#393023); --fn-backdrop:light-dark(#24382e40,#00000070); --fn-shadow:light-dark(#1e342b20,#00000050); --fn-danger:light-dark(#b2463b,#f8a599);
  position:relative; width:100%; color:var(--fn-ink); font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:left; background:var(--fn-bg); isolation:isolate;
}
#finance-now-compact *{box-sizing:border-box}
#finance-now-compact [hidden]{display:none!important}
#finance-now-compact button,#finance-now-compact input,#finance-now-compact select{font:inherit;color:inherit}
#finance-now-compact button{border:0;margin:0;background:none;text-align:inherit}
#finance-now-compact button:hover{filter:brightness(.97)}
#finance-now-compact button:active{filter:brightness(.94)}
#finance-now-compact h1,#finance-now-compact h2,#finance-now-compact h3,#finance-now-compact p{margin:0}
#finance-now-compact button,#finance-now-compact select{touch-action:manipulation}
#finance-now-compact svg{flex-shrink:0;width:17px;height:17px;stroke-width:1.7}
#finance-now-compact .fn-shell{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:825px}
#finance-now-compact .fn-sidebar{background:var(--fn-side);padding:27px 12px 22px;display:flex;flex-direction:column;border-right:1px solid var(--fn-line)}
#finance-now-compact .fn-brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.6px;font-weight:600;padding:0 12px}
#finance-now-compact .fn-brandmark{display:grid;place-items:center;width:29px;height:31px;border-radius:9px;color:var(--fn-onaccent);background:var(--fn-accent)}
#finance-now-compact .fn-brandmark svg{width:18px;height:18px}
#finance-now-compact .fn-profile{display:flex;gap:9px;align-items:center;font-size:12px;margin:35px 12px 26px;font-weight:500}
#finance-now-compact .fn-profile small{display:block;font-size:11px;color:var(--fn-muted);margin-top:2px;font-weight:400}
#finance-now-compact .fn-avatar{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--fn-line);border-radius:50%;background:var(--fn-surface);font-size:11px;color:var(--fn-muted)}
#finance-now-compact .fn-nav{display:grid;gap:8px}
#finance-now-compact .fn-navitem{display:flex;align-items:center;gap:10px;padding:11px 12px;font-size:12px;line-height:1.4;border-radius:8px;font-weight:500}
#finance-now-compact .fn-active{background:var(--fn-selected);color:var(--fn-accent)}
#finance-now-compact .fn-unavailable{color:var(--fn-muted)}
#finance-now-compact .fn-sidebarfoot{display:flex;gap:6px;align-items:center;color:var(--fn-muted);font-size:11px;margin-top:auto;padding:70px 12px 0}
#finance-now-compact .fn-small-dot{width:5px;height:5px;border-radius:50%;background:var(--fn-muted)}
#finance-now-compact .fn-main{min-width:0;padding:24px 28px 14px}
#finance-now-compact .fn-demoline{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.1px;color:var(--fn-muted);min-height:22px;padding-right:85px}
#finance-now-compact .fn-demodot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--fn-muted)}
#finance-now-compact .fn-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 24px}
#finance-now-compact .fn-date{font-size:12px;color:var(--fn-muted);margin-bottom:6px}
#finance-now-compact h1{font-size:29px;font-weight:600;letter-spacing:-.8px;line-height:1.2}
#finance-now-compact .fn-primary{display:inline-flex;gap:7px;justify-content:center;align-items:center;min-height:40px;border-radius:8px;background:var(--fn-accent);color:var(--fn-onaccent);padding:10px 15px;font-weight:500;font-size:13px}
#finance-now-compact .fn-overview{padding:22px 23px 0;background:var(--fn-surface);border:1px solid var(--fn-line);border-radius:13px;margin-bottom:22px}
#finance-now-compact .fn-overviewlabel{font-size:13px;color:var(--fn-muted);font-weight:500}
#finance-now-compact .fn-totalrow{display:flex;gap:15px;align-items:center;margin:5px 0;flex-wrap:wrap}
#finance-now-compact .fn-total{display:flex;gap:10px;align-items:center;padding:0;font-size:42px;font-weight:500;line-height:1.25;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
#finance-now-compact .fn-total svg{width:16px;height:16px;color:var(--fn-muted);margin-top:7px}
#finance-now-compact .fn-currencylabel select{border:1px solid var(--fn-line);border-radius:7px;padding:5px 6px;background:var(--fn-soft);font-size:11px;color:var(--fn-muted);max-width:80px}
#finance-now-compact .fn-overviewnote{font-size:12px;color:var(--fn-muted);margin-bottom:18px}
#finance-now-compact .fn-overviewbottom{border-top:1px solid var(--fn-line);padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--fn-muted);flex-wrap:wrap}
#finance-now-compact .fn-overviewbottom>span{display:flex;align-items:center;gap:5px}
#finance-now-compact .fn-overviewbottom svg{width:13px;height:13px}
#finance-now-compact .fn-textbutton{display:inline-flex;align-items:center;gap:5px;padding:0;font-size:11px;color:var(--fn-amber)}
#finance-now-compact .fn-amberdot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--fn-amber)}
#finance-now-compact .fn-accounts{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:12px;align-items:start}
#finance-now-compact .fn-group{background:var(--fn-surface);border:1px solid var(--fn-line);border-radius:12px;overflow:hidden;min-width:0}
#finance-now-compact .fn-grouphead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 15px 11px}
#finance-now-compact h2{font-size:14px;font-weight:600;letter-spacing:-.1px}
#finance-now-compact .fn-grouphead h2{display:flex;align-items:center;gap:7px}
#finance-now-compact .fn-grouphead svg{width:16px;height:16px;color:var(--fn-muted)}
#finance-now-compact .fn-grouphead>span{font-size:11px;color:var(--fn-muted)}
#finance-now-compact .fn-account{display:block;width:100%;padding:12px 15px;border-top:1px solid var(--fn-line);position:relative}
#finance-now-compact .fn-account:hover{background:var(--fn-soft);filter:none}
#finance-now-compact .fn-accountname{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;color:var(--fn-muted);line-height:1.35}
#finance-now-compact .fn-accountname .fn-unit{font-size:11px;letter-spacing:.4px;color:var(--fn-muted)}
#finance-now-compact .fn-accountbalance{font-size:18px;letter-spacing:-.3px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:3px;white-space:nowrap}
#finance-now-compact .fn-accountbalance small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:3px}
#finance-now-compact .fn-accountstamp{font-size:11px;color:var(--fn-muted);margin-top:3px;display:flex;gap:4px;align-items:center}
#finance-now-compact .fn-accountstamp.fn-stale{color:var(--fn-amber)}
#finance-now-compact .fn-equivalent{font-size:11px;color:var(--fn-muted);margin-top:3px}
#finance-now-compact .fn-operations{margin-top:26px}
#finance-now-compact .fn-operationshead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
#finance-now-compact .fn-operationshead>span{font-size:11px;color:var(--fn-muted)}
#finance-now-compact .fn-tx{display:grid;grid-template-columns:32px minmax(0,1fr) 125px 106px;gap:11px;align-items:center;padding:12px 0;border-top:1px solid var(--fn-line)}
#finance-now-compact .fn-txicon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--fn-surface);color:var(--fn-muted);border:1px solid var(--fn-line)}
#finance-now-compact .fn-txicon svg{width:15px;height:15px}
#finance-now-compact .fn-txtitle{font-size:12px;font-weight:500;overflow-wrap:anywhere}
#finance-now-compact .fn-txmeta{font-size:11px;color:var(--fn-muted);margin-top:2px;overflow-wrap:anywhere}
#finance-now-compact .fn-txaccount{font-size:11px;color:var(--fn-muted);overflow-wrap:anywhere}
#finance-now-compact .fn-txamount{text-align:right;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
#finance-now-compact .fn-txamount.fn-income{color:var(--fn-positive)}
#finance-now-compact .fn-transferlabel{font-size:11px;color:var(--fn-muted);font-weight:400;margin-top:2px}
#finance-now-compact.fn-compact .fn-tx{padding:8px 0}
#finance-now-compact .fn-status{font-size:11px;color:var(--fn-positive);min-height:20px;padding-top:8px}
#finance-now-compact .fn-overlay{position:absolute;inset:0;z-index:10;min-height:600px}
#finance-now-compact .fn-backdrop{position:absolute;inset:0;background:var(--fn-backdrop)}
#finance-now-compact .fn-drawer{position:relative;margin-left:auto;width:370px;max-width:100%;min-height:100%;background:var(--fn-surface);box-shadow:-12px 0 32px var(--fn-shadow);padding:19px 24px 28px}
#finance-now-compact .fn-drawerhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:8px}
#finance-now-compact .fn-drawer-eyebrow{font-size:11px;color:var(--fn-muted)}
#finance-now-compact .fn-iconbutton{padding:8px;display:grid;place-items:center;border:1px solid var(--fn-line);border-radius:8px;background:var(--fn-surface);min-height:34px;min-width:34px}
#finance-now-compact .fn-drawer h2{font-size:23px;letter-spacing:-.6px;margin-bottom:8px;font-weight:500}
#finance-now-compact .fn-detailbalance{font-size:33px;letter-spacing:-.8px;line-height:1.25;font-variant-numeric:tabular-nums;font-weight:500;margin:15px 0 4px;overflow-wrap:anywhere}
#finance-now-compact .fn-detailcaption{font-size:12px;color:var(--fn-muted);margin-bottom:23px}
#finance-now-compact .fn-detailfacts{padding:17px 0;border-top:1px solid var(--fn-line);border-bottom:1px solid var(--fn-line);display:grid;gap:13px;margin-bottom:20px}
#finance-now-compact .fn-fact{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:12px}
#finance-now-compact .fn-fact span:first-child{color:var(--fn-muted)}
#finance-now-compact .fn-fact span:last-child{text-align:right}
#finance-now-compact .fn-detailactions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 26px}
#finance-now-compact .fn-secondary{padding:9px 12px;border:1px solid var(--fn-line);border-radius:8px;min-height:40px;font-size:12px;background:var(--fn-surface)}
#finance-now-compact .fn-detailheading{font-size:13px;font-weight:500;margin-bottom:10px}
#finance-now-compact .fn-minitx{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--fn-line);font-size:12px}
#finance-now-compact .fn-minitx>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
#finance-now-compact .fn-empty{color:var(--fn-muted);font-size:12px;padding:12px 0;border-top:1px solid var(--fn-line)}
#finance-now-compact .fn-warn{background:var(--fn-amberbg);border-radius:8px;color:var(--fn-amber);font-size:12px;padding:12px;margin-bottom:18px}
#finance-now-compact .fn-form{margin-top:24px;display:grid;gap:19px}
#finance-now-compact .fn-field{display:grid;gap:7px;font-size:12px;color:var(--fn-muted)}
#finance-now-compact .fn-field input,#finance-now-compact .fn-field select{width:100%;min-width:0;min-height:44px;border:1px solid var(--fn-line);border-radius:8px;background:var(--fn-soft);padding:10px 12px;font-size:16px;color:var(--fn-ink)}
#finance-now-compact .fn-moneyinput{position:relative}
#finance-now-compact .fn-moneyinput input{padding-right:62px;font-size:27px;min-height:63px;font-variant-numeric:tabular-nums}
#finance-now-compact .fn-moneyinput span{position:absolute;right:13px;top:23px;font-size:13px;color:var(--fn-muted)}
#finance-now-compact .fn-formnote{font-size:11px;color:var(--fn-muted);margin-top:-8px}
#finance-now-compact .fn-formerror{font-size:12px;color:var(--fn-danger);min-height:0}
#finance-now-compact .fn-form .fn-primary{width:100%;min-height:44px}
#finance-now-compact .fn-sumbreakdown{display:grid;gap:0;margin:22px 0}
#finance-now-compact .fn-sumrow{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--fn-line);font-size:13px;font-variant-numeric:tabular-nums}
#finance-now-compact .fn-rate{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--fn-muted);padding:6px 0}
#finance-now-compact .fn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:880px){#finance-now-compact .fn-shell{grid-template-columns:158px minmax(0,1fr)}#finance-now-compact .fn-main{padding:22px 20px 14px}#finance-now-compact .fn-sidebar{padding-left:8px;padding-right:8px}#finance-now-compact .fn-navitem{font-size:11px;padding:11px 9px;gap:7px}#finance-now-compact .fn-profile{margin-left:9px;margin-right:9px}#finance-now-compact .fn-sidebarfoot{padding-left:9px;font-size:11px}#finance-now-compact .fn-accounts{gap:8px}#finance-now-compact .fn-account{padding:12px}#finance-now-compact .fn-grouphead{padding:15px 12px 10px}#finance-now-compact .fn-accountbalance{font-size:16px}#finance-now-compact .fn-accountname{font-size:11px}#finance-now-compact .fn-grouphead h2{font-size:12px;gap:5px}#finance-now-compact .fn-tx{grid-template-columns:30px minmax(0,1fr) 99px 94px;gap:8px}#finance-now-compact .fn-txamount{font-size:12px}}
@media(max-width:700px){#finance-now-compact .fn-shell{display:block;min-height:0}#finance-now-compact .fn-sidebar{display:none}#finance-now-compact .fn-main{padding:20px}#finance-now-compact .fn-accounts{gap:10px}#finance-now-compact .fn-total{font-size:38px}#finance-now-compact .fn-accountbalance{font-size:18px}#finance-now-compact .fn-accountname{font-size:12px}#finance-now-compact .fn-grouphead h2{font-size:13px}#finance-now-compact .fn-tx{grid-template-columns:31px minmax(0,1fr) 95px;gap:10px}#finance-now-compact .fn-txaccount{display:none}#finance-now-compact .fn-txmeta .fn-mobile-account{display:inline}#finance-now-compact .fn-operations{margin-top:23px}}
@media(min-width:701px){#finance-now-compact .fn-mobile-account{display:none}}
@media(max-width:520px){#finance-now-compact .fn-main{padding:18px 16px 12px}#finance-now-compact .fn-demoline{font-size:11px;padding-right:74px;min-height:32px}#finance-now-compact .fn-header{padding:13px 0 20px}#finance-now-compact h1{font-size:27px}#finance-now-compact .fn-date{font-size:11px}#finance-now-compact .fn-primary{padding:10px 12px}#finance-now-compact .fn-overview{padding:18px 16px 0;margin-bottom:16px}#finance-now-compact .fn-overviewbottom{gap:9px}#finance-now-compact .fn-total{font-size:35px}#finance-now-compact .fn-totalrow{gap:10px}#finance-now-compact .fn-accounts{grid-template-columns:1fr;gap:14px}#finance-now-compact .fn-grouphead{padding:14px 15px 10px}#finance-now-compact .fn-grouphead h2{font-size:14px}#finance-now-compact .fn-account{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:1px;padding:11px 15px;align-items:center}#finance-now-compact .fn-accountname{grid-column:1;grid-row:1;justify-content:flex-start;gap:6px}#finance-now-compact .fn-accountbalance{grid-column:2;grid-row:1 / span 2;margin:0;font-size:17px}#finance-now-compact .fn-accountstamp{grid-column:1;grid-row:2;font-size:11px}#finance-now-compact .fn-equivalent{grid-column:2;text-align:right}#finance-now-compact .fn-accountbalance small{font-size:11px}#finance-now-compact .fn-operationshead{align-items:baseline}#finance-now-compact .fn-operationshead>span{font-size:11px}#finance-now-compact .fn-tx{grid-template-columns:29px minmax(0,1fr) auto;gap:8px}#finance-now-compact .fn-txicon{width:29px;height:29px}#finance-now-compact .fn-txamount{font-size:12px}#finance-now-compact .fn-txtitle{font-size:12px}#finance-now-compact .fn-txmeta{font-size:11px}#finance-now-compact .fn-drawer{padding:16px 20px 24px;width:100%}#finance-now-compact .fn-overlay{min-height:620px}}
@media(pointer:coarse){#finance-now-compact .fn-iconbutton{min-height:44px;min-width:44px}#finance-now-compact .fn-primary,#finance-now-compact .fn-secondary{min-height:44px}#finance-now-compact .fn-currencylabel select{min-height:44px;font-size:13px}#finance-now-compact .fn-textbutton{min-height:36px}}

/* Compact second iteration: balances and recent movements share the first screen. */
#finance-now-compact .fn-shell{grid-template-columns:176px minmax(0,1fr);min-height:0}
#finance-now-compact .fn-main{padding:16px 24px 10px}
#finance-now-compact .fn-brand{font-size:19px}
#finance-now-compact .fn-profile{margin:27px 8px 22px;gap:8px}
#finance-now-compact .fn-profile small{font-size:11px;white-space:nowrap}
#finance-now-compact .fn-sidebarfoot{padding-top:32px;font-size:11px;white-space:nowrap}
#finance-now-compact .fn-demoline{min-height:26px}
#finance-now-compact .fn-header{padding:12px 0 17px;min-height:64px}
#finance-now-compact .fn-titleblock{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}
#finance-now-compact h1{font-size:27px;letter-spacing:-.7px}
#finance-now-compact .fn-date{margin:0;font-size:11px}
#finance-now-compact .fn-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:10px;margin:0;flex-wrap:wrap}
#finance-now-compact .fn-overviewlabel{font-size:13px;color:var(--fn-ink);font-weight:500}
#finance-now-compact .fn-overviewnote{font-size:11px;color:var(--fn-muted);margin:3px 0 0}
#finance-now-compact .fn-totalrow{gap:11px;margin:0}
#finance-now-compact .fn-total{font-size:29px;letter-spacing:-.9px;gap:8px;line-height:1.2}
#finance-now-compact .fn-total svg{margin:0;width:14px;height:14px}
#finance-now-compact .fn-overviewbottom{padding:9px 1px 13px;border:0;gap:8px;font-size:11px}
#finance-now-compact .fn-accounts{grid-template-columns:1fr 1.05fr 1fr;gap:10px}
#finance-now-compact .fn-group{border-radius:10px}
#finance-now-compact .fn-grouphead{padding:12px 13px;min-height:44px}
#finance-now-compact .fn-grouphead h2{font-size:13px;gap:6px}
#finance-now-compact .fn-account{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:7px;row-gap:4px;align-items:center;padding:10px 13px;min-height:60px}
#finance-now-compact .fn-accountname{grid-row:1;grid-column:1;font-size:12px;justify-content:flex-start;gap:4px;color:var(--fn-ink);line-height:1.35;flex-wrap:wrap;overflow-wrap:anywhere}
#finance-now-compact .fn-accountname .fn-unit{display:none}
#finance-now-compact .fn-accountbalance{grid-row:1;grid-column:2;font-size:16px;line-height:1.35;margin:0;letter-spacing:-.25px;text-align:right}
#finance-now-compact .fn-accountbalance small{font-size:11px;margin-left:3px}
#finance-now-compact .fn-accountstamp{grid-row:2;grid-column:1 / -1;font-size:11px;margin:0;line-height:1.3}
#finance-now-compact .fn-equivalent{grid-column:1 / -1;text-align:right;margin:0}
#finance-now-compact .fn-operations{margin-top:19px}
#finance-now-compact .fn-operationshead{margin-bottom:8px}
#finance-now-compact .fn-operationshead h2{font-size:14px}
#finance-now-compact .fn-tx{padding:9px 0;grid-template-columns:28px minmax(0,1fr) 122px 102px;gap:10px;min-height:48px}
#finance-now-compact .fn-txicon{width:28px;height:28px;border-radius:8px}
#finance-now-compact .fn-txmeta{font-size:11px;line-height:1.3}
#finance-now-compact .fn-status:empty{display:none}
#finance-now-compact.fn-compact .fn-tx{padding:6px 0;min-height:42px}
@media(max-width:900px){
  #finance-now-compact .fn-shell{grid-template-columns:150px minmax(0,1fr)}
  #finance-now-compact .fn-main{padding:16px 18px 10px}
  #finance-now-compact .fn-sidebar{padding-left:7px;padding-right:7px}
  #finance-now-compact .fn-profile{margin-left:6px;margin-right:6px}
  #finance-now-compact .fn-profile small{font-size:11px;white-space:normal}
  #finance-now-compact .fn-sidebarfoot{font-size:11px;white-space:normal;padding-left:6px;padding-right:0}
  #finance-now-compact .fn-navitem{padding:10px 9px;gap:7px;font-size:11px}
  #finance-now-compact .fn-titleblock{display:block}
  #finance-now-compact .fn-date{margin-top:4px}
  #finance-now-compact .fn-account{padding:10px;column-gap:5px}
  #finance-now-compact .fn-accountbalance{font-size:14px}
  #finance-now-compact .fn-accountname{font-size:11px}
  #finance-now-compact .fn-grouphead{padding:12px 10px}
  #finance-now-compact .fn-grouphead h2{font-size:12px}
  #finance-now-compact .fn-tx{grid-template-columns:28px minmax(0,1fr) 93px 95px;gap:8px}
}
@media(max-width:760px){
  #finance-now-compact .fn-shell{display:block}
  #finance-now-compact .fn-sidebar{display:none}
  #finance-now-compact .fn-main{padding:16px 18px 12px}
  #finance-now-compact .fn-titleblock{display:flex;gap:12px}
  #finance-now-compact .fn-date{margin-top:0}
  #finance-now-compact .fn-accountbalance{font-size:16px}
  #finance-now-compact .fn-accountname{font-size:12px}
  #finance-now-compact .fn-grouphead h2{font-size:13px}
  #finance-now-compact .fn-tx{grid-template-columns:28px minmax(0,1fr) 100px;gap:9px}
  #finance-now-compact .fn-txaccount{display:none}
  #finance-now-compact .fn-mobile-account{display:inline}
}
@media(max-width:540px){
  #finance-now-compact .fn-main{padding:14px 14px 12px}
  #finance-now-compact .fn-demoline{padding-right:64px;min-height:30px}
  #finance-now-compact .fn-header{padding:12px 0 15px}
  #finance-now-compact .fn-titleblock{display:block}
  #finance-now-compact .fn-date{margin-top:4px}
  #finance-now-compact .fn-overview{padding:13px 14px;gap:12px}
  #finance-now-compact .fn-total{font-size:27px}
  #finance-now-compact .fn-overviewbottom{gap:7px;padding:9px 0 13px}
  #finance-now-compact .fn-accounts{grid-template-columns:1fr;gap:11px}
  #finance-now-compact .fn-grouphead{padding:11px 13px;min-height:40px}
  #finance-now-compact .fn-grouphead h2{font-size:13px}
  #finance-now-compact .fn-account{padding:9px 13px;min-height:54px;row-gap:3px}
  #finance-now-compact .fn-accountname{font-size:12px}
  #finance-now-compact .fn-accountbalance{font-size:16px;grid-row:1 / span 2}
  #finance-now-compact .fn-accountstamp{grid-column:1;font-size:11px}
  #finance-now-compact .fn-equivalent{grid-column:2}
  #finance-now-compact .fn-operations{margin-top:18px}
  #finance-now-compact .fn-operationshead{align-items:baseline;flex-wrap:wrap;gap:4px}
  #finance-now-compact .fn-tx{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}
  #finance-now-compact .fn-txamount{font-size:12px}
}