/* ==========================================================================
   UEMI Docx — Inspecteur « Propriétés » (static/bureau/js/docx-inspector.js), 2026-10-07
   Volet fixe à droite, non modal (la page reste modifiable), + surlignage de l'élément inspecté.
   ========================================================================== */
.dzi { position: fixed; top: 132px; right: 14px; bottom: 44px; z-index: 60; width: 330px; display: flex; flex-direction: column;
  border: 1px solid #d9e0ea; border-radius: 14px; background: #fff; box-shadow: 0 18px 40px rgba(12, 39, 80, .18); overflow: hidden; }
.dzi[hidden] { display: none; }
.dzi__head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #e6ebf2; border-top: 3px solid #d96a32; }
.dzi__head > div { flex: 1 1 auto; min-width: 0; }
.dzi__head small { display: block; color: #6b778c; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.dzi__head h3 { margin: 0; font-size: 14px; font-weight: 800; color: #0b2854; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dzi__icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eef3fb; color: #1e56a0; flex: 0 0 auto; }
.dzi__body { flex: 1 1 auto; overflow: auto; padding: 12px 14px 16px; display: grid; align-content: start; gap: 12px; }
.dzi__badge { justify-self: start; padding: 2px 9px; border-radius: 999px; background: #f1f4f8; color: #5b6b85; font-size: 11px; font-weight: 700; }
.dzi__badge.is-live { background: #fdf0e8; color: #c8521c; }
.dzi__rows { display: grid; gap: 6px; margin: 0; }
.dzi__rows > div { padding: 7px 9px; border: 1px solid #e6ebf2; border-radius: 9px; background: #fafbfd; }
.dzi__rows dt { margin: 0 0 2px; color: #6b778c; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.dzi__rows dd { margin: 0; color: #1f2a44; font-size: 12.5px; font-weight: 600; overflow-wrap: anywhere; }
.dzi__wait { color: #8592a8; font-size: 12px; }
.dzi__actions { display: grid; gap: 6px; }
.dzi__actions .bz-btn { justify-content: flex-start; gap: 8px; width: 100%; }
.dzi__tech summary { cursor: pointer; color: #5b6b85; font-size: 12px; font-weight: 700; }
.dzi__tech pre { max-height: 220px; overflow: auto; margin: 8px 0 0; padding: 8px; border-radius: 8px; background: #0f1a2e; color: #d6e2f5; font-size: 10.5px; white-space: pre-wrap; }
/* Élément inspecté : contour orange (non imprimé). */
.dzi-selected { outline: 2px solid #d96a32 !important; outline-offset: 2px; border-radius: 3px; }
@media print { .dzi { display: none !important; } .dzi-selected { outline: 0 !important; } }
[data-bs-theme=dark] .dzi { background: #161f2e; border-color: #2a3446; }
[data-bs-theme=dark] .dzi__rows > div { background: #121a28; border-color: #2a3446; }
[data-bs-theme=dark] .dzi__rows dd, [data-bs-theme=dark] .dzi__head h3 { color: #e2e8f0; }
@media (max-width: 760px) { .dzi { top: auto; left: 8px; right: 8px; bottom: 8px; width: auto; max-height: 60vh; } }