/* Layouts 2–4 only. No global palette, hidden-state overrides, or Layout 1 selectors.
   Preset IDs remain compact/cards/focus for compatibility with stored club configuration. */

/* Shared geometry is explicitly restricted to the three revised variants. */
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #app-screen .view-section[data-lv-page]:not(.is-hidden){min-width:0;max-width:none}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) :is([data-lv-form],[data-lv-form-body],[data-lv-part]){min-width:0}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) [data-lv-part]{scroll-margin-block:1.2rem}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal]{width:min(76rem,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal] :is(.form-grid,.wear-editor-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.9rem}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal] :is(.input,.select,textarea){max-width:100%}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal] :is(.modal-actions,.wear-editor-actions){flex-wrap:wrap;gap:.65rem;padding-block:1rem;margin-top:1rem;border-top:1px solid var(--club-border)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-navigation{display:none;gap:.5rem;padding:0;margin:0 0 1rem;min-width:0}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-navigation .button{min-height:44px;text-align:left;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere;font-size:.74rem}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-navigation [aria-current="location"]{border-color:var(--club-control-border);background:var(--club-selected-gradient);color:var(--club-text)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary{display:none;min-width:0;padding:1rem;border:1px solid var(--club-border);border-radius:1rem;background:var(--club-subtle-gradient)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary h3{font-size:.9rem;margin:0 0 .5rem}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary dl{margin:0}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary dl>div{padding:.7rem 0;border-bottom:1px solid var(--club-border)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary dt{font-size:.65rem;color:var(--muted)}
html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) .lv-form-summary dd{font-size:.8rem;margin:.2rem 0 0;overflow-wrap:anywhere;white-space:pre-wrap}

/* 2 · Classical: familiar cards and complete forms, with a separate photo column. */
html[data-app-layout="compact"] #app-screen .view-section[data-lv-page]:not(.is-hidden) :is(.panel,.staff-panel,.event-card,.member-card){border-radius:1rem;padding:1rem}
html[data-app-layout="compact"] #app-screen .view-section[data-lv-page]:not(.is-hidden) :is(.grid,.staff-event-list){gap:.9rem}
html[data-app-layout="compact"] #modal-root [data-lv-modal]{max-width:64rem;border-radius:1.1rem}
html[data-app-layout="compact"] [data-lv-form]>[data-lv-part]{margin-block:0 1.1rem}
html[data-app-layout="compact"] [data-lv-form] :is(.training-choice-section,.tournament-editor-section,.training-phase){border:1px solid var(--club-border);border-radius:.85rem;padding:1rem;background:var(--club-subtle-gradient)}
html[data-app-layout="compact"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app-layout="compact"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card{display:block}
html[data-app-layout="compact"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-top{display:flex;align-items:center;gap:.8rem}
html[data-app-layout="compact"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-info{margin-top:.9rem}
html[data-app-layout="compact"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-diary{display:flex;border-top:1px solid var(--club-border);margin-top:.8rem;padding-top:.8rem}
html[data-app-layout="compact"] #view-calendar.view-section[data-lv-page]:not(.is-hidden) .calendar-cell{min-height:6.5rem}
html[data-app-layout="compact"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
html[data-app-layout="compact"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) .td-week-layout{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr)}
html[data-app-layout="compact"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-form{max-width:68rem;margin-inline:auto;gap:1rem}
html[data-app-layout="compact"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-card{border-radius:1rem;padding:1.1rem;background:var(--club-subtle-gradient)}
html[data-app-layout="compact"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card){grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-app-layout="compact"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr)}

/* 3 · Work panel: row lists, section navigation and a large continuous editing area.
   Jump navigation never hides a section or bypasses the native validation flow. */
html[data-app-layout="cards"] [data-lv-form-body]:has(>.lv-form-navigation){display:grid;grid-template-columns:12rem minmax(0,1fr);gap:1.5rem;align-items:start}
html[data-app-layout="cards"] .lv-form-navigation{display:grid;position:sticky;top:.5rem;align-content:start}
html[data-app-layout="cards"] [data-lv-form-body]>.lv-form-navigation{grid-column:1;grid-row:1}
html[data-app-layout="cards"] [data-lv-form-body]:has(>.lv-form-navigation)>form{grid-column:2;grid-row:1}
html[data-app-layout="cards"] [data-lv-form]>[data-lv-part]{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--club-border)}
html[data-app-layout="cards"] [data-lv-form] .training-phase{border:1px solid var(--club-border);border-left:3px solid var(--club-control-border);border-radius:.75rem;background:var(--club-subtle-gradient)}
html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] #member-form{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1.2rem;align-items:start}
html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-overview{grid-column:1/-1}
html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-tabs{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr;position:sticky;top:.5rem;margin:0;padding:.6rem;border:1px solid var(--club-border);border-radius:.9rem;background:var(--club-subtle-gradient)}
html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-panels{grid-column:2;grid-row:2;padding-top:0}
html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-form-actions{grid-column:1/-1}
html[data-app-layout="cards"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card){grid-template-columns:1fr;gap:.7rem}
html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card{display:grid;grid-template-columns:minmax(14rem,1.4fr) minmax(10rem,1fr) minmax(12rem,.8fr);gap:1rem;align-items:center;padding:1rem}
html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) :is(.member-card-top,.member-card-info,.member-card-diary){margin:0;min-width:0}
html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-top{background:none;padding:0}
html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-diary{border-top:0;border-left:1px solid var(--club-border);padding-left:1rem}
html[data-app-layout="cards"] #app-screen #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.tournament-card){grid-template-columns:1fr}
html[data-app-layout="cards"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card{display:grid;grid-template-columns:minmax(13rem,1.6fr) minmax(12rem,1fr);gap:.5rem 1rem;align-items:start;padding:1rem;border-radius:.9rem}
html[data-app-layout="cards"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card>:is(.tournament-card-top,.tournament-card-statuses,.tournament-card-footer,.tournament-card-actions){grid-column:1/-1}
html[data-app-layout="cards"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card>:is(h3,.tournament-card-date,.tournament-location){grid-column:1;margin:0}
html[data-app-layout="cards"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-category-list{grid-column:2;grid-row:2/5;align-self:center}
html[data-app-layout="cards"] #app-screen #view-actions.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.club-event-card){grid-template-columns:1fr}
html[data-app-layout="cards"] #view-actions.view-section[data-lv-page]:not(.is-hidden) .club-event-card{border-left:3px solid var(--club-control-border);padding:1rem}
html[data-app-layout="cards"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list{display:grid;grid-template-columns:1fr;gap:.8rem}
html[data-app-layout="cards"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list>.panel{border-left:3px solid var(--club-control-border)}
html[data-app-layout="cards"] #view-communication.view-section[data-lv-page]:not(.is-hidden) .communication-priority-card{border-radius:.85rem;box-shadow:none;padding:1rem;border-left-width:3px}
html[data-app-layout="cards"] #view-calendar.view-section[data-lv-page]:not(.is-hidden) .calendar-month-panel{border-radius:1rem}
html[data-app-layout="cards"] #view-calendar.view-section[data-lv-page]:not(.is-hidden) .calendar-agenda-item{display:flex;align-items:center;gap:.8rem;border-left:3px solid var(--club-control-border);border-radius:.65rem;padding:.85rem}
html[data-app-layout="cards"] #view-calendar.view-section[data-lv-page]:not(.is-hidden) .calendar-selected-panel{border-left:3px solid var(--club-control-border);background:var(--club-subtle-gradient)}
html[data-app-layout="cards"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-layout{grid-template-columns:minmax(0,1.8fr) minmax(15rem,1fr)}
html[data-app-layout="cards"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days{grid-template-columns:1fr}
html[data-app-layout="cards"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-day{min-height:5.5rem;border-left:3px solid var(--club-control-border)}
html[data-app-layout="cards"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) .td-week-layout{grid-template-columns:minmax(0,1fr)}
html[data-app-layout="cards"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) :is(.td-entry,.td-entry-summary,.td-template){border-radius:.65rem}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden){display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1.5rem;align-items:start}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.page-hero{grid-column:1/-1}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.p19-settings-nav{grid-column:1;grid-row:2/20;display:grid;position:sticky;top:1rem;max-height:calc(100dvh - 2rem);overflow:auto;margin-top:.85rem;align-content:start;gap:.35rem}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.p19-settings-nav .settings-tab{width:100%;text-align:left;justify-content:flex-start;white-space:normal}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>:not(.page-hero,.p19-settings-nav){grid-column:2}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.lv-form-navigation{display:flex;position:static;overflow:auto;margin-block:1rem 0}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.lv-form-navigation .button{flex:none}
html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-card{background:var(--club-subtle-gradient);border-radius:.85rem}
html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card){grid-template-columns:1fr}
html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);align-items:start}
html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card>.product-image{grid-column:1;grid-row:1/4}
html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card>:not(.product-image){grid-column:2}
html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-order-row{border-left:3px solid var(--club-control-border);border-radius:.7rem}
html[data-app-layout="cards"] :is(#view-contacts,#view-placeholder[data-lv-page="contacts"]).view-section[data-lv-page]:not(.is-hidden) .club-contact-grid{grid-template-columns:1fr}
html[data-app-layout="cards"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid{grid-template-columns:minmax(0,1fr) 17rem}
html[data-app-layout="cards"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-source-panel{position:sticky;top:1rem}

/* 4 · Modular: complete groups in cards, live read-only form summary, no alternate data model. */
html[data-app-layout="focus"] [data-lv-form-body]:has(>.lv-form-summary){display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:1.3rem;align-items:start}
html[data-app-layout="focus"] [data-lv-form-body]:has(>.lv-form-summary)>form{grid-column:1;grid-row:1}
html[data-app-layout="focus"] .lv-form-summary{display:block;position:sticky;top:.5rem;grid-column:2;grid-row:1}
html[data-app-layout="focus"] [data-lv-form]>[data-lv-part]{padding:1.1rem;border:1px solid var(--club-border);border-radius:1rem;background:var(--club-subtle-gradient);margin:0 0 1rem}
html[data-app-layout="focus"] [data-lv-form] .training-phase{border-radius:1rem;padding:1rem;border:1px solid var(--club-border);background:var(--club-subtle-gradient)}
html[data-app-layout="focus"] [data-lv-form] .training-phase-items{display:grid;gap:.8rem}
html[data-app-layout="focus"] #modal-root [data-lv-modal="members"] .member-editor-profile-grid{grid-template-columns:minmax(13rem,.65fr) minmax(0,1.5fr);gap:1rem}
html[data-app-layout="focus"] #modal-root [data-lv-modal="members"] .member-form-section{padding:1.1rem;border-radius:1.1rem;background:var(--club-subtle-gradient)}
html[data-app-layout="focus"] #app-screen .view-section[data-lv-page]:not(.is-hidden) :is(.grid.grid-2,.grid.grid-3,.grid.grid-4){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
html[data-app-layout="focus"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app-layout="focus"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card{display:flex;flex-direction:column;align-items:stretch;border-radius:1.1rem;padding:1.1rem;background:var(--club-subtle-gradient)}
html[data-app-layout="focus"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-top{align-items:start}
html[data-app-layout="focus"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-identity{min-width:0}
html[data-app-layout="focus"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-diary{margin-top:auto;padding-top:.85rem}
html[data-app-layout="focus"] #app-screen #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.tournament-card){grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-app-layout="focus"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card{display:flex;flex-direction:column;border-radius:1.1rem;padding:1.1rem;min-width:0}
html[data-app-layout="focus"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card-statuses{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--club-border)}
html[data-app-layout="focus"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
html[data-app-layout="focus"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list>.panel{display:flex;flex-direction:column;min-width:0}
html[data-app-layout="focus"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list>.panel>.toolbar{margin-top:auto;padding-top:.8rem}
html[data-app-layout="focus"] #view-communication.view-section[data-lv-page]:not(.is-hidden) .communication-priority-card{padding:1.2rem;border-radius:1.1rem;background:var(--club-subtle-gradient)}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden){display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.4fr);gap:1rem;align-items:start}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden)>.calendar-page-hero{grid-column:1/-1}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden)>.calendar-month-panel{grid-column:1;min-width:0;margin:0!important}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden)>.calendar-selected-panel{grid-column:2;margin:0!important;min-width:0}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden)>:not(.calendar-page-hero,.calendar-month-panel,.calendar-selected-panel){grid-column:1/-1}
html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden) .calendar-cell{min-height:5.7rem;border-radius:.8rem}
html[data-app-layout="focus"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-layout{grid-template-columns:minmax(0,1fr)}
html[data-app-layout="focus"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app-layout="focus"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) .td-week-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-app-layout="focus"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) :is(.td-layout,.td-content){max-width:none}
html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-form>:is(.p19-save-bar,.settings-draft-status,.p19-settings-card:first-of-type,.p19-folder){grid-column:1/-1}
html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-card{margin:0;padding:1.15rem;border-radius:1rem;min-width:0;background:var(--club-subtle-gradient)}
html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-score-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card{border-radius:1.1rem}
html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-checkout-layout{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);gap:1.2rem}
html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-checkout-summary{position:sticky;top:1rem}
html[data-app-layout="focus"] :is(#view-contacts,#view-placeholder[data-lv-page="contacts"]).view-section[data-lv-page]:not(.is-hidden) .club-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app-layout="focus"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
html[data-app-layout="focus"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-panel{grid-column:1/-1}
html[data-app-layout="focus"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-photo-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}

/* Responsive composition. Every field/action remains in the original DOM and native hidden states win. */
@media(min-width:1101px){
 html[data-app-layout="compact"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}
 html[data-app-layout="compact"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard>:is(.staff-dashboard-header,.staff-stats,.staff-pending-panel){grid-column:1/-1}
 html[data-app-layout="compact"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard-main{grid-column:1;display:grid;gap:1rem}
 html[data-app-layout="compact"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard-aside{grid-column:2;display:grid;gap:1rem}
 html[data-app-layout="cards"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-event-card{grid-template-columns:minmax(0,1fr);border-left:3px solid var(--club-control-border)}
 html[data-app-layout="focus"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
 html[data-app-layout="focus"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) .staff-dashboard>:is(.staff-dashboard-header,.staff-stats,.staff-pending-panel){grid-column:1/-1}
 html[data-app-layout="focus"] #view-dashboard.view-section[data-lv-page]:not(.is-hidden) :is(.staff-dashboard-main,.staff-dashboard-aside){display:grid;grid-template-columns:1fr;gap:1.2rem;min-width:0}
}
@media(max-width:1200px){
 html[data-app-layout="compact"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card),html[data-app-layout="focus"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card),html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card){grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden){grid-template-columns:1fr}
 html[data-app-layout="focus"] #view-calendar.view-section[data-lv-page]:not(.is-hidden)>.calendar-selected-panel{grid-column:1}
 html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card{grid-template-columns:minmax(14rem,1fr) minmax(10rem,1fr)}
 html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-diary{grid-column:1/-1;border-left:0;border-top:1px solid var(--club-border);padding:.7rem 0 0}
}
@media(max-width:950px){
 html[data-app-layout="cards"] [data-lv-form-body]:has(>.lv-form-navigation){grid-template-columns:10rem minmax(0,1fr);gap:1rem}
 html[data-app-layout="focus"] [data-lv-form-body]:has(>.lv-form-summary){grid-template-columns:1fr}
 html[data-app-layout="focus"] [data-lv-form-body]>.lv-form-summary{position:static;grid-row:auto;grid-column:1}
 html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] #member-form{grid-template-columns:10rem minmax(0,1fr)}
 html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-profile-grid{grid-template-columns:1fr}
 html[data-app-layout="compact"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) .td-week-layout,html[data-app-layout="cards"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-layout,html[data-app-layout="focus"] #view-training_diary.view-section[data-lv-page]:not(.is-hidden) .td-week-layout{grid-template-columns:1fr}
 html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card{grid-template-columns:minmax(10rem,.65fr) minmax(0,1fr)}
 html[data-app-layout="focus"] :is(#view-contacts,#view-placeholder[data-lv-page="contacts"]).view-section[data-lv-page]:not(.is-hidden) .club-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-app-layout="cards"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid,html[data-app-layout="compact"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid{grid-template-columns:1fr}
 html[data-app-layout="cards"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-source-panel{position:static}
}
@media(max-width:760px){
 html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal]{width:calc(100vw - .7rem)!important;max-width:calc(100vw - .7rem);max-height:calc(100dvh - .7rem)}
 html[data-app-layout="cards"] [data-lv-form-body]:has(>.lv-form-navigation){display:block}
 html[data-app-layout="cards"] .lv-form-navigation{display:flex;position:static;overflow:auto;max-width:100%;padding-bottom:.5rem}
 html[data-app-layout="cards"] .lv-form-navigation .button{flex:none;max-width:12rem}
 html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] #member-form{display:block}
 html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-tabs{display:flex;position:static;overflow:auto;margin:.6rem 0}
 html[data-app-layout="cards"] #modal-root [data-lv-modal="members"] .member-editor-tab{flex:none;min-width:9rem}
 html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden){display:block}
 html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.p19-settings-nav{display:flex;position:static;max-height:none;overflow:auto;gap:.4rem}
 html[data-app-layout="cards"] #view-settings.view-section[data-lv-page]:not(.is-hidden)>.p19-settings-nav .settings-tab{flex:none;white-space:nowrap;width:auto}
 html[data-app-layout="compact"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days,html[data-app-layout="focus"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-settings-form{grid-template-columns:1fr}
 html[data-app-layout="focus"] #view-settings.view-section[data-lv-page]:not(.is-hidden) .p19-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-checkout-layout{grid-template-columns:1fr}
 html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-checkout-summary{position:static}
 html[data-app-layout="cards"] #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .tournament-card{display:block}
 html[data-app-layout="cards"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .merch-product-card{display:block}
 html[data-app-layout="focus"] #view-newsletter.view-section[data-lv-page]:not(.is-hidden) .nl-editor-grid{grid-template-columns:1fr}
 html[data-app-layout="focus"] #modal-root [data-lv-modal="members"] .member-editor-profile-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
 html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal] :is(.form-grid,.wear-editor-grid){grid-template-columns:minmax(0,1fr)!important}
 html:is([data-app-layout="compact"],[data-app-layout="cards"],[data-app-layout="focus"]) #modal-root [data-lv-modal] .modal-actions .button{min-height:44px}
 html[data-app-layout="compact"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card),html[data-app-layout="focus"] #app-screen #view-members.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.member-card),html[data-app-layout="compact"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card),html[data-app-layout="focus"] #view-clubwear.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.merch-product-card){grid-template-columns:1fr}
 html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card{display:block}
 html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-info{margin-top:.8rem}
 html[data-app-layout="cards"] #view-members.view-section[data-lv-page]:not(.is-hidden) .member-card-diary{margin-top:.8rem}
 html[data-app-layout="focus"] #view-camps.view-section[data-lv-page]:not(.is-hidden) .camp-list,html[data-app-layout="focus"] #app-screen #view-tournaments.view-section[data-lv-page]:not(.is-hidden) .grid:has(>.tournament-card),html[data-app-layout="focus"] :is(#view-contacts,#view-placeholder[data-lv-page="contacts"]).view-section[data-lv-page]:not(.is-hidden) .club-contact-grid{grid-template-columns:1fr}
 html[data-app-layout="compact"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days,html[data-app-layout="focus"] #view-training.view-section[data-lv-page]:not(.is-hidden) .training-week-days{grid-template-columns:1fr}
 html[data-app-layout="focus"] #app-screen .view-section[data-lv-page]:not(.is-hidden) :is(.grid.grid-2,.grid.grid-3,.grid.grid-4){grid-template-columns:1fr}
}