/* FoxNetwork Events unified theme 2026-10-20 — final CSS layer shared across modules */
:root{--fox-orange:#ff7518;--fox-background:#0e1017;--fox-card:#1b1e28;--fox-outline:#343947;--fox-fg:#f5f7fc;--fox-secondary:#acb8cb;color-scheme:dark}
html{max-width:100%;overflow-x:clip}body{max-width:100%;overflow-x:clip}
.app-shell,.app-main,.app-content,.fox-legacy-main,.wrap,.panel,.cols,.grid,.fox-v3-ticket{min-width:0}
body.fox-v3-legacy .wrap{width:100%;max-width:100%!important;padding:0 24px!important}
body.fox-v3-legacy .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
body.fox-v3-legacy .cols>.panel{min-width:0;overflow:hidden!important}
.fox-v3-ticket{width:100%;max-width:100%!important;margin:0 auto;box-sizing:border-box}
.fox-v3-ticket-head{min-width:0}.fox-v3-ticket-body{min-width:0}.fox-v3-ticket-head strong{overflow-wrap:anywhere}
body.fox-v3-legacy .panel{overflow-wrap:anywhere}
body.fox-v3-legacy .grid{gap:14px;margin:16px 0 22px}
body.fox-v3-legacy .stat{margin-bottom:0!important;min-height:128px}
body.fox-v3-legacy .grid+.panel{margin-top:20px!important}
body.fox-v3-legacy table{min-width:0!important;width:100%!important;table-layout:auto}
body.fox-v3-legacy td,body.fox-v3-legacy th{overflow-wrap:anywhere;white-space:normal}
body.fox-v3-legacy .cols .panel{min-width:0}
body.fox-v3-legacy .nav{gap:8px}
body.fox-v3-legacy .top{display:none!important}
body.fox-unified-legacy .fox-legacy-main{background:transparent!important}
body.fox-unified-legacy main .panel{min-width:0}
body.fox-unified-legacy main table{width:100%;min-width:0;table-layout:auto}
body.fox-unified-legacy main :is(td,th){overflow-wrap:anywhere}
/* Keep common shell identical; highlight only active item, not the entire sidebar. */
.app-sidebar .active,.app-sidebar a[aria-current=page]{background:rgba(255,117,24,.11)!important;color:#ff7518!important;border-left-color:#ff7518!important}
.app-sidebar a:not(.active):not([aria-current=page]){color:#b9c3d6}
.app-sidebar a:not(.active):not([aria-current=page]):hover{color:#fff;background:rgba(255,255,255,.055)}
body.fox-v3-legacy :is(input,select,textarea),body.fox-unified-legacy main :is(input,select,textarea){font:inherit;max-width:100%}
body.fox-v3-legacy .ok:empty,body.fox-unified-legacy .ok:empty{display:none!important}
@media(max-width:1060px){body.fox-v3-legacy .cols{grid-template-columns:minmax(0,1fr)!important}body.fox-v3-legacy .cols .panel{width:100%!important}}
@media(max-width:760px){body.fox-v3-legacy .wrap{padding:0 14px!important}body.fox-v3-legacy .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.fox-v3-legacy .panel{padding:16px!important}body.fox-v3-legacy .nav a{padding:9px 10px!important}}
@media(max-width:450px){body.fox-v3-legacy .grid{grid-template-columns:1fr!important}body.fox-v3-legacy .fox-v3-ticket-head{padding:12px}.fox-v3-ticket-body{padding:16px}}


/* FoxNetwork Events ONE — coordinated layout corrections (2026-10-20) */
body.fox-ops{background:#0e1017!important;color:#f2f5fa!important}
body.fox-ops > header{display:none!important}
body.fox-ops main{color:#f2f5fa!important}
body.fox-ops main .warn{background:#39291d!important;border:1px solid #89562d!important;color:#ffddb9!important}
body.fox-ops main .warn strong{color:#ffe3c8!important}
body.fox-ops main .sub,body.fox-ops main .muted{color:#aab7cd!important}
body.fox-ops main a{color:#ff9b59!important}
body.fox-ops main .card,body.fox-ops main .panel{background:#1b1e28!important;border-color:#343947!important;color:#eef2fb!important}
body.fox-ops main th,body.fox-ops main td{border-bottom-color:#343947!important}
body.fox-ops main th{color:#aeb9ca!important}
body.fox-router.fox-uniform-active .events-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:14px!important;min-height:0!important;padding:18px!important}
body.fox-router.fox-uniform-active .events-toolbar .filterbar{display:grid!important;grid-template-columns:minmax(160px,2fr) minmax(140px,1fr) minmax(145px,1fr) auto!important;align-items:end!important;gap:12px!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important}
body.fox-router.fox-uniform-active .events-toolbar .toolbar-field{min-width:0!important;margin:0!important}
body.fox-router.fox-uniform-active .events-toolbar .event-total{position:static!important;padding:0!important;white-space:nowrap!important;color:#ff9854!important;justify-self:end!important;align-self:center!important}
body.fox-router.fox-uniform-active .events-toolbar .view-toggle{position:static!important;display:flex!important;grid-column:1/-1!important;justify-self:end!important;flex-wrap:wrap!important;border:1px solid #3b4251!important;background:#171b24!important;border-radius:9px!important;overflow:hidden!important}
body.fox-router.fox-uniform-active .events-toolbar .view-toggle a{padding:9px 14px!important;color:#b9c6d9!important;background:transparent!important;white-space:nowrap!important}
body.fox-router.fox-uniform-active .events-toolbar .view-toggle a.selected{background:#ff7518!important;color:#1d1008!important;font-weight:800!important}
body.fox-router.fox-uniform-active .events-toolbar .filter-submit{white-space:nowrap!important;align-self:end!important;border-radius:8px!important;background:#ff7518!important;color:#1d1008!important}
body.fox-router.fox-uniform-active .wizard-steps{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important}
body.fox-router.fox-uniform-active .wizard-steps span{background:#252b36!important;color:#b9c5d5!important;border:1px solid #3a4050!important;border-radius:9px!important;padding:11px 17px!important}
body.fox-router.fox-uniform-active .wizard-steps span.current{background:#ff7518!important;color:#1e1209!important;border-color:#ff7518!important}
@media(max-width:1100px){body.fox-router.fox-uniform-active .events-toolbar{grid-template-columns:1fr!important}body.fox-router.fox-uniform-active .events-toolbar .filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.fox-router.fox-uniform-active .events-toolbar .event-total{justify-self:start!important}}
@media(max-width:620px){body.fox-router.fox-uniform-active .events-toolbar .filterbar{grid-template-columns:1fr!important}body.fox-router.fox-uniform-active .events-toolbar .view-toggle{justify-self:stretch!important;width:100%!important}body.fox-router.fox-uniform-active .events-toolbar .view-toggle a{flex:1;text-align:center!important}}


/* FoxNetwork ONE — kleurencorrectie planning / evenementen (2026-10-20) */
body.fox-router.fox-uniform-active main .event-card .event-date,
body.fox-router.fox-uniform-active main .planning-grid .event-date {
  color: #ff8737 !important;
}
body.fox-router.fox-uniform-active main .event-card p,
body.fox-router.fox-uniform-active main .event-card .muted {
  color: #bbc4d4 !important;
}
body.fox-router.fox-uniform-active main .event-card a,
body.fox-router.fox-uniform-active main .event-table .table-link,
body.fox-router.fox-uniform-active main .create-panel-heading a {
  color: #ff8737 !important;
}
body.fox-router.fox-uniform-active main .event-card a:hover,
body.fox-router.fox-uniform-active main .event-table .table-link:hover {
  color: #ffad76 !important;
}
body.fox-router.fox-uniform-active main .event-card .state-tag {
  background: #153c30 !important;
  color: #9ce9ba !important;
}
body.fox-router.fox-uniform-active main .events-toolbar .event-total,
body.fox-router.fox-uniform-active main .event-total b {
  color: #ff8737 !important;
}


/* FoxNetwork Events ONE — Global Admin Branding v20261020-all */
:root{--fox-orange:#ff7518;--fox-accent:#ff7518;--fox-bg:#0e1017;--fox-panel:#1b1e28;--fox-border:#343947;--fox-primary-text:#f7f8fc;--fox-muted:#b6c0d2;accent-color:#ff7518}
body.fox-router.fox-uniform-active,body.fox-v3-legacy,body.fox-unified-legacy,body.fox-ops,body.fox-uniform-active{background-color:#0e1017!important;color:#f7f8fc!important}
/* Navigation: do not recolor status badges or scanner result signals */
body.fox-uniform-active .app-sidebar a:hover,body.fox-unified-legacy .app-sidebar a:hover,body.fox-v3-legacy .app-sidebar a:hover{color:#ffb17b!important}
body.fox-uniform-active .app-sidebar a[aria-current="page"],body.fox-uniform-active .app-sidebar a.active,body.fox-unified-legacy .app-sidebar a.active{color:#ff8737!important;border-left-color:#ff7518!important}
body.fox-uniform-active .app-main a:not(.btn):not(.button):not(.status):not(.badge):hover,body.fox-v3-legacy main a:not(.btn):not(.button):hover,body.fox-ops main a:hover{color:#ffad76!important}
/* Make theme buttons consistent but leave critical refund / payment controls unchanged */
body.fox-router.fox-uniform-active .wizard-steps span.current,body.fox-router.fox-uniform-active .filter-submit,body.fox-router.fox-uniform-active .view-toggle a.selected{background:#ff7518!important;color:#1c100a!important;border-color:#ff7518!important}
body.fox-uniform-active input:focus-visible,body.fox-uniform-active select:focus-visible,body.fox-uniform-active textarea:focus-visible,body.fox-v3-legacy input:focus-visible,body.fox-v3-legacy select:focus-visible,body.fox-v3-legacy textarea:focus-visible{outline:2px solid #ff7518!important;outline-offset:1px;border-color:#ff7518!important}
/* Neutralize legacy blue headings and accents only inside branded admin content */
body.fox-router.fox-uniform-active .event-date,body.fox-router.fox-uniform-active .event-card a,body.fox-router.fox-uniform-active .event-total,body.fox-router.fox-uniform-active .planning-grid .event-date{color:#ff8737!important}
body.fox-router.fox-uniform-active .event-card .muted,body.fox-router.fox-uniform-active .event-card p,body.fox-v3-legacy .muted,body.fox-unified-legacy .muted{color:#b6c0d2!important}
body.fox-router.fox-uniform-active .wizard-steps span{background:#252b36!important;color:#cad2df!important;border:1px solid #414858!important}
body.fox-router.fox-uniform-active .wizard-steps span.current{background:#ff7518!important;color:#1c100a!important}
/* Compact responsive overflow on content tables while preserving accessibility */
body.fox-v3-legacy .panel,body.fox-v3-legacy .grid,body.fox-unified-legacy .panel,body.fox-router.fox-uniform-active .app-content{min-width:0}
body.fox-v3-legacy table,body.fox-unified-legacy table{max-width:100%}
@media(max-width:650px){body.fox-router.fox-uniform-active .events-toolbar .filterbar{grid-template-columns:1fr!important}body.fox-v3-legacy .grid{grid-template-columns:1fr!important}}