/* [F-14 2026-11-15] Delete-modal CSS — was an inline <style> in
   includes/delete-modal.php. Linked from that file so every page that
   includes the modal (watch, my-videos, studio/edit) keeps its styling. */
#vx-delete-modal{position:fixed;inset:0;background:rgba(0,0,0,0.65);display:flex;align-items:center;justify-content:center;z-index:99999;}
#vx-delete-modal-box{background:#fff;color:#111;padding:24px;border-radius:12px;max-width:420px;width:90%;font-family:inherit;}
/* P3 dark-mode (2026-10-24): bright modal on a dark page. Panel/text follow
   the shared theme tokens, with the same dark slate fallbacks used elsewhere. */
body.grey-mode #vx-delete-modal-box, body.dark-mode #vx-delete-modal-box{background:var(--glass-bg-strong,#1e293b);color:var(--text-primary,#f8fafc);}
body.grey-mode #vx-delete-modal-cancel, body.dark-mode #vx-delete-modal-cancel{background:var(--glass-border-soft,#334155);color:var(--text-primary,#f8fafc);}
#vx-delete-modal-box p{margin:0 0 20px 0;font-size:16px;line-height:1.5;}
#vx-delete-modal-confirm{background:#c00;color:#fff;border:0;padding:10px 18px;border-radius:8px;cursor:pointer;margin-right:10px;}
#vx-delete-modal-cancel{background:#eee;color:#111;border:0;padding:10px 18px;border-radius:8px;cursor:pointer;}