/* Help Center v3 */
#helpCenterHost{padding: 10px 4px 4px;border-radius: 20px;height: -webkit-fill-available;}
.hc-wrap{display: flex;flex-direction:column;gap: 10px;height: -webkit-fill-available;justify-content: flex-start;}
.hc-hero{display:flex;flex-direction:column;padding: 0px 7px 2px;border-radius: 16px;}
.hc-hero-left{display:grid; gap: 2px}
.hc-hero h2{ margin:0; font-size: 1.25rem; }
.hc-hero .muted{ color: var(--text-muted); }
.hc-hero-actions{ display:flex; gap: 8px; align-items:center; flex-wrap: wrap; }
.hc-top, .hc-bottom {display: flex; justify-content: space-between;}
.hc-topbar{display:flex;gap: 2px;align-items:center;}
.hc-topbar .hc-search{flex: 1;display:flex;gap: 8px;align-items:center;background: var(--muted);border: var(--line);border-radius: 999px;padding: 4px 10px;}
.hc-topbar .hc-search input{ width: 100%; background: transparent; border: 0; outline: none; color: var(--text); }
.hc-topbar .hc-search .bi{ opacity: .9; }

.hc-seg{display:flex;gap: 0;border: var(--line);border-radius: 999px;padding: 3px;overflow: hidden;background: var(--muted);}
.hc-seg button{border: 0;background: transparent;color: var(--text);padding: 2px 8px;cursor:pointer;border-radius: 15px;font-size: .8rem;}
.hc-seg button[aria-pressed="true"]{background: var(--bg);color: var(--primary);}

.hc-grid{display:grid;grid-template-columns: 1fr 320px;gap: 12px;min-height: 0;height: -webkit-fill-available;}
.hc-wrap.hc-support-view .hc-grid{ grid-template-columns: 1fr; }
.hc-wrap.hc-support-view .hc-sidebar{ display:none; }
.hc-wrap.hc-support-view .hc-main{ min-height: unset; }
@media (max-width: 980px){ .hc-grid{ grid-template-columns: 1fr; } }

.hc-main{min-height: 0;display: grid;grid-template-rows: auto 1fr;gap: 5px;}
.hc-card{display: grid;border-radius: 15px;height: -webkit-fill-available;min-height: 0;overflow: auto;align-content: start;margin: 0 !important;}
.hc-card .hd{padding: 12px 8px 0;display:flex;align-items:center;justify-content:space-between;gap: 10px;}
.hc-card .hd h3{ margin:0; font-size: 1.02rem; }
.hc-card .bd{padding: 12px 6px;min-height: 0;height: -webkit-fill-available;overflow: auto;}

.hc-home-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
@media (max-width: 980px){ .hc-home-grid{ grid-template-columns: 1fr; } }
.hc-quick{ padding: 14px; border-radius: 16px; background: linear-gradient(180deg, rgba(7,207,193,.10), rgba(7,207,193,.03)); }
.hc-quick h4{ margin:0 0 6px; }
.hc-quick p{ margin:0; color: var(--text-muted); }

.hc-results{display: grid;gap: 5px;overflow: auto;min-height: 0;height: -webkit-fill-available;padding-right: 4px;}
.hc-result{display:flex;align-items:center;justify-content:space-between;gap: 12px;padding: 10px 10px;border: var(--line);border-radius: 12px;background: var(--bg);cursor: pointer;}
.hc-result:hover{background: var(--strans);}
.hc-result .t{ font-weight: 600; }
.hc-result .m{ color: var(--text-muted); font-size: .9rem; margin-top: 2px; }
.hc-badge{ font-size: 12px; padding: 4px 8px; border-radius: 999px; border: var(--line); background: var(--muted); color: var(--text-muted); white-space:nowrap; }
.hc-bottom .hc-badge{padding: 0 4px;background: none;border: 0;}
.hc-view{ padding: 14px; }
.hc-view .hc-doc-title{ margin: 0 0 10px; font-size: 1.15rem; }
.hc-view .hc-doc-meta{ display:flex; gap: 10px; align-items:center; flex-wrap: wrap; color: var(--text-muted); font-size: .9rem; margin-bottom: 12px; }
.hc-view .hc-doc-body{ line-height: 1.6; }
.hc-view pre{ background: #0f1116; border: var(--line); padding: 10px; border-radius: 12px; overflow:auto; }
.hc-view img{ max-width: 100%; border-radius: 14px; border: var(--line); }
.hc-view video{ max-width: 100%; border-radius: 14px; border: var(--line); }
.hc-view iframe{ width: 100%; height: 70vh; border: 0; border-radius: 14px; border: var(--line); background: #0f1116; }
.hc-view a{ color: var(--primary); }

.hc-sidebar{align-self: start;display:flex;flex-direction:column;gap: 12px;height: -webkit-fill-available;overflow: auto;}
@media (max-width: 980px){ .hc-sidebar{ position: static; } }

.hc-tut-search{ display:flex; gap: 8px; align-items:center; }
.hc-tut-search input{ width: 100%; padding: 9px 10px; border-radius: 12px; border: var(--line); background: var(--muted); color: var(--text); outline: none; }
.hc-mini{ font-size: 12px; color: var(--text-muted); }
.hc-chiprow{ display:flex; flex-wrap:wrap; gap: 8px; }
.hc-chip{display:inline-flex;gap: 6px;align-items:center;padding: 8px 10px;border-radius: 999px;background: var(--bg);cursor:pointer;}
.hc-chip:hover{ background: rgba(255,255,255,.05); }

.hc-topics{ display:flex; flex-direction:column; gap: 10px; }
.hc-topics input{ width: 100%; padding: 9px 10px; border-radius: 12px; border: var(--line); background: var(--muted); color: var(--text); outline: none; }
.hc-tree{ font-size: .95rem; }
.hc-tree details{border: var(--line);border-radius: 12px;padding: 8px 10px;background: var(--bg);}
.hc-tree details + details{ margin-top: 8px; }
.hc-tree summary{ cursor:pointer; list-style:none; display:flex; align-items:center; gap: 8px; }
.hc-tree summary::-webkit-details-marker{ display:none; }
.hc-tree .hc-file{ display:flex; justify-content:space-between; align-items:center; gap: 10px; padding: 8px 10px; border-radius: 10px; cursor:pointer; margin-top: 6px; }
.hc-tree .hc-file:hover{ background: rgba(255,255,255,.05); }
.hc-tree .hc-file .n{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Donna */
.hc-fab{ position: fixed; right: 18px; bottom: 18px; z-index: 60; display:flex; flex-direction:column; gap: 8px; }
.hc-fab button{ border: none; background: var(--primary); color: #001; font-weight: 700; border-radius: 999px; padding: 12px 14px; box-shadow: var(--shadow); cursor:pointer; display:inline-flex; align-items:center; gap: 10px; }
.hc-fab button:hover{ filter: brightness(1.05); }
.hc-fab .hc-fab-sub{ background: var(--surface); color: var(--text); border: var(--line); font-weight: 600; }

dialog.hc-donna{ width: min(460px, 94vw); }
dialog.hc-donna::backdrop{ background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);  isolation: isolate;}
.hc-donna .modal{ width: 100%; }
.hc-donna header{ display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 12px 14px; border-bottom: var(--line); }
.hc-donna header .left{ display:flex; align-items:center; gap: 10px; }
.hc-dot{ width: 10px; height: 10px; border-radius: 999px; background: #23c55e; box-shadow: 0 0 0 3px rgba(35,197,94,.15); }
.hc-donna header h3{ margin:0; font-size: 1.02rem; }
.hc-donna .body{ padding: 12px; max-height: 60vh; overflow:auto; display:flex; flex-direction:column; gap: 10px; }
.hc-msg{ max-width: 92%; padding: 10px 12px; border-radius: 14px; border: var(--line); background: rgba(255,255,255,.03); }
.hc-msg.you{ margin-left:auto; background: rgba(7,207,193,.10); }
.hc-msg .t{ white-space: pre-wrap; }
.hc-msg .actions{ margin-top: 10px; display:flex; flex-wrap:wrap; gap: 8px; }
.hc-msg .blob{ display:inline-flex; align-items:center; gap: 8px; padding: 8px 10px; border-radius: 999px; border: var(--line); background: rgba(255,255,255,.04); cursor:pointer; font-weight: 600; }
.hc-msg .blob:hover{ background: rgba(255,255,255,.08); }
.hc-donna footer{ display:flex; gap: 8px; padding: 12px; border-top: var(--line); }
.hc-donna footer input{ flex: 1; padding: 10px 12px; border-radius: 999px; border: var(--line); background: var(--muted); color: var(--text); outline: none; }
.hc-donna footer button{ border: 0; border-radius: 999px; padding: 10px 12px; background: var(--primary); color: #001; font-weight: 700; cursor:pointer; }

/* Support hub */
.hc-support-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
@media (max-width: 980px){ .hc-support-grid{ grid-template-columns: 1fr; } }
.hc-support-tile{ padding: 14px; border-radius: 16px; border: var(--line); background: rgba(255,255,255,.02); cursor:pointer; }
.hc-support-tile:hover{ background: rgba(255,255,255,.05); }
.hc-support-tile .k{ font-weight: 800; font-size: 1.05rem; }
.hc-support-tile .s{ margin-top: 4px; color: var(--text-muted); }
.hc-support-tile .eta{ margin-top: 10px; display:inline-flex; padding: 4px 8px; border-radius: 999px; border: var(--line); background: var(--muted); color: var(--text-muted); font-size: 12px; }

/* Support modals */
dialog.hc-modal{ width: min(760px, 94vw); }
dialog.hc-modal.hc-tutorial{ width: min(560px, 94vw); }
dialog.hc-modal::backdrop{ background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);  isolation: isolate;}
.hc-modal .modal{ width: 100%; }
.hc-modal header{ display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 12px 14px; border-bottom: var(--line); }
.hc-modal header h3{ margin:0; }
.hc-modal .body{ padding: 14px; }
.hc-form{ display:grid; gap: 10px; }
.hc-form .row2{ display:grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 720px){ .hc-form .row2{ grid-template-columns: 1fr; } }
.hc-form label{ display:grid; gap: 6px; font-size: .92rem; }
.hc-form input, .hc-form select, .hc-form textarea{ width: 100%; padding: 10px 10px; border-radius: 12px; border: var(--line); background: var(--muted); color: var(--text); outline: none; }
.hc-form textarea{ resize: vertical; min-height: 120px; }
.hc-attach{ display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 10px; border-radius: 12px; border: var(--line); background: rgba(255,255,255,.02); }
.hc-pillrow{ display:flex; flex-wrap:wrap; gap: 8px; }
.hc-pill{ display:inline-flex; gap: 8px; align-items:center; padding: 6px 10px; border-radius: 999px; border: var(--line); background: rgba(255,255,255,.04); }
.hc-pill button{ border: 0; background: transparent; color: var(--text-muted); cursor:pointer; }
.hc-modal footer{ display:flex; align-items:center; justify-content:flex-end; gap: 8px; padding: 12px 14px; border-top: var(--line); }
.hc-modal footer .btn{ border-radius: 12px; }
.hc-modal footer .btn.ghost{ background: transparent; border: var(--line); color: var(--text); }
.hc-modal footer .btn.primary{ background: var(--primary); color: #001; border: 0; font-weight: 800; }

/* Help Center optimistic skeletons */
.hc-skel {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}

.hc-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  animation: hc-shimmer 1.5s infinite;
}

@keyframes hc-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.hc-skel-text {
  height: 12px;
  margin-bottom: 8px;
  width: 100%;
}

.hc-skel-title {
  height: 20px;
  margin-bottom: 12px;
  width: 40%;
}

.hc-skel-sidebar-item {
  height: 24px;
  margin-bottom: 10px;
  width: 100%;
}