/*
 * Citely: the app's own popup, on every page (2026-10-18). assets/js/ask.js.
 * Theme tokens with fallbacks: the Super Admin page loads neither theme.css
 * nor the app shells, and the buttons carry their own style for the same reason.
 */
body.cx-ask-open{overflow:hidden}
.cx-ask{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--scrim,rgba(10,12,20,.55));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .16s ease}
.cx-ask.on{opacity:1}
.cx-ask-card{width:100%;max-width:440px;box-sizing:border-box;background:var(--panel,#fff);color:var(--paper,#16161d);border:1px solid var(--line2,rgba(127,127,140,.28));border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.35);padding:24px 24px 20px;transform:translateY(10px) scale(.98);transition:transform .18s ease;font-family:inherit;text-align:left}
.cx-ask.on .cx-ask-card{transform:none}
.cx-ask-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;background:rgba(110,92,246,.14);color:var(--btn,#6E5CF6);margin-bottom:14px}
.cx-ask.danger .cx-ask-ic{background:rgba(255,107,107,.14);color:var(--i2-red,#E5484D)}
.cx-ask-card h3{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:700;color:var(--paper,#16161d)}
.cx-ask-card p{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--dim,#6b6b78)}
.cx-ask-card p.cx-ask-topic{color:var(--paper,#16161d);font-weight:600;font-size:14.5px}
.cx-ask-card blockquote{margin:4px 0 8px;padding:9px 12px;border-left:3px solid var(--btn,#6E5CF6);border-radius:8px;background:var(--sunk,rgba(127,127,140,.1));color:var(--paper,#16161d);font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.cx-ask-card p.cx-ask-cost{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:9px 12px;border-radius:10px;background:var(--sunk,rgba(127,127,140,.1));font-size:12.5px;color:var(--dim,#6b6b78)}
.cx-ask-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.cx-b{display:inline-flex;align-items:center;justify-content:center;min-width:112px;box-sizing:border-box;padding:10px 18px;border-radius:10px;border:1px solid var(--line2,rgba(127,127,140,.35));background:transparent;color:var(--paper,#16161d);font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .12s ease,filter .12s ease}
.cx-b:hover{background:rgba(127,127,140,.1)}
/* Own names (2026-10-20): as "main" the button took the app's .main rule (margin-left the
   sidebar's width), pushed 250px right and Cancel off the card's left edge. */
.cx-b.cx-b-ok{background:var(--btn,#6E5CF6);border-color:transparent;color:#fff}
.cx-b.cx-b-ok:hover{background:var(--btn-hover,var(--btn,#6E5CF6));filter:brightness(1.05)}
.cx-b.cx-b-danger{background:var(--red,#E5484D);border-color:transparent;color:#fff}
.cx-b.cx-b-danger:hover{filter:brightness(1.06)}
.cx-ask .cx-b{margin:0;position:static}
.cx-b:focus-visible{outline:2px solid var(--btn,#6E5CF6);outline-offset:2px}
@media(max-width:520px){
  .cx-ask{align-items:flex-end;padding:0}
  .cx-ask-card{max-width:none;border-radius:18px 18px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
  .cx-ask-btns{flex-direction:column-reverse}
  .cx-b{width:100%;padding-top:12px;padding-bottom:12px}
}
@media (prefers-reduced-motion:reduce){.cx-ask,.cx-ask-card,.cx-b{transition:none}}