/* One shared navigation boundary for every management page. */
@media(min-width:901px){
 html body[data-page] #app:has(> #sidebar){--app-sidebar-width:265px;display:grid!important;grid-template-columns:var(--app-sidebar-width) minmax(0,1fr)!important;align-items:start}
 html body[data-page] #app:has(> #sidebar)>#sidebar{position:sticky!important;grid-column:1!important;grid-row:1!important;top:0;left:0!important;transform:none!important;width:var(--app-sidebar-width)!important;min-width:0!important;max-width:var(--app-sidebar-width)!important;height:100dvh;align-self:start;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
 html body[data-page] #app:has(> #sidebar)>.main{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
}
html body[data-page] #app:has(> #sidebar)>.main>.content{box-sizing:border-box;min-width:0;max-width:100%!important}
html body[data-page] #app:has(> #sidebar) #sidebar .side-brand>div{min-width:0;flex:1}
html body[data-page] #app:has(> #sidebar) #sidebar .side-brand span,html body[data-page] #app:has(> #sidebar) #sidebar .side-legal{overflow-wrap:anywhere}
html body[data-page] #app:has(> #sidebar) #sidebar .nav{max-width:100%;box-sizing:border-box}
html body[data-page] #app:has(> #sidebar) #page-ayarlar{min-width:0;box-sizing:border-box}
#page-ayarlar .ce-body,#page-ayarlar .ce-content,#page-ayarlar .ce-workspace,#page-ayarlar .settings-command-copy{min-width:0}
#page-ayarlar .settings-command{flex-wrap:wrap}
#page-ayarlar .settings-command-actions{min-width:0;max-width:100%;flex-wrap:wrap}
#page-ayarlar .ce-workspace{min-width:0;max-width:100%}
@media(min-width:1200px) and (max-width:1550px){
 #page-ayarlar .ce-body{grid-template-columns:160px minmax(0,1fr)}
 #page-ayarlar .ce-workspace{grid-template-columns:175px minmax(0,1fr)}
 #page-ayarlar .ce-properties{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto}
 #page-ayarlar .ce-properties h3,#page-ayarlar .ce-properties details{grid-column:1/-1}
 #page-ayarlar .ce-workspace{height:auto;min-height:0}
 #page-ayarlar .ce-canvas{height:clamp(480px,calc(100dvh - 240px),680px)}
}
@media(max-width:900px){
 html body[data-page] #app:has(> #sidebar){display:block!important;grid-template-columns:none!important}
 html body[data-page] #app:has(> #sidebar)>.main{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
 html body[data-page] #app:has(> #sidebar)>#sidebar{position:fixed!important;left:0!important;top:0!important;width:min(330px,calc(100vw - 52px))!important;max-width:calc(100vw - 52px)!important;height:100dvh;transform:translateX(-100%);z-index:60;overflow-y:auto;overflow-x:hidden;transition:transform .22s ease;box-sizing:border-box}
 html body[data-page] #app:has(> #sidebar)>#sidebar.open{transform:translateX(0)}
 html body[data-page] #app:has(> #sidebar)>.main>.content{padding-top:62px!important}
 html body[data-page] #app:has(> #sidebar)>.main .menu-btn{position:fixed;z-index:80}
 #page-ayarlar .settings-command-actions{justify-content:flex-start;width:100%}
}
@media(max-width:650px){
 #page-ayarlar .ce-body,#page-ayarlar .ce-workspace{grid-template-columns:minmax(0,1fr)!important}
 #page-ayarlar .ce-workspace{height:auto;min-height:0}
 #page-ayarlar .ce-body .settings-tabs{max-width:100%;min-width:0}
 #page-ayarlar .ce-properties{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-ayarlar .settings-command-copy h2{font-size:23px;overflow-wrap:anywhere}
 #page-ayarlar .settings-command-actions button{flex:1 1 auto;max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){html body[data-page] #app:has(> #sidebar)>#sidebar{transition:none}}