/* Action Dropdown ⋮ */ .action-dropdown { position: relative; display: inline-block; } .action-trigger { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--surface2); border: 1px solid var(--border); color: var(--text2); cursor: pointer; font-size: 18px; transition: all 0.2s; } .action-trigger:hover { background: var(--brand-glow); border-color: var(--brand-orange); color: var(--brand-orange); } .action-menu { position: absolute; top: calc(100% + 6px); right: 0; min-width: 190px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,0.18); z-index: 9999; opacity: 0; visibility: hidden; transform: scale(0.95); transform-origin: top right; transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.15s, visibility 0.15s; padding: 6px; pointer-events: none; } .action-dropdown.open .action-menu { opacity: 1; visibility: visible; transform: scale(1); pointer-events: auto; } .action-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--text2); cursor: pointer; transition: all 0.15s; white-space: nowrap; } .action-item:hover { background: var(--brand-glow); color: var(--brand-orange); } .action-item.del-action { color: #ef4444; } .action-item.del-action:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; } /* Portal menus live in — no z-index tricks needed here */