@import '_content/BimFlow.UI/BimFlow.UI.agalgniv3o.bundle.scp.css';

/* /Components/Shell/AppRail.razor.rz.scp.css */
/* ══ Rail container ══ */
.app-rail[b-3d5g4e7gql] {
    width: 72px; min-width: 72px; height: 100%;
    display: flex; flex-direction: column; align-items: center;
    padding: 12px 0; gap: 6px; background: #1e1f22;
    flex-shrink: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: none;
}
.app-rail[b-3d5g4e7gql]::-webkit-scrollbar { display: none; }

/* ══ Icons ══ */
.app-rail-icon[b-3d5g4e7gql] {
    width: 48px; height: 48px; border-radius: 50%; background: #36393f; border: none;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    color: #96989d; font-size: 15px; font-weight: 700;
    transition: border-radius .15s, background .15s, color .15s;
    flex-shrink: 0; overflow: hidden; position: relative;
}
.app-rail-icon:hover[b-3d5g4e7gql],
.app-rail-icon--active[b-3d5g4e7gql] {
    border-radius: 16px; background: #5865f2; color: #fff;
}
.app-rail-img[b-3d5g4e7gql] { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

.app-rail-add[b-3d5g4e7gql] { background: #313338; color: #3ba55d; }
.app-rail-add:hover[b-3d5g4e7gql] { background: #3ba55d; color: #fff; border-radius: 16px; }

.app-rail-divider[b-3d5g4e7gql] {
    width: 32px; height: 2px; background: #3f4147;
    border-radius: 1px; flex-shrink: 0; margin: 2px 0;
}
.app-rail-spacer[b-3d5g4e7gql] { flex: 1; min-height: 8px; }

.app-rail-profile-wrap[b-3d5g4e7gql] { }
.app-rail-profile-btn[b-3d5g4e7gql] {
    width: 40px; height: 40px; border-radius: 50%; background: #5865f2; border: none;
    cursor: pointer; color: #fff; font-size: 13px; font-weight: 700;
    transition: border-radius .15s, background .15s; overflow: hidden;
    display: flex; align-items: center; justify-content: center; padding: 0;
}
.app-rail-profile-btn:hover[b-3d5g4e7gql] { border-radius: 16px; background: #4752c4; }
.app-rail-profile-img[b-3d5g4e7gql] { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }

/* Profile modal */
.app-profile-modal[b-3d5g4e7gql] {
    background: #2b2d31; border-radius: 12px; padding: 24px; width: 380px; max-width: 95vw;
    box-shadow: 0 16px 48px rgba(0,0,0,.6); display: flex; flex-direction: column; gap: 0;
}
.app-profile-modal-title[b-3d5g4e7gql] {
    color: #f2f3f5; font-size: 18px; font-weight: 700; margin-bottom: 20px; text-align: center;
}
.app-profile-avatar-wrap[b-3d5g4e7gql] {
    width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 20px; cursor: pointer;
    position: relative; overflow: hidden; background: #5865f2;
    display: flex; align-items: center; justify-content: center;
}
.app-profile-avatar-img[b-3d5g4e7gql] { width: 100%; height: 100%; object-fit: cover; }
.app-profile-avatar-initials[b-3d5g4e7gql] { color: #fff; font-size: 26px; font-weight: 700; }
.app-profile-avatar-overlay[b-3d5g4e7gql] {
    position: absolute; inset: 0; background: rgba(0,0,0,.6);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: #fff; font-size: 11px; font-weight: 600; gap: 4px;
    opacity: 0; transition: opacity .15s;
}
.app-profile-avatar-wrap:hover .app-profile-avatar-overlay[b-3d5g4e7gql] { opacity: 1; }
.app-profile-readonly[b-3d5g4e7gql] {
    background: #1e1f22; border: 1px solid #3f4147; border-radius: 6px;
    color: #72767d; padding: 10px 14px; font-size: 14px;
}
.app-profile-about[b-3d5g4e7gql] { resize: vertical; min-height: 72px; font-family: inherit; }
.app-profile-error[b-3d5g4e7gql] { color: #ed4245; font-size: 13px; margin-bottom: 8px; text-align: center; }
.app-modal-btn--danger[b-3d5g4e7gql] { background: none; color: #ed4245; }
.app-modal-btn--danger:hover[b-3d5g4e7gql] { background: rgba(237,66,69,.15); }

/* ══ Modals ══ */
.app-modal-backdrop[b-3d5g4e7gql] {
    position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 1000;
    display: flex; align-items: center; justify-content: center;
    padding: 12px; box-sizing: border-box;
}
.app-modal-box[b-3d5g4e7gql] {
    background: #313338; border-radius: 12px; padding: 28px;
    width: 100%; max-width: 440px; max-height: calc(100vh - 24px);
    overflow-y: auto; box-sizing: border-box; box-shadow: 0 16px 48px rgba(0,0,0,.5);
}
.app-modal-title[b-3d5g4e7gql] { color: #f2f3f5; font-size: 20px; font-weight: 700; margin-bottom: 8px; text-align: center; }
.app-modal-hint[b-3d5g4e7gql] { color: #949ba4; font-size: 13px; text-align: center; margin-bottom: 20px; }
.app-modal-field[b-3d5g4e7gql] { margin-bottom: 16px; }
.app-modal-label[b-3d5g4e7gql] {
    display: block; color: #b5bac1; font-size: 11px; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase; margin-bottom: 6px;
}
.app-modal-input[b-3d5g4e7gql] {
    width: 100%; padding: 10px 14px; background: #1e1f22; border: 1px solid #3f4147;
    border-radius: 6px; color: #f2f3f5; font-size: 14px; outline: none;
    box-sizing: border-box; transition: border-color .15s;
}
.app-modal-input:focus[b-3d5g4e7gql] { border-color: #5865f2; }
.app-modal-actions[b-3d5g4e7gql] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.app-modal-btn[b-3d5g4e7gql] {
    padding: 10px 20px; border-radius: 6px; border: none; cursor: pointer;
    font-size: 14px; font-weight: 500; background: #4e5058; color: #f2f3f5; transition: background .15s;
}
.app-modal-btn:hover[b-3d5g4e7gql] { background: #5d6269; }
.app-modal-btn--primary[b-3d5g4e7gql] { background: #5865f2; color: #fff; }
.app-modal-btn--primary:hover:not(:disabled)[b-3d5g4e7gql] { background: #4752c4; }
.app-modal-btn--admin[b-3d5g4e7gql] {
    width: 100%; display: flex; align-items: center; gap: 8px;
    background: rgba(240,71,71,.08); color: #f04747;
    border: 1px solid rgba(240,71,71,.2); border-radius: 6px;
    padding: 8px 14px; font-size: 13px; cursor: pointer; margin-bottom: 6px; transition: background .15s;
}
.app-modal-btn--admin:hover[b-3d5g4e7gql] { background: rgba(240,71,71,.16); }
.app-modal-btn--dashboard[b-3d5g4e7gql] {
    width: 100%; display: flex; align-items: center; gap: 8px;
    background: rgba(87,242,135,.08); color: #57f287;
    border: 1px solid rgba(87,242,135,.2); border-radius: 6px;
    padding: 8px 14px; font-size: 13px; cursor: pointer; margin-bottom: 8px; transition: background .15s;
}
.app-modal-btn--dashboard:hover[b-3d5g4e7gql] { background: rgba(87,242,135,.16); }
.app-modal-btn:disabled[b-3d5g4e7gql] { opacity: .5; cursor: default; }

/* Server choice buttons */
.app-server-choice-btns[b-3d5g4e7gql] { display: flex; gap: 14px; }
.app-server-choice-btn[b-3d5g4e7gql] {
    flex: 1; min-width: 0; padding: 20px 16px; border-radius: 10px;
    background: #2b2d31; border: 2px solid transparent; cursor: pointer;
    display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
    transition: border-color .15s, background .15s;
}
.app-server-choice-btn:hover[b-3d5g4e7gql] { border-color: #5865f2; background: #232428; }
.app-server-choice-label[b-3d5g4e7gql] { color: #f2f3f5; font-weight: 600; font-size: 14px; }
.app-server-choice-hint[b-3d5g4e7gql]  { color: #949ba4; font-size: 12px; }

/* Create server */
.app-create-srv-modal[b-3d5g4e7gql] {
    background: #313338; border-radius: 12px; padding: 28px;
    width: 100%; max-width: 480px; max-height: calc(100vh - 24px);
    overflow-y: auto; box-sizing: border-box; box-shadow: 0 16px 48px rgba(0,0,0,.5);
}
.app-template-grid[b-3d5g4e7gql] { display: flex; flex-direction: column; gap: 8px; }
.app-template-btn[b-3d5g4e7gql] {
    display: grid; grid-template-columns: 32px 1fr; grid-template-rows: auto auto;
    align-items: center; gap: 0 10px; background: rgba(255,255,255,.04);
    border: 1.5px solid rgba(255,255,255,.08); border-radius: 10px;
    padding: 10px 14px; cursor: pointer; text-align: left;
    transition: border-color .15s, background .15s; color: #e3e5e8;
}
.app-template-btn:hover[b-3d5g4e7gql] { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); }
.app-template-btn--active[b-3d5g4e7gql] { border-color: #5865f2; background: rgba(88,101,242,.12); }
.app-template-icon[b-3d5g4e7gql] { font-size: 20px; grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; }
.app-template-name[b-3d5g4e7gql] { font-size: 14px; font-weight: 600; }
.app-template-desc[b-3d5g4e7gql] { font-size: 12px; color: #72767d; }

/* ══ Mobile adaptation ══ */
@media (max-width: 480px) {
    .app-modal-backdrop[b-3d5g4e7gql] { padding: 8px; }
    .app-modal-box[b-3d5g4e7gql],
    .app-create-srv-modal[b-3d5g4e7gql] { padding: 18px 16px; border-radius: 10px; }
    .app-modal-title[b-3d5g4e7gql] { font-size: 17px; }
    .app-modal-hint[b-3d5g4e7gql] { font-size: 12px; margin-bottom: 14px; }
    .app-server-choice-btns[b-3d5g4e7gql] { flex-direction: column; gap: 10px; }
    .app-server-choice-btn[b-3d5g4e7gql] { padding: 14px 12px; gap: 6px; }
    .app-modal-actions[b-3d5g4e7gql] { flex-wrap: wrap; }
    .app-modal-btn[b-3d5g4e7gql] { flex: 1; min-width: 100px; padding: 10px 14px; }
}
.app-create-srv-img[b-3d5g4e7gql] {
    width: 80px; height: 80px; border-radius: 50%;
    border: 2px dashed #4e5058; background: #2b2d31;
    margin: 0 auto 20px; cursor: pointer;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    overflow: hidden; position: relative; transition: border-color .15s;
}
.app-create-srv-img:hover[b-3d5g4e7gql] { border-color: #5865f2; }
.app-create-srv-img-preview[b-3d5g4e7gql] { width: 100%; height: 100%; object-fit: cover; }
.app-create-srv-img-hover[b-3d5g4e7gql] {
    position: absolute; inset: 0; background: rgba(0,0,0,.6); color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 600; opacity: 0; transition: opacity .15s;
}
.app-create-srv-img:hover .app-create-srv-img-hover[b-3d5g4e7gql] { opacity: 1; }
/* /Components/Shell/PmContent.razor.rz.scp.css */
.pm-content-root[b-mwgqk4y5qa] {
    display: flex; flex: 1; height: 100%; overflow: hidden; background: #313338;
}

/* ── Quote block (in message) ── */
.pm-quote-block[b-mwgqk4y5qa] {
    display: flex; gap: 8px; background: rgba(0,0,0,.2); border-radius: 4px;
    padding: 6px 10px; margin-bottom: 4px; max-width: 480px;
}
.pm-quote-block-bar[b-mwgqk4y5qa] { width: 3px; border-radius: 2px; background: #5865f2; flex-shrink: 0; align-self: stretch; }
.pm-quote-block-body[b-mwgqk4y5qa] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pm-quote-block-author[b-mwgqk4y5qa] { font-size: 12px; font-weight: 600; color: #5865f2; }
.pm-quote-block-text[b-mwgqk4y5qa] {
    font-size: 13px; color: #b5bac1; white-space: pre-wrap; word-break: break-word;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* ── Quote preview (above input) ── */
.pm-quote-preview[b-mwgqk4y5qa] {
    display: flex; align-items: center; gap: 8px;
    background: #2b2d31; border-top: 1px solid #1e1f22; padding: 6px 12px;
}
.pm-quote-preview-bar[b-mwgqk4y5qa] { width: 3px; min-height: 28px; background: #5865f2; border-radius: 2px; flex-shrink: 0; }
.pm-quote-preview-body[b-mwgqk4y5qa] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.pm-quote-preview-author[b-mwgqk4y5qa] { font-size: 12px; font-weight: 600; color: #5865f2; }
.pm-quote-preview-text[b-mwgqk4y5qa] { font-size: 12px; color: #949ba4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-quote-preview-close[b-mwgqk4y5qa] {
    background: none; border: none; color: #949ba4; cursor: pointer;
    font-size: 14px; padding: 2px 6px; border-radius: 4px; flex-shrink: 0;
}
.pm-quote-preview-close:hover[b-mwgqk4y5qa] { color: #dbdee1; background: rgba(255,255,255,.08); }
/* /Components/Shell/ServerContent.razor.rz.scp.css */
.sv-content-root[b-1bolby1yn6] {
    display: flex; flex: 1; height: 100%; overflow: hidden;
    background: var(--rm-bg-chat, #313338); color: var(--rm-text-primary, #dbdee1);
    font-family: 'Roboto', sans-serif;
}

/* ══ Sidebar ══ */
.sv-sidebar[b-1bolby1yn6] {
    width: 240px; min-width: 200px; background: var(--rm-bg-sidebar, #2b2d31);
    border-right: 1px solid var(--rm-border, #1e1f22);
    display: flex; flex-direction: column; overflow-y: auto;
}
.sv-server-header[b-1bolby1yn6] {
    padding: 12px 12px 10px; border-bottom: 1px solid var(--rm-border, #1e1f22);
    display: flex; align-items: center; gap: 6px;
}
.sv-server-name[b-1bolby1yn6] {
    font-size: 15px; font-weight: 700; color: #f2f3f5;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;
}
.sv-invite-btn[b-1bolby1yn6] {
    background: none; border: none; cursor: pointer; color: #949ba4;
    padding: 4px; border-radius: 4px; display: flex; align-items: center; flex-shrink: 0;
}
.sv-invite-btn:hover[b-1bolby1yn6] { color: #dbdee1; background: rgba(255,255,255,.08); }
.sv-screen-share-area[b-1bolby1yn6] {
    padding: 8px; display: flex; flex-wrap: wrap; gap: 8px;
    background: #000; border-radius: 8px; margin: 8px;
    min-height: 40px; align-items: center; justify-content: center;
}
.sv-screen-share-area.sv-hidden[b-1bolby1yn6] { display: none; }
.sv-screen-share-self-label[b-1bolby1yn6] { color: #8af; font-size: 13px; font-style: italic; }
.sv-section-row[b-1bolby1yn6] { display: flex; align-items: center; padding-right: 8px; }
.sv-section-label[b-1bolby1yn6] {
    flex: 1; padding: 12px 16px 4px; font-size: 11px; font-weight: 700;
    letter-spacing: .5px; color: #949ba4; text-transform: uppercase;
}
.sv-add-channel-btn[b-1bolby1yn6] {
    flex-shrink: 0; margin-top: 8px; width: 24px; height: 24px;
    border-radius: 4px; border: none; background: transparent; color: #949ba4;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: color .15s, background .15s;
}
.sv-add-channel-btn:hover[b-1bolby1yn6] { color: #dbdee1; background: rgba(255,255,255,.08); }
.sv-create-channel-modal[b-1bolby1yn6] { width: 380px; text-align: center; }
.sv-create-channel-icon[b-1bolby1yn6] {
    width: 56px; height: 56px; border-radius: 50%; background: #1e1f22;
    display: flex; align-items: center; justify-content: center; margin: 8px auto 16px;
}
.sv-channel-item[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 6px; width: calc(100% - 8px); text-align: left;
    background: none; border: none; color: #949ba4; padding: 5px 12px;
    font-size: 14px; cursor: pointer; border-radius: 4px; margin: 1px 4px;
    transition: background .1s, color .1s;
}
.sv-channel-item:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.06); color: #dbdee1; }
.sv-channel-item--active[b-1bolby1yn6] { background: rgba(255,255,255,0.1); color: #f2f3f5 !important; }
.sv-ch-icon[b-1bolby1yn6] { opacity: 0.6; font-size: 15px; flex-shrink: 0; }
.sv-ch-name[b-1bolby1yn6] { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-ch-count[b-1bolby1yn6] {
    background: rgba(255,255,255,0.15); border-radius: 10px;
    font-size: 11px; padding: 1px 6px; flex-shrink: 0;
}
.sv-voice-channel[b-1bolby1yn6] { cursor: pointer; }
.sv-voice-participants[b-1bolby1yn6] { padding: 2px 24px 4px; }
.sv-voice-participant[b-1bolby1yn6] { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #949ba4; padding: 2px 0; }
.sv-voice-participant--me[b-1bolby1yn6] { color: #c9ccd0; }
.sv-vp-dot[b-1bolby1yn6] { width: 8px; height: 8px; border-radius: 50%; background: #23a559; flex-shrink: 0; }
.sv-vp-dot--muted[b-1bolby1yn6] { background: #f23f43; }

/* ══ Main ══ */
.sv-main[b-1bolby1yn6] { flex: 1; display: flex; flex-direction: column; overflow: hidden; position: relative; }
.sv-empty[b-1bolby1yn6] { flex: 1; display: flex; align-items: center; justify-content: center; color: #949ba4; font-size: 15px; }
.sv-chat-header[b-1bolby1yn6] {
    height: 48px; border-bottom: 1px solid var(--rm-border, #1e1f22);
    display: flex; align-items: center; padding: 0 12px 0 16px; gap: 8px; flex-shrink: 0;
}
.sv-chat-header-icon[b-1bolby1yn6] { font-size: 20px; color: #949ba4; }
.sv-chat-header-name[b-1bolby1yn6] { font-size: 15px; font-weight: 600; }
.sv-typing[b-1bolby1yn6] { flex: 1; text-align: right; font-size: 12px; color: #949ba4; font-style: italic; }
.sv-members-toggle[b-1bolby1yn6] {
    margin-left: auto; background: none; border: none; cursor: pointer; color: #949ba4;
    padding: 6px; border-radius: 4px; display: flex; align-items: center;
    transition: color .15s, background .15s; flex-shrink: 0;
}
.sv-members-toggle:hover[b-1bolby1yn6] { color: #dbdee1; background: rgba(255,255,255,.08); }
.sv-members-toggle--active[b-1bolby1yn6] { color: #dbdee1; }

/* ══ Правая панель участников ══ */
.sv-members-panel[b-1bolby1yn6] {
    width: 0; min-width: 0; overflow: hidden;
    background: #2b2d31; border-left: 1px solid #1e1f22;
    display: flex; flex-direction: column; flex-shrink: 0;
    transition: width .22s cubic-bezier(.4,0,.2,1), min-width .22s cubic-bezier(.4,0,.2,1);
}
.sv-members-panel--open[b-1bolby1yn6] { width: 240px; min-width: 240px; overflow-y: auto; }
.sv-members-header[b-1bolby1yn6] {
    padding: 16px 12px 8px; font-size: 12px; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase; color: #949ba4; flex-shrink: 0;
}
.sv-members-section[b-1bolby1yn6] {
    padding: 16px 12px 4px; font-size: 11px; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase; color: #949ba4;
}
.sv-member-item[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 10px;
    padding: 5px 8px; margin: 0 4px; border-radius: 6px; cursor: default; transition: background .1s;
}
.sv-member-item:hover[b-1bolby1yn6] { background: rgba(255,255,255,.06); }
.sv-member-av[b-1bolby1yn6] {
    width: 32px; height: 32px; border-radius: 50%; background: #5865f2;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700; color: #fff; flex-shrink: 0;
}
.sv-member-av--me[b-1bolby1yn6]    { background: #3ba55d; }
.sv-member-av--voice[b-1bolby1yn6] { background: #23a55a; }
.sv-member-info[b-1bolby1yn6] { display: flex; flex-direction: column; min-width: 0; }
.sv-member-name[b-1bolby1yn6] { font-size: 14px; font-weight: 500; color: #dbdee1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-member-you[b-1bolby1yn6] { font-size: 12px; color: #949ba4; font-weight: 400; }
.sv-member-status[b-1bolby1yn6] { display: flex; align-items: center; gap: 3px; font-size: 11px; color: #949ba4; }
.sv-member-status--voice[b-1bolby1yn6] { color: #23a55a; }

/* ══ Messages ══ */
.sv-messages[b-1bolby1yn6] { flex: 1; overflow-y: auto; padding: 16px 16px 8px; display: flex; flex-direction: column; }
.sv-msgs-loading[b-1bolby1yn6], .sv-msgs-empty[b-1bolby1yn6] { color: #949ba4; font-size: 14px; text-align: center; padding: 40px 0; }
.sv-msg[b-1bolby1yn6] {
    display: flex; align-items: flex-start; gap: 16px;
    padding: 2px 8px; margin: 0 -8px; border-radius: 4px;
    transition: background .08s; position: relative;
}
.sv-msg:not(.sv-msg-grouped)[b-1bolby1yn6] { margin-top: 16px; }
.sv-msg:hover[b-1bolby1yn6] { background: rgba(0,0,0,.08); }
.sv-msg-av[b-1bolby1yn6] {
    width: 40px; height: 40px; border-radius: 50%; background: #5865f2;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 700; color: #fff; flex-shrink: 0; margin-top: 1px;
}
.sv-msg-mine .sv-msg-av[b-1bolby1yn6] { background: #3ba55d; }
.sv-msg-av-spacer[b-1bolby1yn6] { width: 40px; min-width: 40px; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }
.sv-msg-hover-time[b-1bolby1yn6] { color: #72767d; font-size: 10px; opacity: 0; transition: opacity .1s; white-space: nowrap; }
.sv-msg:hover .sv-msg-hover-time[b-1bolby1yn6] { opacity: 1; }
.sv-msg-body[b-1bolby1yn6] { flex: 1; min-width: 0; }
.sv-msg-meta[b-1bolby1yn6] { display: flex; align-items: baseline; gap: 8px; margin-bottom: 2px; }
.sv-msg-author[b-1bolby1yn6] { font-size: 15px; font-weight: 600; color: #f2f3f5; }
.sv-msg-author-me[b-1bolby1yn6] { color: #3ba55d; }
.sv-msg-time[b-1bolby1yn6] { font-size: 11px; color: #72767d; }
.sv-msg-text[b-1bolby1yn6] { color: #dcddde; font-size: 15px; line-height: 1.45; word-break: break-word; white-space: pre-wrap; }
.sv-mention[b-1bolby1yn6] { color: #7289da; background: rgba(114,137,218,.1); border-radius: 3px; padding: 0 2px; cursor: default; }
.sv-mention--me[b-1bolby1yn6] { color: #faa61a; background: rgba(250,166,26,.1); }
.sv-msg-footer[b-1bolby1yn6] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.sv-msg-edited[b-1bolby1yn6] { font-size: 10px; color: #6d6f78; margin-left: 4px; font-style: italic; }
.sv-msg-pin-badge[b-1bolby1yn6] { color: #faa61a; display: inline-flex; align-items: center; opacity: .7; }
.sv-msg-deleted[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 6px; color: #6d6f78; font-style: italic; font-size: 13px;
    background: rgba(255,255,255,.03); border-radius: 4px; padding: 4px 8px; border: 1px solid rgba(255,255,255,.05);
}
.sv-msg-edit-wrap[b-1bolby1yn6] { display: flex; flex-direction: column; gap: 4px; }
.sv-msg-edit-input[b-1bolby1yn6] {
    background: #1e1f22; border: 1px solid #5865f2; border-radius: 6px;
    color: #dbdee1; font-size: 14px; padding: 8px 10px;
    resize: none; outline: none; width: 100%; box-sizing: border-box; font-family: inherit; line-height: 1.4;
}
.sv-msg-edit-hint[b-1bolby1yn6] { font-size: 11px; color: #6d6f78; }

/* ── Reactions ── */
.sv-msg-reactions[b-1bolby1yn6] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 4px; min-height: 24px; position: relative; }
.sv-reaction-btn[b-1bolby1yn6] {
    display: inline-flex; align-items: center; gap: 3px;
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px; padding: 2px 8px; cursor: pointer; color: #dcddde; font-size: 13px;
    transition: background 0.15s; line-height: 1.4;
}
.sv-reaction-btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.2); }
.sv-reaction-btn--mine[b-1bolby1yn6] { background: rgba(88,101,242,0.25); border-color: rgba(88,101,242,0.5); color: #fff; }
.sv-reaction-count[b-1bolby1yn6] { font-size: 11px; color: #b9bbbe; }
.sv-reaction-btn--mine .sv-reaction-count[b-1bolby1yn6] { color: #c9cdff; }

/* ── Message actions ── */
.sv-msg-actions[b-1bolby1yn6] {
    position: absolute; right: 8px; top: -14px;
    background: #2b2d31; border: 1px solid #3c3f44; border-radius: 6px;
    display: flex; gap: 2px; padding: 3px 4px; box-shadow: 0 2px 8px rgba(0,0,0,.4); z-index: 10;
}
.sv-msg-action-btn[b-1bolby1yn6] {
    background: none; border: none; color: #b5bac1; cursor: pointer;
    border-radius: 4px; padding: 3px 5px; display: flex; align-items: center;
    transition: color .15s, background .15s;
}
.sv-msg-action-btn:hover[b-1bolby1yn6] { color: #dbdee1; background: rgba(255,255,255,.08); }
.sv-msg-action-btn--danger:hover[b-1bolby1yn6] { color: #ed4245; background: rgba(237,66,69,.1); }
.sv-msg-action-btn--pinned[b-1bolby1yn6] { color: #faa61a !important; }
.sv-msg-action-btn--pinned:hover[b-1bolby1yn6] { color: #ffb83a !important; }
.sv-msg-action-emoji-wrap[b-1bolby1yn6] { position: relative; }
.sv-emoji-picker[b-1bolby1yn6] {
    position: absolute; bottom: calc(100% + 6px); right: 0;
    background: #2f3136; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 8px;
    display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px;
    z-index: 200; box-shadow: 0 4px 16px rgba(0,0,0,0.5);
    max-width: calc(100vw - 16px); box-sizing: border-box;
}
.sv-emoji-btn[b-1bolby1yn6] {
    background: transparent; border: none; cursor: pointer; font-size: 20px;
    padding: 4px; border-radius: 4px; transition: background 0.1s; line-height: 1; min-width: 0;
}
.sv-emoji-btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.1); }
@media (max-width: 767px) {
    .sv-emoji-picker[b-1bolby1yn6] {
        position: fixed; left: 8px; right: 8px; top: auto;
        bottom: calc(env(safe-area-inset-bottom) + 16px); max-width: none;
        grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
        max-height: calc(100dvh - 120px); overflow-y: auto;
    }
    .sv-emoji-btn[b-1bolby1yn6] { font-size: 22px; }
}

/* ══ Pinned panel ══ */
.sv-pin-header-btn[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 4px; background: none; border: none;
    color: #b5bac1; cursor: pointer; border-radius: 6px; padding: 4px 8px;
    font-size: 12px; transition: color .15s, background .15s; margin-right: 6px;
}
.sv-pin-header-btn:hover[b-1bolby1yn6], .sv-pin-header-btn--active[b-1bolby1yn6] { color: #fff; background: rgba(255,255,255,.08); }
.sv-pin-header-count[b-1bolby1yn6] {
    background: #5865f2; color: #fff; border-radius: 10px;
    font-size: 10px; font-weight: 700; padding: 0 5px; min-width: 16px; text-align: center;
}
.sv-pinned-panel[b-1bolby1yn6] {
    position: relative; z-index: 20; background: #2b2d31;
    border-bottom: 1px solid #1e1f22; max-height: 300px; overflow-y: auto;
}
.sv-pinned-panel-header[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 8px; padding: 10px 14px;
    font-size: 12px; font-weight: 700; color: #b5bac1;
    text-transform: uppercase; letter-spacing: .5px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    position: sticky; top: 0; background: #2b2d31;
}
.sv-pinned-panel-close[b-1bolby1yn6] {
    margin-left: auto; background: none; border: none; color: #72767d;
    cursor: pointer; padding: 2px; border-radius: 4px; display: flex; align-items: center;
}
.sv-pinned-panel-close:hover[b-1bolby1yn6] { color: #dbdee1; }
.sv-pinned-item[b-1bolby1yn6] { position: relative; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.04); }
.sv-pinned-item:last-child[b-1bolby1yn6] { border-bottom: none; }
.sv-pinned-item-meta[b-1bolby1yn6] { display: flex; align-items: baseline; gap: 6px; margin-bottom: 3px; }
.sv-pinned-item-author[b-1bolby1yn6] { font-size: 13px; font-weight: 600; color: #f2f3f5; }
.sv-pinned-item-time[b-1bolby1yn6] { font-size: 11px; color: #72767d; }
.sv-pinned-item-content[b-1bolby1yn6] { font-size: 13px; color: #b5bac1; white-space: pre-wrap; word-break: break-word; padding-right: 20px; }
.sv-pinned-item-unpin[b-1bolby1yn6] {
    position: absolute; top: 10px; right: 10px; background: none; border: none;
    color: #72767d; cursor: pointer; padding: 2px; border-radius: 4px;
    display: flex; align-items: center; opacity: 0; transition: opacity .15s, color .15s;
}
.sv-pinned-item:hover .sv-pinned-item-unpin[b-1bolby1yn6] { opacity: 1; }
.sv-pinned-item-unpin:hover[b-1bolby1yn6] { color: #ed4245; }

/* ══ Input ══ */
.sv-input-wrap[b-1bolby1yn6] { padding: 0 16px 16px; flex-shrink: 0; position: relative; }
.sv-input-box[b-1bolby1yn6] {
    display: flex; align-items: flex-end;
    background: #383a40; border-radius: 8px; padding: 0 12px 0 4px; gap: 8px;
}
.sv-input[b-1bolby1yn6] {
    flex: 1; resize: none; background: transparent; border: none;
    padding: 11px 0; color: #dbdee1; font-size: 15px;
    outline: none; font-family: inherit; line-height: 1.45; overflow-y: hidden;
}
.sv-send-btn[b-1bolby1yn6] {
    width: 36px; height: 36px; border-radius: 6px; background: transparent; border: none;
    color: #b9bbbe; display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: color .15s; flex-shrink: 0;
}
.sv-send-btn:hover:not(:disabled)[b-1bolby1yn6] { color: #dbdee1; }
.sv-send-btn:disabled[b-1bolby1yn6] { color: #4f545c; cursor: not-allowed; }
.sv-attach-btn[b-1bolby1yn6] {
    background: none; border: none; cursor: pointer; color: #96989d;
    padding: 6px 8px; border-radius: 4px; display: flex; align-items: center;
    flex-shrink: 0; transition: color .15s;
}
.sv-attach-btn:hover[b-1bolby1yn6] { color: #dbdee1; }

/* ── Mention dropdown ── */
.sv-mention-dropdown[b-1bolby1yn6] {
    position: absolute; bottom: calc(100% - 8px); left: 16px; right: 16px;
    background: #2b2d31; border: 1px solid #1e1f22; border-radius: 8px; overflow: hidden;
    box-shadow: 0 -4px 16px rgba(0,0,0,.4); max-height: 260px; overflow-y: auto;
}
.sv-mention-item[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px; cursor: pointer; font-size: 14px; color: #dbdee1; transition: background .1s;
}
.sv-mention-item:hover[b-1bolby1yn6], .sv-mention-item--active[b-1bolby1yn6] { background: #404249; }
.sv-mention-av[b-1bolby1yn6] {
    width: 28px; height: 28px; border-radius: 50%; background: #5865f2; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; flex-shrink: 0;
}

/* ══ Voice ══ */
.sv-voice-main[b-1bolby1yn6] { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.sv-voice-lobby[b-1bolby1yn6] {
    flex: 1; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 16px; padding: 32px;
}
.sv-voice-lobby-hint[b-1bolby1yn6] { color: #949ba4; font-size: 14px; margin: 0; }
.sv-voice-lobby-list[b-1bolby1yn6] { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.sv-voice-lobby-user[b-1bolby1yn6] { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.sv-voice-lobby-av[b-1bolby1yn6] {
    width: 56px; height: 56px; border-radius: 50%; background: #5865f2;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 700; color: #fff; overflow: hidden;
}
.sv-voice-lobby-av-img[b-1bolby1yn6] { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.sv-voice-actions[b-1bolby1yn6] { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.sv-voice-join-btn[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 8px; background: #23a559; border: none; color: #fff;
    border-radius: 8px; padding: 10px 20px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s;
}
.sv-voice-join-btn:hover[b-1bolby1yn6] { background: #1a8a47; }
.sv-voice-restricted-btn[b-1bolby1yn6] {
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.1); color: #dbdee1;
    border-radius: 8px; padding: 10px 20px; font-size: 14px; cursor: pointer; transition: background .15s;
}
.sv-voice-restricted-btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.14); }
.sv-voice-active[b-1bolby1yn6] { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.sv-voice-active-grid[b-1bolby1yn6] {
    flex: 1; display: flex; flex-wrap: wrap;
    align-content: flex-start; gap: 16px; padding: 24px; overflow-y: auto;
}
.sv-voice-tile[b-1bolby1yn6] {
    width: 160px; background: #2b2d31; border-radius: 12px; padding: 20px 16px 14px;
    display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative;
}
.sv-voice-tile--me[b-1bolby1yn6] { border: 1.5px solid #23a559; }
.sv-voice-tile-av[b-1bolby1yn6] {
    width: 64px; height: 64px; border-radius: 50%; background: #5865f2;
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; font-weight: 700; color: #fff; overflow: hidden;
}
.sv-voice-tile-av-img[b-1bolby1yn6] { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }
.sv-voice-tile-name[b-1bolby1yn6] { font-size: 13px; font-weight: 500; text-align: center; }
.sv-voice-muted-icon[b-1bolby1yn6] { position: absolute; top: 8px; right: 8px; font-size: 14px; }
.sv-voice-controls[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 20px; border-top: 1px solid var(--rm-border, #1e1f22);
    background: var(--rm-bg-sidebar, #2b2d31); flex-shrink: 0;
}
.sv-voice-timer[b-1bolby1yn6] { font-size: 13px; font-variant-numeric: tabular-nums; color: #23a559; min-width: 42px; }
.sv-vc-btn[b-1bolby1yn6] {
    width: 36px; height: 36px; border-radius: 8px; border: none;
    background: rgba(255,255,255,0.1); color: #dbdee1;
    display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .15s;
}
.sv-vc-btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.2); }
.sv-vc-btn--active[b-1bolby1yn6] { background: rgba(242,63,67,0.3); color: #fca5a5; }
.sv-vc-btn--active:hover[b-1bolby1yn6] { background: rgba(242,63,67,0.5); }
.sv-vc-btn--danger[b-1bolby1yn6] { background: rgba(242,63,67,0.2); color: #f87171; }
.sv-vc-btn--danger:hover[b-1bolby1yn6] { background: #f23f43; color: #fff; }

/* ══ Modals ══ */
.sv-modal-backdrop[b-1bolby1yn6] {
    position: fixed; inset: 0; background: rgba(0,0,0,.7);
    z-index: 100; display: flex; align-items: center; justify-content: center;
}
.sv-modal[b-1bolby1yn6] {
    background: #2b2d31; border-radius: 12px; padding: 24px;
    min-width: 320px; max-width: 440px; width: 90%;
    display: flex; flex-direction: column; gap: 12px; box-shadow: 0 16px 48px rgba(0,0,0,.5);
}
.sv-modal-title[b-1bolby1yn6] { font-size: 17px; font-weight: 700; color: #f2f3f5; }
.sv-modal-hint[b-1bolby1yn6] { font-size: 13px; color: #949ba4; margin: 0; }
.sv-modal-member[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 10px; font-size: 14px; color: #dbdee1;
    cursor: pointer; padding: 6px 8px; border-radius: 6px;
}
.sv-modal-member:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.06); }
.sv-modal-member--btn[b-1bolby1yn6] {
    background: none; border: none; width: 100%; text-align: left;
    border-radius: 6px; transition: background .1s;
}
.sv-modal-member--btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.08); }
.sv-modal-actions[b-1bolby1yn6] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }
.sv-modal-btn[b-1bolby1yn6] {
    padding: 8px 20px; border-radius: 6px; border: none; font-size: 14px; cursor: pointer;
    background: rgba(255,255,255,0.1); color: #dbdee1; transition: background .15s;
}
.sv-modal-btn:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.18); }
.sv-modal-btn--primary[b-1bolby1yn6] { background: #5865f2; color: #fff; }
.sv-modal-btn--primary:hover[b-1bolby1yn6] { background: #4752c4; }

/* ── Create channel field ── */
.sv-create-field[b-1bolby1yn6] { display: flex; flex-direction: column; gap: 6px; }
.sv-create-label[b-1bolby1yn6] { font-size: 11px; font-weight: 700; color: #b9bbbe; text-transform: uppercase; letter-spacing: 0.6px; }
.sv-create-input[b-1bolby1yn6] {
    background: #13141a; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px;
    padding: 10px 12px; color: #f2f3f5; font-size: 15px; outline: none;
    transition: border-color 0.2s; font-family: inherit;
}
.sv-create-input:focus[b-1bolby1yn6] { border-color: #5865f2; }
.sv-create-input[b-1bolby1yn6]::placeholder { color: #4f5460; }
.sv-create-actions[b-1bolby1yn6] { display: flex; gap: 10px; justify-content: flex-end; margin-top: 4px; }
.sv-create-btn-cancel[b-1bolby1yn6] {
    background: transparent; border: none; color: #b9bbbe; font-size: 14px; font-weight: 500;
    padding: 10px 16px; border-radius: 8px; cursor: pointer; transition: color 0.15s;
}
.sv-create-btn-cancel:hover[b-1bolby1yn6] { color: #f2f3f5; }
.sv-create-btn-submit[b-1bolby1yn6] {
    background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%);
    border: none; color: #fff; font-size: 14px; font-weight: 600;
    padding: 10px 22px; border-radius: 8px; cursor: pointer;
    box-shadow: 0 4px 12px rgba(88,101,242,0.3); transition: transform 0.15s, box-shadow 0.15s;
}
.sv-create-btn-submit:hover:not(:disabled)[b-1bolby1yn6] { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(88,101,242,0.45); }
.sv-create-btn-submit:disabled[b-1bolby1yn6] { opacity: 0.5; cursor: not-allowed; }

/* ── Drag-drop ── */
.sv-drop-overlay[b-1bolby1yn6] {
    position: absolute; inset: 0; z-index: 100;
    background: rgba(88, 101, 242, 0.18); border: 2px dashed #5865f2;
    border-radius: 8px; display: flex; align-items: center; justify-content: center; pointer-events: none;
}
.sv-drop-hint[b-1bolby1yn6] { display: flex; flex-direction: column; align-items: center; gap: 12px; color: #5865f2; font-size: 16px; font-weight: 600; }

/* ── Image preview ── */
.sv-img-preview-overlay[b-1bolby1yn6] {
    position: absolute; inset: 0; z-index: 200; background: rgba(0,0,0,0.7);
    display: flex; align-items: center; justify-content: center;
}
.sv-img-preview-card[b-1bolby1yn6] {
    background: #2b2d31; border-radius: 8px; padding: 16px;
    max-width: 480px; width: 90%; display: flex; flex-direction: column; gap: 12px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
.sv-img-preview-header[b-1bolby1yn6] { display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; color: #f2f3f5; }
.sv-img-preview-close[b-1bolby1yn6] { background: none; border: none; color: #96989d; cursor: pointer; font-size: 18px; padding: 2px 6px; border-radius: 4px; transition: color .15s; }
.sv-img-preview-close:hover[b-1bolby1yn6] { color: #f2f3f5; }
.sv-img-preview-img[b-1bolby1yn6] { width: 100%; max-height: 320px; object-fit: contain; border-radius: 6px; background: #1e1f22; }
.sv-img-preview-actions[b-1bolby1yn6] { display: flex; gap: 8px; justify-content: flex-end; }
.sv-img-preview-cancel[b-1bolby1yn6] { padding: 8px 20px; border-radius: 6px; border: none; background: rgba(255,255,255,0.1); color: #dbdee1; font-size: 14px; cursor: pointer; transition: background .15s; }
.sv-img-preview-cancel:hover[b-1bolby1yn6] { background: rgba(255,255,255,0.18); }
.sv-img-preview-send[b-1bolby1yn6] { padding: 8px 20px; border-radius: 6px; border: none; background: #5865f2; color: #fff; font-size: 14px; cursor: pointer; transition: background .15s; }
.sv-img-preview-send:hover:not(:disabled)[b-1bolby1yn6] { background: #4752c4; }
.sv-img-preview-send:disabled[b-1bolby1yn6] { opacity: 0.6; cursor: not-allowed; }
.sv-img-caption-input[b-1bolby1yn6] {
    background: #1e1f22; border: 1px solid #3c3f44; border-radius: 6px;
    color: #dbdee1; font-size: 14px; padding: 8px 12px;
    outline: none; width: 100%; box-sizing: border-box;
}
.sv-img-caption-input:focus[b-1bolby1yn6] { border-color: #5865f2; }
.sv-img-caption-input[b-1bolby1yn6]::placeholder { color: #6d6f78; }

/* ── Rendered images in messages ── */
.sv-img[b-1bolby1yn6] { max-width: 360px; max-height: 280px; border-radius: 6px; display: block; cursor: pointer; margin-top: 4px; }
.sv-img-caption[b-1bolby1yn6] { font-size: 13px; color: #b5bac1; margin-top: 4px; word-break: break-word; }
.sv-link[b-1bolby1yn6] { color: #00aff4; text-decoration: none; word-break: break-all; }
.sv-link:hover[b-1bolby1yn6] { text-decoration: underline; }
.sv-msg-av-img[b-1bolby1yn6] { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; }

/* ── Quote block (in message) ── */
.sv-quote-block[b-1bolby1yn6] {
    display: flex; gap: 8px; background: rgba(0,0,0,.2); border-radius: 4px;
    padding: 6px 10px; margin-bottom: 4px; max-width: 480px;
}
.sv-quote-block-bar[b-1bolby1yn6] { width: 3px; border-radius: 2px; background: #5865f2; flex-shrink: 0; align-self: stretch; }
.sv-quote-block-body[b-1bolby1yn6] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sv-quote-block-author[b-1bolby1yn6] { font-size: 12px; font-weight: 600; color: #5865f2; }
.sv-quote-block-text[b-1bolby1yn6] {
    font-size: 13px; color: #b5bac1; white-space: pre-wrap; word-break: break-word;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* ── Quote preview (above input) ── */
.sv-quote-preview[b-1bolby1yn6] {
    display: flex; align-items: center; gap: 8px;
    background: #2b2d31; border-top: 1px solid #1e1f22; padding: 6px 12px;
}
.sv-quote-preview-bar[b-1bolby1yn6] { width: 3px; height: 100%; min-height: 28px; background: #5865f2; border-radius: 2px; flex-shrink: 0; }
.sv-quote-preview-body[b-1bolby1yn6] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.sv-quote-preview-author[b-1bolby1yn6] { font-size: 12px; font-weight: 600; color: #5865f2; }
.sv-quote-preview-text[b-1bolby1yn6] { font-size: 12px; color: #949ba4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-quote-preview-close[b-1bolby1yn6] {
    background: none; border: none; color: #949ba4; cursor: pointer;
    font-size: 14px; padding: 2px 6px; border-radius: 4px; flex-shrink: 0;
}
.sv-quote-preview-close:hover[b-1bolby1yn6] { color: #dbdee1; background: rgba(255,255,255,.08); }
/* /Pages/Admin/AuditViewer.razor.rz.scp.css */
/* Phase 1a / Plan 03 (AUD-04) — AuditViewer admin page scoped styles. */
/* Базовая стилистика наследуется от .adm-* из Users.razor.css.
   Здесь — дополнительные элементы специфичные для журнала аудита. */

.adm-table code[b-qlhmalno83] {
    background: rgba(255,255,255,.05);
    padding: 2px 6px;
    border-radius: 4px;
    color: #b9bbbe;
    font-family: 'Consolas', 'Monaco', monospace;
}

.hash-badge[b-qlhmalno83] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.hash-badge--ok[b-qlhmalno83]      { background: rgba(87,242,135,.15); color: #57f287; }
.hash-badge--pending[b-qlhmalno83] { background: rgba(250,166,26,.15); color: #faa61a; }
.hash-badge--broken[b-qlhmalno83]  { background: rgba(240,71,71,.15); color: #f04747; }
/* /Pages/Admin/KeywordEditor.razor.rz.scp.css */
.kwed-list[b-o9wmqx3280] {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 80px;
    margin-bottom: 16px;
}

.kwed-chip[b-o9wmqx3280] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(88,101,242,.15);
    border: 1px solid rgba(88,101,242,.3);
    color: #b8c0ff;
    padding: 4px 8px 4px 10px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 500;
}

.kwed-chip-x[b-o9wmqx3280] {
    background: rgba(240,71,71,.2);
    border: none;
    color: #f04747;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.kwed-chip-x:hover[b-o9wmqx3280] {
    background: rgba(240,71,71,.4);
}

.kwed-toolbar[b-o9wmqx3280] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
/* /Pages/Admin/OcrNormalizationEditor.razor.rz.scp.css */
.ocrn-table-wrap[b-fqxhbibhly] {
    overflow-x: auto;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    margin-bottom: 16px;
}

.ocrn-table[b-fqxhbibhly] {
    width: 100%;
    border-collapse: collapse;
}

.ocrn-table th[b-fqxhbibhly] {
    background: rgba(255,255,255,.05);
    padding: 12px 16px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #72767d;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ocrn-table td[b-fqxhbibhly] {
    padding: 10px 16px;
    border-top: 1px solid rgba(255,255,255,.06);
}

.ocrn-col-glyph[b-fqxhbibhly] { width: 80px; }
.ocrn-col-arrow[b-fqxhbibhly] { width: 60px; text-align: center; }
.ocrn-col-actions[b-fqxhbibhly] { width: 140px; }

.ocrn-glyph-cell[b-fqxhbibhly] {
    font-family: 'Cascadia Mono', 'Consolas', monospace;
    font-size: 18px;
    font-weight: 600;
    color: #e3e5e8;
    text-align: center;
}

.ocrn-glyph[b-fqxhbibhly] {
    text-align: center;
    font-family: 'Cascadia Mono', 'Consolas', monospace;
    font-size: 18px;
    font-weight: 600;
}

.ocrn-toolbar[b-fqxhbibhly] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
/* /Pages/Admin/Users.razor.rz.scp.css */
.adm-root[b-mse4mmza0f] { max-width: 1000px; margin: 40px auto; padding: 0 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.adm-header[b-mse4mmza0f] { margin-bottom: 32px; }
.adm-title[b-mse4mmza0f] { font-size: 28px; font-weight: 700; color: #fff; margin: 0 0 6px; }
.adm-sub[b-mse4mmza0f] { color: #72767d; font-size: 14px; margin: 0; }
.adm-denied[b-mse4mmza0f] { background: rgba(240,71,71,.15); border: 1px solid rgba(240,71,71,.3); border-radius: 10px; padding: 20px; color: #f04747; }
.adm-loading[b-mse4mmza0f] { color: #72767d; padding: 20px; }
.adm-filters[b-mse4mmza0f] { display: flex; gap: 12px; margin-bottom: 20px; }
.adm-search[b-mse4mmza0f] { flex: 1; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 8px 14px; color: #e3e5e8; font-size: 14px; outline: none; }
.adm-select[b-mse4mmza0f] { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 8px 14px; color: #e3e5e8; font-size: 14px; }
.adm-table-wrap[b-mse4mmza0f] { overflow-x: auto; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); }
.adm-table[b-mse4mmza0f] { width: 100%; border-collapse: collapse; }
.adm-table th[b-mse4mmza0f] { background: rgba(255,255,255,.05); padding: 12px 16px; text-align: left; font-size: 12px; font-weight: 600; color: #72767d; text-transform: uppercase; letter-spacing: .06em; }
.adm-table td[b-mse4mmza0f] { padding: 12px 16px; border-top: 1px solid rgba(255,255,255,.06); }
.adm-row[b-mse4mmza0f] { transition: background .1s; }
.adm-row:hover[b-mse4mmza0f] { background: rgba(255,255,255,.03); }
.adm-row--self[b-mse4mmza0f] { background: rgba(88,101,242,.06); }
.adm-user-cell[b-mse4mmza0f] { display: flex; align-items: center; gap: 10px; }
.adm-avatar[b-mse4mmza0f] { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.adm-avatar-ph[b-mse4mmza0f] { width: 34px; height: 34px; border-radius: 50%; background: #5865f2; color: #fff; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.adm-username[b-mse4mmza0f] { font-weight: 500; color: #e3e5e8; }
.adm-date[b-mse4mmza0f] { color: #72767d; font-size: 13px; }
.adm-role-badge[b-mse4mmza0f] { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
.adm-role-badge--user[b-mse4mmza0f]      { background: rgba(114,118,125,.2); color: #72767d; }
.adm-role-badge--director[b-mse4mmza0f]  { background: rgba(250,166,26,.15); color: #faa61a; }
.adm-role-badge--techadmin[b-mse4mmza0f] { background: rgba(240,71,71,.15); color: #f04747; }
.adm-actions[b-mse4mmza0f] { display: flex; gap: 6px; flex-wrap: wrap; }
.adm-btn[b-mse4mmza0f] { padding: 4px 12px; border-radius: 6px; font-size: 12px; font-weight: 500; border: none; cursor: pointer; transition: opacity .15s; }
.adm-btn:disabled[b-mse4mmza0f] { opacity: .5; }
.adm-btn--user[b-mse4mmza0f]     { background: rgba(114,118,125,.2); color: #b9bbbe; }
.adm-btn--director[b-mse4mmza0f] { background: rgba(250,166,26,.2); color: #faa61a; }
.adm-btn--techadmin[b-mse4mmza0f] { background: rgba(240,71,71,.2); color: #f04747; }
.adm-btn--reset[b-mse4mmza0f] { background: rgba(0,176,244,.15); color: #00b0f4; }
.adm-self-label[b-mse4mmza0f] { color: #4f545c; font-size: 13px; font-style: italic; }
.adm-message[b-mse4mmza0f] { margin-top: 16px; padding: 12px 16px; border-radius: 8px; font-size: 14px; }
.adm-message--ok[b-mse4mmza0f]    { background: rgba(87,242,135,.15); color: #57f287; }
.adm-message--error[b-mse4mmza0f] { background: rgba(240,71,71,.15); color: #f04747; }
.adm-btn-create[b-mse4mmza0f] { background: rgba(87,242,135,.12); border: 1px solid rgba(87,242,135,.25); color: #57f287; border-radius: 8px; padding: 8px 16px; font-size: 14px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.adm-btn-create:hover[b-mse4mmza0f] { background: rgba(87,242,135,.2); }
.adm-create-form[b-mse4mmza0f] { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 20px; margin-bottom: 20px; }
.adm-create-title[b-mse4mmza0f] { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 16px; }
.adm-create-row[b-mse4mmza0f] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; margin-bottom: 14px; }
.adm-create-field[b-mse4mmza0f] { display: flex; flex-direction: column; gap: 5px; }
.adm-create-field label[b-mse4mmza0f] { font-size: 12px; color: #72767d; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; }
.adm-btn-create-submit[b-mse4mmza0f] { background: #5865f2; border: none; border-radius: 8px; color: #fff; padding: 10px 20px; font-size: 14px; font-weight: 600; cursor: pointer; }
.adm-btn-create-submit:hover:not(:disabled)[b-mse4mmza0f] { background: #4752c4; }
.adm-btn-create-submit:disabled[b-mse4mmza0f] { opacity: .5; }
/* /Pages/Admin/WorkflowEditor.razor.rz.scp.css */
/* WorkflowEditor — scoped CSS using --th-* tokens. PERM-99: no CDN references. */

.wfe-layout[b-r7cua2o66a] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 16px;
    height: calc(100vh - 120px);
    min-height: 500px;
}

/* ── Sidebar ────────────────────────────────────────── */

.wfe-sidebar[b-r7cua2o66a] {
    background: var(--th-surface, #2b2d31);
    border-radius: 8px;
    overflow-y: auto;
    padding: 12px 8px;
    border: 1px solid var(--th-border, rgba(255,255,255,.08));
}

.wfe-sidebar-section[b-r7cua2o66a] {
    margin-bottom: 16px;
}

.wfe-section-title[b-r7cua2o66a] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--th-text-muted, #8b8b8b);
    padding: 0 8px 6px;
    margin: 0 0 4px;
}

.wfe-row[b-r7cua2o66a] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    color: var(--th-text, #dcddde);
    transition: background 0.1s;
}

.wfe-row:hover[b-r7cua2o66a] {
    background: var(--th-hover, rgba(255,255,255,.06));
}

.wfe-row--active[b-r7cua2o66a] {
    background: var(--th-accent, rgba(88,101,242,.25));
    color: var(--th-accent-text, #8b94e8);
}

.wfe-row-icon[b-r7cua2o66a] {
    flex-shrink: 0;
    font-size: 12px;
}

.wfe-row-name[b-r7cua2o66a] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wfe-row-version[b-r7cua2o66a] {
    font-size: 11px;
    color: var(--th-text-muted, #8b8b8b);
    flex-shrink: 0;
}

.wfe-btn-new[b-r7cua2o66a] {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 7px 10px;
    background: transparent;
    border: 1px dashed var(--th-border, rgba(255,255,255,.15));
    border-radius: 4px;
    color: var(--th-text-muted, #8b8b8b);
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s;
}

.wfe-btn-new:hover[b-r7cua2o66a] {
    background: var(--th-hover, rgba(255,255,255,.06));
    border-color: var(--th-accent, rgba(88,101,242,.5));
    color: var(--th-text, #dcddde);
}

/* ── Editor Panel ───────────────────────────────────── */

.wfe-editor-panel[b-r7cua2o66a] {
    display: flex;
    flex-direction: column;
    background: var(--th-surface, #2b2d31);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--th-border, rgba(255,255,255,.08));
}

.wfe-preset-banner[b-r7cua2o66a] {
    background: rgba(250, 166, 26, .12);
    border-left: 3px solid #faa61a;
    padding: 8px 12px;
    font-size: 13px;
    color: #faa61a;
    margin-bottom: 8px;
}

.wfe-editor-header[b-r7cua2o66a] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--th-border, rgba(255,255,255,.08));
}

.wfe-header-row[b-r7cua2o66a] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wfe-name-input[b-r7cua2o66a] {
    flex: 1;
    background: var(--th-input-bg, rgba(0,0,0,.2));
    border: 1px solid var(--th-border, rgba(255,255,255,.08));
    border-radius: 4px;
    padding: 6px 10px;
    color: var(--th-text, #dcddde);
    font-size: 14px;
}

.wfe-name-input:disabled[b-r7cua2o66a] {
    opacity: 0.5;
}

.wfe-version-chip[b-r7cua2o66a] {
    font-size: 11px;
    background: rgba(88,101,242,.2);
    color: #8b94e8;
    padding: 2px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.wfe-btn-save[b-r7cua2o66a],
.wfe-btn-copy[b-r7cua2o66a] {
    padding: 7px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.wfe-btn-save[b-r7cua2o66a] {
    background: var(--th-accent, #5865f2);
    color: #fff;
}

.wfe-btn-save:disabled[b-r7cua2o66a] {
    opacity: 0.4;
    cursor: not-allowed;
}

.wfe-btn-copy[b-r7cua2o66a] {
    background: rgba(88,101,242,.15);
    color: #8b94e8;
    border: 1px solid rgba(88,101,242,.3);
}

.wfe-btn-spinner[b-r7cua2o66a] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-r7cua2o66a 0.6s linear infinite;
}

@keyframes spin-b-r7cua2o66a {
    to { transform: rotate(360deg); }
}

/* ── Monaco container ───────────────────────────────── */

.wfe-monaco-container[b-r7cua2o66a] {
    flex: 1;
    min-height: 300px;
}

/* ── Graph preview ──────────────────────────────────── */

.wfe-preview-section[b-r7cua2o66a] {
    border-top: 1px solid var(--th-border, rgba(255,255,255,.08));
}

.wfe-preview-toggle[b-r7cua2o66a] {
    display: block;
    width: 100%;
    padding: 8px 16px;
    background: transparent;
    border: none;
    color: var(--th-text-muted, #8b8b8b);
    font-size: 12px;
    cursor: pointer;
    text-align: left;
}

.wfe-preview-content[b-r7cua2o66a] {
    max-height: 200px;
    overflow-x: auto;
    padding: 8px 16px;
}

/* ── Empty state ────────────────────────────────────── */

.wfe-empty-state[b-r7cua2o66a] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--th-text-muted, #8b8b8b);
    font-size: 14px;
}

/* ── Error toast ────────────────────────────────────── */

.wfe-error-toast[b-r7cua2o66a] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #f04747;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 13px;
    z-index: 9999;
}
/* /Pages/AppShell.razor.rz.scp.css */
.shell-root[b-cuncx1210j] {
    display: flex; height: 100vh; width: 100vw;
    overflow: hidden; background: #313338;
}
.shell-pane[b-cuncx1210j] { display: flex; flex: 1; overflow: hidden; min-width: 0; }
.shell-pane--hidden[b-cuncx1210j] { display: none; }
.shell-loading[b-cuncx1210j] {
    position: fixed; inset: 0; background: #1e1f22;
    display: flex; align-items: center; justify-content: center;
}
.shell-loading-ring[b-cuncx1210j] {
    width: 48px; height: 48px; border-radius: 50%;
    border: 3px solid #3f4147; border-top-color: #5865f2;
    animation: shell-spin-b-cuncx1210j .8s linear infinite;
}
@keyframes shell-spin-b-cuncx1210j { to { transform: rotate(360deg); } }
/* /Pages/BotCreatorDocs.razor.rz.scp.css */
*[b-oluvr3s4a2], *[b-oluvr3s4a2]::before, *[b-oluvr3s4a2]::after { box-sizing: border-box; margin: 0; padding: 0; }

.bc-page[b-oluvr3s4a2] {
    background: #0d0f13; min-height: 100vh; color: #dcddde;
    font-family: 'Segoe UI', system-ui, sans-serif; overflow-x: hidden;
}
.bc-hero[b-oluvr3s4a2] {
    background: linear-gradient(160deg, #0d0f13 0%, #131720 50%, #0d0f13 100%);
    padding: 72px 24px 64px; border-bottom: 1px solid #1e2028; position: relative; overflow: hidden;
    display: flex; flex-direction: column; align-items: center; gap: 48px;
}
.bc-hero-glow[b-oluvr3s4a2] {
    position: absolute; inset: 0;
    background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(88,101,242,.12) 0%, transparent 70%); pointer-events: none;
}
.bc-hero-inner[b-oluvr3s4a2] { max-width: 620px; width: 100%; text-align: center; position: relative; z-index: 1; }
.bc-hero-badge[b-oluvr3s4a2] {
    display: inline-block; padding: 4px 14px; border-radius: 20px;
    font-size: 12px; font-weight: 700; letter-spacing: .04em;
    background: rgba(88,101,242,.18); color: #8b99ff; border: 1px solid rgba(88,101,242,.35); margin-bottom: 20px;
}
.bc-hero-title[b-oluvr3s4a2] { font-size: clamp(32px,5vw,52px); font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -.5px; line-height: 1.1; }
.bc-hero-sub[b-oluvr3s4a2] { font-size: 17px; color: #8d929c; line-height: 1.65; margin-bottom: 36px; }
.bc-hero-btns[b-oluvr3s4a2] { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 28px; }
.bc-btn[b-oluvr3s4a2] { padding: 12px 28px; border-radius: 8px; font-size: 15px; font-weight: 600; text-decoration: none; transition: opacity .15s, transform .1s; display: inline-block; }
.bc-btn:hover[b-oluvr3s4a2] { opacity: .88; transform: translateY(-1px); }
.bc-btn--primary[b-oluvr3s4a2] { background: #5865f2; color: #fff; }
.bc-btn--ghost[b-oluvr3s4a2] { background: transparent; color: #b9bbbe; border: 1.5px solid #3a3c42; }
.bc-dl-row[b-oluvr3s4a2] { display: flex; justify-content: center; }
.bc-dl-btn[b-oluvr3s4a2] {
    display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 10px;
    text-decoration: none; background: #13151a; border: 1.5px solid #2e3038; color: #b9bbbe;
    font-size: 14px; font-weight: 600; transition: border-color .15s, color .15s;
}
.bc-dl-btn:hover[b-oluvr3s4a2] { border-color: #5865f2; color: #fff; }
.bc-dl-meta[b-oluvr3s4a2] { font-size: 11px; color: #4f545c; margin-left: 4px; }

/* ── Hero Canvas Illustration ── */
.bc-hero-canvas[b-oluvr3s4a2] { width: 100%; max-width: 640px; position: relative; z-index: 1; }
.bc-canvas-grid[b-oluvr3s4a2] {
    background: #08090c;
    background-image: radial-gradient(circle, #1e2028 1px, transparent 1px);
    background-size: 24px 24px; border-radius: 14px; border: 1px solid #1e2028;
    height: 200px; position: relative; overflow: hidden;
}
.bc-node[b-oluvr3s4a2] {
    position: absolute; width: 170px; background: #13151a; border-radius: 8px;
    border: 1px solid #2e3038; font-size: 11px; user-select: none; box-shadow: 0 4px 16px rgba(0,0,0,.5);
}
.bc-node-head[b-oluvr3s4a2] { padding: 6px 10px; border-radius: 7px 7px 0 0; display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 11px; color: rgba(255,255,255,.95); }
.bc-node-icon[b-oluvr3s4a2] { font-size: 13px; }
.bc-node-title[b-oluvr3s4a2] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bc-node-body[b-oluvr3s4a2] { padding: 6px 10px; }
.bc-node-field[b-oluvr3s4a2] { background: #0d0f13; border: 1px solid #1e2028; border-radius: 4px; padding: 3px 7px; margin: 2px 0; color: #8d929c; font-size: 10px; }
.bc-port[b-oluvr3s4a2] { position: absolute; width: 13px; height: 13px; border-radius: 50%; border: 2px solid #2e3038; background: #13151a; transform: translateY(-50%); }
.bc-port--in[b-oluvr3s4a2] { background: #5865f2; border-color: #5865f2; }
.bc-port--out[b-oluvr3s4a2] { background: #3ba55d; border-color: #3ba55d; }
.bc-port--yes[b-oluvr3s4a2] { background: #3ba55d !important; border-color: #3ba55d !important; }
.bc-port--no[b-oluvr3s4a2]  { background: #ed4245 !important; border-color: #ed4245 !important; }
.bc-connections[b-oluvr3s4a2] { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.bc-conn[b-oluvr3s4a2] { fill: none; stroke: #3a3c42; stroke-width: 1.5; stroke-dasharray: 4 3; animation: bc-flow-b-oluvr3s4a2 3s linear infinite; }
.bc-conn--yes[b-oluvr3s4a2] { stroke: #3ba55d; }
.bc-conn--no[b-oluvr3s4a2]  { stroke: #ed4245; }
@keyframes bc-flow-b-oluvr3s4a2 { from { stroke-dashoffset: 28; } to { stroke-dashoffset: 0; } }

.bc-container[b-oluvr3s4a2] { max-width: 900px; margin: 0 auto; padding: 0 24px; }
.bc-section[b-oluvr3s4a2] { padding: 64px 24px; }
.bc-section--alt[b-oluvr3s4a2] { background: #0a0b0f; border-top: 1px solid #1e2028; border-bottom: 1px solid #1e2028; }
.bc-section-title[b-oluvr3s4a2] { font-size: clamp(22px,3vw,30px); font-weight: 800; color: #fff; margin-bottom: 8px; }
.bc-section-sub[b-oluvr3s4a2] { font-size: 15px; color: #8d929c; margin-bottom: 36px; }
.bc-how-grid[b-oluvr3s4a2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 20px; }
.bc-how-card[b-oluvr3s4a2] { background: #13151a; border: 1px solid #1e2028; border-radius: 12px; padding: 24px 20px; display: flex; flex-direction: column; gap: 8px; transition: border-color .2s; }
.bc-how-card:hover[b-oluvr3s4a2] { border-color: #2e3038; }
.bc-how-num[b-oluvr3s4a2] { width: 28px; height: 28px; border-radius: 50%; background: #5865f2; color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.bc-how-icon[b-oluvr3s4a2] { font-size: 22px; }
.bc-how-title[b-oluvr3s4a2] { font-size: 16px; font-weight: 700; color: #fff; }
.bc-how-desc[b-oluvr3s4a2] { font-size: 13px; color: #8d929c; line-height: 1.6; }
.bc-cat-block[b-oluvr3s4a2] { }
.bc-cat-label[b-oluvr3s4a2] { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.bc-cat-dot[b-oluvr3s4a2] { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.bc-cat-desc[b-oluvr3s4a2] { font-size: 13px; color: #8d929c; margin-bottom: 20px; }
.bc-node-grid[b-oluvr3s4a2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.bc-node-grid--wide[b-oluvr3s4a2] { grid-template-columns: 1fr; max-width: 600px; }
.bc-node-card[b-oluvr3s4a2] { background: #0d0f13; border: 1px solid #1e2028; border-radius: 10px; overflow: hidden; transition: border-color .2s, transform .15s; }
.bc-node-card:hover[b-oluvr3s4a2] { border-color: #2e3038; transform: translateY(-2px); }
.bc-node-card--wide[b-oluvr3s4a2] { max-width: 600px; }
.bc-nc-head[b-oluvr3s4a2] { padding: 10px 14px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.95); display: flex; align-items: center; gap: 8px; }
.bc-nc-body[b-oluvr3s4a2] { padding: 12px 14px; font-size: 12px; color: #8d929c; line-height: 1.6; }
.bc-nc-body ul[b-oluvr3s4a2] { margin: 8px 0 0 16px; }
.bc-nc-body li[b-oluvr3s4a2] { margin-bottom: 4px; }
.bc-nc-body code[b-oluvr3s4a2] { color: #61afef; font-family: monospace; font-size: 11px; }
.bc-nc-body p[b-oluvr3s4a2] { margin-bottom: 8px; }
.bc-nc-ports[b-oluvr3s4a2] { padding: 8px 14px; border-top: 1px solid #1e2028; display: flex; gap: 8px; flex-wrap: wrap; }
.bc-nc-port[b-oluvr3s4a2] { padding: 3px 9px; border-radius: 20px; font-size: 10px; font-weight: 600; font-family: monospace; }
.bc-nc-port--in[b-oluvr3s4a2]  { background: rgba(88,101,242,.15); color: #8b99ff; }
.bc-nc-port--out[b-oluvr3s4a2] { background: rgba(59,165,93,.15); color: #3ba55d; }
.bc-yes[b-oluvr3s4a2] { color: #3ba55d; font-weight: 700; }
.bc-no[b-oluvr3s4a2]  { color: #ed4245; font-weight: 700; }
.bc-vars-grid[b-oluvr3s4a2] { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px,1fr)); gap: 28px; }
.bc-var-block[b-oluvr3s4a2] { }
.bc-var-title[b-oluvr3s4a2] { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.bc-var-desc[b-oluvr3s4a2] { font-size: 13px; color: #8d929c; line-height: 1.6; margin-bottom: 16px; }
.bc-ref-table[b-oluvr3s4a2] { border: 1px solid #1e2028; border-radius: 10px; overflow: hidden; }
.bc-ref-row[b-oluvr3s4a2] { display: grid; grid-template-columns: 160px 1fr; gap: 12px; padding: 9px 14px; border-bottom: 1px solid #1e2028; font-size: 12px; align-items: start; }
.bc-ref-row:last-child[b-oluvr3s4a2] { border-bottom: none; }
.bc-ref-row--head[b-oluvr3s4a2] { background: #080a0d; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #4f545c; letter-spacing: .06em; }
.bc-ref-row code[b-oluvr3s4a2] { color: #61afef; font-family: monospace; font-size: 11px; }
.bc-ref-row span[b-oluvr3s4a2] { color: #8d929c; }
.bc-code-example[b-oluvr3s4a2] { background: #080a0d; border: 1px solid #1e2028; border-radius: 8px; padding: 14px 16px; font-family: 'Consolas', monospace; font-size: 12px; line-height: 1.8; }
.bc-code-line[b-oluvr3s4a2] { margin: 1px 0; }
.bc-kw[b-oluvr3s4a2]  { color: #c678dd; }
.bc-str[b-oluvr3s4a2] { color: #98c379; }
.bc-cm[b-oluvr3s4a2]  { color: #5c6370; font-style: italic; }
.bc-var[b-oluvr3s4a2] { color: #e5c07b; }
.bc-feature-list[b-oluvr3s4a2] { margin: 8px 0 0 16px; }
.bc-feature-list li[b-oluvr3s4a2] { margin-bottom: 5px; }
.bc-example[b-oluvr3s4a2] { background: #0a0b0f; border: 1px solid #1e2028; border-radius: 12px; padding: 24px; }
.bc-example-title[b-oluvr3s4a2] { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.bc-example-desc[b-oluvr3s4a2] { font-size: 13px; color: #8d929c; margin-bottom: 20px; }
.bc-flow[b-oluvr3s4a2] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.bc-flow-arrow[b-oluvr3s4a2] { color: #4f545c; font-size: 18px; font-weight: 700; flex-shrink: 0; }
.bc-flow-node[b-oluvr3s4a2] { border-radius: 8px; border: 1.5px solid; overflow: hidden; min-width: 140px; background: #13151a; }
.bc-fn-head[b-oluvr3s4a2] { padding: 6px 10px; font-size: 11px; font-weight: 700; color: rgba(255,255,255,.95); }
.bc-fn-body[b-oluvr3s4a2] { padding: 6px 10px; font-size: 11px; color: #8d929c; }
.bc-flow-branch[b-oluvr3s4a2] { display: flex; flex-direction: column; gap: 10px; }
.bc-flow-branch-row[b-oluvr3s4a2] { display: flex; align-items: center; gap: 8px; }
.bc-yes-label[b-oluvr3s4a2] { font-size: 11px; font-weight: 700; color: #3ba55d; white-space: nowrap; }
.bc-no-label[b-oluvr3s4a2]  { font-size: 11px; font-weight: 700; color: #ed4245; white-space: nowrap; }
.bc-dl-badge[b-oluvr3s4a2] { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #5865f2; margin-bottom: 10px; }
.bc-dl-big-btn[b-oluvr3s4a2] {
    display: inline-flex; align-items: center; gap: 16px; padding: 18px 36px; border-radius: 12px;
    text-decoration: none; background: linear-gradient(135deg, #5865f2 0%, #4752c4 100%); color: #fff;
    font-size: 16px; font-weight: 700; box-shadow: 0 4px 24px rgba(88,101,242,.35); transition: opacity .15s, transform .15s; margin-top: 8px;
}
.bc-dl-big-btn:hover[b-oluvr3s4a2] { opacity: .9; transform: translateY(-2px); }
.bc-dl-big-btn small[b-oluvr3s4a2] { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,.7); margin-top: 2px; }
.bc-link-secondary[b-oluvr3s4a2] { font-size: 13px; color: #4f545c; text-decoration: none; transition: color .15s; }
.bc-link-secondary:hover[b-oluvr3s4a2] { color: #b9bbbe; }
.bc-footer[b-oluvr3s4a2] { border-top: 1px solid #1e2028; padding: 28px 24px; text-align: center; font-size: 13px; color: #4f545c; }
.bc-footer-link[b-oluvr3s4a2] { color: #5865f2; text-decoration: none; }
.bc-footer-link:hover[b-oluvr3s4a2] { text-decoration: underline; }
@media (max-width: 640px) {
    .bc-ref-row[b-oluvr3s4a2] { grid-template-columns: 1fr; gap: 3px; }
    .bc-hero[b-oluvr3s4a2] { padding: 52px 16px 40px; }
    .bc-section[b-oluvr3s4a2] { padding: 44px 16px; }
    .bc-flow[b-oluvr3s4a2] { flex-direction: column; align-items: flex-start; }
    .bc-flow-arrow[b-oluvr3s4a2] { transform: rotate(90deg); }
    .bc-canvas-grid[b-oluvr3s4a2] { height: 160px; }
}
/* /Pages/BotDocs.razor.rz.scp.css */
*[b-4bouooaq7p], *[b-4bouooaq7p]::before, *[b-4bouooaq7p]::after { box-sizing: border-box; margin: 0; padding: 0; }

.docs-page[b-4bouooaq7p] {
    background: #0d0f13; min-height: 100vh; color: #dcddde;
    font-family: 'Segoe UI', system-ui, sans-serif; overflow-x: hidden;
}
.docs-downloads[b-4bouooaq7p] {
    display: flex; align-items: center; gap: 10px; justify-content: center; margin-top: 20px; flex-wrap: wrap;
}
.docs-downloads-label[b-4bouooaq7p] { font-size: 12px; color: #4f545c; text-transform: uppercase; letter-spacing: .06em; }
.docs-dl-btn[b-4bouooaq7p] {
    display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 8px;
    font-size: 13px; font-weight: 600; background: #13151a; border: 1.5px solid #2e3038; color: #b9bbbe;
    text-decoration: none; transition: border-color .15s, color .15s;
}
.docs-dl-btn:hover[b-4bouooaq7p] { border-color: #3ba55d; color: #3ba55d; }
.docs-dl-btn--accent[b-4bouooaq7p] { border-color: rgba(88,101,242,.4); color: #8b99ff; }
.docs-dl-btn--accent:hover[b-4bouooaq7p] { border-color: #5865f2; color: #fff; }
.docs-nav[b-4bouooaq7p] {
    position: sticky; top: 0; z-index: 100;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 clamp(16px,5vw,64px); height: 58px;
    background: rgba(13,15,19,.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.06);
}
.docs-nav-logo[b-4bouooaq7p] { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font-weight: 700; font-size: 17px; }
.docs-nav-links[b-4bouooaq7p] { display: flex; gap: 24px; }
.docs-nav-link[b-4bouooaq7p] { color: #b9bbbe; text-decoration: none; font-size: 14px; transition: color .15s; }
.docs-nav-link:hover[b-4bouooaq7p] { color: #fff; }
.docs-nav-cta[b-4bouooaq7p] { padding: 7px 18px; background: #3ba55d; color: #fff; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; transition: opacity .15s; }
.docs-nav-cta:hover[b-4bouooaq7p] { opacity: .85; }
.docs-container[b-4bouooaq7p] { max-width: 900px; margin: 0 auto; padding: 0 24px; }
.docs-hero[b-4bouooaq7p] {
    background: linear-gradient(160deg, #0d0f13 0%, #131720 50%, #0d0f13 100%);
    padding: 80px 24px 72px; text-align: center; border-bottom: 1px solid #1e2028;
    position: relative; overflow: hidden;
}
.docs-hero[b-4bouooaq7p]::before {
    content: ''; position: absolute; inset: 0;
    background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(59,165,93,.12) 0%, transparent 70%); pointer-events: none;
}
.docs-hero-inner[b-4bouooaq7p] { max-width: 620px; margin: 0 auto; position: relative; }
.docs-hero-icon[b-4bouooaq7p] { color: #3ba55d; margin-bottom: 20px; display: flex; justify-content: center; }
.docs-hero-title[b-4bouooaq7p] { font-size: clamp(32px,5vw,52px); font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -.5px; line-height: 1.1; }
.docs-hero-sub[b-4bouooaq7p] { font-size: 17px; color: #8d929c; line-height: 1.65; margin-bottom: 36px; }
.docs-hero-btns[b-4bouooaq7p] { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.docs-btn[b-4bouooaq7p] { padding: 12px 28px; border-radius: 8px; font-size: 15px; font-weight: 600; text-decoration: none; transition: opacity .15s, transform .1s; display: inline-block; }
.docs-btn:hover[b-4bouooaq7p] { opacity: .88; transform: translateY(-1px); }
.docs-btn--primary[b-4bouooaq7p] { background: #3ba55d; color: #fff; }
.docs-btn--ghost[b-4bouooaq7p] { background: transparent; color: #b9bbbe; border: 1.5px solid #3a3c42; }
.docs-features[b-4bouooaq7p] { padding: 60px 24px; }
.docs-feat-grid[b-4bouooaq7p] { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 16px; }
.docs-feat-card[b-4bouooaq7p] { background: #13151a; border: 1px solid #1e2028; border-radius: 12px; padding: 22px; display: flex; gap: 16px; align-items: flex-start; transition: border-color .2s; }
.docs-feat-card:hover[b-4bouooaq7p] { border-color: #2e3038; }
.docs-feat-icon[b-4bouooaq7p] { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.docs-feat-name[b-4bouooaq7p] { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 6px; }
.docs-feat-desc[b-4bouooaq7p] { font-size: 13px; color: #8d929c; line-height: 1.55; }
.docs-section[b-4bouooaq7p] { padding: 64px 24px; }
.docs-section--alt[b-4bouooaq7p] { background: #0a0b0f; border-top: 1px solid #1e2028; border-bottom: 1px solid #1e2028; }
.docs-section-title[b-4bouooaq7p] { font-size: clamp(22px,3vw,30px); font-weight: 800; color: #fff; margin-bottom: 8px; }
.docs-section-sub[b-4bouooaq7p] { font-size: 15px; color: #8d929c; margin-bottom: 36px; }
.docs-steps[b-4bouooaq7p] { display: flex; flex-direction: column; gap: 28px; }
.docs-step[b-4bouooaq7p] { display: flex; gap: 20px; align-items: flex-start; }
.docs-step-num[b-4bouooaq7p] { width: 36px; height: 36px; border-radius: 50%; background: #3ba55d; color: #fff; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.docs-step-title[b-4bouooaq7p] { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.docs-step-desc[b-4bouooaq7p] { font-size: 14px; color: #8d929c; line-height: 1.55; }
.docs-code[b-4bouooaq7p] {
    display: block; background: #080a0d; border: 1px solid #1e2028; border-radius: 10px;
    padding: 18px 22px; font-family: 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
    font-size: 13px; line-height: 1.7; color: #abb2bf; overflow-x: auto; margin: 12px 0 0; white-space: pre;
}
.dc-kw[b-4bouooaq7p]  { color: #c678dd; }
.dc-type[b-4bouooaq7p]{ color: #e5c07b; }
.dc-fn[b-4bouooaq7p]  { color: #61afef; }
.dc-str[b-4bouooaq7p] { color: #98c379; }
.dc-cm[b-4bouooaq7p]  { color: #5c6370; font-style: italic; }
.docs-ref-block[b-4bouooaq7p] { margin-bottom: 8px; }
.docs-ref-class[b-4bouooaq7p] { font-size: 18px; font-weight: 700; color: #61afef; font-family: monospace; margin-bottom: 12px; }
.docs-ref-table[b-4bouooaq7p] { border: 1px solid #1e2028; border-radius: 10px; overflow: hidden; }
.docs-ref-row[b-4bouooaq7p] { display: grid; grid-template-columns: 250px 1fr; gap: 16px; padding: 11px 16px; border-bottom: 1px solid #1e2028; font-size: 13px; align-items: start; }
.docs-ref-row:last-child[b-4bouooaq7p] { border-bottom: none; }
.docs-ref-row--head[b-4bouooaq7p] { background: #080a0d; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #4f545c; letter-spacing: .06em; }
.docs-ref-row code[b-4bouooaq7p] { color: #61afef; font-family: monospace; }
.docs-ref-row span[b-4bouooaq7p] { color: #8d929c; line-height: 1.5; }
.docs-ref-group-label[b-4bouooaq7p] { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.docs-example-tab-label[b-4bouooaq7p] { font-size: 12px; font-weight: 700; color: #4f545c; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 0; }
.docs-api-list[b-4bouooaq7p] { display: flex; flex-direction: column; gap: 14px; }
.docs-api-group-label[b-4bouooaq7p] { font-size: 15px; font-weight: 700; color: #b9bbbe; margin-bottom: 12px; }
.docs-api-item[b-4bouooaq7p] { background: #0a0b0f; border: 1px solid #1e2028; border-radius: 10px; padding: 18px 20px; transition: border-color .2s; }
.docs-api-item:hover[b-4bouooaq7p] { border-color: #2e3038; }
.docs-api-head[b-4bouooaq7p] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.docs-api-method[b-4bouooaq7p] { padding: 3px 9px; border-radius: 5px; font-size: 11px; font-weight: 800; letter-spacing: .06em; }
.docs-api-method--post[b-4bouooaq7p]   { background: rgba(59,165,93,.15); color: #3ba55d; }
.docs-api-method--get[b-4bouooaq7p]    { background: rgba(88,101,242,.15); color: #5865f2; }
.docs-api-method--delete[b-4bouooaq7p] { background: rgba(237,66,69,.15); color: #ed4245; }
.docs-api-path[b-4bouooaq7p] { font-family: monospace; font-size: 14px; color: #fff; }
.docs-api-auth[b-4bouooaq7p] { font-size: 12px; color: #faa61a; margin-left: auto; }
.docs-api-tag[b-4bouooaq7p] { font-size: 12px; color: #72767d; background: rgba(255,255,255,.06); padding: 2px 8px; border-radius: 10px; }
.docs-api-desc[b-4bouooaq7p] { font-size: 13px; color: #8d929c; margin-bottom: 8px; }
.docs-api-resp[b-4bouooaq7p] { font-size: 12px; color: #4f545c; margin-top: 8px; }
.docs-api-resp code[b-4bouooaq7p] { color: #8d929c; }
.docs-footer[b-4bouooaq7p] { border-top: 1px solid #1e2028; padding: 28px 24px; text-align: center; font-size: 13px; color: #4f545c; }
.docs-footer-link[b-4bouooaq7p] { color: #3ba55d; text-decoration: none; }
.docs-footer-link:hover[b-4bouooaq7p] { text-decoration: underline; }
.docs-section--creator[b-4bouooaq7p] {
    background: linear-gradient(180deg, #0a0b0f 0%, #0d0f13 100%);
    border-top: 1px solid #1e2028; border-bottom: 1px solid #1e2028;
}
.docs-creator-header[b-4bouooaq7p] { text-align: center; margin-bottom: 28px; }
.docs-creator-badge[b-4bouooaq7p] {
    display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 12px; font-weight: 700;
    background: rgba(88,101,242,.18); color: #8b99ff; border: 1px solid rgba(88,101,242,.35);
    margin-bottom: 16px; letter-spacing: .04em;
}
.docs-creator-title[b-4bouooaq7p] { font-size: clamp(26px,4vw,42px); font-weight: 800; color: #fff; margin-bottom: 16px; letter-spacing: -.4px; line-height: 1.15; }
.docs-creator-sub[b-4bouooaq7p] { font-size: 16px; color: #8d929c; line-height: 1.7; max-width: 680px; margin: 0 auto; }
.docs-creator-sub strong[b-4bouooaq7p] { color: #b9bbbe; }
.docs-creator-pills[b-4bouooaq7p] { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 36px; }
.docs-creator-pills span[b-4bouooaq7p] { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; background: #13151a; border: 1px solid #2e3038; color: #b9bbbe; }
.docs-creator-video-wrap[b-4bouooaq7p] {
    position: relative; cursor: pointer; border-radius: 14px; overflow: hidden;
    border: 1.5px solid #2e3038; box-shadow: 0 8px 48px rgba(0,0,0,.55); transition: border-color .2s; margin-bottom: 32px;
}
.docs-creator-video-wrap:hover[b-4bouooaq7p] { border-color: #5865f2; }
.docs-creator-video[b-4bouooaq7p] { display: block; width: 100%; max-height: 520px; object-fit: contain; background: #080a0d; }
.docs-creator-video-hint[b-4bouooaq7p] {
    position: absolute; bottom: 12px; right: 14px; display: flex; align-items: center; gap: 6px;
    padding: 5px 12px; border-radius: 20px; background: rgba(0,0,0,.65); backdrop-filter: blur(8px);
    font-size: 12px; color: #b9bbbe; pointer-events: none; transition: opacity .2s;
}
.docs-creator-video-wrap:hover .docs-creator-video-hint[b-4bouooaq7p] { opacity: 0; }
.docs-creator-download-wrap[b-4bouooaq7p] { display: flex; justify-content: center; }
.docs-creator-dl-btn[b-4bouooaq7p] {
    display: inline-flex; align-items: center; gap: 14px; padding: 16px 32px; border-radius: 12px;
    text-decoration: none; background: linear-gradient(135deg, #3ba55d 0%, #2d8a4e 100%); color: #fff;
    font-size: 16px; font-weight: 700; box-shadow: 0 4px 24px rgba(59,165,93,.35); transition: opacity .15s, transform .15s;
}
.docs-creator-dl-btn:hover[b-4bouooaq7p] { opacity: .9; transform: translateY(-2px); }
.docs-creator-dl-btn small[b-4bouooaq7p] { display: block; font-size: 12px; font-weight: 400; color: rgba(255,255,255,.7); margin-top: 2px; }
@media (max-width: 640px) {
    .docs-ref-row[b-4bouooaq7p] { grid-template-columns: 1fr; gap: 4px; }
    .docs-step[b-4bouooaq7p] { gap: 14px; }
    .docs-hero[b-4bouooaq7p] { padding: 52px 16px 48px; }
    .docs-section[b-4bouooaq7p] { padding: 44px 16px; }
}
/* /Pages/Index.razor.rz.scp.css */
*[b-xc99l5jgdm], *[b-xc99l5jgdm]::before, *[b-xc99l5jgdm]::after { box-sizing: border-box; }
.land-root[b-xc99l5jgdm] {
    min-height: 100vh; background: #0d0f13; color: #e3e5e8;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow-x: hidden;
}

/* ── NAVBAR ── */
.land-nav[b-xc99l5jgdm] {
    display: flex; align-items: center; gap: 24px; padding: 14px 40px;
    position: sticky; top: 0; z-index: 100; background: rgba(13,15,19,.88);
    backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.06);
}
.land-nav-logo[b-xc99l5jgdm] { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.land-logo-text[b-xc99l5jgdm] { color: #fff; font-weight: 700; font-size: 18px; }
.land-nav-links[b-xc99l5jgdm] { display: flex; gap: 4px; flex: 1; }
.land-nav-link[b-xc99l5jgdm] {
    color: #9ea3b0; font-size: 14px; font-weight: 500; text-decoration: none;
    padding: 6px 12px; border-radius: 6px; transition: color .15s, background .15s;
}
.land-nav-link:hover[b-xc99l5jgdm] { color: #fff; background: rgba(255,255,255,.06); }
.land-nav-actions[b-xc99l5jgdm] { display: flex; gap: 10px; }
.land-btn[b-xc99l5jgdm] { padding: 8px 18px; border-radius: 8px; font-size: 14px; font-weight: 500; text-decoration: none; transition: all .15s; }
.land-btn-ghost[b-xc99l5jgdm] { color: #b9bbbe; border: 1px solid rgba(255,255,255,.12); }
.land-btn-ghost:hover[b-xc99l5jgdm] { background: rgba(255,255,255,.06); color: #fff; }
.land-btn-primary[b-xc99l5jgdm] { background: #5865f2; color: #fff; }
.land-btn-primary:hover[b-xc99l5jgdm] { background: #4752c4; }
.land-burger[b-xc99l5jgdm] { display: none; background: none; border: 1px solid rgba(255,255,255,.15); border-radius: 6px; color: #b5bac1; padding: 6px 10px; cursor: pointer; font-size: 16px; margin-left: auto; }

/* ── HERO ── */
.land-hero[b-xc99l5jgdm] { padding: 110px 40px 90px; text-align: center; position: relative; overflow: hidden; }
.land-hero-glow[b-xc99l5jgdm] {
    position: absolute; top: -40%; left: 50%; transform: translateX(-50%);
    width: 800px; height: 600px;
    background: radial-gradient(ellipse, rgba(88,101,242,.22) 0%, transparent 68%); pointer-events: none;
}
.land-hero-inner[b-xc99l5jgdm] { position: relative; max-width: 740px; margin: 0 auto; }
.land-badge[b-xc99l5jgdm] {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(88,101,242,.12); border: 1px solid rgba(88,101,242,.3);
    color: #8b94e8; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 500; margin-bottom: 26px;
}
.land-badge-dot[b-xc99l5jgdm] { width: 7px; height: 7px; background: #57f287; border-radius: 50%; animation: blink-b-xc99l5jgdm 2s infinite; }
@keyframes blink-b-xc99l5jgdm { 0%,100%{opacity:1} 50%{opacity:.3} }
.land-h1[b-xc99l5jgdm] {
    font-size: clamp(38px,6vw,64px); font-weight: 800; line-height: 1.12;
    color: #fff; margin: 0 0 22px; letter-spacing: -.5px;
}
.land-grad[b-xc99l5jgdm] {
    background: linear-gradient(135deg, #5865f2 30%, #57f287);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.land-lead[b-xc99l5jgdm] { font-size: 17px; color: #9ea3b0; line-height: 1.65; margin: 0 0 40px; }
.land-hero-btns[b-xc99l5jgdm] { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.land-primary-btn[b-xc99l5jgdm] {
    display: inline-flex; align-items: center; gap: 8px; background: #5865f2; color: #fff;
    padding: 14px 28px; border-radius: 10px; font-size: 15px; font-weight: 600;
    text-decoration: none; transition: background .15s, transform .1s;
}
.land-primary-btn:hover[b-xc99l5jgdm] { background: #4752c4; transform: translateY(-1px); }
.land-ghost-btn[b-xc99l5jgdm] {
    display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #b9bbbe;
    border: 1px solid rgba(255,255,255,.15); padding: 14px 28px; border-radius: 10px;
    font-size: 15px; font-weight: 500; text-decoration: none; transition: all .15s;
}
.land-ghost-btn:hover[b-xc99l5jgdm] { background: rgba(255,255,255,.06); color: #fff; }

/* ── TRUST BAR ── */
.land-trust[b-xc99l5jgdm] {
    background: rgba(255,255,255,.025);
    border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); padding: 18px 40px;
}
.land-trust-inner[b-xc99l5jgdm] { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 0; flex-wrap: wrap; }
.land-trust-item[b-xc99l5jgdm] { display: flex; align-items: center; gap: 8px; padding: 8px 28px; font-size: 14px; color: #9ea3b0; }
.land-trust-icon[b-xc99l5jgdm] { font-size: 18px; }
.land-trust-sep[b-xc99l5jgdm] { width: 1px; height: 22px; background: rgba(255,255,255,.1); flex-shrink: 0; }

/* ── FEATURES ── */
.land-features[b-xc99l5jgdm] { padding: 90px 40px; }
.land-section-inner[b-xc99l5jgdm] { max-width: 1100px; margin: 0 auto; }
.land-section-label[b-xc99l5jgdm] { display: inline-block; color: #5865f2; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 12px; }
.land-section-title[b-xc99l5jgdm] { font-size: 34px; font-weight: 700; color: #fff; text-align: center; margin: 0 0 10px; }
.land-section-sub[b-xc99l5jgdm] { text-align: center; color: #72767d; font-size: 15px; margin: 0 0 52px; line-height: 1.5; }
.land-features-grid[b-xc99l5jgdm] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.land-feat-card[b-xc99l5jgdm] {
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 16px; padding: 24px;
    transition: border-color .2s, transform .2s; display: flex; flex-direction: column; gap: 12px;
}
.land-feat-card:hover[b-xc99l5jgdm] { transform: translateY(-2px); }
.land-feat-card--blue:hover[b-xc99l5jgdm]   { border-color: rgba(88,101,242,.45); }
.land-feat-card--green:hover[b-xc99l5jgdm]  { border-color: rgba(87,242,135,.45); }
.land-feat-card--purple:hover[b-xc99l5jgdm] { border-color: rgba(235,69,158,.45); }
.land-feat-card--orange:hover[b-xc99l5jgdm] { border-color: rgba(250,166,26,.45); }
.land-feat-card--teal:hover[b-xc99l5jgdm]   { border-color: rgba(0,176,244,.45); }
.land-feat-card--yellow:hover[b-xc99l5jgdm] { border-color: rgba(254,215,0,.45); }
.land-feat-card--red:hover[b-xc99l5jgdm]    { border-color: rgba(240,71,71,.45); }
.land-feat-card--indigo:hover[b-xc99l5jgdm] { border-color: rgba(88,101,242,.45); }
.land-feat-card--cyan:hover[b-xc99l5jgdm]   { border-color: rgba(0,200,220,.45); }
.land-feat-icon-wrap[b-xc99l5jgdm] { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.land-icon--blue[b-xc99l5jgdm]   { background: rgba(88,101,242,.18); color: #8b94e8; }
.land-icon--green[b-xc99l5jgdm]  { background: rgba(87,242,135,.15); color: #57f287; }
.land-icon--purple[b-xc99l5jgdm] { background: rgba(235,69,158,.15); color: #eb459e; }
.land-icon--orange[b-xc99l5jgdm] { background: rgba(250,166,26,.15);  color: #faa61a; }
.land-icon--teal[b-xc99l5jgdm]   { background: rgba(0,176,244,.15);   color: #00b0f4; }
.land-icon--yellow[b-xc99l5jgdm] { background: rgba(254,215,0,.15);   color: #fed700; }
.land-icon--red[b-xc99l5jgdm]    { background: rgba(240,71,71,.15);   color: #f04747; }
.land-icon--indigo[b-xc99l5jgdm] { background: rgba(88,101,242,.18);  color: #5865f2; }
.land-icon--cyan[b-xc99l5jgdm]   { background: rgba(0,200,220,.15);   color: #00c8dc; }
.land-feat-title[b-xc99l5jgdm] { font-size: 16px; font-weight: 700; color: #fff; margin: 0; }
.land-feat-desc[b-xc99l5jgdm]  { font-size: 14px; color: #72767d; line-height: 1.55; margin: 0; flex: 1; }

/* ── WORKFLOW ── */
.land-workflow[b-xc99l5jgdm] {
    padding: 90px 40px; background: rgba(255,255,255,.018);
    border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06);
}
.land-workflow .land-section-label[b-xc99l5jgdm],
.land-workflow .land-section-title[b-xc99l5jgdm],
.land-workflow .land-section-sub[b-xc99l5jgdm] { text-align: center; display: block; }
.land-steps[b-xc99l5jgdm] { display: flex; flex-direction: column; gap: 0; margin-top: 12px; }
.land-step[b-xc99l5jgdm] { display: flex; gap: 28px; padding: 32px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.land-step:last-child[b-xc99l5jgdm] { border-bottom: none; }
.land-step-num[b-xc99l5jgdm] { font-size: 38px; font-weight: 800; color: rgba(88,101,242,.25); flex-shrink: 0; width: 72px; line-height: 1; font-variant-numeric: tabular-nums; }
.land-step-title[b-xc99l5jgdm] { font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.land-step-desc[b-xc99l5jgdm]  { font-size: 15px; color: #72767d; line-height: 1.65; margin: 0; max-width: 680px; }

/* ── ROLES ── */
.land-roles[b-xc99l5jgdm] { padding: 90px 40px; }
.land-roles .land-section-label[b-xc99l5jgdm],
.land-roles .land-section-title[b-xc99l5jgdm],
.land-roles .land-section-sub[b-xc99l5jgdm] { text-align: center; display: block; }
.land-roles-grid[b-xc99l5jgdm] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.land-role-card[b-xc99l5jgdm] { border-radius: 14px; padding: 22px 18px; border: 1px solid rgba(255,255,255,.07); display: flex; flex-direction: column; gap: 8px; transition: transform .2s; }
.land-role-card:hover[b-xc99l5jgdm] { transform: translateY(-2px); }
.land-role--admin[b-xc99l5jgdm]    { background: rgba(240,71,71,.08);   border-color: rgba(240,71,71,.2); }
.land-role--director[b-xc99l5jgdm] { background: rgba(88,101,242,.08);  border-color: rgba(88,101,242,.2); }
.land-role--gip[b-xc99l5jgdm]      { background: rgba(87,242,135,.07);  border-color: rgba(87,242,135,.2); }
.land-role--specialist[b-xc99l5jgdm] { background: rgba(255,255,255,.03); }
.land-role--client[b-xc99l5jgdm]   { background: rgba(0,176,244,.07);   border-color: rgba(0,176,244,.2); }
.land-role-icon[b-xc99l5jgdm]  { font-size: 24px; }
.land-role-name[b-xc99l5jgdm]  { font-size: 15px; font-weight: 700; color: #fff; }
.land-role-desc[b-xc99l5jgdm]  { font-size: 13px; color: #72767d; line-height: 1.4; }

/* ── DEPLOYMENT ── */
.land-deploy[b-xc99l5jgdm] {
    padding: 90px 40px; background: rgba(255,255,255,.018);
    border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06);
}
.land-deploy-grid[b-xc99l5jgdm] { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.land-deploy-title[b-xc99l5jgdm] { font-size: 30px; font-weight: 700; color: #fff; margin: 0 0 16px; }
.land-deploy-desc[b-xc99l5jgdm] { font-size: 15px; color: #9ea3b0; line-height: 1.65; margin: 0 0 28px; }
.land-deploy-list[b-xc99l5jgdm] { display: flex; flex-direction: column; gap: 12px; }
.land-deploy-item[b-xc99l5jgdm] { display: flex; gap: 12px; font-size: 14px; color: #b5bac1; line-height: 1.4; }
.land-deploy-check[b-xc99l5jgdm] { color: #57f287; font-size: 16px; flex-shrink: 0; }
.land-code-block[b-xc99l5jgdm] { background: #0a0c10; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; overflow: hidden; font-size: 13px; }
.land-code-header[b-xc99l5jgdm] { display: flex; align-items: center; gap: 6px; padding: 12px 16px; background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.07); }
.land-code-dot[b-xc99l5jgdm] { width: 10px; height: 10px; border-radius: 50%; }
.land-code-dot--red[b-xc99l5jgdm]    { background: #ff5f57; }
.land-code-dot--yellow[b-xc99l5jgdm] { background: #ffbd2e; }
.land-code-dot--green[b-xc99l5jgdm]  { background: #28c941; }
.land-code-title[b-xc99l5jgdm] { color: #72767d; font-size: 12px; margin-left: 6px; }
.land-code[b-xc99l5jgdm] { margin: 0; padding: 20px; line-height: 1.7; overflow-x: auto; }
.land-code code[b-xc99l5jgdm] { font-family: 'Fira Code', 'Cascadia Code', monospace; }
.lc-key[b-xc99l5jgdm]     { color: #7ec8e3; }
.lc-str[b-xc99l5jgdm]     { color: #a8d8a8; }
.lc-comment[b-xc99l5jgdm] { color: #4a5568; }

/* ── CTA ── */
.land-cta[b-xc99l5jgdm] { padding: 100px 40px; text-align: center; position: relative; overflow: hidden; }
.land-cta-glow[b-xc99l5jgdm] {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 600px; height: 400px;
    background: radial-gradient(ellipse, rgba(88,101,242,.2) 0%, transparent 70%); pointer-events: none;
}
.land-cta-inner[b-xc99l5jgdm] { position: relative; max-width: 600px; margin: 0 auto; }
.land-cta-title[b-xc99l5jgdm] { font-size: clamp(26px,4vw,40px); font-weight: 800; color: #fff; margin: 0 0 14px; }
.land-cta-sub[b-xc99l5jgdm] { font-size: 16px; color: #9ea3b0; line-height: 1.6; margin: 0; }

/* ── FOOTER ── */
.land-footer[b-xc99l5jgdm] { border-top: 1px solid rgba(255,255,255,.07); padding: 32px 40px; }
.land-footer-inner[b-xc99l5jgdm] { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 32px; flex-wrap: wrap; }
.land-footer-brand[b-xc99l5jgdm] { display: flex; align-items: center; gap: 10px; }
.land-footer-logo-text[b-xc99l5jgdm] { color: #fff; font-weight: 700; font-size: 15px; }
.land-footer-links[b-xc99l5jgdm] { display: flex; gap: 20px; flex: 1; flex-wrap: wrap; }
.land-footer-link[b-xc99l5jgdm] { color: #72767d; text-decoration: none; font-size: 14px; transition: color .15s; }
.land-footer-link:hover[b-xc99l5jgdm] { color: #e3e5e8; }
.land-footer-copy[b-xc99l5jgdm] { color: #4a5568; font-size: 13px; margin-left: auto; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
    .land-features-grid[b-xc99l5jgdm] { grid-template-columns: repeat(2, 1fr); }
    .land-roles-grid[b-xc99l5jgdm]    { grid-template-columns: repeat(2, 1fr); }
    .land-deploy-grid[b-xc99l5jgdm]   { grid-template-columns: 1fr; }
    .land-nav-links[b-xc99l5jgdm]     { display: none; }
}
@media (max-width: 600px) {
    .land-nav[b-xc99l5jgdm] { padding: 12px 20px; }
    .land-hero[b-xc99l5jgdm] { padding: 70px 20px 60px; }
    .land-lead[b-xc99l5jgdm] { font-size: 15px; }
    .land-features[b-xc99l5jgdm], .land-workflow[b-xc99l5jgdm], .land-roles[b-xc99l5jgdm], .land-deploy[b-xc99l5jgdm], .land-cta[b-xc99l5jgdm] { padding: 60px 20px; }
    .land-features-grid[b-xc99l5jgdm] { grid-template-columns: 1fr; }
    .land-roles-grid[b-xc99l5jgdm]    { grid-template-columns: 1fr 1fr; }
    .land-trust-inner[b-xc99l5jgdm]   { flex-direction: column; gap: 4px; }
    .land-trust-sep[b-xc99l5jgdm]     { display: none; }
    .land-trust-item[b-xc99l5jgdm]    { padding: 6px 0; }
    .land-step[b-xc99l5jgdm]          { flex-direction: column; gap: 12px; }
    .land-step-num[b-xc99l5jgdm]      { font-size: 28px; width: auto; }
    .land-burger[b-xc99l5jgdm]        { display: block; }
    .land-nav-actions[b-xc99l5jgdm]   { display: none; }
    .land-footer-inner[b-xc99l5jgdm]  { flex-direction: column; gap: 16px; }
    .land-footer-copy[b-xc99l5jgdm]   { margin-left: 0; }
}