/* Refinements to the existing quiet, brand-blue app presentation. */
body.app.calm{--dock-clearance:calc(112px + env(safe-area-inset-bottom));--faint:#a4aaa1}
body.app.calm main{padding-bottom:0!important;scroll-padding-bottom:var(--dock-clearance)}
body.app.calm :is(.kc-home-wrap,.kc-ex-wrap,.kc-assets-wrap,.kc-profile-wrap,.lb2-wrap,.kc-settings-wrap,.utility-page,.secondary-page,.fanplay-layout){padding-bottom:var(--dock-clearance)!important}
body.app.calm :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #8475ff!important;outline-offset:4px!important}
body.app.calm :is(input,select,textarea,[contenteditable="true"]):is(:focus,:focus-visible){outline:none!important;border-color:transparent!important;box-shadow:none!important}
body.app.calm :is(.field,.tfield,.inp,.kc-search-box,.kc-home-search-box,.fp-stake-input-wrap):focus-within{outline:none!important;box-shadow:none!important}
body.app.calm [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
body.app.calm :is(.kc-price-sub,.kc-pair-sub,.kc-asset-sub,.fp-step-label,.fp-metric-lbl,.lb2-profit,.portfolio-player small,.portfolio-value>span,.portfolio-cost span,.formation-player>b,.formation-player>span,.kc-home-wrap small){font-size:12px!important}
body.app.calm :is(.kc-card-bal,.kc-price-main,.kc-asset-val,.lb2-profit,.fp-metric-val){font-variant-numeric:tabular-nums}
body.app.calm .fp-nav-btns{position:sticky;bottom:calc(92px + env(safe-area-inset-bottom));z-index:40;padding:16px 0;background:#050505;margin-top:24px}
body.app.calm .fp-compact-progress{display:none}
body.app.calm .wallet-spendable{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 0;font-size:13px;color:#fff}
body.app.calm .wallet-spendable b{font-size:15px;font-variant-numeric:tabular-nums}
body.app.calm .wallet-value-note{font-size:12px;color:var(--dim);line-height:1.6;margin:18px 0 0}
body.app.calm .kc-alloc-legend{flex-wrap:wrap;gap:14px 24px}
body.app.calm .settings-switcher{margin-bottom:28px}
body.app.calm .settings-switcher summary{display:none}
body.app.calm .settings-switcher .settings-nav{margin:0;overflow:visible;flex-wrap:wrap}
body.app.calm .market-filters>summary{display:none}
body.app.calm .market-filters>summary span{font-size:12px;font-weight:400;color:var(--dim);text-align:right}
body.app.calm .home-card{min-height:340px!important;justify-content:flex-start}
body.app.calm .home-card-stats{margin:24px 0 20px}
body.app.calm .kc-home-wrap .home-claim-desc{max-width:48ch}
body.app.calm .fp-asset-card[aria-pressed="true"],body.app.calm .fp-asset-card.selected{background:#17102d!important;border-radius:20px!important}
@media(max-width:680px){
 body.app.calm .settings-switcher summary,body.app.calm .market-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-radius:16px;padding:12px 16px;background:#121411;color:var(--ink);font-size:14px;font-weight:600;list-style:none;cursor:pointer}
 body.app.calm summary::-webkit-details-marker{display:none}
 body.app.calm .settings-switcher summary span{font-size:12px;color:var(--dim);font-weight:400}
 body.app.calm .settings-switcher:not([open])>.settings-nav,body.app.calm .market-filters:not([open])>.kc-sub-bar{display:none}
 body.app.calm .settings-switcher .settings-nav{display:grid;grid-template-columns:1fr;margin:12px 0 0;padding:0;gap:4px}
 body.app.calm .settings-switcher .settings-nav a{justify-content:flex-start;text-align:left;min-height:48px}
 body.app.calm .market-filters{margin-bottom:24px}
 body.app.calm .market-filters .kc-sub-bar{margin:12px 0 0}
 body.app.calm .market-filters .kc-sub-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
 body.app.calm .market-filters .kc-sub-tab{padding:10px 14px;background:#121411;border-radius:999px;min-height:44px}
 body.app.calm .market-filters .kc-sub-tab.on{background:#1800ad;color:#fff}
 body.app.calm .kc-cat-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;scrollbar-width:none}
 body.app.calm .kc-cat-tab{padding:8px 12px!important;min-height:40px!important;font-size:12px!important}
 body.app.calm .fp-step-bar{display:none}
 body.app.calm .fp-compact-progress{display:block;margin:0 0 26px}
 body.app.calm .fp-compact-progress p{font-size:13px;color:var(--dim);margin:0 0 12px}
 body.app.calm .fp-compact-progress progress{display:block;width:100%;height:5px;border:0;border-radius:999px;overflow:hidden;appearance:none;background:#20231e}
 body.app.calm .fp-compact-progress progress::-webkit-progress-bar{background:#20231e}
 body.app.calm .fp-compact-progress progress::-webkit-progress-value{background:#1800ad;border-radius:999px}
 body.app.calm .fp-compact-progress progress::-moz-progress-bar{background:#1800ad}
 body.app.calm .wallet-spendable{flex-wrap:wrap}
}

/* Home market: consistent price and change columns, including small mobile screens. */
body.app.calm #homeMarketRows .kc-row{grid-template-columns:minmax(0,1fr) 124px 70px!important;gap:12px!important;padding:14px 0!important}
body.app.calm #homeMarketRows .kc-row-mid,body.app.calm #homeMarketRows .kc-row-right{min-width:0}
body.app.calm #homeMarketRows .kc-price-main,body.app.calm #homeMarketRows .kc-price-sub,body.app.calm #homeMarketRows .kc-pill{white-space:nowrap;line-height:1.4}
body.app.calm #homeMarketRows .kc-price-sub{font-size:11px!important;margin-top:3px}
body.app.calm #homeMarketRows .kc-row-left>div:last-child{flex:1;min-width:0}
@media(max-width:680px){
 body.app.calm #homeMarketRows .kc-row{grid-template-columns:minmax(0,1fr) 112px 52px!important;gap:8px!important}
 body.app.calm #homeMarketRows .kc-price-main{font-size:13px!important}
 body.app.calm #homeMarketRows .kc-pair-title{font-size:13px!important}
 body.app.calm #homeMarketRows .kc-pair-sub{font-size:11px!important}
 body.app.calm #homeMarketRows .kc-pill{font-size:11px!important}
 body.app.calm #homeMarketRows .kc-row-left{gap:8px}
}
@media(max-width:360px){
 body.app.calm #homeMarketRows .kc-row{grid-template-columns:minmax(0,1fr) 104px 46px!important;gap:6px!important}
 body.app.calm #homeMarketRows .kc-price-main{font-size:12px!important}
 body.app.calm #homeMarketRows .kc-price-sub,body.app.calm #homeMarketRows .kc-pair-sub{font-size:10px!important}
 body.app.calm #homeMarketRows .kc-avatar{width:34px!important;height:34px!important}
 body.app.calm #homeMarketRows .kc-row-left{gap:7px}
 body.app.calm #homeMarketRows .kc-pill{font-size:10px!important}
}

/* Prevent intrinsic portrait height from stretching Home's grid avatar track. */
body.app.calm #homeMarketRows .kc-avatar{display:block}