/* FoxNetwork Events ONE v4.1 - responsive presentation only. No business-logic changes. */
@media (max-width: 850px) {
 html,body {max-width:100%;overflow-x:clip!important}
 body .app-shell,body .app-main,body .app-content,body main,body .wrap,body .panel,body .card,body .cols,body .grid {min-width:0!important;max-width:100%;box-sizing:border-box}
 body.fox-integrated-page {padding-left:0!important}
 body.fox-integrated-page > main,body.fox-integrated-page > .wrap {width:calc(100% - 24px)!important;margin:16px 12px!important;padding:0!important}
 body.fox-v3-legacy .wrap {padding:0 12px!important}
 body.fox-v3-legacy .cols {grid-template-columns:minmax(0,1fr)!important}
 body .app-content,body .app-main {padding-left:0!important;padding-right:0!important}
 body .app-topbar,body .fox-unified-topbar {max-width:100%;min-width:0}
 body :is(input,select,textarea,button) {max-width:100%;box-sizing:border-box}
 body :is(.filterbar,.events-toolbar,.fox-seat-actions,.fox-seat-editor) {max-width:100%}
 body .events-toolbar {display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch!important}
 body .events-toolbar .filterbar {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important}
 body .events-toolbar :is(.view-toggle,.event-count,.event-total) {position:static!important;inset:auto!important;float:none!important;max-width:100%;margin:0!important}
 body .planning-grid {grid-template-columns:minmax(0,1fr)!important}
 body .fox-seat-actions label {flex-basis:100%;min-width:0!important}
 body .fox-seat-editor {grid-template-columns:minmax(0,1fr)!important}
 body .fox-seat-map {overflow-x:auto!important;overscroll-behavior-x:contain;max-width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding:14px 4px!important}
 body .fox-seat-row {justify-content:flex-start!important}
 body .fox-seat-stage {max-width:100%;min-width:0;padding:12px!important}
 body .fox-seat {flex:none;touch-action:manipulation;min-width:38px;min-height:40px}
 body .fox-seat-legend {gap:8px!important}
 body .fox-v3-ticket {max-width:100%!important}
 body .fox-v3-ticket-head,body .fox-v3-ticket-body {min-width:0;overflow-wrap:anywhere}
 body :is(.stat-grid,.dashboard-grid,.module-grid,.quick-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body :is(.panel,.card,.box) {overflow-wrap:anywhere}
 body :is(table) {max-width:100%}
 body :is(.table-wrap,.table-responsive,.table-scroll,[class*="table-scroll"]) {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width: 560px) {
 body :is(.stat-grid,.dashboard-grid,.module-grid,.quick-grid) {grid-template-columns:minmax(0,1fr)!important}
 body :is(h1) {font-size:clamp(22px,6vw,30px)!important;overflow-wrap:anywhere}
 body :is(h2) {font-size:clamp(18px,5vw,24px)!important;overflow-wrap:anywhere}
 body :is(.app-topbar) {padding-inline:12px!important;gap:8px!important}
 body .fox-seat {min-width:42px;min-height:42px}
 body .fox-seat-row-label {position:sticky;left:0;z-index:1;background:#171b24}
 body .fox-seat-actions {gap:9px!important}
 body .fox-seat-actions > button {width:100%}
 body .wizard-steps {display:flex;gap:6px;flex-wrap:wrap}
 body .wizard-steps>* {flex:1 1 auto;min-width:0}
 body .fox-v3-legacy .grid {grid-template-columns:minmax(0,1fr)!important}
}