/* IDSA CSC Help Pack (Partner/CSC Panel) - Version 2026-02-04 */
.idsa-help{
  --bg:#0b1220;
  --card:#111a2e;
  --muted:#94a3b8;
  --text:#e5e7eb;
  --line:rgba(148,163,184,.18);
  --accent:#60a5fa;
  --ok:#22c55e;
  --warn:#f59e0b;
  --err:#ef4444;

  color:var(--text);
  background:var(--bg);
  min-height:100vh;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  line-height:1.45;
}

.idsa-help *{box-sizing:border-box}
.idsa-help a{color:var(--accent);text-decoration:none}
.idsa-help a:hover{text-decoration:underline}

.idsa-help .wrap{max-width:980px;margin:0 auto;padding:18px 14px 40px}

.idsa-help .topbar{
  display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
  padding:14px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(96,165,250,.10), rgba(17,26,46,.85));
}
.idsa-help .brand{display:flex;flex-direction:column;gap:3px}
.idsa-help .brand h1{margin:0;font-size:18px;font-weight:900}
.idsa-help .brand .sub{color:var(--muted);font-size:12px}

.idsa-help .crumbs{margin-top:10px;color:var(--muted);font-size:12px}
.idsa-help .crumbs a{color:var(--muted)}
.idsa-help .crumbs a:hover{color:var(--text)}

.idsa-help .card{
  margin-top:14px;
  padding:14px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(17,26,46,.85);
}
.idsa-help .card h2{margin:0 0 10px;font-size:16px;font-weight:900}
.idsa-help .card h3{margin:14px 0 8px;font-size:14px;font-weight:900}
.idsa-help .muted{color:var(--muted)}

.idsa-help .grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:860px){
  .idsa-help .grid{grid-template-columns:1.2fr .8fr}
}

.idsa-help .btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.idsa-help .btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 11px;border-radius:12px;
  border:1px solid rgba(96,165,250,.25);
  background:rgba(96,165,250,.10);
  color:var(--text);
  font-weight:800;
}
.idsa-help .btn:hover{background:rgba(96,165,250,.16);text-decoration:none}
.idsa-help .btn.ghost{border-color:var(--line);background:rgba(2,6,23,.30);color:var(--text)}
.idsa-help .btn.ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}
.idsa-help .btn.warn{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.10)}
.idsa-help .btn.err{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.10)}

.idsa-help .list{margin:0;padding-left:18px}
.idsa-help .list li{margin:6px 0}

.idsa-help .note{
  padding:10px 12px;border-radius:12px;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(2,6,23,.35);
  color:var(--text);
}
.idsa-help .note.ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.10)}
.idsa-help .note.warn{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}
.idsa-help .note.err{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08)}

.idsa-help .quick a.btn{white-space:nowrap}

.idsa-help .footer{
  margin-top:16px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}

.idsa-help code{
  padding:1px 6px;
  border-radius:8px;
  background:rgba(2,6,23,.45);
  border:1px solid rgba(148,163,184,.16);
}