/* Dernière couche responsive commune à toutes les rubriques de l'ERP. */
.erp,.workspace,#content,.erp-header,.board,.settings-form,.message-compose,
.split-admin,.split-admin>*,.form-grid,.permission-grid{min-width:0;max-width:100%}
.workspace{overflow-x:clip}
.erp-header>div,.erp-header h1{min-width:0}
.erp-header h1{line-height:1;text-wrap:balance}
.form-grid>*,.compact-toolbar>*,.report-filters>*,.finance-period>*{min-width:0}
.form-grid input,.form-grid select,.form-grid textarea,.compact-toolbar input,
.report-filters input{width:100%}
.board{overflow:hidden}
.board .data-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}

@media(min-width:901px) and (max-width:1250px){
 .erp{grid-template-columns:220px minmax(0,1fr)}
 .workspace{padding:24px}
 .split-admin{grid-template-columns:minmax(0,1fr)}
 .split-admin>*+*{margin-top:18px}
 .settings-form,.message-compose{width:100%;max-width:none}
 .menu-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .permission-grid{grid-template-columns:minmax(130px,1fr) 82px 94px}
}

/* La navigation du catalogue reste sur une seule ligne dans la boutique. */
.shop-categories{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}
.shop-categories button{width:auto!important;min-width:max-content!important;white-space:nowrap}

@media(max-width:900px){
 .erp{display:block;width:100%}
 .workspace{width:100%;padding:76px 12px 18px!important}
 .split-admin{display:grid;grid-template-columns:minmax(0,1fr)}
 .split-admin>*+*{margin-top:0}
 .erp-header{width:100%;grid-template-columns:minmax(0,1fr) auto}
 .erp-header h1{overflow-wrap:normal;word-break:normal;hyphens:auto}
 .settings-form,.message-compose{width:100%;max-width:none}
 .permission-grid{width:100%;grid-template-columns:minmax(108px,1fr) 62px 76px}
 .permission-grid>*{padding:7px 6px}
 .permission-grid label{gap:4px;white-space:normal}
 .kanban,.finance-tables{width:100%}
}

@media(max-width:430px){
 .workspace{padding:12px 8px 18px!important}
 .erp-header{height:auto!important;margin-top:68px;min-height:0;padding:12px!important;display:grid;
   grid-template-columns:minmax(0,1fr);gap:10px}
 .erp-header h1{font-size:clamp(23px,9vw,30px)!important;line-height:1.02;
   overflow-wrap:break-word}
 #refresh{justify-self:start;width:auto;max-width:none;padding:8px 10px;font-size:10px}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metric{min-height:88px}
 .board,.settings-form,.message-compose{padding:12px}
 .board h2,.settings-form h2,.message-compose h2{font-size:clamp(22px,8vw,27px)}
 .permission-grid{grid-template-columns:minmax(92px,1fr) 54px 68px}
 .permission-grid>*{font-size:10px;padding:7px 4px}
 .permission-grid input[type="checkbox"]{width:16px;height:16px;flex:0 0 16px}
 .report-tabs,.shop-categories{grid-template-columns:minmax(0,1fr)}
 .shop-product{grid-template-columns:96px minmax(0,1fr)}
 .shop-product img{min-height:160px}
 .data-table th,.data-table td{padding:7px 6px!important}
}

@media(max-width:340px){
 .erp-menu-toggle{top:10px;left:10px;width:48px;height:48px;font-size:25px!important}
 .erp-header{margin-top:62px}
 .erp-header h1{font-size:23px!important}
 .metric-grid{grid-template-columns:minmax(0,1fr)!important}
 .permission-grid{grid-template-columns:minmax(82px,1fr) 50px 62px}
}