/* app/css/gs-copilot.css — the shared Co-Pilot: a stars icon dropped next to a plugin's <h1>,
   opening an off-canvas styled to match the page-watch visitor drawer.
   Palette: stars #6C4BE8, blue #2A6FE8, green #1FA463, amber #D97706. */

/* ── trigger icon (sits inside the plugin's <h1>) ───────────────────────────── */
.gs-cp-trigger{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  margin-left:10px;width:30px;height:30px;flex:none;border:1px solid #E4E1F6;border-radius:9px;
  background:linear-gradient(135deg,#EEF0FF,#F3F0FF);color:#6C4BE8;cursor:pointer;padding:0;
  transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;font-size:0}
.gs-cp-trigger .bi{font-size:15px;line-height:1}
.gs-cp-trigger:hover{border-color:#C9C0F5;background:linear-gradient(135deg,#E7E9FF,#EDE7FF);
  transform:translateY(-1px);box-shadow:0 3px 10px rgba(108,75,232,.18)}
.gs-cp-trigger:focus-visible{outline:2px solid #6C4BE8;outline-offset:2px}

/* ── off-canvas panel (mirrors .pwx-oc) ─────────────────────────────────────── */
.gs-cp-oc{width:min(520px,100%)}
.gs-cp-oc .offcanvas-header{align-items:flex-start;gap:10px}
.gs-cp-oc-head{display:flex;align-items:center;gap:11px;min-width:0}
.gs-cp-badge{flex:none;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#EEF0FF,#F3F0FF);color:#6C4BE8}
.gs-cp-badge .bi{font-size:16px}
.gs-cp-oc .offcanvas-title{font-size:15.5px;font-weight:700;color:#1A1D24;line-height:1.2}
.gs-cp-oc-sub{font-size:12.5px;color:#8C95A1;margin-top:2px}
.min-w-0{min-width:0}

/* insights (guide line, or the registered read) */
.gs-cp-oc-insights{margin-bottom:20px}
.gs-cp-oc-p{font-size:13px;line-height:1.55;color:#5C6E88;margin:0 0 8px}
.gs-cp-oc-p:last-child{margin-bottom:0}
.gs-cp-oc-obshead{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8C95A1;margin:14px 0 8px}
.gs-cp-oc-obs{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#3A4453;padding:4px 0}
.gs-cp-oc-obs .bi{color:#D97706;margin-top:2px;flex:none}

/* "Continue in…" links (mirrors .pwx-oc-link) */
.gs-cp-oc-sec h6{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8C95A1;
  margin:0 0 8px;display:flex;align-items:center;gap:6px}
.gs-cp-oc-sec h6 .bi-signpost-2{color:#1FA463}
.gs-cp-oc-links{display:flex;flex-direction:column;gap:6px}
.gs-cp-oc-link{display:block;border:1px solid var(--gs-line,#E6E9EF);border-radius:9px;padding:9px 11px;
  text-decoration:none;color:#1A1D24;transition:border-color .16s,background .16s,color .16s}
.gs-cp-oc-link:hover{border-color:#2A6FE8;background:#F5F8FF;color:#2A6FE8}
.gs-cp-oc-link-t{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.gs-cp-oc-link-t .bi{font-size:14px;color:#8C95A1;flex:none}
.gs-cp-oc-link:hover .gs-cp-oc-link-t .bi{color:#2A6FE8}
.gs-cp-oc-link em{display:block;font-style:normal;font-size:11.5px;font-weight:400;color:#8C95A1;margin-top:2px}
/* Visitor Intelligence is the hub — brand-green so it reads as primary. */
.gs-cp-oc-link.is-vi{border-color:#BFE6D2;background:#F1FAF5}
.gs-cp-oc-link.is-vi .gs-cp-oc-link-t{color:#178A52}
.gs-cp-oc-link.is-vi .gs-cp-oc-link-t .bi{color:#1FA463}
.gs-cp-oc-link.is-vi:hover{border-color:#1FA463;background:#E7F6EE}

@media (prefers-reduced-motion:reduce){.gs-cp-trigger{transition:none}.gs-cp-trigger:hover{transform:none}}