/* ==========================================================================
   UEMI Docx — Boîte « Mise en page » (docx-editor.js § 16 bis, pageSetup), 2026-10-07
   Onglets Marges / Papier / Disposition, aperçu de la feuille, « Appliquer à ».
   ========================================================================== */
.dzps-dialog { max-width: 760px; }
.dzps { display: grid; gap: 14px; }
.dzps__tabs { justify-self: center; }
.dzps__main { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 18px; }
.dzps__panes section { display: grid; gap: 12px; }
.dzps__panes section[hidden] { display: none; }
.dzps__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px; }
.dzps__grid[hidden] { display: none; }
.dzps__label { margin: 4px 0 -4px; color: #5b6b85; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dzps__orient { display: flex; gap: 10px; }
.dzps__orient label { margin: 0; cursor: pointer; }
.dzps__orient input { position: absolute; opacity: 0; }
.dzps__orient span { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border: 2px solid #d9e0ea; border-radius: 10px; font-weight: 700; font-size: 13px; }
.dzps__orient input:checked + span { border-color: #1e56a0; background: #eef3fb; color: #0b2854; }
.dzps__ico { display: inline-block; border: 2px solid currentColor; border-radius: 2px; }
.dzps__ico.is-portrait { width: 14px; height: 19px; }
.dzps__ico.is-landscape { width: 19px; height: 14px; }
.dzps__check { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.dzps__preview { display: grid; align-content: start; gap: 8px; }
.dzps__stage { display: grid; place-items: center; height: 190px; border-radius: 12px; background: #eef1f6; }
.dzps__sheet { position: relative; box-sizing: border-box; display: grid; align-content: start; gap: 4px; background: #fff; box-shadow: 0 4px 14px rgba(12, 39, 80, .18); transition: all .15s ease; }
.dzps__sheet b { display: block; height: 3px; border-radius: 2px; background: #b8c3d4; }
.dzps__sheet b:nth-of-type(3n) { width: 70%; }
.dzps__sheet i { position: absolute; background: repeating-linear-gradient(45deg, #fde2d1 0 3px, #fff 3px 6px); }
.dzps__preview small { color: #5b6b85; font-size: 11.5px; text-align: center; }
.dzps__apply { display: flex; justify-content: flex-start; padding-top: 10px; border-top: 1px solid #e6ebf2; }
.dzps__apply .bz-field { min-width: 280px; }
@media (max-width: 640px) { .dzps__main { grid-template-columns: minmax(0, 1fr); } }