/* Late-loading Events integration seam. It keeps dynamically rendered Events
   content on the shared BowlsSelect system after the legacy global CSS. */
#screen-events{--event-line:var(--bs-line,var(--line,#d2dbe1));--event-surface:var(--bs-surface,var(--panel,#fff));--event-soft:var(--bs-soft,var(--soft,#f3f6f8));--event-text:var(--bs-text,var(--ink,#152b3b));--event-muted:var(--bs-muted,var(--muted,#516576));color:var(--event-text)}
#screen-events .ce-events-nav{margin:0 0 22px;border-color:var(--event-line);background:var(--event-surface)}
#screen-events .ce-tabs{background:var(--event-soft);border-color:var(--event-line)}
#screen-events .ce-tabs button.active{background:var(--bs-club,var(--club));color:var(--bs-on-club,#fff)}
#screen-events .panel{border-color:var(--event-line);background:var(--event-surface);color:var(--event-text)}
#screen-events .ce-library-head,#screen-events .ce-editor-head,#practiceDraftControls{border-top:3px solid var(--bs-club,var(--club));padding:24px}
#screen-events .ce-library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}
#screen-events .ce-card{min-height:210px;padding:24px}
#screen-events .ce-card h3{font-size:24px;line-height:1.2;letter-spacing:-.4px}
#screen-events .ce-settings,#screen-events .ce-builder>.panel{padding:24px}
#screen-events .ce-bank{max-height:490px}
#screen-events .ce-bank label{border-color:var(--event-line)}
#screen-events .ce-bank label[hidden]{display:none!important}
#screen-events input:not([type=checkbox]),#screen-events select,#screen-events textarea{min-height:44px;max-width:100%;border-radius:var(--bs-radius,8px)}
#screen-events .practice-draft-toolbar{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--event-line)}
#screen-events .practice-draft-toolbar label{flex:1 1 min(260px,100%)}
#screen-events .practice-setup-fields{gap:18px}
#screen-events .practice-setup-fields label{gap:7px;font-size:13px;font-weight:650}
#screen-events .btn{min-height:44px;white-space:normal}
#screen-events .event-delete{border:1px solid currentColor;background:transparent;color:var(--bs-error,var(--loss,#9a3040))}
#screen-events :focus-visible{outline:3px solid var(--bs-focus,#096bbb);outline-offset:3px}
#screen-events .ce-practice-hidden,#screen-events #tournamentHost.hidden{display:none!important}

@container (max-width:900px){#screen-events .ce-events-nav{align-items:stretch;flex-direction:column}#screen-events .practice-setup-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:600px){#screen-events .ce-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#screen-events .ce-tabs button{padding:9px 6px;font-size:12px}#screen-events .practice-setup-fields{grid-template-columns:1fr}#screen-events .ce-settings,#screen-events .ce-builder>.panel,#practiceDraftControls{padding:18px}#screen-events .practice-draft-toolbar>.btn{flex:1}#screen-events .ce-library-head{align-items:stretch;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){#screen-events *{transition:none!important;scroll-behavior:auto!important}}