/* Copyright © 2026 MELDIX. TrioSoft. All rights reserved. */
.help-main{padding-bottom:72px!important}
.help-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:stretch;gap:28px;max-width:none!important;min-height:0;padding:30px 32px!important;margin-bottom:22px!important;border-radius:28px!important}
.help-hero::after{width:330px;height:330px;right:-150px;top:-205px}
.help-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:2px 0}
.help-hero h1{max-width:none;margin:9px 0 9px;font-size:clamp(38px,4.2vw,58px);line-height:1;letter-spacing:-.052em}
.help-hero p{max-width:690px;font-size:14px;line-height:1.55}
.help-search-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:min(650px,100%);margin-top:20px;padding:0 14px;min-height:48px;border:1px solid var(--edge);border-radius:15px;background:color-mix(in srgb,var(--fill) 74%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.help-search-wrap:focus-within{border-color:color-mix(in srgb,var(--tint) 48%,var(--edge));box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.04);background:color-mix(in srgb,var(--fill-2) 76%,transparent)}
.help-search-wrap .ui-icon{width:18px;height:18px;color:var(--tint)}
.help-search-wrap input,#helpSearch,#helpSearch:focus,#helpSearch:focus-visible{width:100%;height:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;outline:0!important;font:inherit!important;font-size:14px!important;font-weight:650!important}
.help-search-wrap input::placeholder{color:var(--ink-3)}
.help-search-wrap kbd{padding:5px 7px;border:1px solid var(--edge);border-radius:7px;background:var(--solid);color:var(--ink-3);font:700 9px var(--sf-mono,monospace);white-space:nowrap}
.help-hero-panel{display:grid;align-content:space-between;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--edge) 88%,transparent);border-radius:21px;background:linear-gradient(155deg,color-mix(in srgb,var(--fill) 78%,transparent),color-mix(in srgb,var(--solid) 82%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.help-live-row{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--edge)}
.help-live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 11%,transparent),0 0 16px color-mix(in srgb,var(--green) 36%,transparent)}
.help-live-row div{display:grid;gap:2px}.help-live-row strong{font-size:12px}.help-live-row small{color:var(--ink-3);font-size:10px}.help-live-row.is-syncing .help-live-dot{animation:help-pulse .8s ease infinite alternate}
@keyframes help-pulse{to{transform:scale(1.25);box-shadow:0 0 0 7px color-mix(in srgb,var(--green) 8%,transparent),0 0 22px color-mix(in srgb,var(--green) 48%,transparent)}}
.help-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.help-stat-grid article{display:grid;gap:3px;padding:11px 9px;border:1px solid var(--edge);border-radius:13px;background:color-mix(in srgb,var(--fill) 58%,transparent)}.help-stat-grid strong{font-size:19px;letter-spacing:-.04em}.help-stat-grid span{color:var(--ink-3);font-size:9.5px}
.help-support-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid color-mix(in srgb,var(--tint) 22%,var(--edge));border-radius:14px;background:var(--tint-soft);color:var(--ink);transition:transform .22s ease,border-color .22s ease}.help-support-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tint) 42%,var(--edge))}.help-support-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--tint) 15%,transparent);color:var(--tint)}.help-support-icon .ui-icon{width:18px;height:18px}.help-support-link>span:nth-child(2){display:grid;gap:2px}.help-support-link strong{font-size:11px}.help-support-link small{color:var(--ink-3);font-size:9.5px}.help-support-arrow{width:16px;height:16px;color:var(--tint)}
.help-content-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:0 2px}.help-content-head h2{margin:6px 0 0;font-size:clamp(22px,2.4vw,30px)}.help-auto-sync{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--edge);border-radius:999px;background:var(--fill);color:var(--ink-3);font-size:10px;font-weight:700}.help-auto-sync span{width:7px;height:7px;border-radius:50%;background:var(--green)}
.help-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:18px;margin-top:0!important}.help-sidebar{position:sticky;top:92px;align-self:start;display:grid;gap:12px}.help-sidebar-card{padding:13px;border:1px solid var(--edge);border-radius:18px;background:color-mix(in srgb,var(--fill) 62%,transparent);box-shadow:var(--sh-1),inset 0 1px 0 rgba(255,255,255,.025)}.help-sidebar-title{margin:0 0 9px;padding:0 4px;color:var(--ink-3);font-size:9.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.help-categories{display:grid;gap:4px}.help-category{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:5px 8px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink-2);text-align:left;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.help-category:hover,.help-category.active{border-color:var(--edge);background:var(--fill);color:var(--ink)}.help-category.active{border-color:color-mix(in srgb,var(--tint) 25%,var(--edge));background:var(--tint-soft)}.help-category-main{display:flex;align-items:center;gap:8px;min-width:0}.help-category-main i{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:8px;background:var(--fill-2);color:var(--tint);font-style:normal;font-size:10px;font-weight:850}.help-category-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-category>span:last-child{color:var(--ink-3);font-size:9.5px}
.help-contact-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:14px;border:1px solid var(--edge);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--fill) 76%,transparent),color-mix(in srgb,var(--solid) 90%,transparent))}.help-contact-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--tint-soft);color:var(--tint)}.help-contact-icon .ui-icon{width:18px;height:18px}.help-contact-card div{display:grid;gap:4px}.help-contact-card strong{font-size:11px}.help-contact-card p{margin:0;color:var(--ink-3);font-size:10px;line-height:1.45}.help-contact-card .button{grid-column:1/-1;width:100%;margin-top:2px}
.help-results{min-width:0}.help-results-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;margin-bottom:10px;padding:0 2px}.help-results-bar>div{display:flex;align-items:baseline;gap:10px;min-width:0}.help-results-bar strong{font-size:14px}.help-results-bar span{color:var(--ink-3);font-size:10px}.help-clear{padding:7px 9px;border:1px solid var(--edge);border-radius:10px;background:var(--fill);color:var(--ink-2);font:700 10px var(--sf);cursor:pointer}.help-clear.hidden{display:none}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card{display:flex;flex-direction:column;min-height:156px;padding:15px;border:1px solid var(--edge);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--fill) 76%,transparent),color-mix(in srgb,var(--solid) 94%,transparent));box-shadow:var(--sh-1),inset 0 1px 0 rgba(255,255,255,.03);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.help-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tint) 28%,var(--edge));box-shadow:var(--sh-2),inset 0 1px 0 rgba(255,255,255,.04)}.help-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-card-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid var(--edge);border-radius:11px;background:var(--fill);color:var(--tint);overflow:hidden}.help-card-icon img{width:100%;height:100%;object-fit:cover}.help-card-icon .ui-icon{width:17px;height:17px}.help-card-top{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.help-card-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--tint-soft);color:var(--tint);font-size:9px;font-weight:800}.help-card-app{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-3);font-size:9px}.help-card h3{margin:12px 0 6px;font-size:15px;letter-spacing:-.025em}.help-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:var(--ink-3);font-size:10.5px;line-height:1.55}.help-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;color:var(--tint);font-size:10px;font-weight:800}.help-card-footer .ui-icon{width:15px;height:15px}.help-empty{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:38px 20px;text-align:center;border:1px dashed var(--edge);border-radius:18px;color:var(--ink-3);background:color-mix(in srgb,var(--fill) 36%,transparent)}.help-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--fill);color:var(--tint)}.help-empty-icon .ui-icon{width:20px;height:20px}.help-empty strong{color:var(--ink);font-size:13px}.help-empty p{margin:0 0 7px;font-size:10.5px}
.help-modal{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:20px}.help-modal.hidden{display:none}.help-modal-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.7);backdrop-filter:blur(12px)}.help-modal-card{position:relative;width:min(790px,100%);max-height:88vh;overflow:auto;padding:27px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(160deg,var(--solid),color-mix(in srgb,var(--fill) 90%,var(--solid)));box-shadow:0 30px 90px rgba(0,0,0,.48)}.help-modal-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--edge);border-radius:11px;background:var(--fill);color:var(--ink);cursor:pointer}.help-article-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.help-article-meta span{padding:5px 8px;border-radius:999px;background:var(--fill);color:var(--ink-3);font-size:9px}.help-article h2{margin:0 48px 10px 0;font-size:27px}.help-article-lead{margin:0;color:var(--ink-2);font-size:13px;line-height:1.6}.help-article-content{margin-top:22px;color:var(--ink-2);font-size:13px;line-height:1.75}.help-article-content h3,.help-article-content h4{color:var(--ink);margin:22px 0 9px}.help-article-content ul{padding-left:20px}.help-article-content code{padding:2px 5px;border-radius:6px;background:var(--fill);font-family:var(--sf-mono,monospace)}
@media(max-width:920px){.help-hero{grid-template-columns:1fr}.help-hero-panel{grid-template-columns:1fr auto;align-items:center}.help-live-row{padding:0 14px 0 0;border:0;border-right:1px solid var(--edge)}.help-support-link{grid-column:1/-1}.help-layout{grid-template-columns:1fr}.help-sidebar{position:static}.help-sidebar-card{padding:10px}.help-categories{display:flex;overflow:auto;padding-bottom:2px}.help-category{flex:0 0 auto;width:auto}.help-contact-card{display:none}}
@media(max-width:660px){.help-main{padding-top:94px!important}.help-hero{padding:22px!important;border-radius:22px!important}.help-hero h1{font-size:37px}.help-hero-panel{display:grid;grid-template-columns:1fr}.help-live-row{padding:0 0 12px;border:0;border-bottom:1px solid var(--edge)}.help-search-wrap kbd{display:none}.help-content-head{align-items:start;flex-direction:column}.help-auto-sync{display:none}.help-grid{grid-template-columns:1fr}.help-results-bar>div{display:grid;gap:2px}.help-modal-card{padding:21px}.help-article h2{font-size:22px}.help-stat-grid article{padding:9px 7px}.help-stat-grid strong{font-size:17px}}
