/* Home-screen use shares the same authenticated, online CRM. */
@media(max-width:600px){
  .app-shell{min-height:100dvh}
  .topbar{padding-top:env(safe-area-inset-top)}
  .sidebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .content{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .document-canvas-host .bn-editor{padding-inline:6px!important}
  .phase-heading{flex-wrap:wrap;gap:8px}
  .phase-heading h2{flex:1 0 100%;font-size:13px}
  .phase-heading .board-tools{width:100%;justify-content:flex-end;gap:12px}
  .phase-heading .text-btn,.archive-toggle{white-space:nowrap}
  .dashboard-metrics .mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 4px;padding:10px 2px}
  .dashboard-metrics .mini-metric{border:0;padding:0 2px}
  .dashboard-metrics .mini-metric label{white-space:nowrap;font-size:10px}
  .dashboard-metrics .metric-values{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px}
  .dashboard-metrics .metric-values strong{font-size:23px}
  .dashboard-metrics .metric-values .previous-value{font-size:11px}
  .metrics-period-controls{min-width:0;max-width:100%;flex-wrap:wrap;gap:6px}
  .metrics-period-controls .segmented{max-width:100%;overflow-x:auto;flex-shrink:1}
  .drawer-footer,.modal-footer,.registration-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .modal,.drawer{max-height:100dvh}
  .modal input,.modal select,.modal textarea,.drawer input,.drawer select,.drawer textarea{font-size:16px}
}