/* JR&CO Guide: reusable onboarding, walkthrough, and help-panel UI. */
.jrco-guide-launcher {
  position:fixed; right:22px; bottom:22px; width:46px; height:46px; z-index:430;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  border:1px solid #151515; border-radius:999px; color:#fff;
  background:linear-gradient(150deg,#242424,#151515 50%,#0b0b0b);
  box-shadow:0 4px 12px rgba(20,20,20,.16); font:800 18px Arial,sans-serif;
  transition:transform .12s ease;
}
.jrco-guide-launcher:hover { transform:scale(1.06); }
.jrco-guide-launcher::after {
  content:""; position:absolute; right:4px; bottom:4px; width:10px; height:10px;
  border-radius:999px; background:linear-gradient(180deg,#E92A2C,#A71F23);
}
@keyframes jrco-guide-pulse { 0%{box-shadow:0 0 0 0 rgba(233,42,44,.45)} 70%{box-shadow:0 0 0 14px transparent} 100%{box-shadow:0 0 0 0 transparent} }
.jrco-guide-pulse { animation:jrco-guide-pulse 2s infinite; }
.jrco-guide-scrim {
  position:fixed; inset:0; z-index:440; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(8,8,8,.62);
}
.jrco-guide-band {
  position:relative; padding:16px 20px 14px; color:#fff;
  background:linear-gradient(150deg,#242424,#151515 50%,#0b0b0b);
  border-bottom:3px solid #E92A2C;
}
.jrco-guide-band-kicker,.jrco-guide-section {
  color:#9a9a9a; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
}
.jrco-guide-band-title { margin-top:2px; font:800 17px Arial,sans-serif; letter-spacing:.02em; text-transform:uppercase; }
.jrco-guide-x {
  position:absolute; top:9px; right:11px; padding:4px 6px; border:0; background:none;
  color:#fff; cursor:pointer; font-size:23px; line-height:1;
}
.jrco-guide-modal,.jrco-guide-help {
  color:#202020; background:#fff; font-family:Arial,Helvetica,sans-serif;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.jrco-guide-modal { width:min(560px,94vw); max-height:88vh; display:flex; flex-direction:column; overflow:hidden; }
.jrco-guide-modal-body,.jrco-guide-help-body { padding:18px 20px; overflow:auto; }
.jrco-guide-intro { color:#404040; font-size:14px; line-height:1.55; }
.jrco-guide-intro p { margin:0 0 10px; }
.jrco-guide-section { margin:16px 0 8px; color:#666; }
.jrco-guide-tour-list { display:flex; flex-direction:column; gap:6px; }
.jrco-guide-tour-item {
  width:100%; display:flex; align-items:center; gap:12px; padding:10px 12px;
  border:1px solid #E6E6E6; background:#F4F4F4; text-align:left; cursor:pointer;
}
.jrco-guide-tour-item:hover { border-color:#E92A2C; background:rgba(233,42,44,.06); }
.jrco-guide-tour-num {
  flex:0 0 22px; height:22px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; color:#fff; background:linear-gradient(180deg,#E92A2C,#A71F23);
  font-size:11px; font-weight:800;
}
.jrco-guide-tour-copy { flex:1; min-width:0; }
.jrco-guide-tour-title { font-size:14px; font-weight:700; }
.jrco-guide-tour-desc { margin-top:2px; color:#666; font-size:12px; line-height:1.4; }
.jrco-guide-done { color:#1F4D0F; font-size:11px; font-weight:700; }
.jrco-guide-modal-foot {
  display:flex; justify-content:space-between; gap:10px; padding:14px 20px;
  border-top:1px solid #E6E6E6; background:#FAFAFA;
}
.jrco-guide-primary,.jrco-guide-outline,.jrco-guide-ghost {
  padding:8px 14px; border-radius:2px; cursor:pointer; text-transform:uppercase;
  letter-spacing:.06em; font:700 11px Arial,sans-serif;
}
.jrco-guide-primary { border:0; color:#fff; background:linear-gradient(180deg,#E92A2C,#A71F23); }
.jrco-guide-outline,.jrco-guide-ghost { border:1px solid #D4D4D4; color:#404040; background:transparent; }
.jrco-guide-ghost:disabled { opacity:.4; cursor:default; }
.jrco-guide-help-scrim { justify-content:flex-end; align-items:stretch; padding:0; }
.jrco-guide-help { width:min(420px,94vw); height:100%; display:flex; flex-direction:column; animation:jrco-guide-slide .2s ease both; }
@keyframes jrco-guide-slide { from{transform:translateX(30px);opacity:0} to{transform:none;opacity:1} }
.jrco-guide-help-tour { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #F0F0F0; }
.jrco-guide-help-tour .jrco-guide-tour-copy { flex:1; }
.jrco-guide-topic { margin-bottom:6px; border:1px solid #E6E6E6; background:#FAFAFA; }
.jrco-guide-topic summary { padding:9px 12px; cursor:pointer; list-style:none; font-size:13px; font-weight:700; }
.jrco-guide-topic summary::before { content:"+"; display:inline-block; width:16px; color:#E92A2C; font-weight:800; }
.jrco-guide-topic[open] summary::before { content:"\2212"; }
.jrco-guide-topic-body { padding:0 12px 12px 28px; color:#404040; font-size:13px; line-height:1.55; }
.jrco-guide-topic-body p,.jrco-guide-topic-body ul { margin:0 0 8px; }
.jrco-guide-topic-body ul { padding-left:18px; }
.jrco-guide-replay { margin-top:18px; border:0; background:none; color:#666; cursor:pointer; font:12px Arial,sans-serif; text-decoration:underline; }
.jrco-guide-shield { position:fixed; inset:0; z-index:436; background:transparent; }
.jrco-guide-shield.dim { background:rgba(8,8,8,.62); }
.jrco-guide-spotlight {
  position:fixed; z-index:437; pointer-events:none; border:2px solid #E92A2C;
  box-shadow:0 0 0 200vmax rgba(8,8,8,.62); transition:all .2s ease;
}
.jrco-guide-card {
  position:fixed; z-index:445; width:min(360px,calc(100vw - 24px)); padding:12px 16px 14px;
  border-top:3px solid #E92A2C; background:#fff; color:#202020;
  box-shadow:0 18px 44px rgba(0,0,0,.25); font-family:Arial,Helvetica,sans-serif;
}
.jrco-guide-card.center { left:50%!important; top:50%!important; transform:translate(-50%,-50%); width:min(440px,92vw); }
.jrco-guide-card-head,.jrco-guide-card-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.jrco-guide-card-count { color:#666; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.jrco-guide-card .jrco-guide-x { position:static; color:#666; padding:0 2px; }
.jrco-guide-card-title { margin:6px 0; font-size:15px; font-weight:800; }
.jrco-guide-card-body { color:#404040; font-size:13px; line-height:1.5; }
.jrco-guide-card-body p { margin:0 0 8px; }
.jrco-guide-progress { height:3px; margin:12px 0 10px; overflow:hidden; background:#E6E6E6; }
.jrco-guide-progress span { display:block; height:100%; background:linear-gradient(90deg,#E92A2C,#A71F23); }
.jrco-guide-toast {
  position:fixed; left:50%; bottom:28px; z-index:450; max-width:min(480px,90vw); padding:11px 18px;
  transform:translate(-50%,16px); opacity:0; color:#fff; background:#202020;
  border-bottom:3px solid #E92A2C; font:13px Arial,sans-serif; transition:.2s ease;
}
.jrco-guide-toast.show { transform:translate(-50%,0); opacity:1; }
@media(max-width:640px) { .jrco-guide-launcher{right:14px;bottom:14px} }