/* Shared Finance Mobile V2 tokens/components. Preview-only, opt-in. */
@media(max-width:768px){
html.payments-mobile-v2{--fm-bg:#f2f6fc;--fm-surface:#fff;--fm-text:#152453;--fm-muted:#73839d;--fm-blue:var(--primary,#2563eb);--fm-green:#179b68;--fm-orange:#d77a16;--fm-red:#e64760;--fm-line:#edf1f7;--fm-radius:12px;--fm-gap:12px;--fm-pad:12px;--fm-font:13px;--fm-kpi:19px;--fm-amount:22px;--fm-header:56px;--fm-nav:48px;background:var(--fm-bg)}
html.payments-mobile-v2 body{background:var(--fm-bg)!important;color:var(--fm-text)}
html.payments-mobile-v2 #main-area{height:auto!important;overflow:visible!important;min-height:100dvh!important}
html.payments-mobile-v2 #page-finance{padding:0 0 calc(78px + env(safe-area-inset-bottom))!important;background:var(--fm-bg)!important}
html.payments-mobile-v2 #finance-container,html.payments-mobile-v2 #finance-shell-v2{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
html.payments-mobile-v2 #finance-primary-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;position:sticky!important;top:var(--fm-header)!important;z-index:100!important;height:var(--fm-nav)!important;gap:2px!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:#fff!important;margin:0!important;scrollbar-width:none!important;box-shadow:0 2px 8px #20396006!important}
html.payments-mobile-v2 #finance-primary-nav::-webkit-scrollbar{display:none}
html.payments-mobile-v2 .finance-tab-btn{position:relative!important;flex:0 0 auto!important;white-space:nowrap!important;height:48px!important;padding:0 10px!important;font-size:13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#64748b!important}
html.payments-mobile-v2 .finance-tab-btn.fd-current{color:var(--fm-blue)!important;font-weight:700!important}
html.payments-mobile-v2 .finance-tab-btn.fd-current:after{content:'';position:absolute;bottom:4px;left:14px;right:14px;height:3px;border-radius:3px;background:var(--fm-blue)}
html.payments-mobile-v2 #finance-tab-content{padding:14px 12px 0!important;min-width:0!important;margin:0!important;background:transparent!important}
html.payments-mobile-v2 #finance-tab-content *{box-sizing:border-box}
.fm-chip{display:inline-flex;align-items:center;white-space:nowrap;padding:3px 7px;line-height:1.4;font-size:11px;font-weight:500;border-radius:5px;background:#f1f4f9;color:#64748b}
.fm-chip.green{background:#f0fdf4;color:var(--success,#22c55e)}.fm-chip.orange{background:#fff5e9;color:var(--fm-orange)}.fm-chip.red{background:#fff0f3;color:var(--fm-red)}.fm-chip.blue{background:#edf4ff;color:var(--fm-blue)}
.fm-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-size:21px;background:#edf4ff;color:var(--fm-blue)}
.fm-icon.green{background:#eaf9f1;color:var(--fm-green)}.fm-icon.orange{background:#fff3e5;color:var(--fm-orange)}.fm-icon.red{background:#ffedf1;color:var(--fm-red)}
.fm-income{color:var(--fm-green)}.fm-warning{color:var(--fm-orange)}.fm-risk{color:var(--fm-red)}
.fm-empty{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;padding:24px 12px;color:var(--fm-muted);font-size:13px;line-height:1.6}.fm-empty p{margin:0}.fm-empty strong{color:#52688c;font-size:14px}.fm-empty .fm-icon{width:38px;height:38px}
.fm-filter-overlay{position:fixed;inset:0;z-index:200000;background:#14274466;display:flex;align-items:flex-end;justify-content:center}
.fm-filter-sheet{width:100%;max-width:600px;max-height:88dvh;display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -8px 40px #13254d12;color:var(--fm-text)}
.fm-sheet-grip{height:4px;width:36px;border-radius:4px;background:#d7dfec;margin:10px auto 2px;flex:none}
.fm-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--fm-line);flex:none}
.fm-sheet-head h2{margin:0;font-size:18px;line-height:1.5}.fm-sheet-head button{width:32px;height:32px;border:0;background:#f3f6fb;border-radius:8px;font-size:22px;color:#657894}
.fm-sheet-body{overflow:auto;overscroll-behavior:contain;padding:0 18px 18px;min-height:0;font-size:13px}
.fm-filter-group{padding:17px 0;border-bottom:1px solid var(--fm-line)}.fm-filter-group h3{margin:0 0 11px;font-size:14px}
.fm-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.fm-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#657894;font-size:12px}.fm-field.wide{grid-column:1/-1}
.fm-field :is(select,input){min-width:0;max-width:100%;width:100%;height:42px;border:1px solid #e4ebf6;border-radius:8px;background:#f9fbfe;padding:0 10px;color:var(--fm-text);font-family:inherit;font-size:14px;outline:0}.fm-field :is(select,input):focus{border-color:#90b8fc}
.fm-quick-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.fm-quick-dates button{min-height:35px;border:1px solid #e4ebf6;border-radius:7px;background:#f9fbfe;color:#657894;font-size:12px}.fm-quick-dates button.active{background:#edf4ff;color:var(--fm-blue);border-color:#b2ccff}
.fm-sheet-foot{display:flex;gap:9px;flex:none;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--fm-line);background:#fff}.fm-sheet-foot button{height:44px;border-radius:9px;border:1px solid #e0e9f8;font-size:14px;font-weight:600;font-family:inherit;background:#fff;color:#52688c}.fm-sheet-foot .fm-reset{flex:.8}.fm-sheet-foot .fm-cancel{flex:.8}.fm-sheet-foot .fm-apply{flex:1.4;background:var(--fm-blue);color:#fff;border-color:var(--fm-blue)}
html.fm-sheet-open,html.fm-sheet-open body{overflow:hidden!important}
.fm-sheet-error{color:var(--fm-red);font-size:12px;margin:8px 0 0}
}