/*
 * Ata Finance v6.3 — Global UI Stability Layer
 * Purpose: normalize spacing, typography, RTL alignment and responsive behavior
 * across every PHP screen without changing finance/business logic.
 */
:root{
  --af-content-max:1480px;
  --af-sidebar:276px;
  --af-sidebar-medium:244px;
  --af-page-x:clamp(24px,2.4vw,40px);
  --af-page-y:28px;
  --af-section-gap:32px;
  --af-block-gap:24px;
  --af-card-gap:20px;
  --af-control-gap:14px;
  --af-card-pad:24px;
  --af-card-pad-lg:28px;
  --af-radius:18px;
  --af-radius-sm:13px;
  --af-text:15px;
  --af-meta:12px;
  --af-label:13px;
  --af-title:22px;
}

/* ---------- global resilience ---------- */
html,body{max-width:100%;overflow-x:hidden}
body{font-size:var(--af-text);line-height:1.7}
img,svg,canvas{max-width:100%}
.app-shell,.main-content,.panel,.page-grid,.content-grid,.hero-grid,.kpi-grid,.settings-layout,.settings-content,.security-grid,.data-actions-grid,.account-grid,.market-grid,.goal-grid-v5,.report-sections>*{min-width:0}
.main-content{inline-size:100%;max-inline-size:var(--af-content-max)}
.main-content :is(h1,h2,h3,p,span,strong,small,label,a,button){overflow-wrap:anywhere}
.main-content small{font-size:12px!important;line-height:1.6!important}
.main-content .muted{font-size:13px!important;line-height:1.65!important}
.main-content .eyebrow{font-size:12px!important;line-height:1.5!important}
.main-content .panel-description{font-size:13px!important;line-height:1.8!important}
.main-content .form-note{font-size:12px!important;line-height:1.8!important}
.main-content input,.main-content select,.main-content textarea{font-size:14px!important}
.main-content label,.main-content label>span{font-size:13px!important;line-height:1.55}
.main-content .primary-btn,.main-content .secondary-btn,.main-content .danger-button{font-size:14px!important}
.main-content .text-btn{font-size:13px!important}

/* ---------- desktop application shell ---------- */
@media (min-width:821px){
  .app-shell{grid-template-columns:var(--af-sidebar) minmax(0,1fr)}
  .sidebar{width:auto;padding:20px 14px 18px}
  .main-content{padding:var(--af-page-y) var(--af-page-x) 72px;margin-inline:auto}
  .topbar{min-height:78px;margin:0 0 30px;padding:8px 0 14px;gap:24px}
  .topbar-copy{max-width:min(760px,58vw)}
  .topbar h1{font-size:26px!important;line-height:1.35!important}
  .topbar-subtitle{font-size:13px!important;line-height:1.65!important;margin-top:4px!important}
  .topbar-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}

  /* Sidebar footer was wrapping/breaking because account link and logout competed in one grid. */
  .sidebar-footer{gap:12px;padding:16px 2px 0}
  .ai-chip{min-height:58px;padding:10px 11px;gap:10px}
  .ai-chip strong{font-size:13px!important;line-height:1.35}.ai-chip small{font-size:11px!important;line-height:1.45}
  .user-mini{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;align-items:center!important;gap:8px!important;padding:6px!important}
  .user-account-link{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:5px!important}
  .user-avatar{width:40px!important;height:40px!important;border-radius:12px!important}
  .user-account-link>div:nth-child(2){min-width:0!important}
  .user-account-link strong,.user-account-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .user-account-link strong{font-size:13px!important;line-height:1.35}.user-account-link span{font-size:11px!important;line-height:1.4}
  .logout-link{width:38px!important;height:38px!important}

  /* Main page rhythm. No independent blocks are allowed to visually touch. */
  .main-content>.section-toolbar{margin-bottom:24px!important}
  .main-content>.section-toolbar+.kpi-grid{margin-top:0!important}
  .main-content>.kpi-grid{margin-top:0!important;margin-bottom:0!important}
  .main-content>.kpi-grid+.page-grid,
  .main-content>.kpi-grid+.wealth-links,
  .main-content>.kpi-grid+.content-grid,
  .main-content>.kpi-grid+.panel,
  .main-content>.kpi-grid+.market-section{margin-top:var(--af-section-gap)!important}
  .main-content>.wealth-links+.page-grid,
  .main-content>.wealth-links+.panel{margin-top:var(--af-block-gap)!important}
  .main-content>.section-toolbar+.page-grid,
  .main-content>.section-toolbar+.panel{margin-top:var(--af-block-gap)!important}
  .main-content>.panel+.panel,
  .main-content>.panel+.page-grid,
  .main-content>.page-grid+.panel,
  .main-content>.page-grid+.page-grid,
  .main-content>.market-section+.market-section,
  .main-content>.report-card+.panel{margin-top:var(--af-section-gap)!important}

  /* Secondary page layout: stable primary content + sane side form width. */
  .page-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important;gap:var(--af-card-gap)!important;align-items:start!important;margin-top:0!important}
  .page-grid>.panel{padding:var(--af-card-pad)!important}
  .page-grid>.side-form{padding:var(--af-card-pad)!important}
  .panel{border-radius:var(--af-radius)!important}
  .panel-title-row{margin-bottom:18px!important;gap:16px!important}
  .panel-title-row h2,.panel h2{font-size:20px!important;line-height:1.45!important}

  /* Page section headers and tab bars. */
  .section-toolbar{align-items:flex-end!important;gap:22px!important}
  .section-toolbar h2,.ai-settings-hero h2,.ai-hero h2{font-size:26px!important;line-height:1.35!important}
  .month-switch,.wealth-links{gap:8px!important}
  .month-switch a,.wealth-links a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px!important;font-size:13px!important;line-height:1!important;border-radius:11px!important;white-space:nowrap}
  .wealth-links{margin:28px 0 0!important}

  /* KPI cards: readable values, real breathing room, equal visual height. */
  .kpi-grid{gap:18px!important}
  .kpi-card{min-height:132px!important;padding:20px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;border-radius:17px!important}
  .kpi-icon{width:48px!important;height:48px!important;border-radius:14px!important}
  .kpi-icon .ui-icon{width:21px!important;height:21px!important}
  .kpi-card .muted{font-size:13px!important;margin-bottom:2px}
  .kpi-card strong{font-size:22px!important;line-height:1.35!important;letter-spacing:-.15px}
  .kpi-card small{font-size:12px!important;margin-top:2px;color:var(--muted)!important}
  .kpi-card .mini-trend{font-size:12px!important;line-height:1.5!important;margin-top:4px!important}

  /* Forms */
  .side-form>div:first-child{margin-bottom:20px}
  .side-form form,.settings-form{gap:16px!important}
  .form-grid{gap:14px!important}
  input,select,textarea{min-height:48px!important;padding:10px 13px!important}
  textarea{min-height:108px!important}
  .input-with-unit{min-height:48px!important}
  .submit-btn{min-height:48px!important;margin-top:4px!important}

  /* Budget page */
  .page-budgets .kpi-grid+.page-grid{margin-top:30px!important}
  .page-budgets .page-grid{grid-template-columns:minmax(0,1fr) minmax(350px,390px)!important}
  .budget-list-v5,.asset-list-v5{margin-top:0!important;gap:12px!important}
  .budget-row-v5,.asset-row-v5{padding:15px 16px!important;border-radius:14px!important}
  .budget-row-main{gap:12px!important}
  .budget-row-main strong{font-size:14px!important}.budget-row-main small{font-size:12px!important}
  .budget-row-v5>.bar-track{margin:12px 0 4px!important}

  /* Assets / wealth tabs and rows */
  .page-assets .kpi-grid+.wealth-links{margin-top:28px!important}
  .page-assets .wealth-links+.page-grid{margin-top:22px!important}
  .asset-row-v5{grid-template-columns:minmax(220px,1fr) auto minmax(170px,.6fr) 42px!important;gap:14px!important}
  .asset-row-v5>div:first-child strong{font-size:15px!important}.asset-row-v5>div:first-child small{font-size:12px!important;line-height:1.6!important}
  .asset-kind{font-size:11px!important;padding:4px 8px!important;margin-bottom:5px!important}
  .asset-detail-link{font-size:12px!important;min-height:36px;display:inline-flex;align-items:center;padding:0 10px!important}
  .asset-value strong{font-size:15px!important}.asset-value span{font-size:12px!important;margin-top:2px}
  .danger-icon{width:38px!important;height:38px!important;display:grid;place-items:center}

  /* Accounts, goals, more tiles */
  .account-grid,.goal-grid-v5,.quick-modules-v5,.more-grid{gap:16px!important}
  .account-card,.goal-card-v5{padding:18px!important}
  .quick-modules-v5>a,.more-grid>a{min-height:104px!important;padding:18px!important;gap:14px!important}
  .quick-modules-v5 strong,.more-grid strong{font-size:14px!important}.quick-modules-v5 small,.more-grid small{font-size:12px!important;line-height:1.6!important}

  /* Reports */
  .report-page{gap:24px!important}
  .report-cover{padding:28px!important}
  .report-cover h2{font-size:30px!important}.report-cover p{font-size:13px!important;line-height:1.75!important}
  .report-kpis{gap:16px!important}.report-kpis>div{padding:18px!important;min-height:112px}
  .report-kpis span,.report-kpis small{font-size:12px!important}.report-kpis strong{font-size:21px!important}
  .report-sections{gap:22px!important}
  .insight-list>div,.comparison-grid>div{padding:14px!important}.insight-list p{font-size:13px!important;line-height:1.75!important}
  .comparison-grid span,.comparison-grid small{font-size:12px!important}.comparison-grid strong{font-size:16px!important}
  .bar-row>div:first-child{font-size:13px!important}.report-actions span{font-size:12px!important}

  /* AI */
  .ai-settings-hero,.ai-hero{padding:24px 26px!important;margin-bottom:24px!important}
  .ai-settings-hero p,.ai-hero p{font-size:13px!important;line-height:1.8!important}
  .ai-layout{gap:20px!important;grid-template-columns:minmax(0,1fr) 350px!important}
  .ai-message>span,.ai-message>small{font-size:11px!important}.ai-message>div{font-size:13.5px!important;line-height:1.9!important;padding:14px 16px!important}
  .ai-disclaimer{font-size:11px!important}.quick-prompts button{font-size:12px!important;padding:12px!important}
  .ai-status-grid span,.usage-meter span,.privacy-box p,.ai-report-text{font-size:12px!important}.ai-status-grid strong,.privacy-box strong{font-size:13px!important}
  .provider-badge{font-size:11px!important}.market-filter button,.range-tabs a{font-size:12px!important;min-height:38px!important;display:inline-flex;align-items:center}

  /* Market/portfolio/list metadata */
  .market-card small,.dashboard-market-list small,.portfolio-row small,.portfolio-row span,.trade-row small,.notification-item small,.report-archive-card small,.report-archive-card span{font-size:11.5px!important;line-height:1.55!important}
  .market-card strong,.portfolio-row strong,.notification-item strong{font-size:13px!important}
  .market-buy-sell small{font-size:11px!important}.market-buy-sell strong{font-size:12.5px!important}
  .trade-type{font-size:11px!important}.notification-item p{font-size:13px!important;line-height:1.7!important}

  /* Settings center: readable at 100% browser zoom. */
  body.page-account-settings .main-content{max-width:1480px}
  .settings-heading{margin-bottom:28px!important;align-items:flex-start!important}
  .settings-heading h2{font-size:30px!important}.settings-heading p{font-size:14px!important;max-width:760px}
  .settings-save-state{font-size:12px!important;min-height:40px;padding:8px 12px!important}
  .settings-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important}
  .settings-nav{top:106px!important;padding:10px!important}
  .settings-nav a{min-height:62px!important;padding:10px 11px!important;gap:11px!important}
  .settings-nav a strong{font-size:13px!important}.settings-nav a small{font-size:11px!important;line-height:1.4!important}
  .settings-content{gap:24px!important}
  .settings-section{padding:26px!important}
  .settings-section-head{grid-template-columns:50px minmax(0,1fr)!important;gap:16px!important;padding-bottom:20px!important;margin-bottom:22px!important}
  .settings-section-head h2{font-size:21px!important}.settings-section-head p{font-size:13px!important;line-height:1.8!important}
  .two-col-settings{gap:18px 20px!important}
  .two-col-settings label small,.settings-form label>small,.danger-reset-form label>small{font-size:11.5px!important}
  .settings-actions span{font-size:11.5px!important}
  .security-grid{gap:18px!important}.settings-subcard{padding:20px!important}.settings-subcard>div:first-child strong{font-size:15px!important}.settings-subcard>div:first-child p{font-size:12.5px!important;line-height:1.75!important}
  .account-meta dt,.account-meta dd{font-size:12.5px!important}
  .security-history h3{font-size:16px!important}.security-event-list strong{font-size:12.5px!important}.security-event-list small,.security-event-list time{font-size:11px!important}
  .preference-group{padding:19px 0!important;gap:22px!important}.preference-copy strong{font-size:14px!important}.preference-copy small{font-size:12px!important;line-height:1.65!important}
  .choice-pills span{font-size:13px!important}.accent-options span{font-size:11.5px!important}
  .setting-switch span strong{font-size:13px!important}.setting-switch span small{font-size:11.5px!important}
  .data-actions-grid{gap:16px!important}.data-action-card{min-height:174px!important;padding:20px!important}.data-action-card strong{font-size:13.5px!important}.data-action-card small{font-size:12px!important;line-height:1.7!important}
  .danger-button{font-size:13px!important}
}

/* ---------- medium desktop / tablet landscape ---------- */
@media (min-width:821px) and (max-width:1260px){
  :root{--af-page-x:24px;--af-section-gap:28px;--af-card-gap:18px}
  .app-shell{grid-template-columns:var(--af-sidebar-medium) minmax(0,1fr)!important}
  .sidebar{padding-inline:12px}.nav-item.active:before{right:-12px!important}
  .main-content{max-width:none}
  .topbar-copy{max-width:60vw}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-grid{grid-template-columns:1fr!important}
  .page-grid>.side-form{max-width:none!important}
  .wealth-links{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none}.wealth-links::-webkit-scrollbar{display:none}.wealth-links a{flex:0 0 auto}
  .asset-row-v5{grid-template-columns:minmax(0,1fr) auto minmax(150px,.5fr) 42px!important}
  .settings-layout{grid-template-columns:1fr!important}
  .settings-nav{position:static!important;display:flex!important;overflow-x:auto!important;gap:8px!important;scrollbar-width:none!important;margin-bottom:0!important}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{flex:0 0 auto!important;min-width:150px!important;grid-template-columns:28px minmax(0,1fr)!important}
  .settings-content{gap:22px!important}
  .security-grid,.data-actions-grid{grid-template-columns:1fr 1fr!important}
  .preference-group{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important}
}

/* ---------- mobile & narrow tablet ---------- */
@media (max-width:820px){
  :root{--af-section-gap:22px;--af-block-gap:18px;--af-card-gap:14px;--af-card-pad:16px}
  body{font-size:15px;line-height:1.7;padding-bottom:84px}
  .main-content{padding:16px 14px 28px!important;max-width:none}
  .topbar{margin-bottom:18px!important;align-items:flex-start!important;gap:10px!important}
  .topbar-copy{min-width:0}.topbar h1{font-size:20px!important}.topbar .eyebrow{font-size:11px!important}.topbar-subtitle{display:none!important}
  .topbar-actions{gap:7px!important}.notification-top{width:42px!important;height:42px!important;flex:0 0 auto}
  .main-content small{font-size:11.5px!important}.main-content .muted{font-size:12px!important}.main-content .eyebrow{font-size:11px!important}
  .main-content input,.main-content select,.main-content textarea{font-size:16px!important}

  .section-toolbar{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;margin-bottom:18px!important}
  .section-toolbar h2,.ai-settings-hero h2,.ai-hero h2{font-size:22px!important}
  .month-switch{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .month-switch a{min-height:42px!important;display:flex!important;align-items:center;justify-content:center;font-size:12px!important;padding:0 8px!important;text-align:center}
  .wealth-links{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;margin:18px -2px 0!important;padding:0 2px 4px!important;scrollbar-width:none}.wealth-links::-webkit-scrollbar{display:none}.wealth-links a{flex:0 0 auto;min-height:40px;display:flex;align-items:center;padding:0 12px!important;font-size:12px!important}

  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
  .kpi-card{min-height:108px!important;padding:14px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;border-radius:15px!important}
  .kpi-icon{width:40px!important;height:40px!important;border-radius:12px!important}.kpi-icon .ui-icon{width:18px!important;height:18px!important}
  .kpi-card .muted{font-size:11.5px!important}.kpi-card strong{font-size:17px!important}.kpi-card small{font-size:10.5px!important}.kpi-card .mini-trend{font-size:10.5px!important}
  .main-content>.kpi-grid+.page-grid,.main-content>.kpi-grid+.wealth-links,.main-content>.kpi-grid+.panel,.main-content>.kpi-grid+.content-grid{margin-top:20px!important}
  .main-content>.wealth-links+.page-grid{margin-top:16px!important}

  .page-grid,.content-grid,.report-sections,.ai-layout{grid-template-columns:1fr!important;gap:14px!important}
  .page-grid>.panel,.panel{padding:16px!important;border-radius:16px!important}
  .panel-title-row{margin-bottom:14px!important}.panel-title-row h2,.panel h2{font-size:18px!important}
  .side-form>div:first-child{margin-bottom:16px}.side-form form{margin-top:0!important;gap:14px!important}
  .form-grid{grid-template-columns:1fr!important;gap:12px!important}

  .asset-row-v5{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:13px!important}
  .asset-row-v5 .asset-detail-link{grid-column:1;justify-self:start}.asset-row-v5 .asset-value{grid-column:1}.asset-row-v5 form{grid-column:2!important;grid-row:1/4!important;align-self:center!important}
  .asset-kind{font-size:10.5px!important}.asset-row-v5>div:first-child strong{font-size:14px!important}.asset-row-v5>div:first-child small,.asset-value span{font-size:11px!important}.asset-value strong{font-size:14px!important}

  .report-page{gap:16px!important}.report-cover{padding:18px!important;align-items:flex-start!important}.report-cover h2{font-size:23px!important}.report-cover p{font-size:12px!important}.report-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important}.report-kpis>div{padding:13px!important;min-height:96px}.report-kpis strong{font-size:17px!important}.report-kpis span,.report-kpis small{font-size:10.5px!important}

  .ai-settings-hero,.ai-hero{padding:17px!important;margin-bottom:16px!important}.ai-settings-hero p,.ai-hero p{font-size:12px!important}.ai-message>div{font-size:13px!important}.quick-prompts button{font-size:12px!important}

  /* Settings becomes top-tab + one-column, avoiding tiny desktop layout squeezed onto tablet/mobile. */
  .settings-heading{margin-bottom:16px!important;gap:10px!important}.settings-heading h2{font-size:23px!important}.settings-heading p{font-size:12.5px!important}.settings-save-state{font-size:11px!important;white-space:normal!important}
  .settings-layout{display:block!important}.settings-nav{position:static!important;display:flex!important;overflow-x:auto!important;gap:6px!important;padding:6px!important;margin-bottom:14px!important;scrollbar-width:none!important}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{flex:0 0 auto!important;display:flex!important;min-height:42px!important;padding:8px 10px!important;gap:7px!important}.settings-nav a small{display:none!important}.settings-nav a strong{font-size:12px!important}
  .settings-content{gap:16px!important}.settings-section{padding:16px!important}.settings-section-head{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding-bottom:15px!important;margin-bottom:16px!important}.settings-section-icon{width:42px!important;height:42px!important}.settings-section-head h2{font-size:18px!important}.settings-section-head p{font-size:11.5px!important}
  .two-col-settings,.security-grid,.data-actions-grid{grid-template-columns:1fr!important}.preference-group{grid-template-columns:1fr!important;gap:10px!important;padding:15px 0!important}.preference-copy strong{font-size:13px!important}.preference-copy small{font-size:11.5px!important}.accent-options{grid-template-columns:repeat(4,minmax(70px,1fr))!important;overflow-x:auto!important}.data-action-card{min-height:auto!important;padding:16px!important}.danger-reset-form,.inline-confirm-form{grid-template-columns:1fr!important}

  .mobile-nav{padding-inline:8px!important}.mobile-nav a,.mobile-nav button{min-width:0}.mobile-nav small{font-size:10px!important;white-space:nowrap}
}

@media (max-width:520px){
  .main-content{padding-inline:12px!important}
  .kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.kpi-card{min-height:102px!important;padding:12px!important;grid-template-columns:36px minmax(0,1fr)!important}.kpi-icon{width:36px!important;height:36px!important}.kpi-card strong{font-size:16px!important}
  .report-kpis{grid-template-columns:1fr 1fr!important}
  .settings-save-state{width:100%;justify-content:flex-start}
  .accent-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .choice-pills{grid-template-columns:1fr 1fr!important}
}

/* Compact mode may reduce whitespace, but never below usability thresholds. */
@media (min-width:821px){
  body.density-compact{--af-section-gap:24px;--af-block-gap:18px;--af-card-gap:16px;--af-card-pad:20px}
  body.density-compact .kpi-card{min-height:116px!important;padding:16px!important}
  body.density-compact .kpi-card strong{font-size:20px!important}
  body.density-compact .page-grid>.panel{padding:20px!important}
  body.density-compact .main-content>.kpi-grid+.page-grid,body.density-compact .main-content>.kpi-grid+.wealth-links{margin-top:24px!important}
}

/* Wide screens: prevent the "empty ocean" effect while keeping data readable. */
@media (min-width:1680px){
  .main-content{max-width:1520px}
  .page-grid{grid-template-columns:minmax(0,1fr) 390px!important}
  .kpi-grid{gap:20px!important}
}

/* Long tokens, provider endpoints and tables must never break page width. */
.cron-code,.provider-info,.provider-info-good,.market-meta,.security-note-v4{overflow-wrap:anywhere;word-break:break-word}
.transaction-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.transaction-table{min-width:720px}

/* Reduced motion is a product setting and an OS preference. */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* Final micro-type normalization: legacy v2-v6 selectors used 8–11px heavily. */
@media (min-width:821px){
  .main-content :is(.chart-footer,.chart-legend,.segmented button,.report-preview-grid span,.filter-tabs a,.transaction-row span,.transaction-amount small,.transaction-table th,.transaction-table td,.market-hero p,.market-notice span,.market-notice a,.sync-strip,.market-card-head span,.market-price small,.market-meta,.provider-info p,.switch-row span strong,.switch-row span small,.mini-check,.setup-steps strong,.setup-steps p,.provider-future strong,.provider-future span,.market-settings-intro p,.provider-info-good strong,.provider-health,.advanced-api summary,.security-note-v4 p,.provider-status-card strong,.provider-status-card small,.history-tooltip,.analysis-run summary,.status-pill){font-size:12px!important;line-height:1.65!important}
  .main-content :is(.dashboard-market-list span small,.dashboard-market-list>div>strong small,.dashboard-market-list>a span small,.dashboard-market-list>a>strong small){font-size:11.5px!important;line-height:1.55!important}
  .main-content :is(.dashboard-market-list>div>strong,.dashboard-market-list>a>strong){font-size:13px!important}
  .main-content .transaction-table th{font-size:12px!important;letter-spacing:0!important}.main-content .transaction-table td{font-size:13px!important}
  .main-content .filter-tabs a{min-height:38px;display:inline-flex;align-items:center;font-size:12px!important}
  .main-content .switch-row{padding:14px!important;gap:12px!important}.main-content .switch-row span strong{font-size:13px!important}.main-content .switch-row span small{font-size:11.5px!important}
  .main-content .provider-badge{font-size:11px!important}.main-content .market-meta{font-size:11.5px!important}
}

/* Mobile KPI copy must wrap inside the card; legacy .mini-trend used nowrap. */
@media (max-width:820px){
  .kpi-card>div,.kpi-copy{min-width:0!important}
  .kpi-card .mini-trend,.kpi-card .trend{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.55!important}
  .dashboard-kpi-grid .kpi-card{overflow:hidden}
}