/* SmartPay Intelligence — Mobile Header Compact v1 */
@media (max-width:700px){
  .topbar{height:56px!important;min-height:56px!important;padding:6px 8px!important;gap:6px!important;overflow:hidden!important;align-items:center!important}
  .top-left{gap:6px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
  .top-actions{gap:6px!important;flex:0 0 auto!important;min-width:0!important}
  .mobile-menu{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:12px!important}
  .topbar .pill{height:40px!important;min-height:40px!important;padding:5px 8px!important;gap:5px!important;border-radius:13px!important;font-size:9px!important;line-height:1.15!important;min-width:0!important}
  .topbar .pill:has(#dateRange){width:92px!important;max-width:92px!important;justify-content:center!important}
  #dateRange{font-size:8.5px!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}
  .topbar .pill:has(#topClient){width:124px!important;max-width:124px!important;padding:5px 9px!important}
  #topClient{font-size:9.5px!important;line-height:1.15!important;max-width:94px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .topbar .status-dot{width:6px!important;height:6px!important;min-width:6px!important;flex:0 0 6px!important}
  #exportBtn{height:40px!important;min-height:40px!important;padding:0 10px!important;border-radius:12px!important;font-size:10px!important;white-space:nowrap!important}
  .topbar .avatar.smartpay-avatar,.topbar .smartpay-pay-mark{display:none!important}
  .topbar .cc-command-btn,.topbar .cc-board-btn{display:none!important}
  .page{padding-top:14px!important}
  .page-head{gap:10px!important;align-items:flex-start!important}
  .page-head h1{font-size:24px!important;line-height:1.06!important}
  .page-head p{font-size:10px!important;line-height:1.4!important}
  .data-badge{flex:0 0 auto!important;font-size:9px!important;padding:6px 9px!important}
}
@media (max-width:430px){
  .topbar{height:54px!important;min-height:54px!important;padding:5px 7px!important;gap:5px!important}
  .top-left,.top-actions{gap:5px!important}
  .mobile-menu{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
  .topbar .pill{height:38px!important;min-height:38px!important;padding:4px 7px!important;border-radius:12px!important}
  .topbar .pill:has(#dateRange){width:80px!important;max-width:80px!important}
  #dateRange{font-size:8px!important}
  .topbar .pill:has(#topClient){width:112px!important;max-width:112px!important}
  #topClient{font-size:9px!important;max-width:84px!important}
  #exportBtn{height:38px!important;min-height:38px!important;padding:0 8px!important;font-size:9.5px!important;border-radius:11px!important}
  .page{padding:13px!important}
  .page-head h1{font-size:23px!important}
}
@media (max-width:360px){
  .topbar .pill:has(#dateRange){width:72px!important;max-width:72px!important}
  .topbar .pill:has(#topClient){width:96px!important;max-width:96px!important}
  #topClient{max-width:70px!important;font-size:8.5px!important}
  #exportBtn{padding:0 7px!important;font-size:9px!important}
}