body.mp-nav-open{overflow:hidden;overscroll-behavior:none}
#nav-mobile-sidebar{width:min(22rem,calc(100vw - 2rem));height:100vh;height:100dvh;max-height:100dvh}
#nav-mobile-sidebar>div:first-child{flex-shrink:0;padding-top:max(1rem,env(safe-area-inset-top))}
#nav-mobile-sidebar .mp-mobile-nav-scroll{min-height:0;overscroll-behavior:contain;padding-bottom:max(1rem,env(safe-area-inset-bottom))}
#nav-mobile-sidebar a,#nav-mobile-sidebar button{min-height:44px}
#nav-mobile-sidebar a{overflow-wrap:anywhere}
#nav-mobile-sidebar button:focus-visible,.mp-main-nav button:focus-visible,.mp-main-nav a:focus-visible{outline:2px solid #0891b2;outline-offset:2px}
.mp-project-header{flex-wrap:wrap}
.mp-project-header>div:first-child{flex:1 1 auto;min-width:0;max-width:100%}
.mp-project-actions{flex-wrap:wrap;max-width:100%}
.mp-dashboard-main{min-width:0}
.mp-dashboard-table{overscroll-behavior-x:contain}
body:has(#player-controls-bar){height:100vh;height:100dvh}
body:has(#player-controls-bar)>main{flex:1;min-height:0}
body:has(#player-controls-bar)>main>div:first-child{height:100%;min-height:0;flex:1}
@media(max-width:1149px){
 #mp-seiteninhalt,.mp-dashboard-main{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}
 .mp-main-nav>div{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}
 .mp-main-nav [aria-controls="nav-mobile-sidebar"],.mp-main-nav #profileMenuBtn,.mp-main-nav #langMenuBtn,.mp-main-nav #supportModalBtn{min-width:44px;min-height:44px}
 #mpMobileTabSelect{min-height:44px;font-size:16px}
}
@media(max-width:639px){
 #mp-seiteninhalt,.mp-dashboard-main{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
 .mp-main-nav>div>div{gap:.25rem}
 .mp-main-nav .mp-nav-context-badge{flex:0 1 auto;min-width:0;overflow:hidden}
 .mp-main-nav .mp-nav-context-badge>svg{flex-shrink:0}
 .mp-main-nav .mp-nav-context-badge>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mp-main-nav .mp-nav-context-badge a{white-space:nowrap}
 .mp-main-nav>div>div>div:last-child>a,.mp-main-nav>div>div>div:last-child>button{min-width:44px;min-height:44px}
 .mp-main-nav>div>div>div:last-child{gap:.25rem;margin-inline-start:0}
 .mp-main-nav [id$="MenuDropdown"]{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 5rem);overflow-y:auto;overscroll-behavior:contain}
 .mp-project-header{align-items:stretch;flex-wrap:nowrap}
 .mp-project-header>div:first-child{width:100%}
 .mp-project-header h1{max-width:100%}
 .mp-project-header p{overflow-wrap:anywhere}
 .mp-project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.5rem}
 .mp-project-actions>a,.mp-project-actions>button{min-width:0;min-height:44px;justify-content:center;white-space:normal;text-align:center;padding:.5rem}
 #mp-seiteninhalt .mp-toolbar{padding:.625rem}
 #mp-seiteninhalt .mp-toolbar-group{width:100%;min-width:0}
 #mp-seiteninhalt .mp-tb-ctl{height:auto!important;min-height:44px}
 #mp-seiteninhalt .mp-toolbar-group>div.mp-tb-ctl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.25rem}
 #mp-seiteninhalt .mp-toolbar-group>div.mp-tb-ctl>a{min-width:0;min-height:40px;justify-content:center;white-space:normal}
 #mp-seiteninhalt .mp-table-controls #sortForm{flex-wrap:wrap;justify-content:flex-start;min-width:0}
 #mp-seiteninhalt #sortForm>div.relative:first-of-type{flex:1 1 10rem;min-width:0}
 #mp-seiteninhalt #sortBtn,#mp-seiteninhalt #limitBtn,#mp-seiteninhalt [data-mp-csv],#mp-seiteninhalt .mp-table-controls a{min-height:44px}
 #mp-seiteninhalt #sortMenu{min-width:0}
 .mp-dashboard-main input:not([type=checkbox]):not([type=radio]),.mp-dashboard-main select,#mp-seiteninhalt input:not([type=checkbox]):not([type=radio]),#mp-seiteninhalt select{font-size:16px}
 .mp-dashboard-main button,.mp-dashboard-main a[onclick]{min-height:44px}

}
@media(max-width:900px){
 
 body #player-controls-bar{height:auto;min-height:5rem;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;padding:.625rem max(.5rem,env(safe-area-inset-right)) max(.625rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}
 #player-controls-bar #timeline-zoomwrap{order:-1;flex-basis:100%;width:100%}
 #player-controls-bar>button,#player-controls-bar #speedBtn{min-width:44px;min-height:44px}
 #player-controls-bar #time-display{width:auto;min-width:5rem;margin-right:auto}
 #player-controls-bar>div:last-child{padding-left:.5rem;margin-left:0}
 #playerDiag,#playerComments{left:max(.5rem,env(safe-area-inset-left))!important;right:max(.5rem,env(safe-area-inset-right))!important;bottom:max(11rem,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none;max-height:calc(100dvh - 16rem);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){
 #nav-mobile-sidebar,#nav-mobile-overlay{transition:none}
}