/* Veillée — fenêtres habillées de la barre unique (lot 2-2, B-VEI-105). Chargée en dernier : elle ramène chaque ancienne fenêtre
   (éditeur, fiches, aperçu d'image, dés, fenêtres de listes et de playlists) à la barre de 24 px de window.js / base.css. */
[data-vs-legacy], [data-vs-folded] { display: none !important; }
.vs-dot.is-disabled { opacity: .35; cursor: default; filter: grayscale(1); }
.vs-dressed .vs-win__bar {
  display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: var(--sp-3) !important;
  height: var(--bar-h) !important; min-height: var(--bar-h) !important; margin: 0 !important; padding: 0 var(--sp-3) !important;
  position: relative; flex: none; overflow: hidden;
  background: color-mix(in srgb, var(--green-soft) 55%, var(--surface)) !important; background-image: none !important; color: var(--ink) !important; text-shadow: none !important; border-radius: 0 !important; box-shadow: none !important; border-bottom: 1px solid var(--line) !important;
}
.vs-dressed .vs-win__bar :is(h1, h2, h3), .vs-dressed .vs-win__bar > :is(strong, span[data-vdv-title], .vdl-title, .vw-window-title, .vm-window-title, .v-image-dialog-title, .vs-win__title, #editor-form > header > div) {
  flex: 1 1 auto; min-width: 0; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: var(--fs-base) !important; font-weight: 600; line-height: var(--bar-h) !important; letter-spacing: 0;
}
.vs-dressed .vs-win__bar :is(.vw-window-title strong, .vm-window-title strong, .vw-meta, .vm-meta, .eyebrow) { font-size: var(--fs-small) !important; line-height: var(--bar-h) !important; display: inline; margin: 0 !important; }
.vs-dressed .vs-win__bar .eyebrow { display: none !important; }
.vs-dressed .vs-win__bar button:not(.vs-dot) {
  min-height: 0 !important; height: calc(var(--bar-h) - 4px) !important; min-width: 0 !important; padding: 0 var(--sp-3) !important;
  font-size: var(--fs-small) !important; line-height: 1 !important; flex: none;
}
.vs-dressed.is-folded { height: fit-content !important; min-height: 0 !important; } .vs-dressed.is-folded > form { height: auto !important; min-height: 0 !important; max-height: none !important; }
.vs-dressed.is-folded > .vs-win__bar, .vs-dressed.is-folded .vs-win__bar { border-bottom: 0; }

.vs-confirm { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); background: var(--copper-soft); border-bottom: 1px solid var(--line); font-size: var(--fs-small); line-height: var(--lh-small); color: var(--ink); }
.vs-confirm__msg { flex: 1 1 180px; }
.vs-confirm__btn { height: var(--bar-h); padding: 0 var(--sp-4); border: 1px solid var(--line); border-radius: var(--vs-radius-panel); background: var(--surface); color: var(--ink); font: inherit; font-size: var(--fs-small); cursor: pointer; }
.vs-confirm__btn.is-danger { border-color: var(--copper); color: var(--copper); }

/* Éditeur (#editor) : la barre touche le bord, le contenu garde ses marges. */
#editor.vs-dressed { padding: 0; overflow: auto; }
#editor.vs-dressed #editor-form > :not(header):not(.vs-confirm) { margin-left: var(--sp-5); margin-right: var(--sp-5); }
#editor.vs-dressed #editor-form > #editor-fields { margin-top: var(--sp-5); }
#editor.vs-dressed #editor-form > footer { margin-top: var(--sp-5); margin-bottom: var(--sp-5); }
/* Fiches, dés : même principe. */
.vdv-dialog.vs-dressed, .vdl-dialog.vs-dressed { padding: 0 !important; }
.vdv-dialog.vs-dressed > :not(.vdv-header):not(.vs-confirm), .vdl-dialog.vs-dressed > :not(.vdl-header):not(.vs-confirm) { margin-left: var(--sp-5); margin-right: var(--sp-5); }
.vdv-dialog.vs-dressed > :last-child, .vdl-dialog.vs-dressed > :last-child { margin-bottom: var(--sp-5); }
.vdv-dialog.vs-dressed > .vdv-body, .vdl-dialog.vs-dressed > .vdl-header + * { margin-top: var(--sp-4); }
.vdl-dialog.vs-dressed .vdl-header { margin-bottom: 0; }
/* Fenêtres de listes, de playlists, de sons : la barre remplace l'ancien en-tête, sans poignée de fenêtre en double. */
.vw-window.vs-dressed .vw-window-grip, .vm-window.vs-dressed .vm-window-grip { display: none; }
/* Aperçu de filigrane : barre en haut, ancien bandeau « Fermer » masqué. */
.vw-wm-preview.vs-dressed { grid-template-rows: var(--bar-h) 1fr; }
.vw-wm-preview.vs-dressed .vw-wm-bar { display: none; }
.vs-wm-head { grid-row: 1; }
/* Les pastilles gardent leur taille quelles que soient les règles de boutons de l'ancienne fenêtre. */
.vs-dressed .vs-dot { width: var(--dot-size) !important; height: var(--dot-size) !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; flex: none; }
.vs-dressed .vs-win__dots { height: auto; }
.vs-dressed .vw-window-title, .vs-dressed .vm-window-title { display: flex !important; align-items: baseline; gap: var(--sp-3); }
.vw-wm-preview.vs-dressed .vw-wm-stage { grid-row: 2; }