/* Dark Flow Futures — Readable Mission Control Typography v1
   Global readability pass. Keeps compact density while removing micro-text fatigue. */
:root{
  --df-font-body:11px;
  --df-font-control:10.5px;
  --df-font-label:9.5px;
  --df-font-helper:9px;
  --df-font-section:12px;
  --df-font-page:18px;
  --df-row-h:33px;
  --df-card-pad:13px;
}
html{font-size:16px}
body{font-size:var(--df-font-body)!important;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main,aside,.tab,.card,.panel,.mc-panel,.df-modal,.df-popover{font-size:var(--df-font-body)}
h1{font-size:var(--df-font-page)!important;line-height:1.18!important}h2{line-height:1.2}h3,h4{line-height:1.25}
p,.helper,.muted,.sub,.hint,.note,small{line-height:1.42}

/* Navigation + controls */
.nav{font-size:10.5px!important;min-height:34px;padding-top:7px!important;padding-bottom:7px!important}
button,.primary,.secondary,.danger,.logout-button,.df-icon-btn,.df-profile-btn,select,input,textarea{font-size:var(--df-font-control)!important}
input,select,textarea{min-height:34px;padding:7px 10px!important;line-height:1.25!important}
label,.label,.field-label,.df-security-form label,.df-rbac-form label{font-size:var(--df-font-label)!important;line-height:1.35!important}

/* Tables: readable without turning the CRM into a spreadsheet zoom view. */
table{font-size:10.5px!important;line-height:1.35!important}
thead th{font-size:9.5px!important;letter-spacing:.045em!important;line-height:1.25!important;padding:8px 10px!important;min-height:var(--df-row-h)}
tbody td{font-size:10.5px!important;padding:8px 10px!important;line-height:1.35!important;min-height:var(--df-row-h)}
tbody tr{min-height:var(--df-row-h)}

/* Cards / panels */
.card,.panel,.mc-panel,.mc-account-card,.mc-insight,.ej-health-panel,.ej-comparison-panel,.ej-errors-panel,.ej-cycle-panel,.firm-section,.di-panel,.di-command{padding:var(--df-card-pad)}
.card h3,.panel h3,.mc-panel h3,.df-settings-title strong,.df-user-hero h2{font-size:var(--df-font-section)!important}
.card p,.panel p,.mc-panel p,.df-setting-row-copy small,.df-settings-title span{font-size:var(--df-font-helper)!important}

/* Mission shell */
.df-profile-copy strong{font-size:10.5px!important}.df-profile-copy span{font-size:8.5px!important}.df-popover-head strong{font-size:11px!important}.df-popover-head small{font-size:9px!important}
.df-menu-item{font-size:10.5px!important;min-height:38px!important}.df-menu-item small{font-size:8.5px!important}
.df-notification-top strong{font-size:10.5px!important}.df-notification-top time{font-size:8.5px!important}.df-notification-main p{font-size:9.5px!important;line-height:1.5!important}.df-mini-chip{font-size:8px!important}
.df-modal-eyebrow{font-size:8.5px!important}.df-modal-head h2{font-size:18px!important}.df-modal-head p{font-size:9.5px!important}.df-setting-row-copy strong{font-size:10.5px!important}.df-security-copy strong{font-size:10.5px!important}.df-security-copy small,.df-security-hint,.df-security-msg{font-size:9px!important}

/* RBAC / notifications */
.df-user-hero p,.df-rbac-card-head p,.df-rbac-help,.df-rbac-msg,.df-user-empty{font-size:9.5px!important;line-height:1.5!important}
.df-user-table-wrap table th{font-size:9px!important}.df-user-table-wrap table td{font-size:10px!important}.df-rbac-role{font-size:8.5px!important}
.df-sound-copy strong{font-size:10.5px!important}.df-sound-copy small,.df-sound-state{font-size:9px!important}

/* AI Command Center v2 readability lift — keeps proportions but removes 5–7px microtext. */
.df-ai2-title small{font-size:8.5px!important}.df-ai2-title p{font-size:9.5px!important}.df-ai2-pill,.df-ai2-btn{font-size:9px!important}
.df-ai2-card-head strong{font-size:9px!important}.df-ai2-num{font-size:8px!important}.df-ai2-live{font-size:7.5px!important}
.df-ai2-mini span{font-size:8px!important}.df-ai2-mini strong{font-size:11px!important}.df-ai2-risk-row div{font-size:8.5px!important}
.df-ai2-portfolio span{font-size:7.5px!important}.df-ai2-portfolio strong{font-size:11px!important}.df-ai2-portfolio small{font-size:8px!important}
.df-ai2-core small{font-size:7px!important}.df-ai2-node strong{font-size:10.5px!important}.df-ai2-node small,.df-ai2-gate small{font-size:7px!important}.df-ai2-gate strong{font-size:9.5px!important}
.df-ai2-thinking span{font-size:7.5px!important}.df-ai2-thinking strong{font-size:10px!important}.df-ai2-thinking small{font-size:8px!important}

/* Login */
.auth-hero p,.auth-card-top p,.auth-security-note,.auth-setup,.auth-message{font-size:10.5px!important;line-height:1.5!important}.auth-form label{font-size:10px!important}.auth-form input{font-size:11px!important;min-height:42px}.auth-submit{font-size:11px!important}

@media(max-width:900px){:root{--df-font-body:11.5px;--df-font-control:11px;--df-card-pad:12px}thead th,tbody td{padding:8px!important}}