/* admin/assets/components/ai/inline-action.css — inline slash-AI prompt. AESTHETIC §4/§5. */
.ai-slash-pop {
  position: fixed; z-index: 320; width: 300px; max-width: 92vw;
  background: var(--bg-deep); border: 1px solid var(--ai); border-radius: 1px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.5), 0 0 16px -4px var(--ai);
  padding: var(--sp-3); animation: highlightIn 160ms cubic-bezier(.2,.7,.2,1);
}
.ai-slash-pop[hidden] { display: none; }
.ai-slash-row { display: flex; align-items: center; gap: var(--sp-2); }
.ai-slash-spark { color: var(--ai); font-size: 13px; line-height: 1; }
.ai-slash-input { flex: 1; background: transparent; border: none; outline: none; color: var(--ink); font-family: var(--serif); font-size: 14px; }
.ai-slash-input::placeholder { color: var(--ink-faint); font-style: italic; }
.ai-slash-modes { display: flex; gap: 6px; margin-top: var(--sp-2); }
.ai-mode { font-family: var(--mono); font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; padding: 3px 8px; border: 1px solid var(--rule); border-radius: 1px; background: transparent; color: var(--ink-faint); cursor: pointer; }
.ai-mode.is-active { border-color: var(--ai); color: var(--ai); background: var(--ai-soft); }
.ai-slash-hint { margin-top: 6px; font-family: var(--mono); font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-dim); }
.ai-slash-thinking { font-family: var(--serif); font-style: italic; font-size: 14px; color: var(--ink-faint); align-items: center; gap: 6px; }
.ai-slash-thinking .spark { color: var(--ai); }
.ai-slash-thinking::after { content: '\2026'; display: inline-block; overflow: hidden; vertical-align: bottom; width: 1.1em; animation: aiDots 1.2s steps(4, end) infinite; }
.rt-edit.ai-filling { outline: 1px solid var(--ai-soft); }
.ai-slash-flash { margin-left: var(--sp-2); vertical-align: middle; }