/* Help Center v3 */
#helpCenterHost{padding: 10px;background: var(--surface);border-radius: 20px;height: 91vh;}
.hc-wrap{display:flex;flex-direction:column;gap: 3px;height: -webkit-fill-available;}
.hc-hero{display:flex;align-items:center;justify-content:space-between;gap: 14px;padding: 10px 7px;border-radius: 16px;background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));box-shadow: var(--shadow);}
.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-topbar{display:flex;gap: 12px;align-items:center;padding: 5px 2px;border-radius: 16px;background: var(--surface);box-shadow: var(--shadow);}
.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; overflow: hidden; background: var(--muted); }
.hc-seg button{border: 0;background: transparent;color: var(--text);padding: 6px 12px;cursor:pointer;font-size: .9rem;}
.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;}
.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;}
.hc-card{border: var(--line);border-radius: 16px;background: var(--surface);box-shadow: var(--shadow);height: -webkit-fill-available;min-height: 0;}
.hc-card .hd{ padding: 14px 14px 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 14px 14px;}

.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;scrollbar-width: thin;scrollbar-color: var(--primary-faded) transparent;min-height: 0;height: -webkit-fill-available;/* height: 20vh; */flex-direction: column;}
.hc-result{ display:flex; align-items:center; justify-content:space-between; gap: 12px; padding: 10px 10px; border: var(--line); border-radius: 12px; background: rgba(255,255,255,.02); cursor: pointer; }
.hc-result:hover{ background: rgba(255,255,255,.05); }
.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-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;}
@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; border: var(--line); background: rgba(255,255,255,.02); 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: rgba(255,255,255,.02); }
.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); backdrop-filter: blur(3px); }
.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); backdrop-filter: blur(3px); }
.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; }