/* Help Center command palette — light, premium, namespaced (#lux-palette). */
#lux-palette { --lp-gold:var(--lp-gold, #B3A686); --lp-ink:var(--lp-ink, #323232); --lp-line:var(--lp-line, #E6E1D5); }

/* Launcher pill (dark, like the screenshot) — bottom-LEFT so it never
   collides with the concierge bubble (bottom-right). The user can drag it
   anywhere; the chosen spot is remembered per browser (see palette.js). */
#lux-palette-launcher {
  position:fixed; left:24px; bottom:24px; z-index:99999;
  display:inline-flex; align-items:center; gap:9px; cursor:pointer;
  background:#14181f; color:var(--lp-bg2, #F5F3EC); border:1px solid #2b3340;
  padding:12px 18px; border-radius:999px; font-size:14px; font-weight:600;
  font-family:'Inter',system-ui,sans-serif; box-shadow:0 8px 24px rgba(0,0,0,.28);
  transition:transform .16s ease, box-shadow .16s ease;
  touch-action:none; user-select:none; -webkit-user-select:none; }
#lux-palette-launcher:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.36); }
#lux-palette-launcher:hover .lp-grip { opacity:.9; }
#lux-palette-launcher i.fa-book-open, #lux-palette-launcher i.fa-wand-magic-sparkles { color:var(--lp-gold); }

/* Drag handle (makes "you can move me" obvious) */
.lp-grip { display:inline-flex; align-items:center; color:#9aa4b2; font-size:12px;
  opacity:.5; cursor:grab; margin-right:-2px; transition:opacity .16s ease; }

/* While being dragged: lift, no hover-transition fighting the move, grab cursor */
#lux-palette-launcher.lp-dragging {
  cursor:grabbing; transition:none; transform:scale(1.04);
  box-shadow:0 16px 38px rgba(0,0,0,.42); }
#lux-palette-launcher.lp-dragging .lp-grip { cursor:grabbing; opacity:1; }

.lp-hidden { display:none !important; }

/* Overlay + modal */
#lux-palette-overlay {
  position:fixed; inset:0; z-index:99999; background:rgba(17,24,39,.45);
  backdrop-filter:blur(2px); display:flex; align-items:flex-start; justify-content:center;
  padding:12vh 16px 16px; }
.lp-modal {
  width:100%; max-width:680px; background:var(--lp-card, #fff); border-radius:16px;
  box-shadow:0 30px 80px rgba(0,0,0,.35); overflow:hidden;
  font-family:'Inter',system-ui,sans-serif; animation:lpPop .15s ease; }
@keyframes lpPop { from{opacity:0; transform:translateY(-8px) scale(.99);} to{opacity:1;} }

/* Search row */
.lp-search-row { display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid var(--lp-line); }
.lp-search-icon { color:var(--lp-muted2, #8A8477); font-size:16px; }
#lp-input { flex:1; border:none; outline:none; font-size:16px; color:var(--lp-ink); background:transparent; }
#lp-input::placeholder { color:var(--lp-muted2, #8A8477); }
.lp-modes { display:flex; gap:6px; }
.lp-mode { display:inline-flex; align-items:center; gap:6px; background:var(--lp-bg2, #F5F3EC); border:1px solid var(--lp-line);
  color:var(--lp-ink2, #5C5850); font-size:12.5px; font-weight:600; padding:6px 11px; border-radius:8px; cursor:pointer; }
.lp-mode.is-active { background:var(--lp-gold-tint, #F3EFE5); border-color:var(--lp-gold-line, #E0D6BC); color:var(--lp-gold-ink, #6F6535); }
.lp-mode i { font-size:11px; }

/* Body */
.lp-body { max-height:52vh; overflow-y:auto; }
.lp-results { padding:8px; }

/* Result rows */
.lp-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:10px; cursor:pointer; text-decoration:none; color:var(--lp-ink); }
.lp-row:hover, .lp-row.is-active { background:var(--lp-card2, #FAF8F3); }
.lp-row-ico { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:var(--lp-gold-tint, #F3EFE5); color:var(--lp-gold-ink, #6F6535); flex:none; }
.lp-row-main { flex:1; min-width:0; }
.lp-row-title { font-size:14.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lp-row-sub { font-size:12.5px; color:var(--lp-muted, #6E685C); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lp-row-hint { font-size:12px; color:var(--lp-muted2, #8A8477); display:flex; align-items:center; gap:6px; flex:none; }
.lp-row.lp-ask .lp-row-ico { background:#14181f; color:var(--lp-gold); }

.lp-section-label { font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--lp-muted2, #8A8477); padding:10px 14px 4px; }
.lp-empty { padding:28px 16px; text-align:center; color:var(--lp-muted2, #8A8477); font-size:13.5px; }

/* Chat (Ask mode) */
.lp-chat { padding:16px; display:flex; flex-direction:column; gap:12px; }
.lp-msg { max-width:88%; padding:11px 14px; border-radius:13px; font-size:14px; line-height:1.55; white-space:pre-wrap; word-wrap:break-word; }
.lp-msg.user { align-self:flex-end; background:var(--lp-gold); color:#1a1305; border-bottom-right-radius:4px; }
.lp-msg.bot { align-self:flex-start; background:var(--lp-bg2, #F5F3EC); color:var(--lp-ink, #323232); border-bottom-left-radius:4px; }
.lp-msg.sys { align-self:center; background:transparent; color:var(--lp-muted, #6E685C); font-size:12.5px; text-align:center; }
.lp-tool { align-self:flex-start; font-size:12px; color:var(--lp-gold-ink, #6F6535); display:flex; align-items:center; gap:7px; }
.lp-tool i { animation:lpSpin 1s linear infinite; }
@keyframes lpSpin { to{transform:rotate(360deg);} }
.lp-handoff { align-self:flex-start; background:var(--lp-gold-tint, #F3EFE5); border:1px solid var(--lp-gold-line, #E0D6BC); border-radius:12px; padding:11px 14px; font-size:13px; color:var(--lp-warn-ink, #8F6428); }
.lp-handoff a { display:inline-block; margin-top:7px; background:var(--lp-gold); color:#1a1305; padding:7px 13px; border-radius:8px; text-decoration:none; font-weight:600; }
.lp-typing span { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--lp-muted2, #8A8477); animation:lpBlink 1.2s infinite; }
.lp-typing span:nth-child(2){animation-delay:.2s} .lp-typing span:nth-child(3){animation-delay:.4s}
@keyframes lpBlink { 0%,60%,100%{opacity:.3} 30%{opacity:1} }
.lp-chat-back { align-self:flex-start; background:none; border:none; color:var(--lp-muted, #6E685C); font-size:12.5px; cursor:pointer; padding:0; }

/* Footer */
.lp-footer { display:flex; align-items:center; gap:16px; padding:10px 16px; border-top:1px solid var(--lp-line); font-size:11.5px; color:var(--lp-muted2, #8A8477); }
.lp-footer kbd { background:var(--lp-bg2, #F5F3EC); border:1px solid var(--lp-line); border-radius:5px; padding:1px 6px; font-size:11px; color:var(--lp-muted, #6E685C); margin-right:2px; }
.lp-foot-link { margin-left:auto; color:var(--lp-gold-ink, #6F6535); text-decoration:none; font-weight:600; }

@media (max-width:640px) {
  #lux-palette-launcher span { display:none; }
  #lux-palette-launcher { padding:14px; }
  #lux-palette-overlay { padding:8vh 10px 10px; }
  .lp-modes .lp-mode span { }
}