/* Phase 299 : densité harmonisée, contenu accessible, sans sous-fenêtres imbriquées */
*,*::before,*::after{box-sizing:border-box}
@media(min-width:1024px) and (min-height:700px){
  :is(.page-content,.dashboard-content,.main-content,.content-wrapper){padding-block:clamp(8px,1.2vh,16px)}
  :is(.page-content,.dashboard-content,.main-content) :is(h1,h2){margin-block:0.35em}
  :is(.page-content,.dashboard-content,.main-content) :is(.card,.panel){margin-bottom:clamp(6px,0.8vh,12px)}
  :is(.page-content,.dashboard-content,.main-content) :is(input,select,button){min-height:32px}
}
/* Les tableaux larges restent consultables; ne jamais couper les actions. */
:is(.table-responsive,.table-container,.table-wrap){overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}
:is(.modal,.dialog,[role="dialog"]){max-height:min(92dvh,900px);overflow-y:auto}
@media(max-height:700px){:is(.modal,.dialog,[role="dialog"]){max-height:95dvh}}
@media(max-width:767px){:is(.page-content,.dashboard-content,.main-content){padding-inline:10px} :is(.modal,.dialog,[role="dialog"]){max-width:calc(100vw - 16px)}}