.crm-context-menu { position: fixed; z-index: 40000; min-width: min(220px, calc(100vw - 16px)); max-width: min(340px, calc(100vw - 16px)); max-height: calc(100vh - 16px); overflow-y: auto; padding: 5px; border: 1px solid #d1d1d1; border-radius: 9px; background: #f9f9f9; box-shadow: 0 12px 35px #00000026, 0 2px 8px #00000014; animation: crm-menu-enter .12s ease-out; }
.crm-context-menu[hidden] { display: none !important; }
.crm-context-heading { padding: 7px 9px; margin-bottom: 4px; color: #666; background: #f0f0f0; border-radius: 5px; font-size: 11px; font-weight: 700; overflow-wrap: anywhere; }
.crm-context-menu .crm-context-item { display: block; width: 100%; min-height: 32px; margin: 0; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; box-shadow: none; color: #35445a; font-size: 12px; text-align: left; line-height: 1.4; overflow-wrap: anywhere; white-space: normal; cursor: pointer; }
.crm-context-menu .crm-context-item:hover, .crm-context-menu .crm-context-item:focus-visible { background: #ebebeb; color: #222; outline: 0; }
.crm-context-menu .crm-context-secondary { color: #666; }
.crm-context-active { outline: 2px solid #9fdbd3; outline-offset: -2px; }
[data-context-ready]:focus-visible { outline: 2px solid #376caf; outline-offset: -2px; }
.crm-context-status { position: fixed; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes crm-menu-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .crm-context-menu { animation: none; } }