.vh360__guide-settings { border-top: 1px solid rgba(116,69,165,.14); padding: 14px 0; margin: 8px 0; }
.vh360__guide-settings h4 { font-size: 15px; margin: 0 0 8px; }
.vh360__guide-choice { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; font-size: 14px; }
.vh360__guide-choice input { flex: 0 0 auto; accent-color: #7445a5; }
.vh360__guide-note { font-size: 12px; color: #625b6b; line-height: 1.5; margin: 4px 0 10px; }
.vh360__guide-details summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #7445a5; }
.vh360__guide-list { list-style: none; padding: 0; margin: 0; }
.vh360__guide-list li { display: flex; align-items: center; gap: 12px; padding: 4px 0; font-size: 13px; line-height: 1.4; }
.vh360__guide-time { flex: 0 0 58px; min-height: 44px; background: #f1edf7; color: #5f328e; border-radius: 10px; border: 1px solid #d6c8e8; font-variant-numeric: tabular-nums; cursor: pointer; }
.vh360__guide-chip { position: absolute; z-index: 7; left: max(12px, env(safe-area-inset-left)); bottom: 18px; display: flex; align-items: center; gap: 8px; max-width: min(320px, calc(100% - 24px)); padding: 4px 4px 4px 12px; border-radius: 14px; background: rgba(24,19,31,.74); color: #fff; backdrop-filter: blur(6px); pointer-events: auto; }
.vh360__guide-chip-copy { font-size: 12px; line-height: 1.35; margin: 0; max-width: 160px; }
.vh360__guide-view { min-height: 44px; font-size: 12px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; white-space: nowrap; }
.vh360__guide-dismiss { min-width: 44px; min-height: 44px; font-size: 18px; border: 0; background: none; }
.vh360__guide-chip[hidden], .vh360[data-commands-hidden="true"] .vh360__guide-chip, .vh360[data-panel]:not([data-panel=""]) .vh360__guide-chip { display: none !important; }
.vh360--expanded .vh360__guide-chip { bottom: calc(124px + env(safe-area-inset-bottom)); }
.vh360__guide-time:focus-visible, .vh360__guide-view:focus-visible, .vh360__guide-dismiss:focus-visible, .vh360__guide-details summary:focus-visible { outline: 2px solid #b899e0; outline-offset: 3px; }
@media (max-height: 420px) { .vh360__guide-chip { display: none !important; } }
/* Un dialogue ouvert doit rester au-dessus du header même avant l’agrandissement. */
.vh360:not(.vh360--expanded)[data-panel]:not([data-panel=""]) { position: relative; z-index: 2147483000; }