/* Menu de contexto (botão direito) */
.dc-ctx { position: fixed; z-index: 10000; width: 244px; padding: 6px; background: var(--panel-solid); border: 1px solid var(--line-strong); border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,.5); }
.dc-ctx-title { padding: 6px 10px 4px; color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dc-ctx-sep { height: 1px; margin: 5px 4px; background: var(--line); }
.dc-ctx-vol { padding: 6px 10px 8px; }
.dc-ctx-volhead { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--muted-strong); font-size: .8rem; }
.dc-ctx-volhead span:last-child { color: var(--accent); font-weight: 600; }
.dc-ctx-vol input { width: 100%; accent-color: var(--accent); }
.dc-ctx-item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; color: var(--muted-strong); background: none; border-radius: 6px; font-size: .84rem; text-align: left; }
.dc-ctx-item:hover { color: var(--text); background: rgba(255,255,255,.09); }
.dc-ctx-item.danger { color: var(--danger); }
.dc-ctx-item.danger:hover { color: #fff; background: var(--danger); }
.dc-check { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid var(--muted); border-radius: 4px; color: var(--accent-ink); font-size: .72rem; font-weight: 800; }
.dc-check.on { background: var(--accent); border-color: var(--accent); }