/* Phone presentation only: authorization and shared data remain server controlled. */
.mobile-only{display:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 .mobile-only{display:block}.desktop-only,#companionActions,#companionBanner,[data-open-my-show]{display:none!important}
 .sidebar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
 .brand.brand-wordmark{display:flex;align-items:center;gap:12px;max-width:none;width:max-content}.brand-wordmark img{width:42px;height:42px}.brand-wordmark>small{margin:0;font-size:11px;letter-spacing:2px}
 #mobileMenu{display:flex;align-items:center;gap:16px;min-height:44px}
 #teamNavigation{display:none;grid-column:1/-1;margin:4px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}
 #teamNavigation.mobile-open{display:grid}#teamNavigation button,#teamNavigation .ebay-shows-link{min-width:0;white-space:normal;text-align:left;min-height:48px;padding:10px;display:flex;align-items:center;gap:6px;font-size:16px}
 #teamNavigation button span{margin:0;font-size:13px}#teamNavigation .ebay-shows-link{font-size:13px}
 .side-bottom{grid-column:1/-1;display:flex;gap:8px;margin:0;font-size:0}.side-bottom #identity{font-size:12px;line-height:1.4;flex:1;min-width:0}.side-bottom #signOut{font-size:12px;padding:8px;min-height:44px}
 main{padding:22px max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));margin:0}
 header{gap:16px;margin-bottom:14px}h1{font-size:28px;margin:6px 0 8px}h1:focus{outline:none}.eyebrow{font-size:9px}.header-actions{display:flex;max-width:none}.header-actions>button{min-height:44px}.connection{line-height:1.5;margin-bottom:14px}
 button,.button-link,summary{min-height:44px}button,.button-link{white-space:normal}.button-link{display:inline-flex;align-items:center;justify-content:center;text-align:center}
 input,select,textarea{font-size:16px;min-width:0;max-width:100%;min-height:48px}input[type=checkbox],input[type=radio]{min-height:22px;min-width:22px;width:22px;vertical-align:middle}.weekday-picker input{min-width:1px;min-height:1px;width:1px}.weekday-picker span{min-height:44px;padding:12px 2px}
 label{font-size:13px}.fields,.fields.three{grid-template-columns:1fr;gap:0}.fields label{margin:10px 0}.show-time{padding:12px}.show-time label{margin-top:8px}
 .segmented{flex-wrap:wrap;max-width:100%}.segmented button{min-height:44px;padding:10px 12px}.toolbar{gap:12px;margin-top:18px}.toolbar h2{font-size:18px}.toolbar>p{margin:0}
 .summary{gap:8px;margin:16px 0}.stat{min-width:0;padding:14px}.stat strong{font-size:26px;overflow-wrap:anywhere}.stat small{font-size:11px;line-height:1.5;display:block}.stat label{font-size:10px}.metric-grid{gap:8px}.metric-grid .stat{padding:12px}.metric-grid strong{font-size:22px}
 .week-list{gap:12px}.day-mobile{background:#141e17;padding:12px}.day-mobile h3{margin:3px 0 12px;font-size:13px;color:#d7e6ca}.day-mobile .show{margin:0 0 8px;padding:14px}.day-mobile .show:last-child{margin-bottom:0}.day-mobile .show strong{font-size:14px;line-height:1.5}.day-mobile .show small{font-size:12px;margin-top:6px}.day-mobile .platform{font-size:11px}
 .card,.empty{min-width:0;padding:16px}.card h2,.card h3,.row b,.row p,.detail-header h2{overflow-wrap:anywhere}.row{flex-wrap:wrap;align-items:flex-start;gap:12px}.row>div{min-width:0;max-width:100%}.row button{min-height:44px}.detail-actions{width:100%}.detail-actions>*{flex:1 1 130px}.subtle{font-size:12px;line-height:1.6}.badge{font-size:11px}.result-assignments{gap:6px 16px}.bonus-reward{white-space:normal;overflow-wrap:anywhere}
 .recap-table{table-layout:fixed;font-size:12px}.recap-table th,.recap-table td{padding:10px 6px;overflow-wrap:anywhere}.recap-table th:first-child{width:40%}
 dialog{width:calc(100% - 16px);max-width:600px;margin:auto;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:14px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:70px 0 24px;-webkit-overflow-scrolling:touch}
 dialog form,dialog #editorFields{min-width:0}.dialog-head{position:sticky;top:-16px;background:#1a241b;z-index:2;margin:-16px -16px 12px;padding:12px 16px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:19px;margin:0;min-width:0}.dialog-head .icon{flex-shrink:0;min-width:44px;min-height:44px}.dialog-actions{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap}.dialog-actions button{flex:1;min-width:100px;min-height:48px}body:has(dialog[open]){overflow:hidden}
 .auth{margin:20px auto}.auth-card{margin:16px auto}.auth-card .auth-links{flex-wrap:wrap;gap:16px}.auth-card .device-actions{flex-wrap:wrap}.token,code{overflow-wrap:anywhere}.setup-steps{padding-left:18px}.mobile-help h3{margin-top:24px}
}
@media(max-width:360px){.summary,.metric-grid{grid-template-columns:1fr}.segmented button{padding:10px}.weekday-picker{gap:3px}}
/* iOS native date controls otherwise impose an intrinsic width inside nested forms. */
@media(max-width:760px),(max-width:1000px) and (pointer:coarse){
 input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;line-height:24px}
 input::-webkit-date-and-time-value{min-height:24px;text-align:left}
}
