/* Board mobile harmonization v1
   Cross-component mobile composition owner for the canonical Workspace Board.
   It does not change Board semantics, Artifact ownership, permissions or spatial persistence.
   Loaded after existing component styles so the mobile shell can coordinate them without
   creating a second runtime mechanic. */

@media (max-width:520px){
  .dc-board-fullscreen-v21{
    --dc-mobile-board-gutter:8px;
    --dc-mobile-board-bottom:calc(8px + env(safe-area-inset-bottom,0px));
  }

  /* Workspace chrome: four ordinary member destinations fit as one deliberate row.
     Role-only tools may continue horizontally after the primary set instead of making
     the whole shell wider than the viewport. */
  .dc-board-fullscreen-v21 .dcw-sidebar{
    height:108px!important;
    min-height:108px!important;
    grid-template-rows:58px 50px!important;
  }
  .dc-board-fullscreen-v21 .dcw-brand{
    height:58px!important;
    min-height:58px!important;
    padding-inline:12px!important;
  }
  .dc-board-fullscreen-v21 .dcw-brand span,
  .dc-board-fullscreen-v21 .dcw-brand strong{font-size:15px!important}
  .dc-board-fullscreen-v21 .dcw-session{
    height:58px!important;
    min-height:58px!important;
    padding-inline:8px!important;
    gap:4px!important;
  }
  .dc-board-fullscreen-v21 .dcw-session-avatar{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .dc-board-fullscreen-v21 .dcw-nav{
    height:50px!important;
    padding:5px 6px!important;
    gap:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:6px!important;
  }
  .dc-board-fullscreen-v21 .dcw-nav .dcw-nav-link:not([data-work-nav]):not([data-role-home]):not([data-role-tool]){
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    padding:6px 4px!important;
    font-size:clamp(6.2px,1.75vw,7.1px)!important;
    line-height:1.05!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .dc-board-fullscreen-v21 .dcw-nav .dcw-nav-link[data-work-nav],
  .dc-board-fullscreen-v21 .dcw-nav .dcw-nav-link[data-role-home],
  .dc-board-fullscreen-v21 .dcw-nav .dcw-nav-link[data-role-tool]{
    flex:0 0 auto!important;
    min-width:max-content!important;
    padding-inline:8px!important;
  }
  .dc-board-fullscreen-v21 .dcw-main{height:calc(100dvh - 132px)!important}
  .dc-board-fullscreen-v21 .dc-board-entry,
  .dc-board-fullscreen-v21 .dc-artifact-overlay{inset:132px 0 0!important}

  /* One compact utility row. It starts below the real canonical navigation
     envelope; the spatial viewport remains fullscreen underneath. */
  .dc-board-fullscreen-v21 .dc-board-filters{
    top:34px!important;
    left:var(--dc-mobile-board-gutter)!important;
    right:auto!important;
    width:auto!important;
    max-width:calc(100% - 132px)!important;
    min-height:38px!important;
    padding:3px!important;
    gap:3px!important;
    box-shadow:2px 2px 0 #111!important;
    overflow:visible!important;
  }
  .dc-board-fullscreen-v21 .dc-board-filter{
    min-height:32px!important;
    padding:0 9px!important;
    font-size:8px!important;
  }
  .dc-board-fullscreen-v21 .dc-board-primary{
    top:34px!important;
    left:auto!important;
    right:var(--dc-mobile-board-gutter)!important;
  }
  .dc-board-fullscreen-v21 .dc-board-primary button{
    min-height:38px!important;
    padding:0 9px!important;
    font-size:8px!important;
    box-shadow:2px 2px 0 #111!important;
  }

  /* STAB-06 / BQA-18: mobile first frame belongs to the spatial Board.
     Current Program remains canonically composed by current-program-v1.js and is
     available through the existing filter drawer; only the standalone mobile rail
     is visually suppressed. Desktop presentation is untouched. */
  .dc-board-fullscreen-v21 .dc-board-program{display:none!important}

  /* Affiliation remains an orthogonal option inside the existing drawer. */
  .dc-board-fullscreen-v21 .dc-board-filter-drawer__section .dc-board-filter{
    width:100%!important;
    justify-content:flex-start!important;
  }

  /* One compact bottom dock zone, two non-overlapping levels. Spatial controls
     own the safe-area baseline; pager sits directly above them, preserving the
     already-approved adaptive navigation contract while keeping the composition
     visually unified. */
  .dc-board-fullscreen-v21 .dc-board-filter-nav{
    display:flex!important;
    position:fixed!important;
    left:var(--dc-mobile-board-gutter)!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(48px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:3px!important;
    gap:3px!important;
    border:1px solid #111!important;
    background:#f8f5ed!important;
    box-shadow:2px 2px 0 #111!important;
    z-index:175!important;
  }
  .dc-board-fullscreen-v21 .dc-board-filter-nav[hidden]{display:none!important}
  .dc-board-fullscreen-v21 .dc-board-filter-nav button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    padding:0!important;
    box-shadow:none!important;
  }
  .dc-board-fullscreen-v21 .dc-board-filter-nav span{
    min-width:38px!important;
    font-size:8px!important;
  }
  .dc-board-fullscreen-v21 .dc-spatial-controls{
    top:auto!important;
    left:auto!important;
    right:var(--dc-mobile-board-gutter)!important;
    bottom:var(--dc-mobile-board-bottom)!important;
    width:auto!important;
    max-width:calc(100% - 16px)!important;
    gap:3px!important;
    padding:0!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }
  .dc-board-fullscreen-v21 .dc-spatial-control{
    flex:0 0 auto!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 5px!important;
    font-size:7.2px!important;
    box-shadow:2px 2px 0 #111!important;
  }
  .dc-board-fullscreen-v21 .dc-spatial-control[data-zoom-in],
  .dc-board-fullscreen-v21 .dc-spatial-control[data-zoom-out],
  .dc-board-fullscreen-v21 .dc-spatial-control[data-tutorial-help]{
    width:30px!important;
    min-width:30px!important;
    padding:0!important;
  }
  .dc-board-fullscreen-v21 .dc-spatial-control[data-home]{
    min-width:46px!important;
    padding-inline:5px!important;
  }
  .dc-board-fullscreen-v21 .dc-spatial-control[data-mine]{
    min-width:34px!important;
    padding-inline:5px!important;
  }

  /* The type drawer clears both levels of the unified dock. */
  .dc-board-fullscreen-v21 .dc-board-filter-drawer{
    left:var(--dc-mobile-board-gutter)!important;
    right:var(--dc-mobile-board-gutter)!important;
    bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;
    max-height:min(62dvh,calc(100dvh - 245px))!important;
  }
}