.app-context-menu {
    position: fixed;
    outline: none;
    z-index: 1090;
    width: 190px;
    max-width: calc(100vw - 16px);
    padding: 8px;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    background: #fff;
    color: #343a40;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .16);
}
.app-context-menu[hidden], .app-context-status[hidden] { display: none; }
.app-context-menu button {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    margin: 2px 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: right;
    cursor: pointer;
    outline: none;
    transition: background-color .15s ease, color .15s ease;
}
.app-context-menu button:hover:not(:disabled) {
    background: #f0f1ff;
    color: #5963da;
}
.app-context-menu button:disabled { opacity: .4; cursor: default; }
.app-context-menu-divider { margin: 4px 6px; border-top: 1px solid #e9ecef; }
.app-context-status {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1091;
    max-width: calc(100vw - 48px);
    padding: 12px 18px;
    border-radius: 8px;
    background: #343a40;
    color: #fff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .2);
}
body.dark-theme .app-context-menu { background: #0c1427; color: #d0d6e1; border-color: #262f43; }
body.dark-theme .app-context-menu-divider { border-color: #262f43; }
body.dark-theme .app-context-menu button:hover:not(:disabled) {
    background: #18284e;
    color: #a5adff;
}