/* Phase 347 — priorité au tableau de bord lisible, sans toucher à la logique métier */
body.client-connected #app,body.client-connected main#main-content{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
body.client-connected #app .phase192-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:8px!important}
body.client-connected #app .phase192-content{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
body.client-connected #app #client-menu-163{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:8px!important;gap:5px!important;margin:0!important}
body.client-connected #app #client-menu-163 button{flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:35px!important;height:auto!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;font-size:12px!important;line-height:1.25!important;padding:7px 10px!important}
body.client-connected #app .phase192-page-head{margin:0 0 8px!important;padding:8px 12px!important;min-height:0!important}
body.client-connected #app #client-dashboard-163{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
body.client-connected #app #client-dashboard-163 .client-dash-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;margin:10px 0!important}
body.client-connected #app #client-dashboard-163 .client-dash-grid>div{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:none!important;width:auto!important;min-height:82px!important;overflow:hidden!important;box-sizing:border-box!important;padding:12px!important}
body.client-connected #app #client-dashboard-163 .client-dash-grid b{display:block!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;font-size:clamp(15px,1.7vw,25px)!important;letter-spacing:0!important}
body.client-connected #app #client-dashboard-163 .client-dash-grid small{white-space:normal!important;word-break:normal!important;line-height:1.35!important}
body.client-connected #app #nc{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 9px!important}
body.client-connected #app #nl{overflow-wrap:break-word!important;word-break:normal!important;max-width:100%!important}
body.client-connected #app .phase208-overview{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)!important;width:100%!important;min-width:0!important}
body.client-connected #app .phase208-overview>*{min-width:0!important}
body.client-connected #app .tw{max-width:100%!important;overflow-x:auto!important}
body.client-connected #app .fret-mini-brand,body.client-connected #app #idc{display:none!important}
body.client-connected #app [data-client-section].client-current{min-width:0!important;max-width:100%!important}
@media(max-width:1000px){body.client-connected #app .phase208-overview{grid-template-columns:1fr!important}}
@media(max-width:760px){body.client-connected #app #client-dashboard-163 .client-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){body.client-connected #app #client-menu-163{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}body.client-connected #app #client-menu-163 button{width:100%!important;font-size:11px!important;padding:7px 4px!important}}
/* Administration : contenu fluide et dialogues utilisables */
body #app :where(.workspace,.workcontent,#pane,.main-panel){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body #app :where(.table-responsive,.table-wrap,.tw){max-width:100%!important;overflow-x:auto!important}
body #app :where(dialog,[role=dialog],.modal-content,.popup-content){max-width:min(94vw,850px)!important;max-height:calc(100dvh - 30px)!important;overflow-y:auto!important;box-sizing:border-box!important}
