/* mindmap5.3 · css/reader-selection.css —— 摘录图标浮层、分组换行与手机三行布局 */
.reader-selection-menu {
  --selection-hit: var(--reader-selection-control);
  position: fixed; z-index: var(--reader-selection-z); box-sizing: border-box;
  width: max-content; padding: var(--reader-selection-padding);
  border: 1px solid var(--ui-border); border-radius: var(--ui-toolbar-radius);
  background: var(--ui-panel); color: var(--ui-text); box-shadow: var(--ui-shadow);
  font: var(--ui-font-control)/1.5 var(--ui-font); user-select: none;
}
.reader-selection-menu[hidden], .reader-selection-menu [hidden], .reader-selection-tooltip[hidden], .mm-color-tray-auto[hidden] { display: none !important; }
.reader-selection-tools, .reader-selection-new-actions, .reader-selection-operations,
.reader-selection-knowledge, .reader-selection-utility, .reader-selection-styles, .reader-selection-targets {
  display: flex; align-items: center; gap: var(--reader-selection-gap);
}
.reader-selection-tools { flex-wrap: nowrap; }
.reader-selection-profile-tools { display: contents; }
.reader-selection-profile-more { display: flex; flex-direction: column; gap: var(--reader-selection-gap); margin-top: var(--reader-selection-gap); padding-top: var(--reader-selection-gap); border-top: 1px solid var(--ui-border); max-height: 40vh; overflow: auto; }
.reader-selection-profile-more .reader-selection-overflow-item { display: flex; align-items: center; justify-content: flex-start; gap: var(--reader-selection-gap); width: 100%; height: auto; min-height: var(--selection-hit); padding: var(--reader-selection-padding); text-align: start; }
.reader-selection-profile-more .mm-icon { width: var(--reader-selection-symbol); height: var(--reader-selection-symbol); flex: none; }
.reader-selection-operations { flex-wrap: nowrap; }
.reader-selection-appearance { display: contents; }
.reader-selection-menu button, .reader-selection-menu select {
  box-sizing: border-box; min-height: var(--selection-hit); font: inherit; color: inherit;
  border: 1px solid transparent; border-radius: var(--ui-button-radius); background: transparent;
}
.reader-selection-tools button {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 1 var(--selection-hit);
  width: var(--selection-hit); height: var(--selection-hit); min-width: 24px; padding: 0;
}
.reader-selection-tools [data-action="close"] { margin-inline-start: auto; }
.reader-selection-tools .mm-icon { width: var(--reader-selection-symbol); height: var(--reader-selection-symbol); }
.reader-selection-menu button { cursor: pointer; }
.reader-selection-menu button:hover:not(:disabled) { background: var(--ui-hover-bg); color: var(--ui-hover-text); }
.reader-selection-menu button[aria-pressed="true"] { background: var(--ui-pressed-bg); color: var(--ui-pressed-text); }
.reader-selection-menu button:disabled, .reader-selection-menu select:disabled { opacity: var(--ui-disabled-opacity); cursor: not-allowed; }
.reader-selection-menu button:focus-visible, .reader-selection-menu select:focus-visible,
.mm-color-tray[data-context="reader-selection"] button:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-accent); outline-offset: var(--ui-focus-offset);
}
.reader-selection-colors {
  display: flex; align-items: center; flex-wrap: nowrap; flex: 0 1 auto; gap: var(--reader-selection-swatch-gap);
  min-height: var(--selection-hit); padding-inline: var(--reader-selection-swatch-gap);
  border-inline: 0;
}
/* 热区和可见色块分开：桌面20px方块，触摸仍保留44px命中区域。 */
.reader-selection-colors .mm-color-chip, .reader-selection-colors .mm-color-tray-btn {
  position: relative; width: var(--reader-selection-swatch); height: var(--reader-selection-swatch);
  min-width: var(--reader-selection-swatch); min-height: var(--reader-selection-swatch); padding: 0;
  border: 0; border-radius: var(--ui-button-radius); background: transparent; box-shadow: none; transform: none;
}
.reader-selection-colors .mm-color-chip::before, .mm-color-tray[data-context="reader-selection"] .mm-color-chip::before {
  content: ''; position: absolute; width: var(--reader-selection-swatch); height: var(--reader-selection-swatch);
  left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: var(--ui-button-radius); background: var(--swatch);
}
.reader-selection-colors .mm-color-chip.on::before, .mm-color-tray[data-context="reader-selection"] .mm-color-chip.on::before {
  outline: var(--ui-focus-width) solid var(--ui-accent); outline-offset: var(--ui-focus-offset);
}
.reader-selection-colors .mm-color-tray-btn { display: inline-flex; color: var(--ui-text); border: 1px solid var(--ui-border); }
.reader-selection-colors .mm-color-tray-btn .mm-icon { width: var(--reader-selection-palette-symbol); height: var(--reader-selection-palette-symbol); }
.reader-selection-current-color {
  position: absolute; right: -3px; bottom: -3px; width: 8px; height: 8px; border: 1px solid var(--ui-panel);
  border-radius: 2px; background: var(--reader-selection-current); pointer-events: none;
}
.reader-selection-current-color.is-mixed { background: linear-gradient(135deg, var(--ui-accent) 50%, var(--ui-panel) 50%); }
.reader-selection-menu .reader-selection-remove { color: var(--ui-danger); }
.reader-selection-menu .reader-selection-remove:hover:not(:disabled) { color: var(--ui-danger); background: var(--ui-hover-bg); }
.reader-selection-reason { max-width: var(--reader-selection-mobile-width); margin: var(--reader-selection-gap) 0 0; color: var(--ui-muted); font-size: 12px; overflow-wrap: anywhere; }
.reader-selection-targets { flex-wrap: wrap; margin-top: var(--reader-selection-gap); }
.reader-selection-targets select, .reader-selection-targets button { border-color: var(--ui-border); padding-inline: 8px; }
.reader-selection-targets select { min-width: 0; max-width: 100%; background: var(--ui-panel); }
.reader-selection-targets select:last-child { flex: 1 1 100%; width: 100%; text-overflow: ellipsis; }
/* 桌面保持单行图标条且关闭在最右侧；手机按功能组自然换行。 */
.reader-selection-menu .reader-selection-labeled { width: auto; padding-inline: var(--reader-selection-padding); gap: var(--reader-selection-gap); white-space: nowrap; }
.reader-selection-knowledge, .reader-selection-utility { flex-wrap: nowrap; }
.reader-selection-menu.is-narrow .reader-selection-new-actions { display: contents; }
.reader-selection-menu.is-mobile .reader-selection-tools,
.reader-selection-menu.is-mobile .reader-selection-operations,
.reader-selection-menu.is-mobile .reader-selection-knowledge,
.reader-selection-menu.is-mobile .reader-selection-utility { display: flex; flex-wrap: wrap; }
.reader-selection-menu.is-mobile .reader-selection-tools button { flex: 0 0 auto; min-width: var(--selection-hit); }
.reader-selection-menu.is-mobile .reader-selection-colors { border: 0; }
.reader-selection-menu.is-mobile .reader-selection-styles { flex-wrap: wrap; }
.reader-selection-menu.is-mobile .reader-selection-colors .mm-color-tray-btn { border-color: transparent; }
.reader-selection-menu.is-mobile .reader-selection-colors .mm-color-tray-btn .mm-icon { width: var(--reader-selection-symbol); height: var(--reader-selection-symbol); }
.mm-color-tray[data-context="reader-selection"] { z-index: calc(var(--reader-selection-z) + 1); box-sizing: border-box; }
.mm-color-tray[data-context="reader-selection"] .mm-color-chip { border: 0; background: transparent; box-shadow: none; transform: none; }
@media (pointer: coarse), (max-width: 900px) {
  .reader-selection-menu {
    --selection-hit: var(--ui-touch-target, 44px);
    max-width: calc(100vw - 32px);
    touch-action: pan-y;
  }
  .reader-selection-colors .mm-color-chip, .reader-selection-colors .mm-color-tray-btn {
    width: var(--ui-touch-target, 44px); height: var(--ui-touch-target, 44px);
    min-width: var(--ui-touch-target, 44px); min-height: var(--ui-touch-target, 44px);
  }
  .reader-selection-colors { gap: 0; }
  .reader-selection-target-pill {
    min-height: 32px;
    padding: 4px 10px;
    font-size: 12px;
  }
}
.reader-selection-tooltip {
  position: fixed; z-index: max(calc(var(--reader-selection-z) + 2), calc(var(--z-ctxmenu) + 3)); pointer-events: none; box-sizing: border-box;
  max-width: min(var(--reader-selection-tooltip-width), calc(100vw - 16px)); padding: 7px 10px;
  border-radius: var(--ui-button-radius); background: var(--reader-selection-tooltip-bg); color: var(--reader-selection-tooltip-text);
  box-shadow: var(--ui-shadow); font: 12px/1.5 var(--font-ui); overflow-wrap: anywhere;
}
.reader-selection-tooltip::after {
  content: ''; position: absolute; left: var(--reader-tooltip-arrow); width: 8px; height: 8px;
  background: inherit; transform: translateX(-50%) rotate(45deg); bottom: -4px;
}
.reader-selection-tooltip[data-side="below"]::after { top: -4px; bottom: auto; }

/* Argon 摘录上下文与目标胶囊 */
.reader-selection-context { padding:4px 6px; font-size:11px; color:var(--ui-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:flex; align-items:center; }
.reader-selection-target-pill {
  display:inline-flex; align-items:center; gap:4px; max-width:260px; padding:2px 8px;
  border:1px solid var(--ui-border); border-radius:999px;
  background:color-mix(in srgb, var(--ui-card) 75%, transparent);
  color:var(--ui-text); font:500 11px/1.4 var(--font-ui); cursor:pointer;
  transition:all .15s ease; user-select:none;
}
.reader-selection-target-pill:hover { background:var(--ui-hover); border-color:var(--ui-accent); }
.reader-selection-target-pill:focus-visible { outline:2px solid var(--ui-accent); outline-offset:1px; }
.reader-selection-target-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.reader-selection-target-caret { font-size:9px; color:var(--ui-muted); flex-shrink:0; }
.reader-selection-menu .reader-selection-action-label { display:inline; white-space:nowrap; font-size:12px; }
.reader-selection-menu button:has(.reader-selection-action-label) { width:auto; padding-inline:7px; gap:4px; }
.reader-selection-menu [data-mode="child"] { color:var(--ui-accent); }
.reader-selection-style-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; border-top:1px solid var(--ui-border); padding-top:8px; margin-top:8px; }
.reader-selection-style-grid button { display:flex; gap:5px; align-items:center; text-align:left; padding:6px; color:var(--ui-text); border:1px solid transparent; border-radius:var(--ui-button-radius); background:transparent; }
.reader-selection-style-grid button[aria-pressed="true"] { border-color:var(--ui-accent); }
.reader-selection-style-grid svg { width:18px; height:18px; }
.reader-selection-shared { max-width:230px; font-size:11px; color:var(--ui-muted); margin:6px 0; }
@media(max-width:900px) { .reader-selection-style-grid button { min-height:44px; } }

.reader-selection-menu .reader-selection-tools { flex-wrap:wrap; }
.reader-selection-menu .reader-selection-tools button:has(.reader-selection-action-label) { flex:0 0 auto; width:auto; min-width:max-content; padding-inline:7px; gap:4px; }
.reader-selection-menu .reader-selection-colors { flex:0 0 auto; }
.reader-selection-menu .reader-selection-colors .mm-color-tray-btn { min-height:var(--selection-hit); }
.reader-selection-menu [data-action="hierarchy"] { border-inline-start:1px solid var(--ui-border); }