.context-menu{position:fixed;background:#2c3e50;border:1px solid #34495e;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);padding:8px 0;min-width:180px;z-index:10000;opacity:0;transform:scale(.95);transition:opacity .15s,transform .15s;pointer-events:none;backdrop-filter:blur(10px)}.context-menu.show{opacity:1;transform:scale(1);pointer-events:auto;animation:.2s contextMenuFadeIn}.context-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#ecf0f1;cursor:pointer;transition:background-color .15s;font-size:14px;user-select:none;border:none;width:100%;text-align:left;background:0 0}.context-menu-item:hover:not(.disabled){background-color:#34495e;color:#fff}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item i{width:16px;font-size:14px;text-align:center;flex-shrink:0}.context-menu-item .shortcut{margin-left:auto;font-size:12px;color:#95a5a6;opacity:.7}.context-menu-divider{height:1px;background-color:#34495e;margin:4px 0;opacity:.5}.context-menu-item.has-submenu::after{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;margin-left:auto;font-size:10px;opacity:.6}.context-menu-item.danger:hover:not(.disabled){background-color:#e74c3c;color:#fff}.context-menu-item.success:hover:not(.disabled){background-color:#27ae60;color:#fff}.context-menu-item.primary:hover:not(.disabled){background-color:#3498db;color:#fff}@media (max-width:768px){.context-menu{min-width:200px}.context-menu-item{padding:12px 18px;font-size:15px}}@keyframes contextMenuFadeIn{from{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}