@media (max-width: 768px) {
    .pc-only { display: none !important; }
    .mobile-only { display: block !important; }
    header { display: none !important; }
    .mobile-header { display: block !important; }
    .mobile-header-top { display: flex !important; }
    .hamburger-btn { display: block !important; }
    .mobile-nav { display: none !important; flex-wrap: wrap; padding: 0 8px 8px; gap: 0; }
    .mobile-nav.open { display: flex !important; }
    .mobile-dropdown { background: white; border-top: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .mobile-dropdown .tab-btn { border-bottom: 1px solid #f0f0f0 !important; border-radius: 0 !important; padding: 14px 16px !important; font-size: 15px !important; text-align: left !important; }
    .mobile-dropdown .tab-btn.active { background: #e3f2fd !important; color: #1B9BD7 !important; }
    #mobile-nav { display: none !important; }
    .mobile-nav .tab-btn { flex: 1 1 auto; text-align: center; padding: 12px 8px; font-size: 14px; min-width: 0; border-bottom: none; border-radius: 8px; }
    .mobile-nav .tab-btn.active { background: #1B9BD7; color: white; border-radius: 8px; }
    .logout-btn { display: none; }
    
    main { padding: 15px; overflow-x: hidden; }
    .tab-content { overflow-x: hidden; max-width: 100%; }
    .modal-body { padding: 12px; }
    .info-label { min-width: 90px; font-size: 13px; }
    .info-value { font-size: 14px; }
    .form-input { font-size: 16px; padding: 10px; }
    .grid-2 { grid-template-columns: 1fr; }
    .grid-3 { grid-template-columns: 1fr; }
    .btn { padding: 8px 12px; font-size: 12px; }
    .btn-sm { padding: 5px 10px; font-size: 11px; }
    .stats-container { grid-template-columns: repeat(4, 1fr) !important; gap: 6px; }
    .stat-box { padding: 10px 8px; }
    .stat-value { font-size: 20px; }
    .stat-label { font-size: 10px; margin-bottom: 4px; }
    .settle-summary { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    
    /* 기사정산 모바일 */
    .week-nav { flex-wrap: wrap; gap: 8px; padding: 10px 12px; justify-content: center; }
    .week-nav .week-nav-text, .week-nav .week-label { flex: 1 1 100%; order: -1; text-align: center; font-size: 13px; margin-bottom: 4px; }
    .week-nav .week-nav-btn { width: 32px; height: 32px; font-size: 16px; }
    .week-nav .btn { padding: 6px 10px; font-size: 11px; }
    .settle-summary-box { padding: 12px; }
    .settle-summary-box .s-label { font-size: 11px; }
    .settle-summary-box .s-value { font-size: 16px; }
    
    /* 고객관리 모바일 */
    .search-bar { flex-wrap: wrap; gap: 8px; }
    .search-bar > .form-input[style*="width:150px"] { width: 100% !important; flex: 1 1 100% !important; }
    .search-bar > .search-input { flex: 1 1 60% !important; min-width: 0 !important; }
    .search-bar > .btn { flex: 0 0 auto; }
    
    /* 필터바 모바일 */
    .filter-bar { flex-wrap: wrap; gap: 8px; }
    .filter-bar > select.form-input { flex: 1 1 100% !important; min-width: 0 !important; font-size: 16px; padding: 12px; }
    .filter-bar > input[type="date"] { flex: 1 1 40% !important; min-width: 0 !important; font-size: 14px; padding: 10px; }
    .filter-bar > .filter-label { flex: 0 0 auto; font-size: 14px; padding: 0 2px; }
    .filter-bar > .btn { flex: 1 1 auto; min-width: 60px; padding: 10px 12px; }
    
    /* 페이지네이션 모바일 */
    .pagination { gap: 4px; }
    .page-btn { padding: 6px 10px; font-size: 12px; }

    /* 근무스케줄 모바일: 상하 배치 */
    .sch-layout { flex-direction: column !important; gap: 16px !important; }
    .sch-layout-cal, .sch-layout-detail { flex: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
    .sch-layout-cal > div { padding: 10px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }
    #sch-calendar { width: 100% !important; overflow: visible !important; }
    .sch-cal-table { width: 100% !important; table-layout: fixed !important; max-width: 100% !important; }
    .sch-cal-table th { font-size: 11px !important; padding: 4px 0 !important; width: 14.28% !important; }
    .sch-cal-table td { padding: 3px 1px !important; font-size: 11px !important; width: 14.28% !important; box-sizing: border-box !important; overflow: hidden !important; }
    .sch-day-num { font-size: 12px; }
    .sch-today .sch-day-num { width: 22px; height: 22px; line-height: 22px; }
    .sch-day-badge { font-size: 8px; padding: 0 3px; }
    .sch-day-full { font-size: 8px; }
    #tab-schedule .page-header { flex-direction: column; align-items: flex-start; }
    #tab-schedule .page-header h2 { font-size: 18px; }
    #tab-schedule { overflow-x: hidden !important; max-width: 100vw !important; }

    /* 기사 상세 배송통계 필터 모바일 */
    #tab-rider-detail .filter-bar { flex-direction: column; gap: 8px; }
    #tab-rider-detail .filter-bar > * { flex: 1 1 100% !important; min-width: 0 !important; width: 100% !important; }
    #tab-rider-detail .filter-bar > .filter-label { flex: 0 0 auto !important; width: auto !important; text-align: center; }
}
