/* Base commune : densité lisible, titres alignés et contrôles tactiles conservés. */
.pc-compact{--pc-gap:20px;--pc-border:#e2e8f0;--pc-ink:#172033}
.pc-compact :is(main,#contenu){min-width:0}
.pc-compact.adm main{width:100%;max-width:1120px;margin-inline:auto;padding:24px}
.pc-compact #contenu .container-page{max-width:1200px}
.pc-compact :is(main,#contenu) .card{border-color:var(--pc-border);border-radius:14px;box-shadow:0 2px 8px #17203306;min-width:0}
.pc-compact :is(main,#contenu) .card:is(.p-5,.p-6,.p-8,.pf-panel,.com-card){padding:20px!important}
.pc-compact :is(main,#contenu) .gap-8{gap:20px}
.pc-compact :is(main,#contenu) .gap-10{gap:24px}
.pc-compact :is(main,#contenu) .space-y-10>:not([hidden])~:not([hidden]){margin-top:24px}
.pc-compact :is(main,#contenu) :is(h1,h2,h3){line-height:1.3;text-wrap:pretty}
.pc-compact :is(main,#contenu) h1{font-size:clamp(25px,2.3vw,34px)}
.pc-compact :is(main,#contenu) :is(h1,h2,h3):has(>.badge){display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pc-compact :is(.badge,.com-pill,.liv-priorite){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;white-space:nowrap;line-height:1.35;font-size:12px;font-weight:500;padding:4px 10px}
.pc-compact :is(main,#contenu) .com-row{align-items:center;gap:8px;margin-block:8px}
.pc-compact :is(main,#contenu) .com-row>:is(h1,h2,h3){margin:0!important;padding-block:0!important}
.pc-compact .com-card{margin:16px 0}
.pc-compact .com-card p{margin:8px 0;line-height:1.5}
.pc-compact .com-card details{margin-top:12px;padding-top:12px}
.pc-compact .com-grid{gap:12px;margin-block:12px}
.pc-compact .com-card :is(input,select,textarea){margin-block:5px 0;min-height:44px}
.pc-compact .devis-synthese{gap:20px}
.pc-compact .devis-synthese .devis-suivi-priorite{padding-left:20px}
.pc-compact :is(main,#contenu) :is(.btn-primary,.btn-secondary,.btn-outline,.btn-dark,.btn-ghost,.btn-whatsapp){min-height:44px;padding:10px 14px;line-height:1.35}
.pc-compact :is(main,#contenu) :is(th,td){vertical-align:middle}
.pc-compact #contenu .container-page:is(.py-10,.py-12,.py-14,.py-16,.py-20){padding-block:32px}
/* Éditeurs d’articles : mêmes champs et mêmes sélecteurs métier. */
.pc-item-list{container-type:inline-size;margin-top:12px;border:1px solid var(--pc-border);border-radius:12px;overflow:hidden}
.pc-line-head{display:none}
.pc-item-list #lines{padding:0}
.pc-line{display:grid;grid-template-columns:16px 48px minmax(0,1fr);gap:10px;position:relative;align-items:start;padding:14px 12px;border-bottom:1px solid var(--pc-border)}
.pc-line:last-child{border-bottom:0}
.pc-line-drag{color:#94a3b8;cursor:grab;padding-top:12px}.pc-line-drag svg{width:16px;height:16px}
.pc-line-image{width:48px;height:48px;object-fit:contain;border:1px solid var(--pc-border);border-radius:9px;background:#fff}
.pc-line-product{min-width:0;padding-right:36px}
.pc-compact .pf-form .pc-line-title{display:block;width:100%;min-height:28px;max-width:100%;padding:3px 0;border:1px solid transparent;border-radius:6px;background:transparent;font-size:16px;line-height:1.4;font-weight:600;color:var(--pc-ink);resize:none;overflow:hidden;box-shadow:none}
.pc-compact .pc-line-title:hover{border-color:var(--pc-border)}
.pc-compact .pc-line-title:focus{border-color:#52629a;background:white;outline:2px solid #52629a33}
.pc-line-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:4px}
.pc-compact .pf-form .pc-line-reference{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:12px;line-height:1.4;color:#64748b;font-weight:400}
.pc-compact .pf-form .pc-line-reference input{width:110px;min-width:0;min-height:32px;height:32px;padding:4px 6px;font-size:13px;background:#fff;border:1px solid var(--pc-border);border-radius:7px}
.pc-compact .pf-form .pc-line-brand{width:88px;min-width:0;min-height:32px;height:32px;padding:4px 0;font-size:13px;background:transparent;border:1px solid transparent;box-shadow:none}
.pc-compact .pc-line-brand:hover,.pc-compact .pc-line-brand:focus{border-color:var(--pc-border)}
.pc-line-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:0}.pc-line-tags:empty{display:none}
.pc-line-tag{display:inline-flex;align-items:center;color:#92400e;background:#fffbeb;border-radius:6px;padding:2px 7px;font-size:11px;line-height:1.4}
.pc-line-tag.hidden{display:none}
.pc-line-warning{font-size:12px;color:#b45309;line-height:1.4;margin-top:5px}
.pc-line-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}
.pc-compact .pc-line-field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;font-size:13px}
.pc-line-label{font-size:11px;font-weight:600;color:#64748b;line-height:1.4}
.pc-compact .pf-form .pc-line-field>input{width:100%;min-width:0;min-height:44px;height:44px;padding:8px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;text-align:right}
.pc-compact .pf-form .pc-line-field>input[data-r]{text-align:center}
.pc-line-quantity{display:flex;align-items:stretch;border:1px solid var(--pc-border);border-radius:8px;overflow:hidden;height:44px;background:#fff}
.pc-compact .pc-line-quantity button{width:40px;min-width:40px;min-height:44px;padding:0;display:grid;place-items:center;background:#f8fafc;color:#334155}
.pc-compact .pf-form .pc-line-quantity input{width:100%;min-width:20px;min-height:42px;height:42px;border:0;border-radius:0;background:transparent;padding:0 2px;text-align:center;font-size:15px}
.pc-line-amount [data-tot]{min-height:44px;display:flex;align-items:center;justify-content:flex-end;font-size:16px;font-weight:650;white-space:nowrap}
.pc-line-amount .pc-line-label{text-align:right}
.pc-line-delete{position:absolute;top:12px;right:6px}
.pc-line-delete button{display:grid;place-items:center;min-width:44px;min-height:44px;color:#94a3b8;border-radius:8px}
.pc-line-delete button:hover{color:#b91c1c;background:#fef2f2}
.pc-compact #addbar{position:sticky;top:auto;margin:0;padding:10px 0;gap:8px;background:#fff;backdrop-filter:none}
.pc-compact #addbar>div{min-width:min(240px,100%)}
.pc-compact .pf-form #srch{padding-left:40px!important}
@container(min-width:780px){
 .pc-line-head{display:grid;grid-template-columns:minmax(0,1fr) 118px 124px 76px 96px 44px;align-items:center;gap:10px;padding:12px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
 .pc-line-head>span:not(:first-child){text-align:right}
 .pc-line{grid-template-columns:16px 48px minmax(0,1fr) 118px 124px 76px 96px 44px}
 .pc-line-product{padding-right:0}
 .pc-line-values{display:contents}
 .pc-line-label{display:none}
 .pc-line-delete{position:static}
}
@media(max-width:800px){.pc-compact .devis-synthese .devis-suivi-priorite{padding-left:0;padding-top:16px}}
@media(max-width:639px){
 .pc-compact.adm main{padding:16px 12px 96px;max-width:100%}
 .pc-compact :is(main,#contenu) .card:is(.p-5,.p-6,.p-8,.pf-panel,.com-card){padding:16px!important}
 .pc-compact :is(main,#contenu) h1{font-size:25px}
 .pc-compact .pf-form .pc-line :is(input,textarea){font-size:16px!important}
 .pc-compact .pf-form .pc-line-title{min-height:44px}
 .pc-compact .pf-form .pc-line-reference input,.pc-compact .pf-form .pc-line-brand{min-height:44px;height:44px;width:100px}
 .pc-compact .pc-line-quantity button{width:44px;min-width:44px}
 .pc-line{grid-template-columns:14px 40px minmax(0,1fr);gap:8px;padding:12px 8px}
 .pc-line-image{width:40px;height:40px}
 .pc-compact #contenu .container-page:is(.py-10,.py-12,.py-14,.py-16,.py-20){padding-block:24px}
}
@media(max-width:639px){
 .pc-line{grid-template-columns:40px minmax(0,1fr);gap:8px}
 .pc-line-drag{position:absolute;left:10px;top:58px;padding:0}
 .pc-line-image{grid-column:1;grid-row:1}
 .pc-line-product{grid-column:2;padding-right:0}
 .pc-compact .pf-form .pc-line-title{padding-right:32px}
 .pc-compact .pf-form .pc-line-reference input{width:80px}
 .pc-compact .pf-form .pc-line-brand{width:70px}
 .pc-line-meta{gap:4px 8px}
}
/* Les filtres d’équipe conservent une largeur utile dans les barres repliables. */
.pc-compact main form.ml-auto:has(>select){width:min(100%,240px);min-width:0}
.pc-compact main form.ml-auto>select{width:100%}
.pc-compact :is(main,#contenu) .pf-form.grid>:is(input,select,textarea){min-width:0;max-width:100%}
@media(max-width:639px){.pc-compact main form.grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:639px){
 .pc-compact #addbar{position:static}
 .pc-compact #lines{scroll-margin-top:90px}
 .pc-compact .pf-form .pc-line-reference input{width:100px}
}

/* Le motif et son action restent groupés dans le bandeau commercial. */
.pc-compact main form:has(>input[name=motif]){flex:0 1 440px;width:100%;min-width:min(100%,280px);max-width:100%}

/* 2.12.2 : respiration du bloc catégories sous le diaporama. */
.pc-compact #contenu .container-page.home-categories{padding-top:56px}
@media(max-width:767px){.pc-compact #contenu .container-page.home-categories{padding-top:40px}}