#docs-guide-toast-v8 {
  position: fixed;
  right: 24px;
  bottom: 88px;
  z-index: 120;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 28px;
  gap: 12px;
  align-items: start;
  width: min(390px, calc(100vw - 32px));
  padding: 14px;
  color: #eef5f8;
  background: linear-gradient(145deg, rgba(20,27,34,.98), rgba(12,17,23,.98));
  border: 1px solid rgba(57,212,197,.26);
  border-radius: 16px;
  box-shadow: 0 22px 65px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
  opacity: 0;
  transform: translate3d(0, 18px, 0) scale(.985);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
#docs-guide-toast-v8.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  pointer-events: auto;
}
.docs-guide-toast-v8-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: #07120f;
  background: linear-gradient(135deg, #45e0cf, #79a1ff);
  border-radius: 12px;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(57,212,197,.18);
}
.docs-guide-toast-v8-copy { min-width: 0; }
.docs-guide-toast-v8-copy strong {
  display: block;
  margin: 1px 0 5px;
  color: #f7fafc;
  font-size: 13px;
  line-height: 1.35;
}
.docs-guide-toast-v8-copy p {
  margin: 0;
  color: #9da9b7;
  font-size: 11px;
  line-height: 1.55;
}
.docs-guide-toast-v8-close {
  width: 28px;
  height: 28px;
  padding: 0;
  color: #8996a5;
  background: transparent;
  border: 0;
  border-radius: 9px;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}
.docs-guide-toast-v8-close:hover,
.docs-guide-toast-v8-close:focus-visible {
  color: #ffffff;
  background: rgba(255,255,255,.07);
  outline: none;
}

.docs-field-hint-v7 { display:block; margin:4px 0 8px; color:#8d98a8; font-size:11px; line-height:1.45; }

#docs-profile-summary-v7 {
  position:fixed;
  top:88px;
  right:24px;
  width:318px;
  max-height:calc(100dvh - 112px);
  overflow:auto;
  z-index:35;
  padding:20px;
  color:#eef3f8;
  background:linear-gradient(160deg, rgba(24,29,36,.98), rgba(13,17,23,.98));
  border:1px solid rgba(148,163,184,.17);
  border-radius:18px;
  box-shadow:0 22px 65px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035);
}
.docs-profile-v7-topline { display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.07); }
.docs-profile-v7-topline img { width:38px; height:38px; filter:drop-shadow(0 0 15px rgba(57,212,197,.25)); }
.docs-profile-v7-topline > div { min-width:0; }
.docs-profile-v7-topline p { margin:4px 0 0; color:#8693a3; font-size:11px; }
.docs-profile-v7-badge { display:inline-flex; align-items:center; gap:7px; color:#8debe1; font-size:10px; font-weight:800; letter-spacing:.1em; }
.docs-profile-v7-badge i { width:7px; height:7px; border-radius:999px; background:#4de0b6; box-shadow:0 0 10px rgba(77,224,182,.72); }
.docs-profile-v7-identity { display:flex; align-items:center; gap:14px; padding:18px 0; }
.docs-profile-v7-avatar { display:grid; place-items:center; flex:0 0 auto; width:58px; height:58px; overflow:hidden; border:1px solid rgba(57,212,197,.32); border-radius:16px; background:linear-gradient(135deg,#3ddcca,#7398ff); box-shadow:0 10px 28px rgba(45,212,191,.12); }
.docs-profile-v7-avatar img { width:100%; height:100%; object-fit:cover; }
.docs-profile-initial-v7 { display:grid; place-items:center; width:100%; height:100%; color:#07120f; font-size:22px; font-weight:900; }
#docs-profile-summary-v7 h2 { margin:0; font-size:20px; line-height:1.2; }
.docs-profile-v7-role { margin:5px 0 0; color:#9ca7b5; font-size:12px; line-height:1.45; }
#docs-profile-summary-v7 dl { margin:0; }
#docs-profile-summary-v7 dl div { display:grid; grid-template-columns:82px 1fr; gap:10px; padding:10px 0; border-top:1px solid rgba(255,255,255,.06); }
#docs-profile-summary-v7 dt { color:#748192; font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
#docs-profile-summary-v7 dd { margin:0; overflow-wrap:anywhere; color:#e8edf3; font-size:11px; line-height:1.45; }
.docs-profile-v7-note { margin:16px 0 0; color:#9da8b5; font-size:11px; line-height:1.55; }
.docs-profile-v7-view { display:flex; align-items:center; justify-content:space-between; margin-top:16px; padding:11px 13px; color:#dffcf8; text-decoration:none; background:rgba(57,212,197,.08); border:1px solid rgba(57,212,197,.18); border-radius:11px; font-size:11px; font-weight:750; transition:transform .18s ease, background .18s ease, border-color .18s ease; }
.docs-profile-v7-view:hover { transform:translateY(-1px); background:rgba(57,212,197,.13); border-color:rgba(57,212,197,.34); }

.docs-brand-row-v7 { position:relative; }
.docs-brand-mark-v7 { display:grid !important; place-items:center !important; width:34px !important; height:34px !important; min-width:34px !important; padding:0 !important; border:0 !important; border-radius:11px !important; background:transparent !important; overflow:visible !important; box-shadow:none !important; }
.docs-brand-mark-v7 img { width:34px; height:34px; display:block; filter:drop-shadow(0 0 13px rgba(55,224,207,.25)); transition:transform .28s ease, filter .28s ease; }
.docs-brand-row-v7:hover .docs-brand-mark-v7 img { transform:translateY(-1px) rotate(-2deg) scale(1.06); filter:drop-shadow(0 0 18px rgba(78,224,210,.42)); }
.docs-brand-word-v7 { letter-spacing:.16em !important; }

@media (min-width: 1360px) {
  body.docs-profile-singleton-v7 main { padding-right:368px !important; }
}
@media (max-width: 1359px) {
  #docs-profile-summary-v7 { position:relative; top:auto; right:auto; width:auto; max-height:none; margin:0 24px 24px 280px; }
}
@media (max-width: 900px) {
  #docs-profile-summary-v7 { margin:0 16px 20px; }
}
@media (max-width: 640px) {
}

@media (max-width: 640px) {
  #docs-guide-toast-v8 {
    right: 12px;
    bottom: 76px;
    width: calc(100vw - 24px);
    grid-template-columns: 36px minmax(0, 1fr) 26px;
    gap: 10px;
    padding: 12px;
    border-radius: 14px;
  }
  .docs-guide-toast-v8-icon { width: 36px; height: 36px; border-radius: 11px; }
  .docs-guide-toast-v8-copy strong { font-size: 12px; }
  .docs-guide-toast-v8-copy p { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  #docs-guide-toast-v8 { transition: none; }
}


/* Docs Hub V10: stable profile card and clear generated initial */
#docs-profile-summary-v7 {
  contain: layout paint;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}
#docs-profile-summary-v7 *,
#docs-profile-summary-v7 *::before,
#docs-profile-summary-v7 *::after {
  animation: none !important;
  will-change: auto !important;
}
.docs-profile-v7-avatar {
  position: relative;
  isolation: isolate;
  transform: none !important;
  transition: none !important;
  background: linear-gradient(145deg, #42dfce 0%, #62b8f2 52%, #7d8bff 100%);
  box-shadow: 0 12px 30px rgba(46, 212, 191, .16), inset 0 1px 0 rgba(255,255,255,.28);
}
.docs-profile-v7-avatar img { display: none !important; }
.docs-profile-initial-v7 {
  color: #06131a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
  transform: none !important;
  transition: none !important;
}
.docs-profile-v7-view,
.docs-profile-v7-view:hover,
.docs-profile-v7-view:active,
.docs-profile-v7-view:focus-visible {
  transform: none !important;
}
.docs-profile-v7-view {
  min-height: 48px;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease !important;
}
.docs-profile-v7-view:hover,
.docs-profile-v7-view:focus-visible {
  background: rgba(57,212,197,.15);
  border-color: rgba(57,212,197,.42);
  outline: none;
}
#docs-profile-summary-v7 dd,
#docs-profile-summary-v7 .docs-profile-v7-note {
  text-rendering: geometricPrecision;
}
