/* Shared final sizing layer: every page uses the same compact controls. */
body{font-size:calc(12px * var(--ui-scale));line-height:1.4}
.content h1,.content h2,.inline-heading h1,.pagehead h1,.pagehead h2{font-size:calc(19px * var(--ui-scale));line-height:1.25;margin:6px 0;font-weight:600}
.content h3{font-size:calc(14px * var(--ui-scale));margin:5px 0;font-weight:550}
.content p,.content label,.content legend,.content summary,.content .muted,.content .notice,.content .flash{font-size:calc(12px * var(--ui-scale));font-weight:400}
.content .card,.content .panel,.content .metric,.content .balance-card,.content .dashboard-shift-card{padding:9px!important;border-radius:10px;min-height:0}
.content .form,.content .filters{gap:8px}.content .form label{margin:0}.content fieldset{padding:7px 9px;margin:4px 0}
.content button,.content .btn,.content .quick a,.content .smallbtn,.content .type-chip,.content .tap-options a,.content .tap-options button,.content .rate-taps button,.content .bank-tap span,.content .exportgrid button{font-size:calc(11px * var(--ui-scale))!important;font-weight:400!important;padding:6px 9px!important;min-height:34px!important;border-radius:8px;line-height:1.3}
.content .rate-taps button{gap:1px;min-width:84px;flex:0 0 auto!important}.content .rate-taps button small{font-size:calc(10px * var(--ui-scale));font-weight:400}.content .bank-tap span{white-space:nowrap}.content .tap-arrow{padding:0!important;font-size:18px!important;width:24px;min-height:34px!important}.content .tap-slider{grid-template-columns:24px minmax(0,1fr) 24px;gap:3px}
.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea{font-size:calc(14px * var(--ui-scale));font-weight:400;padding:8px 10px;min-height:39px;border-radius:8px}.content textarea{min-height:76px}
.content .balance-card h2,.content .card>strong,.content .metric strong{font-size:calc(20px * var(--ui-scale));font-weight:550}.content .client-card-name{font-size:calc(12px * var(--ui-scale));font-weight:500}.content .status-badge,.content .pill{font-size:calc(9px * var(--ui-scale))!important;padding:2px 5px!important;min-height:0!important}
.sidebar a,.sheet-links a,.sheet-title b,.sheet-title small,.topright .user{font-size:calc(12px * var(--ui-scale))!important;font-weight:400!important}.sidebar a,.sheet-links a{padding:8px 10px;min-height:34px}.nav a,.nav button,.mobilemore button{font-size:calc(10px * var(--ui-scale))!important;font-weight:400!important}.nav svg{width:20px;height:20px}.nav a,.nav button{gap:3px}.toplogout,.neutral-logout{font-size:calc(11px * var(--ui-scale));font-weight:400;min-height:34px;padding:6px 9px}
.content .paired-fields,.content .grid2,.content .grid4,.content .account-card-grid{gap:7px}.content .notice,.content .flash{padding:8px 10px;margin:6px 0}.content .form.card{margin:7px 0}.content .transfer-grid{gap:6px}
@media(max-width:700px){.content{padding:9px}.sidebar a,.sheet-links a{font-size:calc(11px * var(--ui-scale))!important}.content .transfer-tile,.content .statement-entry{padding:8px!important}.top{padding:9px 11px}.mobile-menu-button{width:36px;height:36px;min-height:36px;padding:7px}.mobile-menu-button svg{width:20px;height:20px}.content .quick a{min-height:36px!important}.content .balance-card{gap:8px}.content .balance-card small{font-size:calc(10px * var(--ui-scale))}}
.nav{min-height:60px;padding:5px 5px calc(5px + env(safe-area-inset-bottom))}.nav a,.nav button{min-height:42px;border-radius:9px}.nav .add{width:44px;min-height:44px;border-radius:11px}.mobilemore .sheet-links button{min-height:34px;padding:8px 10px;font-size:calc(11px * var(--ui-scale))!important}

.topright .notification-bell,.topright .header-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:8px;border-radius:9px;background:transparent;color:var(--text);border:1px solid currentColor}.header-theme-toggle svg{width:18px;height:18px}.theme-sun{display:none}[data-theme="dark"] .theme-sun{display:block}[data-theme="dark"] .theme-moon{display:none}.topright{gap:7px}.topright form{margin:0}

/* Small-screen confirmation and shared page clearance. */
.review-pagehead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.review-pagehead h1{margin:0;min-width:0}.review-pagehead .btn{flex-shrink:0}.review-navigation{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.content .deriv-confirmation{width:100%;max-width:640px;margin:8px auto;padding:10px!important}.content .deriv-confirmation p{margin-bottom:7px;overflow-wrap:anywhere}.content .deriv-confirmation .form{gap:6px}.content .deriv-confirmation .deriv-wordmark{font-size:24px}.content .deriv-confirmation h2{font-size:calc(16px * var(--ui-scale));margin:6px 0}.content .deriv-confirmation .notice{padding:7px;margin:6px 0}
@media(max-width:700px){.content{padding:8px 8px calc(86px + env(safe-area-inset-bottom))}.content .card,.content .panel{max-width:100%;min-width:0}.content .pagehead,.content .panelhead,.content .actions{flex-wrap:wrap;gap:6px}.content .form,.content .filters{min-width:0}.content label{min-width:0;overflow-wrap:anywhere}.content .quick a,.content .actions .btn{white-space:normal}.content dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto}.top{gap:6px}.topbrand{gap:6px;min-width:0}.top .deriv-logo{width:88px;height:32px}.top small{font-size:9px;letter-spacing:0}.topright{gap:5px}.topright .notification-bell,.topright .header-theme-toggle{width:32px;height:32px;min-height:32px;padding:6px}.toplogout{padding:6px!important;font-size:10px}.review-pagehead h1{font-size:calc(16px * var(--ui-scale))}.review-navigation .btn{flex:1 1 auto}}
@media(max-width:360px){.top .deriv-logo{width:72px}.top small{font-size:8px}.mobile-menu-button{width:30px;min-height:32px;height:32px}.content .deriv-confirmation{padding:8px!important}.content .paired-fields{gap:5px}}

.header-notifications{position:fixed;right:8px;top:70px;width:min(380px,calc(100vw - 16px));max-height:65dvh;overflow:auto;z-index:80;background:var(--card);border:1px solid var(--line);padding:10px;border-radius:10px}.header-notifications .card{padding:8px;margin:7px 0}.header-notifications h1{font-size:16px}.funding-count{color:var(--green);font-size:10px;white-space:nowrap}

.appreciation-link{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.appreciation-link .wallet-inline-balance{display:inline!important;margin:0!important;color:var(--green);white-space:nowrap}.paired-fields:has(.appreciation-link){grid-template-columns:1fr}.appreciation-link span{font-size:calc(12px * var(--ui-scale))}

.content .client-card-name{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-width:0;width:100%}.content .client-card-name .client-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit;font-weight:inherit}.content .client-card-name .funding-count{flex:0 0 auto;margin-left:auto;padding-left:4px;color:var(--green);font-size:10px}

.payment-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.payment-hub>a.card{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;padding:12px;color:inherit;text-decoration:none}.payment-hub small{display:block;line-height:1.4}@media(min-width:900px){.payment-hub{max-width:900px}}