@media(max-width:900px){
body.role-player{background:#f3f6f4;padding-bottom:calc(150px + env(safe-area-inset-bottom))}
body.role-player .topbar{display:block!important;width:100%;margin:0;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border:0;border-bottom:1px solid #dce5df;border-radius:0;background:#fff;box-shadow:0 3px 14px #16352412}
body.role-player .topbar h1{margin:0;font-size:19px}body.role-player .topbar .eyebrow{font-size:10px}body.role-player .topbar>div:first-child>p:not(.session-status),body.role-player .topbar #dataStatus,body.role-player .topbar .session-countdown-slot,body.role-player .topbar .player-icon-actions,body.role-player .topbar .club-switcher{display:none!important}body.role-player .topbar .session-status{margin:3px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.role-player .welcome-panel,body.role-player .booking-guide,body.role-player .player-home{display:none!important}
body.role-player .device-booking-flow{position:sticky!important;top:0!important;z-index:80!important;display:grid!important;grid-template-columns:repeat(4,1fr);gap:5px;margin:0;padding:7px 8px;border-bottom:1px solid #dbe5de;background:#ffffffed;backdrop-filter:blur(14px)}body.role-player .device-booking-flow .flow-link{display:grid;place-items:center;gap:2px;min-height:48px;padding:4px;border-radius:10px;color:#607068;text-decoration:none}body.role-player .device-booking-flow .flow-link strong{display:grid;width:23px;height:23px;place-items:center;margin:0;border-radius:50%;background:#e7ede9;color:#516159;font-size:12px}body.role-player .device-booking-flow .flow-link.is-current{background:#e8f4ec;color:var(--accent);font-weight:850}body.role-player .device-booking-flow .flow-link.is-current strong{background:var(--accent);color:#fff}
body.role-player .booking-assistant{width:calc(100% - 20px);margin:10px auto 0;padding:9px 11px;border-radius:12px;box-shadow:none}body.role-player .booking-assistant strong{font-size:12px}body.role-player .booking-assistant span:not(.assistant-icon){font-size:11px}
body.role-player .date-box,body.role-player .layout,body.role-player .booking-review-step{width:100%!important;margin:0!important;padding:10px!important}body.role-player .date-box{display:block!important;border:0;border-radius:0;background:transparent;box-shadow:none}body.role-player .date-time-choice{display:grid;gap:10px}body.role-player .date-time-choice>div{padding:15px;border:1px solid #d8e2dc;border-radius:16px;background:#fff;box-shadow:0 5px 18px #1635240d}body.role-player .date-inline-nav{display:grid;grid-template-columns:42px 42px minmax(0,1fr) 42px 42px;gap:5px}body.role-player .date-step-label{margin-bottom:8px;font-size:14px;font-weight:850}body.role-player .date-load-title{margin:16px 5px 7px}body.role-player .date-load-title span{display:none}body.role-player .date-load-picker{margin:0 -10px;padding:2px 10px 10px}body.role-player .date-load-day{min-width:78px;border-radius:14px;background:var(--load-color)!important;color:var(--load-ink)!important;box-shadow:0 3px 12px #1635240d}body.role-player .date-load-day span,body.role-player .date-load-day strong,body.role-player .date-load-day small{visibility:visible!important;color:inherit!important;opacity:1!important}
body.role-player .layout{display:block!important}body.role-player .sidebar{display:block!important}body.role-player .sidebar>:not(#bookingPartner){display:none!important}body.role-player #bookingPartner{display:block!important;padding:16px;border:0;border-radius:18px;background:#fff;box-shadow:0 5px 18px #16352412}body.role-player #bookingPartner .step-help{margin:6px 0 12px;color:var(--muted);font-size:13px}body.role-player .partner-picker{display:grid;grid-template-columns:1fr;gap:8px}body.role-player .favorite-list{display:flex;gap:7px;overflow-x:auto;padding:3px 0 9px}
body.role-player #bookingBoard{display:block!important;width:100%!important;margin:0;padding:10px;border:0;border-radius:0;background:transparent;box-shadow:none}body.role-player #bookingBoard .board-overview-header,body.role-player #bookingBoard .board-step,body.role-player #bookingBoard .board-date-navigation{display:none!important}body.role-player .quick-availability{padding:15px;border:1px solid #d8e2dc;border-radius:18px;background:#fff;box-shadow:0 5px 18px #16352412}body.role-player .quick-heading>small{display:none}body.role-player .quick-heading h3{font-size:17px}body.role-player .mobile-date-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}body.role-player .mobile-date-filters button{min-height:42px;padding:6px;font-size:12px}body.role-player .quick-slots{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:visible}body.role-player .quick-slot{display:grid;min-height:76px;padding:10px;border:1px solid #b9d3c2;border-radius:15px;background:#f7fbf8;box-shadow:0 3px 10px #16352410;text-align:left}body.role-player .quick-slot strong{font-size:20px}body.role-player .quick-slot span{font-size:12px}body.role-player .full-board-toggle{width:calc(100% - 20px);margin:10px}
body.role-player .workflow-controls{position:fixed!important;z-index:190!important;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));display:grid!important;grid-template-columns:86px 1fr 1.35fr;gap:7px;margin:0;padding:8px 10px;border-top:1px solid #d8e2dc;background:#fffffff2;box-shadow:0 -7px 24px #142c1d1a;backdrop-filter:blur(15px)}body.role-player .workflow-progress-copy{min-width:0;align-content:center}body.role-player .workflow-progress-copy span{display:none}body.role-player .workflow-progress-copy strong{font-size:11px;line-height:1.2}body.role-player .workflow-nav-button{min-height:48px;padding:7px;font-size:12px}
body.role-player .mobile-bottom-nav,body.role-player[data-workflow-step] .mobile-bottom-nav{position:fixed!important;z-index:200!important;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(4,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid #d3ddd6;background:#fffffff5;box-shadow:0 -5px 20px #13291b17;backdrop-filter:blur(16px)}body.role-player .mobile-bottom-nav a{display:grid;place-content:center;gap:1px;min-width:0;min-height:56px;padding:3px;border-radius:12px;color:#65736b;font-size:10px;font-weight:750;text-align:center;text-decoration:none}body.role-player .mobile-bottom-nav a span{font-size:20px;line-height:1}body.role-player .mobile-bottom-nav a strong{font-size:10px}body.role-player .mobile-bottom-nav a.is-primary{background:#e4f2e9;color:var(--accent)}
body.role-player[data-workflow-step="1"] .layout,body.role-player[data-workflow-step="1"] .booking-review-step{display:none!important}body.role-player[data-workflow-step="2"] .date-box,body.role-player[data-workflow-step="2"] #bookingBoard,body.role-player[data-workflow-step="2"] .booking-review-step{display:none!important}body.role-player[data-workflow-step="3"] .date-box,body.role-player[data-workflow-step="3"] .sidebar,body.role-player[data-workflow-step="3"] .booking-review-step{display:none!important}body.role-player[data-workflow-step="4"] .topbar,body.role-player[data-workflow-step="4"] .date-box,body.role-player[data-workflow-step="4"] .layout,body.role-player[data-workflow-step="4"] .booking-assistant{display:none!important}body.role-player[data-workflow-step="4"] .booking-review-step{display:block!important;padding:18px!important;border:0;border-radius:18px;background:#fff}
body.role-player[data-workflow-step="3"] #bookingBoard .quick-availability{display:block!important}body.role-player[data-workflow-step="3"] #bookingBoard .full-board-toggle{display:block!important}body.role-player[data-workflow-step="3"] #bookingBoard:not(.is-board-expanded) #boardScroll{display:none!important;height:0!important;min-height:0!important}body.role-player[data-workflow-step="3"] #bookingBoard.is-board-expanded #boardScroll{display:block!important;height:calc(100dvh - 315px)!important;min-height:420px!important}
body.role-player[data-workflow-step="3"] .layout{display:block!important;min-height:360px!important}body.role-player[data-workflow-step="3"] #bookingBoard{display:block!important;visibility:visible!important;min-height:340px!important}body.role-player[data-workflow-step="3"] #bookingBoard .board-step{display:block!important;margin:0 0 8px;padding:4px 5px;background:transparent}body.role-player[data-workflow-step="3"] #bookingBoard .board-step .step-heading{display:flex!important}body.role-player[data-workflow-step="3"] #bookingBoard .board-step p{display:none!important}body.role-player[data-workflow-step="3"] #bookingBoard .quick-availability{visibility:visible!important;min-height:190px!important}body.role-player[data-workflow-step="3"] #bookingBoard .quick-slots{display:grid!important;grid-template-columns:1fr 1fr;min-height:76px!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll,body.role-player[data-workflow-step="3"] #bookingBoard:not(.is-board-expanded) #boardScroll{display:block!important;width:100%!important;height:52dvh!important;min-height:360px!important;max-height:none!important;margin-top:10px;overflow:auto!important;border:1px solid #8e9690;border-radius:14px;background:#fff;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}body.role-player[data-workflow-step="3"] #bookingBoard .full-board-toggle{display:none!important}body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll .board{min-width:2164px!important}
body.role-player[data-workflow-step="3"] .topbar{position:fixed!important;z-index:150!important;top:0;left:0;right:0;display:block!important;height:72px;overflow:hidden}body.role-player[data-workflow-step="3"] .booking-assistant{display:none!important}body.role-player[data-workflow-step="3"] .layout{display:contents!important}body.role-player[data-workflow-step="3"] #bookingBoard{position:fixed!important;z-index:120!important;inset:128px 0 calc(140px + env(safe-area-inset-bottom)) 0!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;padding:10px!important;overflow-y:auto!important;background:#f3f6f4!important;overscroll-behavior:contain}body.role-player[data-workflow-step="3"] #bookingBoard .board-step{position:sticky;top:-10px;z-index:4;margin:-10px -10px 8px!important;padding:10px 14px!important;border-bottom:1px solid #d8e2dc;background:#fffffff2!important;backdrop-filter:blur(12px)}body.role-player[data-workflow-step="3"] #bookingBoard .quick-availability{display:block!important;min-height:220px!important;margin:0!important}body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll{display:block!important;height:45dvh!important;min-height:300px!important;margin-bottom:10px}body.role-player[data-workflow-step="3"] .device-booking-flow{position:fixed!important;top:72px!important;left:0;right:0;height:56px}body.role-player[data-workflow-step="3"] .workflow-controls{bottom:calc(70px + env(safe-area-inset-bottom))!important}
body.role-player dialog.booking-dialog{inset:auto 0 0!important;width:100%!important;max-width:none;max-height:86dvh;margin:0!important;padding:22px 18px max(18px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0!important;box-shadow:0 -18px 60px #07170d4d}body.role-player dialog.booking-dialog::backdrop{background:#10251a99;backdrop-filter:blur(3px)}body.role-player .booking-summary{gap:8px}body.role-player .booking-summary>div{padding:10px;border-radius:10px;background:#f4f7f5}body.role-player .dialog-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
}
@media(max-width:370px){body.role-player .quick-slots{grid-template-columns:1fr}body.role-player .workflow-controls{grid-template-columns:72px 1fr 1.2fr}.device-booking-flow .flow-link span{font-size:9px}}

/* App-Shell für alle Mitgliederbereiche. */
.mobile-app-navigation{display:none}.mobile-status-logout{display:none}
@media(max-width:900px){
body.role-player .topbar>div:first-child{position:relative;padding-right:84px}
body.role-player .mobile-status-logout{position:absolute;top:50%;right:0;display:flex!important;align-items:center;justify-content:center;min-width:76px;min-height:40px;padding:7px 10px;border:1px solid #b7c8bd;border-radius:12px;background:#f5f8f6;color:#315240;font-size:12px;font-weight:850;text-decoration:none;transform:translateY(-50%)}
body.role-player .mobile-status-logout:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}
body.role-player:not([data-workflow-step]){padding-bottom:calc(82px + env(safe-area-inset-bottom));background:#f3f6f4}
body.role-player:not([data-workflow-step]) .unified-player-header{display:block!important;width:100%;margin:0;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border:0;border-bottom:1px solid #dce5df;border-radius:0;background:#fff;box-shadow:0 3px 14px #16352412}
body.role-player:not([data-workflow-step]) .unified-player-header .header-identity{display:block}body.role-player:not([data-workflow-step]) .unified-player-header h1{margin:0;font-size:19px}body.role-player:not([data-workflow-step]) .unified-player-header .app-version{font-size:10px}body.role-player:not([data-workflow-step]) .unified-player-header .current-club,body.role-player:not([data-workflow-step]) .unified-player-header .session-status{margin:3px 0 0;font-size:12px}body.role-player:not([data-workflow-step]) .unified-player-header .data-status,body.role-player:not([data-workflow-step]) .unified-player-header .session-countdown-slot,body.role-player:not([data-workflow-step]) .unified-player-header .unified-icon-navigation,body.role-player:not([data-workflow-step]) .unified-player-header .club-switcher,body.role-player:not([data-workflow-step]) .unified-player-header .club-header-logo{display:none!important}body.role-player:not([data-workflow-step]) .unified-player-header .welcome-panel{display:block!important;margin-top:10px;padding:10px 0 0;border-top:1px solid #edf1ee;background:transparent}body.role-player:not([data-workflow-step]) .unified-player-header .welcome-panel h2{margin:0;font-size:17px}body.role-player:not([data-workflow-step]) .unified-player-header .welcome-panel p{margin:3px 0 0;color:var(--muted);font-size:12px}
.mobile-app-navigation{position:fixed;z-index:210;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid #d3ddd6;background:#fffffff5;box-shadow:0 -5px 20px #13291b17;backdrop-filter:blur(16px)}.mobile-app-navigation a{display:grid;place-content:center;gap:2px;min-width:0;min-height:56px;border-radius:12px;color:#65736b;font-size:10px;text-align:center;text-decoration:none}.mobile-app-navigation a span{font-size:20px;line-height:1}.mobile-app-navigation a strong{font-size:10px}.mobile-app-navigation a.is-active{background:#e4f2e9;color:var(--accent)}
body.role-player .booking-overview,body.role-player .account-layout,body.role-player .help-layout{width:100%;margin:0;padding:10px;gap:10px}body.role-player .booking-overview>.panel,body.role-player .account-layout>.panel,body.role-player .help-layout>.panel,body.role-player .help-card{padding:15px;border:1px solid #d8e2dc;border-radius:17px;background:#fff;box-shadow:0 4px 15px #1635240d}body.role-player .overview-summary{grid-template-columns:1fr 1fr;gap:8px}body.role-player .overview-summary>*{border-radius:15px;box-shadow:none}body.role-player .overview-booking{display:grid;grid-template-columns:1fr;gap:8px;padding:13px;border:1px solid #e0e7e2;border-radius:14px;background:#fafcfb}body.role-player .overview-booking .booking-actions{display:grid!important;grid-template-columns:1fr;gap:7px;margin:0}body.role-player .overview-booking .booking-actions>*{width:100%;min-height:44px}body.role-player .compact-booking-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;min-width:0;white-space:normal}body.role-player .compact-booking-row .compact-booking-date,body.role-player .compact-booking-row .compact-booking-players,body.role-player .compact-booking-row .booking-actions{grid-column:1/-1;max-width:none}body.role-player .account-card{padding:16px}body.role-player .account-layout input,body.role-player .account-layout select,body.role-player .account-layout button{min-height:48px}body.role-player .help-index{top:0;margin:0 -10px;padding:8px 10px;border-radius:0;background:#fffffff0;backdrop-filter:blur(12px)}body.role-player .help-card{grid-template-columns:34px 1fr}body.role-player .help-number{width:32px;height:32px}
body.role-player.magnet-page{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.role-player.magnet-page .magnet-page-main{height:calc(100dvh - 205px);padding:8px;gap:8px}body.role-player.magnet-page .magnet-page-toolbar{display:grid;grid-template-columns:1fr;padding:10px;border-radius:14px}body.role-player.magnet-page .magnet-page-toolbar .overview-date-row{grid-column:1;grid-row:auto;display:grid;grid-template-columns:38px 38px minmax(130px,1fr) 38px 38px}body.role-player.magnet-page .magnet-page-toolbar h2{font-size:16px}body.role-player.magnet-page .magnet-page-board{border-width:5px;border-radius:10px}
}
@media(max-width:900px) and (max-height:500px){body.role-player[data-workflow-step="3"] .topbar{height:52px;padding-top:6px!important;padding-bottom:5px!important}body.role-player[data-workflow-step="3"] .topbar .welcome-panel{display:none!important}body.role-player[data-workflow-step="3"] .device-booking-flow{top:52px!important;height:50px;padding-block:3px}body.role-player[data-workflow-step="3"] #bookingBoard{inset:102px 0 calc(122px + env(safe-area-inset-bottom)) 0!important}body.role-player[data-workflow-step="3"] .workflow-controls{bottom:calc(62px + env(safe-area-inset-bottom))!important;padding-block:4px}body.role-player .mobile-bottom-nav,body.role-player[data-workflow-step] .mobile-bottom-nav{height:calc(62px + env(safe-area-inset-bottom))}}

/* Mobile Buchung wie eine App: kompakte Datumsleiste und sofort sichtbare Magnettafel. */
@media(max-width:900px){
body.role-player.mobile-home-active{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
body.role-player.mobile-home-active .device-booking-flow,body.role-player.mobile-home-active .workflow-controls,body.role-player.mobile-home-active .booking-assistant,body.role-player.mobile-home-active .date-box,body.role-player.mobile-home-active .layout,body.role-player.mobile-home-active .booking-review-step{display:none!important}
body.role-player.mobile-home-active .player-home{display:grid!important;gap:14px;margin:12px 10px!important;padding:18px!important;border:1px solid #d8e2dc;border-radius:18px;background:#fff;box-shadow:0 5px 18px #16352412}
body.role-player.mobile-home-active .player-home h2{margin:2px 0 0;font-size:22px}
.mobile-home-feed{display:grid;gap:9px}.mobile-home-card{display:grid;gap:3px;min-height:76px;padding:12px 14px;border:1px solid #cfe0d5;border-radius:14px;background:#f7fbf8;color:var(--ink);text-decoration:none}.mobile-home-card small{color:var(--accent);font-weight:850}.mobile-home-card strong{font-size:15px}.mobile-home-card span{color:var(--muted);font-size:13px}.mobile-home-empty{display:grid;gap:6px;padding:18px;border-radius:14px;background:#eaf6ef;text-align:center}.mobile-home-empty span{color:var(--muted);font-size:13px}
body.role-player.mobile-home-active .home-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}body.role-player.mobile-home-active .home-actions a{display:grid;place-items:center;min-height:48px;border-radius:12px;text-decoration:none}
body.role-player[data-workflow-step="1"] .date-inline-nav{--mobile-picker-height:37.5px;display:grid!important;grid-template-columns:44px 44px minmax(78px,110px) 44px 44px!important;justify-content:center;gap:3px!important;width:100%;align-items:center}
body.role-player[data-workflow-step="1"] .date-inline-nav>*{grid-row:1!important;min-width:0!important;width:100%!important;margin:0!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>[data-board-date-shift="-7"]{grid-column:1!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>[data-board-date-shift="-1"]{grid-column:2!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>#boardDate{grid-column:3!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>[data-board-date-shift="1"]{grid-column:4!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>[data-board-date-shift="7"]{grid-column:5!important}
body.role-player[data-workflow-step="1"] .date-inline-nav input[type="date"],body.role-player[data-workflow-step="1"] .date-inline-nav .compact-date-button{height:var(--mobile-picker-height)!important;min-height:var(--mobile-picker-height)!important;max-height:var(--mobile-picker-height)!important}
body.role-player[data-workflow-step="1"] .date-inline-nav input[type="date"]{padding:3px 1px!important;font-size:12px}
body.role-player[data-workflow-step="1"] .date-inline-nav .compact-date-button{min-width:44px!important;padding:1px 2px!important;font-size:19px}
body.role-player[data-workflow-step="1"] .time-inline-nav{--mobile-picker-height:37.5px;display:grid!important;grid-template-columns:44px 44px minmax(78px,110px) 44px 44px!important;justify-content:center;gap:3px!important;width:100%;align-items:center}
body.role-player[data-workflow-step="1"] .time-inline-nav>*{min-width:0!important;width:100%!important;height:var(--mobile-picker-height)!important;min-height:var(--mobile-picker-height)!important;max-height:var(--mobile-picker-height)!important;margin:0!important}
body.role-player[data-workflow-step="1"] .time-inline-nav select{padding:3px 1px!important;font-size:12px}
body.role-player[data-workflow-step="1"] .time-inline-nav .compact-date-button{padding:1px 2px!important;font-size:19px}
body.role-player[data-workflow-step="1"] .date-inline-nav>#boardDate,body.role-player[data-workflow-step="1"] .time-inline-nav>#desiredTime{-webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important;width:100%!important;height:var(--mobile-picker-height)!important;min-height:var(--mobile-picker-height)!important;max-height:var(--mobile-picker-height)!important;margin:0!important;padding:0 6px!important;border:1px solid #aeb9b2!important;border-radius:12px!important;background:#fff!important;background-image:none!important;color:var(--ink)!important;font-family:inherit!important;font-size:14px!important;font-weight:850!important;line-height:1!important;text-align:center!important;text-align-last:center!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>#boardDate::-webkit-date-and-time-value{min-height:0!important;margin:0!important;padding:0!important;text-align:center!important}
body.role-player[data-workflow-step="1"] .date-inline-nav>#boardDate::-webkit-calendar-picker-indicator{position:absolute!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important}
body.role-player[data-workflow-step="1"] .time-inline-nav>#desiredTime::-ms-expand{display:none!important}
body.role-player[data-workflow-step="1"] .date-load-picker{min-height:64px!important}
body.role-player[data-workflow-step="1"] .date-load-status{display:grid;min-width:100%;min-height:56px;place-items:center;padding:10px;border:1px dashed #b8c9be;border-radius:12px;background:#fff;color:var(--muted);text-align:center}
body.role-player[data-workflow-step="1"] .date-load-status.is-error{border-color:#d7b6b6;background:#fff7f7;color:#8b3030}
body.role-player[data-workflow-step="1"] .time-utilization{display:grid!important;min-height:106px!important;align-content:center!important}
body.role-player[data-workflow-step="1"] .time-utilization:empty::before{content:"Platzauslastung zur Wunschzeit wird berechnet …";display:grid;min-height:84px;place-items:center;color:var(--muted);text-align:center}
body.role-player[data-workflow-step="1"] .time-utilization-status{display:grid;min-height:84px;place-items:center;color:var(--muted);text-align:center}
body.role-player[data-workflow-step="3"] #bookingBoard{display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.role-player[data-workflow-step="3"] #bookingBoard .quick-availability,body.role-player[data-workflow-step="3"] #bookingBoard .full-board-toggle{display:none!important}
body.role-player[data-workflow-step="3"] #bookingBoard .board-step{display:block!important;position:relative!important;top:auto!important;flex:0 0 auto;margin:-10px -10px 8px!important;padding:9px 14px!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll,body.role-player[data-workflow-step="3"] #bookingBoard:not(.is-board-expanded) #boardScroll{display:block!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;margin:0!important;overflow:auto!important}
body.role-player[data-workflow-step="3"] #boardScroll .board thead th{position:sticky!important;top:0!important;z-index:35!important;background:#deddd3!important}
body.role-player[data-workflow-step="3"] #boardScroll .board thead th:first-child{left:0!important;z-index:45!important}
body.role-player[data-workflow-step="3"] #boardScroll .board .court-number{position:sticky!important;left:0!important;z-index:30!important}
body.role-player[data-workflow-step="3"] .topbar{height:68px!important;padding:max(8px,env(safe-area-inset-top)) 12px 7px!important}
body.role-player[data-workflow-step="3"] .topbar .header-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;width:100%;max-width:100%;overflow:hidden}
body.role-player[data-workflow-step="3"] .topbar h1{min-width:0;overflow:hidden;font-size:17px!important;text-overflow:ellipsis;white-space:nowrap}
body.role-player[data-workflow-step="3"] .topbar .app-version{font-size:9px}.mobile-board-context{display:none}
body.role-player[data-workflow-step="3"] .device-booking-flow{top:68px!important}
body.role-player[data-workflow-step="3"] #bookingBoard{inset:124px 0 calc(128px + env(safe-area-inset-bottom)) 0!important;padding:0!important;background:#fff!important}
body.role-player[data-workflow-step="3"] #bookingBoard .board-step{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:54px;margin:0!important;padding:8px 12px!important;border-bottom:1px solid #ccd8d0;background:#fff!important}
body.role-player[data-workflow-step="3"] #bookingBoard .board-step .step-heading{min-width:0;margin:0}body.role-player[data-workflow-step="3"] #bookingBoard .board-step .step-heading h2{font-size:17px;white-space:nowrap}
body.role-player[data-workflow-step="3"] .mobile-board-context{display:grid;justify-items:end;min-width:0;font-size:12px;line-height:1.2}body.role-player[data-workflow-step="3"] .mobile-board-context strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.role-player[data-workflow-step="3"] .mobile-board-context span{color:var(--muted);font-weight:750}
body.role-player[data-workflow-step="3"] #bookingBoard .admin-feedback{display:none!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll,body.role-player[data-workflow-step="3"] #bookingBoard:not(.is-board-expanded) #boardScroll{width:100%!important;border:0!important;border-radius:0!important}
body.role-player[data-workflow-step="3"] #boardScroll .board thead th{height:44px!important;font-size:13px!important}
body.role-player[data-workflow-step="3"] .topbar{height:112px!important;overflow:hidden!important}
body.role-player[data-workflow-step="3"] .topbar .header-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto 44px!important}
body.role-player[data-workflow-step="3"] .topbar .player-icon-actions,body.role-player[data-workflow-step="3"] .topbar .unified-icon-navigation{display:flex!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;margin:0!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important}
body.role-player[data-workflow-step="3"] .topbar .player-icon-actions a{display:grid!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important}
body.role-player[data-workflow-step="3"] .device-booking-flow{top:112px!important}
body.role-player[data-workflow-step="3"] #bookingBoard{inset:168px 0 calc(128px + env(safe-area-inset-bottom)) 0!important;display:block!important;overflow:hidden!important}
body.role-player[data-workflow-step="3"] #bookingBoard .board-step{height:54px!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll,body.role-player[data-workflow-step="3"] #bookingBoard:not(.is-board-expanded) #boardScroll{position:absolute!important;inset:54px 0 0 0!important;display:block!important;visibility:visible!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;background:#fff!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll .board{display:table!important;visibility:visible!important;width:2164px!important;min-width:2164px!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll tbody{display:table-row-group!important;visibility:visible!important}
/* Mobil ausschließlich die App-Navigation; Desktop-Kopfzeilenicons bleiben verborgen. */
body.role-player .topbar .player-icon-actions,body.role-player .topbar .unified-icon-navigation,body.role-player[data-workflow-step="3"] .topbar .player-icon-actions,body.role-player[data-workflow-step="3"] .topbar .unified-icon-navigation{display:none!important}
body.role-player[data-workflow-step="3"] .topbar{height:68px!important}
body.role-player[data-workflow-step="3"] .topbar .header-identity{grid-template-rows:auto!important}
body.role-player[data-workflow-step="3"] .device-booking-flow{top:68px!important}
body.role-player[data-workflow-step="3"] #bookingBoard{inset:124px 0 calc(128px + env(safe-area-inset-bottom)) 0!important}
body.role-player[data-workflow-step="3"] #bookingBoard,body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll,body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll .board{display:block!important;visibility:visible!important;opacity:1!important}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll{position:absolute!important;inset:54px 0 0!important;width:auto!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:scroll!important;overscroll-behavior:auto!important;touch-action:auto!important;-webkit-overflow-scrolling:touch}
body.role-player[data-workflow-step="3"] #bookingBoard #boardScroll .board{display:table!important;width:2164px!important;min-width:2164px!important;margin-bottom:120px!important}
body.role-player[data-workflow-step="3"] .workflow-controls{top:auto!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;height:auto!important;min-height:0!important;max-height:76px!important;margin:0!important;border-radius:0!important}
body.role-player[data-workflow-step="3"] #bookingBoard{bottom:calc(146px + env(safe-area-inset-bottom))!important}
body.role-player[data-workflow-step="3"] .app-toast{top:136px!important;bottom:auto!important;max-height:118px;overflow:auto;pointer-events:none}
}

/* Mobile Kopfzeile: dieselben Icon-Aktionen wie auf dem Desktop. */
@media(max-width:900px){
body.role-player .topbar{min-height:116px!important;height:auto!important;overflow:visible!important;padding:8px 10px!important}
body.role-player .topbar .header-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto 46px!important;gap:5px 8px!important;width:100%!important;padding-right:0!important;overflow:visible!important}
body.role-player .topbar .header-identity>h1,body.role-player .topbar .header-identity>.app-version,body.role-player .topbar .header-identity>.session-status{grid-row:1!important}
body.role-player .topbar .app-version{display:none!important}
body.role-player .topbar .player-icon-actions,body.role-player .topbar .unified-icon-navigation,body.role-player[data-workflow-step="3"] .topbar .player-icon-actions,body.role-player[data-workflow-step="3"] .topbar .unified-icon-navigation{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:100%!important;max-width:100%!important;height:46px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
body.role-player .topbar .player-icon-actions::-webkit-scrollbar{display:none}
body.role-player .topbar .player-icon-actions a{display:grid!important;flex:1 0 42px!important;width:auto!important;min-width:42px!important;max-width:54px!important;height:42px!important;border-radius:11px!important}
body.role-player .topbar .player-icon-actions a[aria-label="Abmelden"]{background:#fff4f4!important;color:#9b2f2f!important;border-color:#dbb6b6!important}
body.role-player .topbar .player-icon-actions a::after{display:none!important}
body.role-player .mobile-status-logout{display:none!important}
body.role-player[data-workflow-step="3"] .device-booking-flow{top:116px!important}
body.role-player[data-workflow-step="3"] #bookingBoard{top:172px!important}
}