/* Dark Flow Crypto CRM — mobile responsive layer v1.0.0 */
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas{max-width:100%}
.data-table-wrap,.df-copy-table-wrap,.df-user-table-wrap,.df-audit-table,#monthlyReturnChart,#monthlyActivityChart,.monthly-svg-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}

@media(max-width:900px){
  .shell{display:block;min-height:100dvh}
  .sidebar{position:relative;top:auto;height:auto;min-height:0;padding:12px 12px 10px;overflow:visible}
  .brand-lockup{margin:0 0 10px;padding:0 0 10px}
  .brand-lockup img{width:min(180px,62vw);max-width:none}
  .sidebar nav{display:flex!important;grid-template-columns:none!important;gap:7px;overflow-x:auto;overflow-y:hidden;padding:0 0 7px;scroll-snap-type:x proximity;scrollbar-width:thin}
  .nav{flex:0 0 auto;width:auto;min-width:146px;min-height:42px;margin:0;scroll-snap-align:start}
  .side-status{display:flex!important;grid-template-columns:none!important;gap:8px;margin-top:3px;padding:8px;overflow-x:auto}
  .side-status>div{flex:0 0 165px;min-width:0}
  .release{text-align:left;margin-top:7px;padding-left:2px}
  main{width:100%;min-width:0;padding:16px 14px 30px}
  .topbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}
  .topbar>div:first-child{min-width:0;width:100%}
  .top-tools{width:100%;max-width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}
  .source-pill,.profile-chip,.icon-btn,.df-icon-btn,.df-top-logout{flex:0 0 auto}
  .panel-title,.section-toolbar,.df-copy-panel-head,.df-user-toolbar{align-items:flex-start;flex-direction:column}
  .panel-title>*,.section-toolbar>*,.df-copy-panel-head>*,.df-user-toolbar>*{max-width:100%}
  .toolbar-group{width:100%;display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
  .toolbar-group>input,.toolbar-group>.search,.toolbar-group>select,.toolbar-group>button{flex:1 1 180px;min-width:0;max-width:100%}
  .two-col,.monthly-chart-grid{grid-template-columns:1fr!important}
  .stats,.stats.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recovery-grid,.df-download-hero,.df-download-grid{grid-template-columns:1fr}
  .card,.panel,.df-copy-panel,.monthly-chart-card{min-width:0}
  .data-table-wrap,.df-copy-table-wrap,.df-user-table-wrap,.df-audit-table{width:100%;max-width:100%;overflow-x:auto!important}
  .data-table{min-width:760px}
  .df-user-table{min-width:820px}
  .df-copy-table{min-width:900px}
  .df-copy-account-v7 .df-copy-table{min-width:1180px}
  #monthlyReturnChart,#monthlyActivityChart,.monthly-svg-wrap{width:100%;max-width:100%;overflow-x:auto!important}
  .monthly-return-bars{min-width:680px}
  .monthly-activity-bars{min-width:560px}
  .monthly-svg-wrap svg{min-width:520px}
  .df-popover{position:fixed;left:8px;right:8px;top:64px;width:auto;max-width:none}
  .df-drawer{left:8px;right:8px;top:8px;width:auto;max-height:calc(100dvh - 16px)}
  .df-admin-hero{display:block}
  .df-admin-hero .toolbar-group{margin-top:10px}
  .df-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .df-copy-form{grid-template-columns:1fr}
  .df-copy-field.wide,.df-copy-field.full{grid-column:auto}
  .df-copy-onboard-grid{grid-template-columns:1fr}
  .df-download-actions{align-items:stretch}
  .df-download-actions .df-download-btn{flex:1 1 220px;text-align:center}
}

@media(max-width:600px){
  main{padding:12px 10px 24px}
  .sidebar{padding:10px}
  .brand-lockup img{width:min(166px,68vw)}
  .nav{min-width:132px;min-height:42px;padding:0 9px;font-size:11px}
  .nav span{width:23px;height:23px}
  .side-status>div{flex-basis:148px}
  h1{font-size:22px;line-height:1.15}
  .eyebrow{font-size:9px;line-height:1.4}
  p{overflow-wrap:anywhere}
  .top-tools{gap:6px}
  .profile-chip{display:flex!important;min-width:0}
  .profile-chip div:last-child{max-width:120px}
  .profile-chip strong,.profile-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .source-pill{display:none!important}
  .panel,.card{padding:12px;border-radius:10px}
  .panel-title{gap:9px;margin-bottom:10px}
  .section-toolbar{gap:10px}
  .section-toolbar h2{font-size:17px}
  .toolbar-group{display:grid;grid-template-columns:1fr;width:100%}
  .toolbar-group>input,.toolbar-group>.search,.toolbar-group>select,.toolbar-group>button{width:100%;min-width:0;max-width:none}
  input,.search,select{width:100%;min-width:0;font-size:16px;height:44px}
  .primary,.secondary,.icon-btn,.df-icon-btn,.df-top-logout,.df-copy-btn,.df-download-btn{min-height:44px}
  .stats,.stats.compact{gap:8px}
  .card strong{font-size:20px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .trade-highlight-card .trade-highlight-main{align-items:flex-start;flex-direction:column}
  .trade-highlight-pct{align-self:flex-start}
  .metric-row{align-items:flex-start;padding:9px 0}
  .metric-row strong{text-align:right;overflow-wrap:anywhere}
  .health-row{grid-template-columns:7px minmax(0,1fr) auto}
  .bar-row{grid-template-columns:52px minmax(0,1fr) 48px;gap:7px}
  .recovery-body{grid-template-columns:1fr}
  .monthly-chart-card{padding:10px}
  .monthly-chart-head{flex-direction:column;gap:7px}
  .df-copy-grid{grid-template-columns:1fr}
  .df-copy-hero{padding:14px}
  .df-copy-hero h2{font-size:19px}
  .df-copy-lock{white-space:normal}
  .df-copy-account-actions,.df-copy-actions,.df-copy-onboard-actions{display:grid;grid-template-columns:1fr;width:100%}
  .df-copy-account-actions>* ,.df-copy-actions>* ,.df-copy-onboard-actions>*{width:100%;max-width:100%}
  .df-download-card,.df-download-side,.df-download-mini{padding:14px}
  .df-download-title{font-size:19px}
  .df-download-actions{display:grid;grid-template-columns:1fr}
  .df-download-actions .df-download-btn{width:100%}
  .df-download-command{font-size:10px;overflow-wrap:anywhere}
  .df-user-toolbar .toolbar-group{display:grid;grid-template-columns:1fr}
  .df-user-form{grid-template-columns:1fr}
  .df-form-actions,.df-form-msg,.df-user-form label.full{grid-column:auto}
  .df-form-actions{display:grid;grid-template-columns:1fr}
  .df-form-actions button{width:100%;min-height:44px}
  .df-row-actions{flex-wrap:wrap}
  .dfc-ai-head{padding:12px}
  .dfc-ai-tools{display:grid;grid-template-columns:1fr;width:100%}
  .dfc-ai-tools>*{width:100%}
  .dfc-ai-ribbon{grid-template-columns:1fr!important}
  .dfc-ai-ribbon-item,.dfc-ai-ribbon-item:last-of-type{grid-column:auto!important}
  .dfc-ai-core-wrap{min-height:350px}
  .dfc-ai-orbit{width:164px;height:164px}
  .dfc-ai-node{width:44px;height:44px}
  .dfc-ai-gate{width:50px;height:50px}
  .dfc-ai-thinking{max-width:58%;left:2%}
  .dfc-ai-verified{width:60%;right:2%}
  .dfc-ai-ready{grid-template-columns:74px minmax(0,1fr)}
  .dfc-ai-ring{width:68px;height:68px}
  .dfc-ai-pipeline{grid-template-columns:1fr}
  .dfc-ai-step:last-child{grid-column:auto}
}

@media(max-width:420px){
  .stats,.stats.compact{grid-template-columns:1fr}
  .top-tools{flex-wrap:wrap;overflow:visible}
  .profile-chip{flex:1 1 auto}
  .icon-btn,.df-icon-btn{flex:0 0 44px}
  .df-top-logout{flex:1 1 auto}
  .nav{min-width:122px}
  .side-status>div{flex-basis:138px}
  .data-table{min-width:700px}
}

/* Auth and password pages */
@media(max-width:700px){
  .auth-shell{display:block;min-height:100dvh}
  .auth-brand-pane{padding:18px 16px 16px}
  .auth-brand img{width:min(250px,76vw)}
  .auth-hero{padding:24px 0 16px}
  .auth-hero h1{font-size:clamp(32px,10vw,44px);line-height:1.02;margin:12px 0 16px}
  .auth-hero p{font-size:14px;line-height:1.65}
  .auth-module-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
  .auth-module{padding:12px}
  .auth-foot{gap:10px 14px;font-size:9px}
  .auth-form-pane{padding:14px 12px 24px}
  .auth-card{border-radius:16px}
  .auth-card-top,.auth-card-body{padding:20px}
  .auth-card-top h2{font-size:24px}
  .auth-input-wrap input,.password-form input{font-size:16px;min-height:46px}
  .auth-submit,.auth-continue,.password-form button{min-height:46px}
  .password-shell{padding:12px}
  .password-card{padding:20px 16px;border-radius:14px}
}
@media(max-width:390px){.auth-module-line{grid-template-columns:1fr}}