/*
 * Correcto Team v1.0
 * RESPONSIVE — canonical five-band Board layer
 *
 * Final viewport ownership:
 *   <=480       phone
 *   481-767     large phone
 *   768-1100    tablet
 *   1101-1440   desktop/laptop
 *   >1440       large desktop
 *
 * Board-only responsive ownership.
 * Global header/profile/navigation remain outside this file.
 */

@media (pointer:coarse){
.board-task-card{
    min-height:82px;
  }

  .board-column-list{
    padding-inline:12px!important;
  }
}

/* ===== PHONE: <=480 ===== */

@media (max-width:480px){
.board-mobile-split{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
  }

  .board-selector-panel{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
  }

  .board-selector-panel .mobile-board-navigator{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    color:var(--text)!important;
    border:1px solid
      color-mix(in srgb,var(--primary) 38%,var(--border))!important;
    box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
  }

  .mobile-column-arrow{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:25px!important;
    border-radius:12px!important;
  }

  .mobile-column-summary{
    gap:1px!important;
    min-height:52px!important;
  }

  .mobile-column-summary small{
    font-size:10px!important;
    line-height:1.1!important;
  }

  .mobile-column-summary strong{
    font-size:17px!important;
    line-height:1.15!important;
  }

  .mobile-column-summary > span{
    font-size:12px!important;
    line-height:1.15!important;
  }

  .mobile-column-dots{
    gap:6px!important;
    margin-top:5px!important;
    max-width:min(58vw,260px)!important;
    overflow-x:auto!important;
    padding:4px 3px!important;
    scrollbar-width:none;
  }

  .mobile-column-dots::-webkit-scrollbar{
    display:none;
  }

  .mobile-column-dots button{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    padding:0!important;
  }

  .mobile-column-dots button.active{
    width:26px!important;
  }

  .board-columns-panel{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .board-columns-panel::before{
    display:none!important;
  }

  .board-columns-panel #boardKanbanDashboard{
    margin:0!important;
    padding:0!important;
  }

  .column-template-popover{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    max-height:55dvh;
  }

  body.touch-task-dragging{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .touch-drag-source{
    opacity:.34!important;
    outline:2px dashed var(--primary)!important;
  }

  .touch-drag-ghost{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:99999!important;
    pointer-events:none!important;
    opacity:.94!important;
    box-shadow:0 18px 50px rgb(0 0 0/.38)!important;
    transform-origin:top left!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 184px)!important;
    min-height:420px!important;
    max-height:calc(100dvh - 184px)!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-drag-handle,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .board-column-description,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-create-tools{
    flex:0 0 auto!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-width:auto!important;
    scrollbar-color:#2f86ff rgba(148,163,184,.20)!important;
    scrollbar-gutter:stable!important;
    padding-right:7px!important;
    padding-bottom:18px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar{
    display:block!important;
    width:13px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-track{
    background:rgba(148,163,184,.18)!important;
    border-radius:999px!important;
    box-shadow:
      inset 0 0 0 1px rgba(100,116,139,.18)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb{
    min-height:54px!important;
    background:
      linear-gradient(180deg,#58b7ff 0%,#2674f6 100%)!important;
    border:2px solid rgba(255,255,255,.42)!important;
    background-clip:padding-box!important;
    border-radius:999px!important;
    box-shadow:0 2px 8px rgba(38,116,246,.36)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb:active{
    background:
      linear-gradient(180deg,#72c5ff 0%,#165fe1 100%)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .column-create-tools{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    padding:10px!important;
    margin-top:0!important;
    border-top:1px solid
      color-mix(in srgb,var(--border) 82%,transparent)!important;
    box-sizing:border-box!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-launcher,
  #boardKanbanDashboard .column-template-button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
  }

  #boardKanbanDashboard .column-template-button-copy{
    display:block!important;
    min-width:0!important;
    text-align:center!important;
  }

  #boardKanbanDashboard .column-template-button-copy strong{
    display:block!important;
    font-size:13px!important;
    line-height:1.1!important;
  }

  #boardKanbanDashboard .column-template-button-copy small,
  #boardKanbanDashboard .column-template-chevron{
    display:none!important;
  }

  #pageContent > .board-page,
  #pageContent > .board-shell,
  #pageContent > .board-view{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard,
  .board-kanban-dashboard.board-kanban-clean{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    align-items:stretch!important;
    padding-bottom:3px!important;
    touch-action:pan-x!important;
  }

  .board-mobile-split{
    min-height:0!important;
  }

  .board-columns-panel{
    min-height:0!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard .column-create-tools,
  #boardKanbanDashboard .add-task{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    margin-bottom:0!important;
  }

  .board-kanban-dashboard.board-kanban-clean{
    scroll-padding-top:12px;
  }

  .board-kanban-column{
    scroll-margin-top:12px;
  }

  .board-mobile-split{
    gap:12px!important;
  }

  .board-selector-panel{
    padding-inline:4px!important;
  }

  .board-selector-panel .mobile-board-navigator{
    min-height:68px!important;
    padding:7px 8px!important;
  }

  .mobile-column-arrow{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:23px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    height:calc(100dvh - 166px)!important;
    max-height:calc(100dvh - 166px)!important;
    min-height:390px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .column-create-tools{
    gap:8px!important;
    padding:9px!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-button{
    height:46px!important;
    min-height:46px!important;
    font-size:13px!important;
  }

  .shipping-planner-column .board-column-list{
    overflow:auto;
  }

  .planner-shipping-card{
    padding:13px;
  }
}

/* ===== LARGE PHONE: 481-767 ===== */

@media (min-width:481px) and (max-width:767px){
.board-mobile-split{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
  }

  .board-selector-panel{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
  }

  .board-selector-panel .mobile-board-navigator{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    color:var(--text)!important;
    border:1px solid
      color-mix(in srgb,var(--primary) 38%,var(--border))!important;
    box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
  }

  .mobile-column-arrow{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:25px!important;
    border-radius:12px!important;
  }

  .mobile-column-summary{
    gap:1px!important;
    min-height:52px!important;
  }

  .mobile-column-summary small{
    font-size:10px!important;
    line-height:1.1!important;
  }

  .mobile-column-summary strong{
    font-size:17px!important;
    line-height:1.15!important;
  }

  .mobile-column-summary > span{
    font-size:12px!important;
    line-height:1.15!important;
  }

  .mobile-column-dots{
    gap:6px!important;
    margin-top:5px!important;
    max-width:min(58vw,260px)!important;
    overflow-x:auto!important;
    padding:4px 3px!important;
    scrollbar-width:none;
  }

  .mobile-column-dots::-webkit-scrollbar{
    display:none;
  }

  .mobile-column-dots button{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    padding:0!important;
  }

  .mobile-column-dots button.active{
    width:26px!important;
  }

  .board-columns-panel{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .board-columns-panel::before{
    display:none!important;
  }

  .board-columns-panel #boardKanbanDashboard{
    margin:0!important;
    padding:0!important;
  }

  .column-template-popover{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    max-height:55dvh;
  }

  body.touch-task-dragging{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .touch-drag-source{
    opacity:.34!important;
    outline:2px dashed var(--primary)!important;
  }

  .touch-drag-ghost{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:99999!important;
    pointer-events:none!important;
    opacity:.94!important;
    box-shadow:0 18px 50px rgb(0 0 0/.38)!important;
    transform-origin:top left!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 184px)!important;
    min-height:420px!important;
    max-height:calc(100dvh - 184px)!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-drag-handle,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .board-column-description,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-create-tools{
    flex:0 0 auto!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-width:auto!important;
    scrollbar-color:#2f86ff rgba(148,163,184,.20)!important;
    scrollbar-gutter:stable!important;
    padding-right:7px!important;
    padding-bottom:18px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar{
    display:block!important;
    width:13px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-track{
    background:rgba(148,163,184,.18)!important;
    border-radius:999px!important;
    box-shadow:
      inset 0 0 0 1px rgba(100,116,139,.18)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb{
    min-height:54px!important;
    background:
      linear-gradient(180deg,#58b7ff 0%,#2674f6 100%)!important;
    border:2px solid rgba(255,255,255,.42)!important;
    background-clip:padding-box!important;
    border-radius:999px!important;
    box-shadow:0 2px 8px rgba(38,116,246,.36)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb:active{
    background:
      linear-gradient(180deg,#72c5ff 0%,#165fe1 100%)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .column-create-tools{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    padding:10px!important;
    margin-top:0!important;
    border-top:1px solid
      color-mix(in srgb,var(--border) 82%,transparent)!important;
    box-sizing:border-box!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-launcher,
  #boardKanbanDashboard .column-template-button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
  }

  #boardKanbanDashboard .column-template-button-copy{
    display:block!important;
    min-width:0!important;
    text-align:center!important;
  }

  #boardKanbanDashboard .column-template-button-copy strong{
    display:block!important;
    font-size:13px!important;
    line-height:1.1!important;
  }

  #boardKanbanDashboard .column-template-button-copy small,
  #boardKanbanDashboard .column-template-chevron{
    display:none!important;
  }

  #pageContent > .board-page,
  #pageContent > .board-shell,
  #pageContent > .board-view{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard,
  .board-kanban-dashboard.board-kanban-clean{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    align-items:stretch!important;
    padding-bottom:3px!important;
    touch-action:pan-x!important;
  }

  .board-mobile-split{
    min-height:0!important;
  }

  .board-columns-panel{
    min-height:0!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard .column-create-tools,
  #boardKanbanDashboard .add-task{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
    margin-bottom:0!important;
  }

  .board-kanban-dashboard.board-kanban-clean{
    scroll-padding-top:12px;
  }

  .board-kanban-column{
    scroll-margin-top:12px;
  }
}

/* ===== TABLET: 768-1100 ===== */

@media (min-width:768px) and (max-width:1100px){
.board-mobile-split{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
  }

  .board-selector-panel{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    min-width:0!important;
    margin:4px 0 0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
  }

  .board-selector-panel .mobile-board-navigator{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    color:var(--text)!important;
    border:1px solid
      color-mix(in srgb,var(--primary) 38%,var(--border))!important;
    box-shadow:0 7px 20px rgba(0,0,0,.16)!important;
  }

  .mobile-column-arrow{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    font-size:25px!important;
    border-radius:12px!important;
  }

  .mobile-column-summary{
    gap:1px!important;
    min-height:52px!important;
  }

  .mobile-column-summary small{
    font-size:10px!important;
    line-height:1.1!important;
  }

  .mobile-column-summary strong{
    font-size:17px!important;
    line-height:1.15!important;
  }

  .mobile-column-summary > span{
    font-size:12px!important;
    line-height:1.15!important;
  }

  .mobile-column-dots{
    gap:6px!important;
    margin-top:5px!important;
    max-width:min(58vw,260px)!important;
    overflow-x:auto!important;
    padding:4px 3px!important;
    scrollbar-width:none;
  }

  .mobile-column-dots::-webkit-scrollbar{
    display:none;
  }

  .mobile-column-dots button{
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    padding:0!important;
  }

  .mobile-column-dots button.active{
    width:26px!important;
  }

  .board-columns-panel{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .board-columns-panel::before{
    display:none!important;
  }

  .board-columns-panel #boardKanbanDashboard{
    margin:0!important;
    padding:0!important;
  }

  .column-template-popover{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:auto;
    max-height:55dvh;
  }

  body.touch-task-dragging{
    overflow:hidden!important;
    touch-action:none!important;
  }

  .touch-drag-source{
    opacity:.34!important;
    outline:2px dashed var(--primary)!important;
  }

  .touch-drag-ghost{
    position:fixed!important;
    left:0!important;
    top:0!important;
    z-index:99999!important;
    pointer-events:none!important;
    opacity:.94!important;
    box-shadow:0 18px 50px rgb(0 0 0/.38)!important;
    transform-origin:top left!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 184px)!important;
    min-height:420px!important;
    max-height:calc(100dvh - 184px)!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-drag-handle,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .board-column-description,
  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column > .column-create-tools{
    flex:0 0 auto!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-width:auto!important;
    scrollbar-color:#2f86ff rgba(148,163,184,.20)!important;
    scrollbar-gutter:stable!important;
    padding-right:7px!important;
    padding-bottom:18px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar{
    display:block!important;
    width:13px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-track{
    background:rgba(148,163,184,.18)!important;
    border-radius:999px!important;
    box-shadow:
      inset 0 0 0 1px rgba(100,116,139,.18)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb{
    min-height:54px!important;
    background:
      linear-gradient(180deg,#58b7ff 0%,#2674f6 100%)!important;
    border:2px solid rgba(255,255,255,.42)!important;
    background-clip:padding-box!important;
    border-radius:999px!important;
    box-shadow:0 2px 8px rgba(38,116,246,.36)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list::-webkit-scrollbar-thumb:active{
    background:
      linear-gradient(180deg,#72c5ff 0%,#165fe1 100%)!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .column-create-tools{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    padding:10px!important;
    margin-top:0!important;
    border-top:1px solid
      color-mix(in srgb,var(--border) 82%,transparent)!important;
    box-sizing:border-box!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-launcher,
  #boardKanbanDashboard .column-template-button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
  }

  #boardKanbanDashboard .column-create-primary,
  #boardKanbanDashboard .column-template-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
  }

  #boardKanbanDashboard .column-template-button-copy{
    display:block!important;
    min-width:0!important;
    text-align:center!important;
  }

  #boardKanbanDashboard .column-template-button-copy strong{
    display:block!important;
    font-size:13px!important;
    line-height:1.1!important;
  }

  #boardKanbanDashboard .column-template-button-copy small,
  #boardKanbanDashboard .column-template-chevron{
    display:none!important;
  }

  #pageContent > .board-page,
  #pageContent > .board-shell,
  #pageContent > .board-view{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  #boardKanbanDashboard,
  .board-kanban-dashboard.board-kanban-clean{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    align-items:stretch!important;
    padding-bottom:3px!important;
    touch-action:pan-x!important;
  }
}

/* ===== DESKTOP/LAPTOP: 1101-1440 ===== */

@media (min-width:1101px) and (max-width:1440px){
#boardKanbanDashboard.board-kanban-clean{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overscroll-behavior-x:contain;
    margin-top:0!important;
    padding-top:2px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    display:flex!important;
    flex-direction:column!important;
    height:var(--ct-column-height,auto)!important;
    min-height:0!important;
    max-height:calc(100dvh - 132px)!important;
    align-self:flex-start!important;
    scroll-snap-align:none!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:var(--ct-list-max-height,none)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-bottom:10px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column:has(.board-column-list:empty){
    height:auto!important;
    min-height:0!important;
  }

  #pageContent > .board-page,
  #pageContent > .board-shell,
  #pageContent > .board-view,
  #pageContent > .board-kanban-dashboard{
    margin-top:0!important;
  }
}

/* ===== LARGE DESKTOP: >1440 ===== */

@media (min-width:1441px){
#boardKanbanDashboard.board-kanban-clean{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    overscroll-behavior-x:contain;
    margin-top:0!important;
    padding-top:2px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    display:flex!important;
    flex-direction:column!important;
    height:var(--ct-column-height,auto)!important;
    min-height:0!important;
    max-height:calc(100dvh - 132px)!important;
    align-self:flex-start!important;
    scroll-snap-align:none!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:var(--ct-list-max-height,none)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding-bottom:10px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column:has(.board-column-list:empty){
    height:auto!important;
    min-height:0!important;
  }

  #pageContent > .board-page,
  #pageContent > .board-shell,
  #pageContent > .board-view,
  #pageContent > .board-kanban-dashboard{
    margin-top:0!important;
  }
}

/* ===== DVH FALLBACK ===== */

@supports not (height:100dvh){

  @media (max-width:480px){

    #boardKanbanDashboard.board-kanban-clean
    .board-kanban-column{
      height:calc(100vh - 166px)!important;
      max-height:calc(100vh - 166px)!important;
    }
  }

  @media (min-width:481px) and (max-width:767px){

    #boardKanbanDashboard.board-kanban-clean
    .board-kanban-column{
      height:calc(100vh - 184px)!important;
      max-height:calc(100vh - 184px)!important;
    }
  }

  @media (min-width:768px) and (max-width:1100px){

    #boardKanbanDashboard.board-kanban-clean
    .board-kanban-column{
      height:calc(100vh - 184px)!important;
      max-height:calc(100vh - 184px)!important;
    }
  }
}

/* ==========================================================
   MOBILE-BOARD-B1.1B — canonical content-sized phone columns
   ========================================================== */
@media (max-width:640px){
  #boardKanbanDashboard.board-kanban-dashboard.board-kanban-clean{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-items:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-kanban-column{
    height:var(--ct-column-height,auto)!important;
    min-height:0!important;
    max-height:var(
      --ct-column-max-height,
      calc(100dvh - 166px)
    )!important;
    align-self:flex-start!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .board-column-list{
    flex:0 1 auto!important;
    height:auto!important;
    min-height:110px!important;
    max-height:var(--ct-list-max-height,none)!important;
    overflow-y:var(--ct-list-overflow,visible)!important;
    overflow-x:hidden!important;
    padding-bottom:7px!important;
  }

  #boardKanbanDashboard.board-kanban-clean
  .column-create-tools{
    flex:0 0 auto!important;
    position:relative!important;
    bottom:auto!important;
  }
}

/* ==========================================================
   MOBILE-BOARD-B1.2 — COMPACT NAVIGATOR
   One compact control strip instead of the tall legacy panel.
   ========================================================== */
@media (max-width:640px){

  .board-selector-panel{
    margin-top:2px!important;
  }

  .board-selector-panel .mobile-board-navigator{
    min-height:52px!important;
    height:auto!important;

    grid-template-columns:
      34px
      minmax(0,1fr)
      34px!important;

    gap:6px!important;

    padding:5px 7px!important;
    margin:0!important;

    border-radius:13px!important;
  }

  .mobile-column-arrow{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;

    border-radius:10px!important;

    font-size:20px!important;
    line-height:1!important;

    box-shadow:none!important;
  }

  .mobile-column-summary{
    min-width:0!important;
    min-height:0!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,auto)
      auto!important;

    grid-template-rows:
      auto
      6px!important;

    align-items:center!important;
    justify-content:center!important;

    column-gap:6px!important;
    row-gap:2px!important;
  }

  .mobile-column-summary small{
    display:none!important;
  }

  .mobile-column-summary strong{
    grid-column:1!important;
    grid-row:1!important;

    max-width:46vw!important;

    font-size:16px!important;
    line-height:1.05!important;
    font-weight:850!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .mobile-column-summary>span{
    grid-column:2!important;
    grid-row:1!important;

    margin:0!important;

    padding:3px 6px!important;

    border-radius:999px!important;

    background:
      color-mix(
        in srgb,
        var(--primary) 16%,
        transparent
      )!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;

    white-space:nowrap!important;
  }

  .mobile-column-dots{
    grid-column:1/-1!important;
    grid-row:2!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:4px!important;

    width:auto!important;
    max-width:130px!important;
    height:6px!important;

    margin:0 auto!important;

    overflow:hidden!important;
  }

  .mobile-column-dots button{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;

    padding:0!important;

    border-radius:999px!important;
  }

  .mobile-column-dots button.active{
    width:15px!important;
  }
}

@media (max-width:380px){

  .board-selector-panel .mobile-board-navigator{
    grid-template-columns:
      32px
      minmax(0,1fr)
      32px!important;

    padding-inline:6px!important;
  }

  .mobile-column-arrow{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;

    font-size:19px!important;
  }

  .mobile-column-summary strong{
    font-size:15px!important;
  }
}