/* Admin workflow density only. No workflow or data behavior lives here. */
#overview .board-completed-hidden{display:none!important}
#overview .board-completed-toggle{flex:0 0 auto;white-space:nowrap;border-color:#efbfd4;color:#bd2468;background:#fff}
#overview .board-completed-toggle[aria-pressed="true"]{background:#fff2f7;border-color:#ef9fc2}

/* Desktop: use the full operations-board width so every visible stage fits at once. */
@media(min-width:1100px){
  .admin-body #overview .board-controls{max-width:none}
  .admin-body #overview .kanban-board-scroll{overflow-x:hidden}
  .admin-body #overview .kanban-board{
    width:100%;
    min-width:0;
    grid-auto-flow:row;
    grid-auto-columns:unset;
    grid-template-columns:repeat(var(--workflow-cols,7),minmax(0,1fr));
    gap:7px;
  }
  .admin-body #overview .kanban-column{min-width:0;padding:7px;border-radius:10px}
  .admin-body #overview .kanban-column-head{gap:4px;padding:1px 1px 6px}
  .admin-body #overview .kanban-column-head strong{font-size:11px;line-height:1.15}
  .admin-body #overview .kanban-column-head .count-pill{min-width:18px;padding:1px 5px;font-size:9px}
  .admin-body #overview .kanban-card{padding:8px!important}
  .admin-body #overview .kanban-card .badge{padding:3px 5px;font-size:8px}
  .admin-body #overview .overview-baby-name{font-size:13px!important;margin:7px 0 6px!important}
  .admin-body #overview .overview-card-facts>div{grid-template-columns:36px minmax(0,1fr);gap:4px}
  .admin-body #overview .overview-card-facts small{font-size:7px}
  .admin-body #overview .overview-card-facts strong{font-size:9.5px}
  .admin-body #overview .kanban-card .job-meta{font-size:9px}
  .admin-body #overview .kanban-client-contact strong,.admin-body #overview .kanban-client-approval strong{font-size:9.5px}
  .admin-body #overview .kanban-client-contact span,.admin-body #overview .kanban-client-approval span{font-size:8.5px}
  .admin-body #overview .kanban-scroll-controls{display:none!important}
}

/* Mobile: intentionally overview-first — roughly 3–4 workflow columns remain visible at once. */
@media(max-width:700px){
  .admin-body #overview .board-tools{gap:10px;margin-bottom:10px}
  .admin-body #overview .board-controls{gap:6px}
  .admin-body #overview .board-completed-toggle{width:auto;align-self:flex-start;padding:6px 9px;font-size:9px}
  .admin-body #overview .kanban-scroll-controls{gap:4px;margin-bottom:6px}
  .admin-body #overview .kanban-scroll-btn{min-width:0;padding:5px 7px;border-radius:7px;font-size:7px}
  .admin-body #overview .kanban-scroll-range{min-width:45px;height:18px;margin:0 1px}
  .admin-body #overview .kanban-board{
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-auto-columns:28vw!important;
    width:max-content!important;
    min-width:max-content!important;
    gap:5px!important;
  }
  .admin-body #overview .kanban-column{min-width:0;min-height:118px;padding:4px;border-radius:7px}
  .admin-body #overview .kanban-column-head{gap:3px;padding:0 0 4px}
  .admin-body #overview .kanban-column-head strong{font-size:7.5px;line-height:1.05}
  .admin-body #overview .kanban-column-head .count-pill{min-width:14px;padding:0 3px;font-size:6.5px}
  .admin-body #overview .kanban-cards{gap:4px}
  .admin-body #overview .kanban-empty{padding:8px 3px;border-radius:5px;font-size:6.5px}
  .admin-body #overview .kanban-card{padding:5px!important;border-left-width:2px!important;border-radius:6px!important}
  .admin-body #overview .kanban-card .badge{padding:2px 3px;font-size:5.8px;line-height:1.1}
  .admin-body #overview .overview-baby-name{font-size:9.5px!important;line-height:1.12!important;margin:5px 0 4px!important}
  .admin-body #overview .overview-card-facts{gap:3px;margin:0 0 5px}
  .admin-body #overview .overview-card-facts>div{display:block}
  .admin-body #overview .overview-card-facts small{display:block;font-size:5.3px;line-height:1.05}
  .admin-body #overview .overview-card-facts strong{display:block;margin-top:1px;font-size:7px;line-height:1.15}
  .admin-body #overview .job-progress{margin-top:5px}
  .admin-body #overview .job-progress>div:first-child{gap:3px;margin-bottom:2px;font-size:6px}
  .admin-body #overview .job-progress>div:first-child strong{font-size:6.5px}
  .admin-body #overview .job-progress-track{height:3px}
  .admin-body #overview .kanban-card .deadline-countdown.admin-mini{margin-top:4px;padding:3px 4px;font-size:5.8px;border-radius:5px}
  .admin-body #overview .kanban-card .deadline-countdown.admin-mini strong,.admin-body #overview .kanban-card .deadline-countdown.admin-mini span{font-size:5.8px}
  .admin-body #overview .kanban-card .job-meta{gap:3px;margin-top:5px;padding-top:4px;font-size:6.2px;line-height:1.1}
  .admin-body #overview .kanban-client-contact,.admin-body #overview .kanban-client-approval{margin-top:4px;padding-top:4px}
  .admin-body #overview .kanban-client-contact strong,.admin-body #overview .kanban-client-approval strong{font-size:6.8px}
  .admin-body #overview .kanban-client-contact span,.admin-body #overview .kanban-client-approval span,.admin-body #overview .kanban-message{font-size:6.2px}
}