.docs-user-panel{margin-bottom:1.75rem;padding:1.5rem;background:linear-gradient(135deg,rgba(102,126,234,0.12) 0%,rgba(118,75,162,0.12) 100%);border:1px solid rgba(139,92,246,0.35);border-radius:14px;color:#f8f8ff;box-shadow:0 12px 38px rgba(15,23,42,0.25)}
.docs-user-panel--notice{background:rgba(30,41,59,0.55);border:1px dashed rgba(148,163,184,0.6);color:#e2e8f0}
.docs-user-panel__header h2{margin:0 0 .35rem;font-size:1.45rem}
.docs-user-panel__header p{margin:0 0 1rem;opacity:.85}
.docs-user-token,.docs-user-state{display:flex;align-items:center;gap:.75rem;background:rgba(15,23,42,0.6);padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(59,130,246,0.35);margin-bottom:1rem;flex-wrap:wrap}
.docs-user-token__label{font-weight:600;color:#c3dafe}
.docs-user-token__value{font-family:var(--font-mono,monospace);font-size:.95rem;background:rgba(15,23,42,0.85);padding:.45rem .65rem;border-radius:8px}
.docs-user-state span{font-weight:600;opacity:.9}
.docs-user-state code{font-family:var(--font-mono,monospace);background:rgba(15,23,42,0.85);padding:.35rem .6rem;border-radius:6px}
.docs-user-section{margin-top:1.5rem}
.docs-user-section h3{margin:0 0 .8rem;font-size:1.15rem}
.docs-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.docs-card{background:rgba(15,23,42,0.65);border:1px solid rgba(148,163,184,0.25);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 30px rgba(15,23,42,0.35)}
.docs-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}
.docs-card__header h4{margin:0;font-size:1.05rem}
.docs-card__slug{display:block;font-size:.8rem;opacity:.7;margin-top:.25rem}
.docs-card__body{display:flex;flex-direction:column;gap:.6rem}
.docs-card__row{display:flex;flex-direction:column;gap:.35rem}
.docs-card__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.docs-card__actions code{font-family:var(--font-mono,monospace);background:rgba(15,23,42,0.9);padding:.35rem .55rem;border-radius:6px;font-size:.8rem}
.docs-card__commands{display:flex;flex-direction:column;gap:.45rem;margin-top:.25rem}
.docs-card__commands span{font-size:.85rem;opacity:.8}
.docs-card__buttons{display:flex;gap:.5rem;flex-wrap:wrap}
.docs-copy-btn,.docs-copy-pill,.docs-download-btn{background:rgba(139,92,246,0.18);color:#e9d5ff;border:1px solid rgba(139,92,246,0.45);border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease}
.docs-copy-btn:hover,.docs-copy-pill:hover,.docs-download-btn:hover{background:rgba(139,92,246,0.3);transform:translateY(-1px)}
.docs-copy-btn:disabled,.docs-copy-pill:disabled,.docs-download-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.docs-copy-btn{border-radius:8px}
.docs-copy-pill{font-size:.75rem;padding:.35rem .7rem}
.docs-download-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;text-decoration:none}
.docs-open-link{color:#93c5fd;font-size:.8rem;text-decoration:underline}
.docs-muted{color:#cbd5f5;opacity:.7;font-size:.85rem}
.docs-user-panel--notice a{color:#a5b4fc;text-decoration:underline}
.docs-copy-status{position:fixed;right:1.5rem;bottom:1.5rem;padding:.65rem 1.1rem;background:rgba(59,130,246,0.9);color:#fff;border-radius:999px;box-shadow:0 12px 24px rgba(30,64,175,0.35);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;z-index:80;font-size:.85rem}
.docs-copy-status.is-visible{opacity:1;transform:translateY(0)}
.docs-card__actions code{word-break:break-all;max-width:100%}
.doc-highlight{margin:2rem 0;padding:1.6rem;border-radius:14px;border:1px solid rgba(148,163,184,0.28);background:rgba(15,23,42,0.55);box-shadow:0 18px 34px rgba(15,23,42,0.28)}
.doc-highlight h2{margin:0 0 1rem}
.doc-highlight ol{margin:0 0 1rem 1.2rem;padding:0;display:flex;flex-direction:column;gap:.5rem}
.doc-small{font-size:.85rem;opacity:.75}
.doc-columns{display:grid;gap:1rem;margin:2rem 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.doc-columns article{background:rgba(15,23,42,0.5);border:1px solid rgba(148,163,184,0.22);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}
.doc-columns h3{margin:0;font-size:1.1rem}
.doc-support{margin:2.5rem 0;padding:1.5rem;border-radius:14px;border:1px dashed rgba(148,163,184,0.45);background:rgba(15,23,42,0.4)}
.doc-support h2{margin-top:0}
.doc-support ul{margin:0 0 1rem 1.2rem;padding:0;display:flex;flex-direction:column;gap:.55rem}
.doc-support a{text-decoration:underline;color:#a5b4fc}
.doc-faq{margin:1.5rem 0;display:grid;gap:.75rem}
.doc-faq dt{font-weight:600;color:#cbd5f5}
.doc-faq dd{margin:0;font-size:.9rem;opacity:.85}
@media (max-width:720px){.docs-user-panel{padding:1.1rem}.docs-card-grid{grid-template-columns:1fr}}