/* G-DASH30-UI: navigation refinements inside the existing shared shell. */
.atelier-shell .atelier-nav>button[aria-disabled=true],
.atelier-shell .atelier-quick button[aria-disabled=true]{opacity:.58;cursor:default}
.atelier-shell .atelier-nav>button small,
.atelier-shell .atelier-quick button small{display:block;margin-left:auto;color:#bdafd8;font-size:10px}
.atelier-shell .atelier-nav>button[aria-disabled=true]:hover,
.atelier-shell .atelier-quick button[aria-disabled=true]:hover{background:transparent!important}
.atelier-shell .atelier-quick>div{scrollbar-color:#48617e #101f33}
.atelier-shell .atelier-quick button span{display:block!important;visibility:visible!important;white-space:normal}
.atelier-shell .atelier-dock>button[aria-disabled=true]{opacity:.55}
@media(min-width:901px) and (max-width:1100px){
  .atelier-shell .atelier-nav>button span{display:block!important;font-size:11px;line-height:1.18;overflow-wrap:anywhere}
  .atelier-shell .atelier-nav>button{gap:8px;padding-left:10px;padding-right:7px;min-height:48px}
  .atelier-shell .atelier-nav>button i{width:20px}
  .atelier-shell .atelier-nav>button small{font-size:9px}
}
@media(max-width:900px){
  .atelier-shell .atelier-nav>button span{display:block!important}
  .atelier-shell .atelier-quick>div{position:fixed;top:108px;bottom:78px;left:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 190px);z-index:90}
  .atelier-shell .atelier-quick button{width:100%;text-align:left}
  /* Créer owns a bounded scrolling work area; the dock occupies a separate
     grid row, including its safe area, rather than covering focused controls. */
  .atelier-shell[data-surface=create]{
    display:grid;grid-template-rows:57px minmax(0,1fr) auto;
    height:100dvh;min-height:0;overflow:hidden;padding-bottom:0;
  }
  .atelier-shell[data-surface=create] .atelier-top{position:relative}
  .atelier-shell[data-surface=create] .atelier-layout{
    display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;
    scroll-padding-block:16px;overscroll-behavior-y:contain;
  }
  .atelier-shell[data-surface=create] .atelier-dock{
    position:relative;inset:auto;width:auto;
    height:calc(70px + env(safe-area-inset-bottom));
    padding-bottom:env(safe-area-inset-bottom);box-shadow:none;
  }
}