/* Écran HD de PC hospitalier (1366 × 768, 1280 × 720) : l'en-tête, le suivi du mois et la palette prenaient
   520 px sur 768 avant la grille. Tout est resserré pour que la grille commence vers 230 px, sans rien retirer.
   Machines lentes : pas de flou derrière les menus, pas d'animation au survol. Chargé en dernier par layout.ejs. */

/* En-tête : une ligne de menus (40 px) + une ligne fine « Un bug ? » et bandeau d'information (22 px) */
html body .lia-product-header--nav > .wrap{padding:4px 12px}
html body .lia-product-header--nav .nav-app{grid-template-columns:auto minmax(0,1fr);row-gap:2px;align-items:center}
html body .lia-product-header--nav .nav-app-top{grid-column:1 / -1;flex-wrap:nowrap;align-items:center;min-height:0}
html body .lia-product-header--nav .nav-left{flex-wrap:nowrap;align-items:center;min-width:0;flex:1 1 auto}
html body .lia-product-header--nav .brand{margin-right:4px;gap:6px}
html body .lia-product-header--nav .brand-logo{width:32px;height:32px}
html body .lia-product-header--nav .brand-tagline{display:none}
html body .lia-product-header--nav .brand-logo-title{font-size:15px}
html body .lia-product-header--nav .nav-app-top__right{flex:0 0 auto;gap:8px}
html body .lia-product-header--nav .auth-chip{padding:2px 8px 2px 3px}
html body .lia-product-header--nav .auth-chip__role{display:none}
html body .lia-product-header--nav .planning-feedback-bar{margin:0;justify-content:flex-end;padding:0;gap:8px;align-items:center;flex-wrap:nowrap}
html body .lia-product-header--nav .planning-feedback-bar__txt{font-size:12px}
html body .lia-product-header--nav .planning-feedback-bar__btn{padding:2px 10px;font-size:12px;min-height:0;line-height:1.4}
html body .lia-product-header--nav .nav-secondary--marquee-only{margin:0;padding:0;min-height:0;grid-template-rows:auto;border-top:0}
html body .lia-product-header--nav .header-marquee-wrap{font-size:13px}

/* Menus déroulants : fond plein (le flou d'arrière-plan fige les vieux PC) */
html body .bt-menu__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;box-shadow:0 6px 18px rgba(15,30,40,.22)}

/* Titre de page et navigation de mois */
html body main .bt-grid-head{margin-bottom:4px}
html body main .bt-grid-head h1{font-size:18px}

/* Suivi du mois : une seule bande (titre · grilles · contrôles), le guide et le détail s'ouvrent dessous */
html body main .bt-month-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:5px 12px;margin:4px 0 6px}
html body main .bt-month-status > .bt-month-status__heading{flex:0 0 auto;gap:8px}
html body main .bt-month-status__scope{margin-left:6px}
html body main .bt-month-status__state{padding:2px 8px}
html body main .bt-month-status > .bt-month-status__nav{flex:1 1 auto;margin:0;gap:4px 14px}
html body main .bt-month-status > details{flex:0 0 auto}
html body main .bt-month-status > details[open],html body main .bt-month-status > .bt-month-status__panel{flex:1 1 100%}
html body main .bt-month-status > .bt-month-status__checks{flex:0 1 auto}
html body.planning-look-presence main .bt-month-status button.bt-month-status__check{margin:0;padding:3px 9px}
html body main .bt-month-status > .bt-month-status__hint{flex:1 1 300px;margin:0;font-size:11.5px}

/* Palette Pinceau / codes / Affichage : boîtes sur une ligne, boutons de 24 px */
html body.bt-prep-look .bt-grid-tools{padding:5px 8px;gap:6px;margin-top:4px;flex-wrap:wrap;justify-content:flex-start}
html body.bt-prep-look .bt-pb,html body.bt-prep-look .density-toolbar{padding:3px 6px 4px;gap:3px}
html body.bt-prep-look .bt-pb.bt-grow{flex:0 1 auto}
html body.bt-prep-look .bt-pb h4,html body.bt-prep-look .density-toolbar .density-label{font-size:10px;line-height:1.1}
html body.bt-prep-look .bt-chips{gap:3px;flex-wrap:nowrap}
html body.bt-prep-look button.code-palette-btn{min-width:32px!important;padding:5px 5px!important;font-size:11.5px}
html body.bt-prep-look button.code-palette-btn:hover{transform:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}
html body.bt-prep-look .bt-cur{padding:3px 8px;min-width:44px}
html body.bt-prep-look .bt-stop{padding:4px 8px}
html body.bt-prep-look .density-toolbar{gap:3px 8px;flex:0 1 auto;flex-wrap:nowrap;align-items:flex-end}
html body.bt-prep-look .density-toolbar .density-toolbar__cluster{gap:3px;flex-wrap:wrap;max-width:330px}
html body.bt-prep-look .density-toolbar button{padding:4px 8px!important;min-height:0}

/* 1280 px : la boîte Affichage reste sur la même ligne que les codes */
@media (max-width:1320px){
  html body.bt-prep-look button.code-palette-btn{min-width:28px!important;padding:5px 4px!important}
  html body.bt-prep-look .density-toolbar button{padding:4px 6px!important}
  html body.bt-prep-look .bt-grid-tools{gap:4px;padding:4px 6px}
}
@media print{html body .lia-product-header--nav .planning-feedback-bar{display:none}}

/* Mon mois : le mois entier tient sous l'en-tête (cases de 72 px, elles grandissent si besoin) */
html body .bt-parcours .bt-day{min-height:72px;padding:3px 5px 5px;gap:2px}
html body .bt-parcours{padding-top:8px}
html body .bt-parcours .bt-todo__card{padding:6px 10px}
html body .bt-parcours .bt-parcours__head{margin-bottom:6px}

/* Le mois à piloter : les 5 étapes tiennent sur l'écran */
html body .bt-parcours .bt-steps{gap:6px}
html body .bt-parcours .bt-step{padding:8px 12px;gap:10px}

/* Agenda, espace RH : moins de vide au-dessus du titre */
html body main .rh-workspace > .rh-main{padding-top:4px}
html body main .rh-workspace .bt-print-toolbar{margin-bottom:4px}

/* Planning d'équipe (espace RH) : la palette arrivait à 640 px et la grille à 900 px sur 768 */
html body #rh-app .rh-topbar{margin:2px 0 6px;align-items:center}
html body #rh-app .rh-topbar h2{font-size:21px;margin:1px 0}
html body #rh-app .rh-context button,html body #rh-app .rh-context select,html body #rh-app .rh-context input{height:32px;min-height:0;padding-top:0;padding-bottom:0}
html body #rh-app .rh-panel{padding:10px 14px;margin-bottom:10px}
html body #rh-app .rh-panel-title{margin-bottom:4px}
html body #rh-app .rh-steps{margin:4px 0;padding-bottom:6px}
html body #rh-app .rh-steps > span{padding:4px 10px}
html body #rh-app details.rh-preparation{padding:5px 10px;margin:4px 0}
html body #rh-app .rh-actions{margin:5px 0;gap:6px}
html body #rh-app .rh-actions button{padding:5px 12px;min-height:0}
html body #rh-app .rh-panel > p.rh-muted{margin:2px 0 4px;font-size:12.5px}
html body #rh-app .rh-actions > span.rh-muted{margin:0;font-size:12.5px}
html body #rh-app .rhg-host{margin:6px 0}
html body #rh-app .rhg-pal{padding:5px 8px;gap:6px}
html body #rh-app .rhg-pb{padding:3px 6px 4px;gap:3px}
html body #rh-app .rhg-pb.rhg-grow{flex:0 1 auto}
html body #rh-app .rhg-pb h4{font-size:10px;line-height:1.1}
html body #rh-app .rhg-chips{gap:3px}
html body #rh-app .rhg-chip{min-width:32px;padding:5px 5px;font-size:11.5px}
html body #rh-app .rhg-chip:hover{transform:none;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}
/* Palette et grille tiennent ensemble sous l'en-tête une fois la page défilée */
html body #rh-app .rhg-wrap{max-height:max(380px,calc(100vh - 210px))}
/* « Ordre des lignes » remonte à droite des onglets Planning / Couverture / Fiches */
html body #rh-app .rh-actions.no-print + .rh-actions.no-print{width:max-content;max-width:60%;margin:-36px 0 5px auto;flex-wrap:nowrap}