.amx-file-menu { --menu-surface: #fff; --menu-text: #172033; --menu-muted: #5c6a7f; --menu-line: #d6dfe9; --menu-hover: #edf4fc; --menu-accent: #095da7; --menu-danger: #b42318; --menu-danger-bg: #fff0ef; }
:root[data-exp-theme="dark"] .amx-file-menu { --menu-surface: #142439; --menu-text: #edf4fc; --menu-muted: #b8c8db; --menu-line: #405770; --menu-hover: #29435e; --menu-accent: #83c7ff; --menu-danger: #ffaaa3; --menu-danger-bg: #442d34; }
/* Shared presentation for cloud and linked-drive menus, inside either app shell. */
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu {
  box-sizing: border-box; position: fixed; z-index: 1100;
  width: min(300px, calc(100vw - 16px)); min-width: 0;
  max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px);
  right: auto; bottom: auto; overflow: auto; overscroll-behavior: contain;
  margin: 0; padding: 6px; border: 1px solid var(--menu-line); border-radius: 9px;
  background: var(--menu-surface); color: var(--menu-text); box-shadow: 0 8px 28px #17203329;
  font: 400 13px/1.4 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  scrollbar-width: thin; scrollbar-color: #acb9c9 transparent;
}
/* Override the old Mi espacio mobile sheet coordinates; all three use one popup. */
#itemContextMenu.amx-file-menu { left: var(--amx-menu-left, 8px) !important; top: var(--amx-menu-top, 8px) !important; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__action {
  appearance: none; box-sizing: border-box; display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 36px; margin: 0; padding: 8px 10px; border: 0; border-radius: 5px;
  background: transparent; color: inherit; box-shadow: none; text-align: left;
  font: inherit; white-space: normal; overflow-wrap: anywhere; cursor: pointer;
}
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__action:hover:enabled { background: var(--menu-hover); color: var(--menu-accent); }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__action:focus-visible { background: var(--menu-hover); color: var(--menu-accent); outline: 2px solid #0c65b8; outline-offset: -2px; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__action:disabled { color: #798596; background: transparent; cursor: default; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu :is(.is-danger, #ctxDelete) { color: var(--menu-danger); }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu :is(.is-danger, #ctxDelete):is(:hover, :focus-visible):enabled { background: var(--menu-danger-bg); color: var(--menu-danger); }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__icon { display: inline-block; flex: 0 0 18px; width: 18px; height: 18px; stroke-width: 1.7; color: currentColor; vertical-align: middle; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu :is(.amx-file-menu__title, .item-context-menu__title) { overflow: hidden; padding: 7px 10px 9px; font-size: 11px; font-weight: 500; color: var(--menu-muted); white-space: nowrap; text-overflow: ellipsis; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu :is(.amx-file-menu__divider, .item-context-menu__divider, .context-menu-divider) { height: 1px; margin: 5px 10px; background: #e3e8ef; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu :is(.item-context-menu__app-choices, .context-menu-app-choices) .amx-file-menu__action { padding-left: 30px; }
:is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .item-context-menu__notice { display: flex; gap: 10px; align-items: center; padding: 8px 10px; color: var(--menu-muted); font: inherit; }
.amx-file-menu ::selection { background: #cfe5fb; color: var(--menu-text); }
.file-card__menu .amx-file-menu__icon, .kebab .amx-file-menu__icon { pointer-events: none; }
/* Keep the entry point visible when the details columns approach tablet width. */
@media (min-width: 761px) and (max-width: 980px) {
  .file-grid[data-view="details"] .file-card, .details-header { grid-template-columns: 45px minmax(0, 1fr) 110px 100px 170px 34px; }
}
@media (pointer: coarse), (max-width: 600px) {
  :is(#ctx, #itemContextMenu, .amx-storage-menu).amx-file-menu .amx-file-menu__action { min-height: 44px; }
  .file-card__menu, .exp-native #file-container .kebab, .amx-drive-managed .amx-drive-row > .icon-only { min-width: 44px; min-height: 44px; }
}
@media (max-width: 600px) {
  .file-grid[data-view="details"] .file-card { grid-template-columns: 43px minmax(0, 1fr) 44px; }
  .amx-drive.amx-drive-managed .amx-drive-row, .amx-drive.amx-drive-managed .amx-drive-columns { grid-template-columns: 16px minmax(0, 1fr) 60px 44px; }
  .amx-drive.amx-drive-managed[data-view="grid"] .amx-drive-row { grid-template-columns: 16px minmax(0, 1fr) 44px; }
}