/* Notes du présentateur : mode flottant (déplaçable / redimensionnable) et fenêtre détachée.
   Partagé par l'éditeur (index.php) et le lecteur (view.php). */

.presenter-notes-tools { display: flex; gap: 4px; align-items: center; margin-left: auto; }
.presenter-notes-tools button {
    background: transparent; border: 1px solid var(--glass-border, rgba(255,255,255,.2));
    color: var(--text-color, inherit); border-radius: 6px; width: 28px; height: 28px;
    cursor: pointer; font-size: .95rem; line-height: 1; padding: 0;
}
.presenter-notes-tools button:hover,
.presenter-notes-tools button.active { background: var(--accent-color, #3b82f6); color: #fff; }

/* ---- Mode flottant ---- */
#presenter-notes-panel.presenter-float {
    top: 80px; right: auto; left: calc(100vw - 420px);
    width: 380px; height: 60vh;
    min-width: 220px; max-width: none; min-height: 160px;
    border: 2px solid var(--glass-border, rgba(255,255,255,.25));
    border-radius: 12px; overflow: hidden; resize: both;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .4);
    transition: none;
}
#presenter-notes-panel.presenter-float .presenter-notes-resize-handle { display: none; }
#presenter-notes-panel.presenter-float .presenter-notes-header { cursor: move; user-select: none; }
#presenter-notes-panel.presenter-float .presenter-notes-header button,
#presenter-notes-panel.presenter-float .presenter-timer { cursor: pointer; }

/* La carte garde toute la largeur quand le panneau flotte ou est détaché */
body.presenter-notes-active.presenter-notes-float #zoom-container,
body.presenter-notes-active.presenter-notes-popped #zoom-container { width: 100%; }
body.presenter-notes-active.presenter-notes-float .presentation-controls,
body.presenter-notes-active.presenter-notes-popped .presentation-controls { left: 50%; }

/* Panneau détaché dans une autre fenêtre : masqué ici */
body.presenter-notes-popped #presenter-notes-panel { display: none !important; }

@media (max-width: 600px) {
    .presenter-notes-tools { display: none; }
}