@layer modules{
/* 21a-studio-dialogues.css · Les dialogues des applications à document du Studio : le Tableur et le Document
   (CDC_DOCUMENT_WORD W1, 2026-10-23). Le proprio : « DA partagée, comme ça quand je change ça change partout ».
   Les règles sont celles des dialogues du Tableur (21-edition.css jusqu'à ce jour), à l'identique ; chaque pièce a son nom
   partagé (.dlg-app-…, que le Document pose) et le nom du Tableur en alias (.esh-dialog, .esh-dlg-…, que son code pose).
   Importée AVANT 21-edition.css, à la place qu'avaient ces règles : les retouches d'un dialogue du Tableur (.esh-cf-dialog,
   .esh-search-dlg, .esh-filtre-menu…), écrites après, gardent la main à spécificité égale. Le reste de la DA partagée
   (rangée d'outils, pied, page) est dans 22c-studio-outils.css. */
.dlg-app,.esh-dialog{ position:fixed; top:80px; left:50%; transform:translateX(-50%); background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--elev-2); z-index:var(--z-modal); min-width:320px; max-width:90vw; max-height:90vh; overflow-y:auto; }
.dlg-app-tete,.esh-dlg-header{ display:flex; align-items:center; justify-content:space-between; padding:var(--sp-10) var(--sp-14); border-bottom:1px solid var(--line); font-weight:var(--fw-strong); font-size:var(--fs-base); cursor:move; background:var(--card2); border-radius:var(--radius) var(--radius) 0 0; }
.dlg-app-croix,.esh-dlg-close{ background:none; border:none; color:var(--mut); cursor:pointer; font-size:var(--fs-base); }
.dlg-app-corps,.esh-dlg-body{ padding:var(--sp-14); display:flex; flex-direction:column; gap:var(--sp-10); }
.dlg-app-ligne,.esh-dlg-row{ display:flex; align-items:center; gap:var(--sp-8); flex-wrap:wrap; font-size:var(--fs-md); }
.dlg-app-ligne label,.esh-dlg-row label{ color:var(--mut); min-width:80px; flex:none; }
.dlg-app-champ,.esh-dlg-input{ flex:1; min-width:120px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg); color:var(--txt); padding:var(--sp-4) var(--sp-8); font-size:var(--fs-md); font:inherit; }
.dlg-app-zone,.esh-dlg-textarea{ border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg); color:var(--txt); padding:var(--sp-6) var(--sp-8); font:inherit; font-size:var(--fs-md); }
.dlg-app-section,.esh-dlg-section{ font-weight:var(--fw-strong); font-size:var(--fs-sm); color:var(--mut); margin-top:var(--sp-4); }
.dlg-app-liste,.esh-dlg-list{ border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg); }
.dlg-app-element,.esh-dlg-item{ padding:var(--sp-6) var(--sp-10); cursor:pointer; font-size:var(--fs-md); display:flex; align-items:center; gap:var(--sp-6); }
.dlg-app-element:hover,.esh-dlg-item:hover,.dlg-app-element-actif,.esh-dlg-item-active{ background:color-mix(in srgb,var(--accent) 10%,transparent); }
.dlg-app-pied,.esh-dlg-footer{ display:flex; gap:var(--sp-8); margin-top:var(--sp-6); }
.dlg-app-oui,.esh-dlg-ok,.dlg-app-non,.esh-dlg-cancel,.dlg-app-suppr,.esh-dlg-del,.dlg-app-suppr-nr,.esh-dlg-del-nr{ padding:var(--sp-6) var(--sp-14); border-radius:var(--radius-sm); border:1px solid var(--line); cursor:pointer; font:inherit; font-size:var(--fs-md); background:var(--card2); color:var(--txt); }
.dlg-app-oui,.esh-dlg-ok{ background:var(--accent); color:var(--on-solid); border-color:var(--accent); }
.dlg-app-suppr,.esh-dlg-del{ background:var(--red,#e53935); color:var(--on-solid); border-color:var(--red,#e53935); }
.dlg-app-onglets,.esh-dlg-tabs{ display:flex; gap:var(--sp-2); border-bottom:1px solid var(--line); margin-bottom:var(--sp-8); }
.dlg-app-onglet,.esh-dlg-tab{ background:none; border:none; border-bottom:2px solid transparent; padding:var(--sp-6) var(--sp-12); font:inherit; font-size:var(--fs-sm); cursor:pointer; color:var(--mut); }
.dlg-app-onglet-actif,.esh-dlg-tab-active{ border-bottom-color:var(--accent); color:var(--txt); font-weight:var(--fw-strong); }
}