/* Extracted from ecosystem.css — Help / docs knowledge centre. */
/* Load after ecosystem_cabinet.css and before ecosystem_platform.css. */

 /* Help workspace : searchable knowledge centre across Pro, collapsed Pro and Lite. */
 #docs-bar {
        width:min(1600px,calc(100% - 20px));
        max-width:none; margin:10px auto 28px;
        box-sizing:border-box;
    }
    .docs-shell { display:flex; flex-direction:column; gap:10px; min-width:0; }
    .docs-hero {
        display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px;
        border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 19%,transparent);
        border-radius:20px; background:
            linear-gradient(135deg,color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 10%,var(--tg-theme-bg-color,#fff)),
            var(--tg-theme-bg-color,#fff) 58%);
        box-shadow:0 12px 36px rgba(18,31,53,.06);
    }
    .docs-eyebrow {
        display:block; color:var(--tg-theme-button-color,#267fd9); font-size:10px;
        font-weight:800; letter-spacing:.11em; text-transform:uppercase;
    }
    .docs-hero h1 { margin:2px 0 3px; font-size:25px; line-height:1.1; letter-spacing:-.35px; }
    .docs-hero p { margin:0; color:var(--tg-theme-hint-color,#68717d); line-height:1.42; }
    .docs-hero-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
    .docs-hero-actions .help-q { flex:0 0 44px; width:44px; height:44px; }
    .docs-download {
        display:flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:7px 14px;
        border:0; border-radius:13px; color:var(--tg-theme-button-text-color,#fff);
        background:var(--tg-theme-button-color,#3390ec); font:inherit; text-align:left; cursor:pointer;
        box-shadow:0 7px 18px color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 22%,transparent);
    }
    .docs-download > span:first-child { font-size:18px; }
    .docs-download > span:last-child { display:flex; flex-direction:column; gap:1px; }
    .docs-download b { font-size:12px; }
    .docs-download small { color:inherit; font-size:9.5px; opacity:.78; }
    .docs-download:disabled { cursor:wait; opacity:.72; }
    .docs-spinner {
        width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent;
        border-radius:50%; animation:docs-spin .75s linear infinite;
    }
    @keyframes docs-spin { to { transform:rotate(360deg); } }
    .docs-search-panel {
        display:flex; flex-direction:column; gap:7px; padding:10px;
        border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 17%,transparent);
        border-radius:16px; background:var(--tg-theme-bg-color,#fff);
        box-shadow:0 7px 26px rgba(18,31,53,.04);
    }
    .docs-search {
        display:grid; grid-template-columns:24px minmax(0,1fr) 32px; align-items:center; min-height:46px;
        padding:0 7px 0 11px; border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 25%,transparent);
        border-radius:13px; background:color-mix(in srgb,var(--tg-theme-secondary-bg-color,#f1f1f1) 55%,var(--tg-theme-bg-color,#fff));
    }
    .docs-search:focus-within {
        border-color:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 64%,transparent);
        box-shadow:0 0 0 3px color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 10%,transparent);
    }
    .docs-search > span { color:var(--tg-theme-hint-color,#68717d); font-size:20px; line-height:1; }
 #docs-q {
        width:100%; min-width:0; min-height:42px; padding:0 5px; border:0; outline:0;
        color:var(--tg-theme-text-color,#111); background:transparent; font:inherit; font-size:14px;
    }
 #docs-q::placeholder { color:var(--tg-theme-hint-color,#89909a); opacity:.9; }
 #docs-clear {
        display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%;
        color:var(--tg-theme-hint-color,#68717d); background:rgba(127,127,127,.10);
        font:inherit; font-size:19px; cursor:pointer;
    }
 #docs-clear[hidden] { display:none; }
    .docs-quick { display:flex; gap:5px; overflow-x:auto; padding:1px 0 2px; scrollbar-width:none; }
    .docs-quick::-webkit-scrollbar { display:none; }
    .docs-quick button {
        display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; min-height:34px; padding:5px 10px;
        border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 17%,transparent);
        border-radius:999px; color:var(--tg-theme-text-color,#111); background:transparent;
        font:inherit; font-size:10.5px; font-weight:650; cursor:pointer;
    }
    .docs-quick button:hover { border-color:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 42%,transparent); }
    .docs-workspace { display:grid; grid-template-columns:220px minmax(0,1fr); gap:10px; align-items:start; }
    .docs-nav {
        position:sticky; top:8px; display:flex; flex-direction:column; gap:3px; padding:7px;
        border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 18%,transparent);
        border-radius:16px; background:var(--tg-theme-bg-color,#fff);
        box-shadow:0 8px 28px rgba(18,31,53,.045);
    }
    .docs-nav-item {
        display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px;
        width:100%; min-height:43px; padding:7px 9px; border:0; border-radius:11px;
        color:var(--tg-theme-text-color,#111); background:transparent; font:inherit;
        font-size:12px; font-weight:650; text-align:left; cursor:pointer;
    }
    .docs-nav-item:hover { background:color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 8%,transparent); }
    .docs-nav-item.active {
        color:var(--tg-theme-button-color,#267fd9);
        background:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 12%,transparent);
    }
    .docs-nav-icon {
        display:grid; place-items:center; width:28px; height:28px; border-radius:9px;
        background:color-mix(in srgb,currentColor 9%,transparent); font-size:13px;
    }
    .docs-nav-item small {
        min-width:18px; padding:2px 5px; border-radius:999px; color:var(--tg-theme-hint-color,#68717d);
        background:rgba(127,127,127,.09); font-size:9px; text-align:center;
    }
    .docs-main { min-width:0; }
    .docs-toolbar {
        display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px;
        margin-bottom:7px; padding:0 3px;
    }
    .docs-toolbar > div:first-child { display:flex; align-items:baseline; gap:7px; min-width:0; }
 #docs-context {
        overflow:hidden; color:var(--tg-theme-text-color,#111); font-size:15px; font-weight:750;
        text-overflow:ellipsis; white-space:nowrap;
    }
 #docs-count { color:var(--tg-theme-hint-color,#68717d); font-size:10px; font-weight:500; white-space:nowrap; }
    .docs-toolbar-actions { display:flex; gap:4px; }
    .docs-toolbar-actions button, .docs-state button {
        min-height:34px; padding:5px 9px; border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 18%,transparent);
        border-radius:9px; color:var(--tg-theme-text-color,#111); background:var(--tg-theme-bg-color,#fff);
        font:inherit; font-size:10px; font-weight:650; cursor:pointer;
    }
    .docs-list { display:flex; flex-direction:column; gap:6px; }
    .docs-list .doc-sec {
        margin:0; border:1px solid color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 18%,transparent);
        border-radius:14px; background:var(--tg-theme-bg-color,#fff);
        box-shadow:0 5px 20px rgba(18,31,53,.035);
    }
    .docs-list .doc-sec.is-open {
        border-color:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 28%,transparent);
        box-shadow:0 7px 24px rgba(18,31,53,.055);
    }
    .docs-list .doc-h {
        display:grid; grid-template-columns:30px minmax(0,1fr) 24px; align-items:center; gap:9px;
        min-height:63px; padding:9px 12px; background:transparent;
    }
    .docs-list .doc-h:focus-visible, .docs-nav-item:focus-visible, .docs-quick button:focus-visible,
    .docs-toolbar button:focus-visible {
        outline:2px solid var(--tg-theme-button-color,#3390ec); outline-offset:-2px;
    }
    .doc-topic-icon {
        display:grid; place-items:center; width:30px; height:30px; border-radius:10px;
        background:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 8%,transparent); font-size:13px;
    }
    .doc-heading-copy { display:flex; flex-direction:column; gap:2px; min-width:0; }
    .doc-heading-copy b { font-size:13px; line-height:1.25; }
    .doc-heading-copy small {
        overflow:hidden; color:var(--tg-theme-hint-color,#68717d); font-size:10.5px;
        font-weight:400; line-height:1.35; text-overflow:ellipsis; white-space:nowrap;
    }
    .doc-caret {
        color:var(--tg-theme-hint-color,#68717d); font-size:17px; text-align:center;
        transition:transform .16s ease;
    }
    .doc-sec.is-open .doc-caret { transform:rotate(180deg); }
    .docs-list .doc-b {
        margin:0 12px 12px 51px; padding:10px 12px; border-radius:11px;
        color:var(--tg-theme-text-color,#111); background:color-mix(in srgb,var(--tg-theme-secondary-bg-color,#f1f1f1) 58%,transparent);
        font-size:12.5px; line-height:1.52;
    }
    .docs-list .doc-b[hidden] { display:none; }
    .docs-list .doc-b p { margin:0 0 8px; }
    .docs-list .doc-b p:last-child { margin-bottom:0; }
    .docs-list .doc-b h3 { margin:13px 0 5px; font-size:13px; }
    .docs-list .doc-b ul, .docs-list .doc-b ol { margin:6px 0 9px; padding-left:20px; }
    .docs-list .doc-b li { margin:3px 0; }
    .docs-list .doc-b blockquote {
        margin:7px 0; padding:7px 9px; border-left:3px solid color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 55%,transparent);
        border-radius:0 8px 8px 0; background:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 6%,transparent);
    }
    .docs-list .doc-b code {
        overflow-wrap:anywhere; color:var(--tg-theme-text-color,#111);
        background:color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 10%,transparent);
    }
    .docs-list .doc-more { margin-top:10px; }
    .docs-list .doc-more summary {
        cursor:pointer; font-weight:600; color:var(--tg-theme-link-color,#2481cc);
    }
    .docs-list .doc-more[open] summary { margin-bottom:8px; }
    .docs-state {
        display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:240px;
        padding:28px; border:1px dashed color-mix(in srgb,var(--tg-theme-hint-color,#89909a) 28%,transparent);
        border-radius:16px; text-align:center;
    }
    .docs-state.is-error { margin-top:6px; border-style:solid; border-color:color-mix(in srgb,var(--neg,#d11) 28%,transparent); }
    .docs-state-icon {
        display:grid; place-items:center; width:42px; height:42px; margin-bottom:9px; border-radius:14px;
        color:var(--tg-theme-button-color,#267fd9); background:color-mix(in srgb,var(--tg-theme-button-color,#3390ec) 9%,transparent);
        font-size:22px;
    }
    .docs-state h2 { margin:0 0 4px; font-size:17px; }
    .docs-state p { max-width:380px; margin:0 0 12px; color:var(--tg-theme-hint-color,#68717d); line-height:1.4; }
    .docs-state .btn-primary { color:var(--tg-theme-button-text-color,#fff); background:var(--tg-theme-button-color,#3390ec); }
    .docs-loading-hero, .docs-loading-grid > div {
        border-radius:18px; background:linear-gradient(90deg,#8881,#8882,#8881);
        background-size:200% 100%; animation:cab-shimmer 1.2s infinite;
    }
    .docs-loading-hero { height:92px; }
    .docs-loading-grid { display:grid; grid-template-columns:220px 1fr; gap:10px; }
    .docs-loading-grid > div:first-child { grid-row:span 3; height:330px; }
    .docs-loading-grid > div:not(:first-child) { height:88px; }
    html[data-theme="dark"] .docs-hero,
    html[data-theme="dark"] .docs-search-panel,
    html[data-theme="dark"] .docs-nav,
    html[data-theme="dark"] .docs-list .doc-sec {
        border-color:rgba(255,255,255,.10);
    }

    @media (max-width:920px) and (min-width:701px) {
        .docs-workspace { grid-template-columns:62px minmax(0,1fr); }
        .docs-nav-item { display:flex; justify-content:center; padding:7px; }
        .docs-nav-item > span:nth-child(2), .docs-nav-item small { display:none; }
    }
    @media (max-width:700px) {
 #docs-bar { width:auto; margin:6px 7px 18px; }
        .docs-hero { align-items:flex-start; padding:14px; border-radius:16px; }
        .docs-hero h1 { font-size:21px; }
        .docs-hero p { max-width:250px; font-size:11px; }
        .docs-download { width:46px; min-width:46px; padding:0; }
        .docs-download > span:last-child { display:none; }
        .docs-hero-actions .help-q { width:42px; height:42px; flex-basis:42px; }
        .docs-search-panel { padding:8px; border-radius:14px; }
        .docs-search { min-height:48px; }
 #docs-q { font-size:16px; }
        .docs-quick button { min-height:44px; }
        .docs-workspace { display:block; }
        .docs-nav {
            position:sticky; top:2px; z-index:6; flex-direction:row; margin-bottom:7px; overflow-x:auto;
            padding:5px; border-radius:13px; scrollbar-width:none; backdrop-filter:blur(14px);
            background:color-mix(in srgb,var(--tg-theme-bg-color,#fff) 94%,transparent);
        }
        .docs-nav::-webkit-scrollbar { display:none; }
        .docs-nav-item {
            display:inline-flex; grid-template-columns:none; flex:0 0 auto; width:auto; min-height:44px; padding:6px 10px;
        }
        .docs-nav-icon { width:25px; height:25px; }
        .docs-toolbar { min-height:38px; }
        .docs-toolbar-actions button { min-height:44px; }
        .docs-toolbar-actions button:first-child { display:none; }
        .docs-list .doc-h { min-height:68px; padding:10px; }
        .doc-heading-copy small { white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
        .docs-list .doc-b { margin:0 8px 8px; padding:10px; font-size:13px; }
        .docs-state { min-height:210px; padding:22px 14px; }
        .docs-loading-grid { grid-template-columns:1fr; }
        .docs-loading-grid > div:first-child { grid-row:auto; height:55px; }
    }
    @media (max-width:390px) {
        .docs-hero { gap:9px; }
        .docs-hero p { max-width:190px; }
        .docs-hero-actions { gap:4px; }
        .docs-hero-actions .help-q, .docs-download { width:44px; min-width:44px; height:44px; min-height:44px; flex-basis:44px; }
        .docs-toolbar-actions button { padding:5px 7px; }
 #docs-context { font-size:14px; }
    }