/* V5 — Tableau blanc responsive, sans modification de la vue ordinateur. */

#whiteboardView .wb-responsive-view{display:none}

@media (max-width:1050px){
  #whiteboardWorkspace .wb-main-card{
    padding:14px!important;
  }

  #whiteboardWorkspace .wb-control-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #whiteboardWorkspace .wb-control-bar > *{
    min-width:0!important;
  }
  #whiteboardWorkspace .wb-search-row,
  #whiteboardWorkspace .wb-search-actions{
    grid-column:1/-1!important;
  }
  #whiteboardWorkspace .wb-search-actions{
    justify-content:space-between!important;
  }

  #whiteboardView.wb-responsive-ready .wb-table-wrap{
    display:none!important;
  }
  #whiteboardView .wb-responsive-view{
    display:block;
    padding:0 12px 12px;
  }
  #whiteboardView .wb-responsive-day-nav{
    display:none;
  }
  #whiteboardView .wb-responsive-days{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  #whiteboardView .wb-responsive-day{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe4e9;
    border-radius:12px;
    background:#f8fafc;
  }
  #whiteboardView .wb-responsive-day-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    padding:10px 12px;
    border-bottom:1px solid #dfe4e9;
    background:color-mix(in srgb,var(--wb-region) 9%,#fff);
  }
  #whiteboardView .wb-responsive-day-head h4{
    margin:0;
    color:#252a32;
    font-size:14px;
    font-weight:900;
    text-transform:uppercase;
  }
  #whiteboardView .wb-responsive-day-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 7px;
    border-radius:999px;
    background:#fff;
    color:#59616c;
    font-size:11px;
    font-weight:900;
  }
  #whiteboardView .wb-responsive-day-body{
    display:grid;
    gap:9px;
    padding:10px;
  }
  #whiteboardView .wb-responsive-slot{
    min-width:0;
    padding:10px;
    border:1px solid #e0e4e9;
    border-left:4px solid var(--wb-region);
    border-radius:9px;
    background:#fff;
  }
  #whiteboardView .wb-responsive-slot-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
  }
  #whiteboardView .wb-responsive-slot-head strong{
    color:#303640;
    font-size:13px;
    line-height:1.25;
  }
  #whiteboardView .wb-responsive-slot-head small{
    color:#727b86;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
  }
  #whiteboardView .wb-responsive-title{
    display:block;
    width:100%;
    min-height:68px;
    margin:0 0 8px;
    padding:10px 11px;
    resize:vertical;
    border:1px solid #d8dde3;
    border-radius:8px;
    background:#fff;
    color:#252a32;
    font:inherit;
    font-size:14px;
    line-height:1.35;
  }
  #whiteboardView .wb-responsive-meta{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,.8fr);
    gap:8px;
  }
  #whiteboardView .wb-responsive-field{
    display:grid;
    gap:4px;
    min-width:0;
  }
  #whiteboardView .wb-responsive-field span{
    color:#727b86;
    font-size:9px;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  #whiteboardView .wb-responsive-field select{
    width:100%;
    min-width:0;
    height:40px;
    margin:0;
    padding:0 9px;
    border:1px solid #d8dde3;
    border-radius:8px;
    background:#fff;
    color:#252a32;
    font:inherit;
    font-size:13px;
  }
  #whiteboardView .wb-responsive-empty{
    margin:0;
    padding:12px;
    color:#7a8490;
    font-size:13px;
    text-align:center;
  }

  #whiteboardView .wb-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:700px){
  #whiteboardWorkspace .wb-compact-header h1{
    font-size:26px!important;
  }
  #whiteboardWorkspace .wb-main-card{
    margin-left:-4px!important;
    margin-right:-4px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  #whiteboardWorkspace .wb-control-bar{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }
  #whiteboardWorkspace .wb-control-bar > *,
  #whiteboardWorkspace .wb-search-row,
  #whiteboardWorkspace .wb-search-actions{
    grid-column:1!important;
  }
  #whiteboardWorkspace .wb-fullscreen-cell{
    justify-content:stretch!important;
  }
  #whiteboardWorkspace #wbFullscreenBtn{
    width:100%!important;
  }
  #whiteboardWorkspace .wb-view-switch{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #whiteboardWorkspace .wb-view-switch button{
    width:100%;
    min-height:44px!important;
    margin:0!important;
    padding:9px 8px!important;
  }

  #whiteboardView .wb-region{
    margin:14px 0!important;
    border-radius:12px!important;
  }
  #whiteboardView .wb-region-head{
    padding:12px 14px!important;
  }
  #whiteboardView .wb-region-head h2{
    font-size:18px!important;
  }
  #whiteboardView .wb-dept{
    margin:10px 8px 0!important;
  }
  #whiteboardView .wb-dept-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    height:auto!important;
    min-height:0!important;
    padding:10px!important;
  }
  #whiteboardView .wb-dept-title h3{
    justify-self:start;
    font-size:14px!important;
  }
  #whiteboardView .wb-copy-dept{
    position:static!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    transform:none!important;
  }
  #whiteboardView .wb-responsive-view{
    padding:0 8px 10px;
  }
  #whiteboardView .wb-responsive-day-nav{
    display:flex;
    gap:6px;
    margin:0 0 9px;
    padding:2px 0 4px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
  }
  #whiteboardView .wb-responsive-day-nav button{
    flex:0 0 auto;
    min-width:74px;
    min-height:38px;
    margin:0;
    padding:8px 10px;
    border:1px solid #d8dde3;
    border-radius:999px;
    background:#fff;
    color:#4b5563;
    box-shadow:none;
    font-size:11px;
    font-weight:900;
  }
  #whiteboardView .wb-responsive-day-nav button.is-active{
    border-color:var(--wb-region);
    background:var(--wb-region);
    color:#fff;
  }
  #whiteboardView .wb-responsive-days{
    display:block;
  }
  #whiteboardView .wb-responsive-day{
    display:none;
  }
  #whiteboardView .wb-responsive-day.is-active{
    display:block;
  }
  #whiteboardView .wb-responsive-meta{
    grid-template-columns:1fr;
  }
  #whiteboardView .wb-responsive-title{
    min-height:76px;
  }
  #whiteboardView .wb-extra-grid{
    grid-template-columns:1fr!important;
  }
  #whiteboardView .wb-regional-extras{
    padding-left:0!important;
    padding-right:0!important;
  }
}