/* Dedicated BOSS Rider Lookup iPad layout. No desktop overrides outside tablet widths. */
@media (min-width:768px) and (max-width:1180px){
 body{font-size:17px}
 .topbar{padding:15px 20px}
 .layout{grid-template-columns:190px minmax(0,1fr)}
 .sidebar{padding:18px 12px}
 .navitem{padding:15px 12px;font-size:16px;min-height:50px;display:flex;align-items:center}
 .content{padding:20px;min-width:0}
 #ridersPage .page-head{margin-bottom:15px}
 #ridersPage .page-head h2{font-size:28px}
 #ridersPage .page-head p{font-size:15px;line-height:1.4}
 #ridersPage .search-shell{padding:16px}
 #ridersPage .search-row{gap:10px}
 #riderSearch{min-height:60px;font-size:20px;padding:15px 16px}
 #riderSearchBtn{min-height:60px;padding:0 20px;font-size:17px}
 #ridersPage .result-row{min-height:64px;padding:13px 8px;align-items:center}
 #ridersPage .result-name{font-size:17px}
 #ridersPage .result-meta{font-size:14px}
 #riderProfile.profile-shell{grid-template-columns:1fr;gap:14px}
 #riderProfile .panel{padding:18px}
 #riderProfile .profile-name{font-size:27px}
 #riderProfile .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #riderProfile .fact div{font-size:16px}
 #riderProfile .contact-row{grid-template-columns:minmax(0,1fr) 160px 145px;font-size:14px;padding:11px 0}
 #riderProfile .section-tab,#riderProfile .profile-actions button,#riderProfile .mini-btn{min-height:44px;padding:10px 14px;font-size:14px}
 #riderProfile .history-row{grid-template-columns:82px 68px minmax(130px,1fr) minmax(130px,1fr) 55px 70px 95px;font-size:12px;gap:7px;overflow-wrap:anywhere}
 #ridersPage .empty-state{padding:32px 20px}
}

/* iPad portrait — orientation based so Safari desktop-site viewport still switches correctly */
@media (orientation:portrait) and (min-width:700px) and (max-width:1180px){
 .layout{grid-template-columns:1fr!important}
 .sidebar{display:flex!important;overflow-x:auto;gap:8px;padding:10px 12px;position:sticky;top:0;z-index:20;-webkit-overflow-scrolling:touch;white-space:nowrap}
 .navitem{flex:0 0 auto;margin:0;min-height:46px;padding:11px 15px}
 .content{padding:16px!important;min-width:0}
 #ridersPage .search-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
 #riderSearchBtn{width:100%!important;min-height:54px}
 #ridersPage .result-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px;padding:14px 8px}
 #ridersPage .result-row>div{min-width:0!important;text-align:left!important;justify-content:flex-start!important}
 #riderProfile.profile-shell{grid-template-columns:1fr!important}
 #riderProfile .facts{grid-template-columns:1fr 1fr}
 #riderProfile .contact-row{grid-template-columns:1fr!important;gap:5px}
 #riderProfile .contact-row>*{grid-column:auto!important}
 #riderProfile #riderHistoryPane{overflow-x:auto;-webkit-overflow-scrolling:touch}
 #riderProfile .history-row{min-width:720px;grid-template-columns:82px 68px minmax(150px,1fr) minmax(150px,1fr) 60px 72px 95px}
}

/* Narrow iPad split view */
@media (min-width:700px) and (max-width:900px){
 .layout{grid-template-columns:1fr}
 .sidebar{display:flex!important;overflow-x:auto;gap:8px;padding:10px 12px;position:sticky;top:0;z-index:20;-webkit-overflow-scrolling:touch}
 .navitem{flex:0 0 auto;margin:0;min-height:46px;padding:11px 15px}
 .content{padding:16px}
 #riderProfile.profile-shell{grid-template-columns:1fr!important}
}