/* Help center page styles. */

.help-layout {

    align-items: start;

}


.help-sidebar-card {

    position: sticky;

    top: 1rem;

}


.help-sidebar-inner {

    max-width: 15rem;

    padding: 0.25rem 0.2rem 0.25rem 0;

}


.help-sidebar-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0.75rem;

}


.help-sidebar-heading .h5 {

    margin-bottom: 0.5rem !important;

}


.help-toc-toggle {

    display: none;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: 2rem;

    height: 2rem;

    padding: 0;

    border: 0;

    background: transparent;

    color: #5b7593;

    cursor: pointer;

}


.help-toc-toggle::before {

    content: "\f078";

    font-family: "Font Awesome 6 Pro";

    font-weight: 900;

    transition: transform 0.18s ease, color 0.18s ease;

}


.help-toc-toggle[aria-expanded="true"]::before {

    transform: rotate(180deg);

}


.help-toc-toggle:hover {

    color: #173b63;

}


.help-toc-toggle:focus-visible {

    outline: 0;

    color: #173b63;

    box-shadow: 0 0 0 0.18rem rgba(31, 75, 143, 0.12);

    border-radius: 999px;

}


.help-search-form {

    margin-bottom: 1rem;

}


.help-search-label {

    display: block;

    font-size: 0.82rem;

    font-weight: 600;

    color: #4f647d;

    margin-bottom: 0.4rem;

}


.help-search-input-group .input-group-text {

    color: #4f647d;

    background: #f7f9fc;

    border-color: rgba(23, 59, 99, 0.12);

}


.help-search-submit {

    cursor: pointer;

    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;

}


.help-search-submit:hover {

    color: #173b63;

    background: #edf3fb;

}


.help-search-submit:focus-visible {

    position: relative;

    z-index: 2;

    outline: 0;

    border-color: rgba(31, 75, 143, 0.42);

    box-shadow: 0 0 0 0.18rem rgba(31, 75, 143, 0.12);

}


.help-search-input-group .form-control {

    border-color: rgba(23, 59, 99, 0.12);

}


.help-search-input-group .form-control:focus {

    border-color: rgba(31, 75, 143, 0.42);

    box-shadow: 0 0 0 0.18rem rgba(31, 75, 143, 0.12);

}


.help-search-results-card {

    border-radius: 1rem;

}


.help-search-results-list {

    display: grid;

    gap: 0.85rem;

}


.help-search-result-link {

    display: block;

    padding: 1rem 1.05rem;

    border: 1px solid rgba(23, 59, 99, 0.1);

    border-radius: 0.9rem;

    background: #fff;

    color: inherit;

    text-decoration: none;

    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;

}


.help-search-result-link:hover {

    border-color: rgba(31, 75, 143, 0.28);

    box-shadow: 0 0.65rem 1.5rem rgba(16, 41, 74, 0.08);

    transform: translateY(-1px);

}


.help-search-result-link.active {

    border-color: rgba(31, 75, 143, 0.42);

    box-shadow: 0 0 0 0.2rem rgba(31, 75, 143, 0.08);

}


.help-search-result-chapter {

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    color: #4f83c2;

    margin-bottom: 0.35rem;

}


.help-search-result-title {

    font-size: 1rem;

    font-weight: 700;

    color: #173b63;

    margin-bottom: 0.35rem;

}


.help-search-result-excerpt {

    color: #5d7287;

    line-height: 1.55;

}


.help-search-empty {

    padding: 1rem 1.05rem;

    border: 1px dashed rgba(23, 59, 99, 0.18);

    border-radius: 0.9rem;

    background: rgba(247, 249, 252, 0.72);

}


.help-toc {

    display: flex;

    flex-direction: column;

    gap: 0.15rem;

}


.help-toc-chapter {

    border: 0;

    border-radius: 0;

    background: transparent;

    overflow: visible;

}


.help-toc-summary {

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 0.2rem 0.75rem;

    padding: 0.55rem 0.35rem 0.45rem 0;

    cursor: pointer;

    list-style: none;

    transition: background-color 0.18s ease, color 0.18s ease;

}


.help-toc-summary::-webkit-details-marker {

    display: none;

}


.help-toc-summary-title {

    grid-column: 2 / 3;

    font-weight: 700;

    color: #173b63;

}


.help-toc-summary:hover {

    color: #10294a;

}


.help-toc-summary-copy {

    font-size: 0.8rem;

    color: #66788a;

    grid-column: 2 / 3;

}


.help-toc-summary::before {

    content: "\f078";

    font-family: "Font Awesome 6 Pro";

    font-weight: 900;

    color: #5b7593;

    grid-column: 1 / 2;

    grid-row: 1 / span 2;

    align-self: start;

    margin-top: 0.1rem;

    transition: transform 0.18s ease;

}


.help-toc-chapter[open] .help-toc-summary::before {

    transform: rotate(180deg);

}


.help-toc-links {

    margin: 0.05rem 0 0.45rem 0.7rem;

    padding: 0.1rem 0 0 0.7rem;

    border-left: 1px solid rgba(23, 59, 99, 0.12);

    gap: 0.25rem;

}


.help-toc-link {

    display: block;

    padding: 0.28rem 0;

    font-size: 0.87rem;

    color: #294765;

    text-decoration: none;

    transition: color 0.18s ease, text-decoration-color 0.18s ease;

}


.help-toc-link:hover {

    color: #173b63;

    text-decoration: underline;

    text-underline-offset: 0.18rem;

}


.help-toc-link.active {

    color: #173b63;

    font-weight: 600;

    text-decoration: underline;

    text-decoration-thickness: 0.08rem;

    text-underline-offset: 0.2rem;

}


.breadcrumb-shell {

    padding: 0.85rem 1rem;

    border-radius: 0.9rem;

    background: #f8fafc;

    border: 1px solid rgba(23, 59, 99, 0.08);

}


.help-breadcrumb a {

    color: #355778;

    text-decoration: none;

}


.help-breadcrumb a:hover {

    text-decoration: underline;

}


.help-breadcrumb .breadcrumb-item.active a {

    color: #173b63;

    font-weight: 600;

}


.help-page-hero {

    padding: 1.4rem 1.55rem;

    border: 1px solid rgba(23, 59, 99, 0.08);

    border-radius: 1rem;

    background:

        linear-gradient(135deg, rgba(23, 59, 99, 0.04), rgba(23, 59, 99, 0.01)),

        #fff;

}


.help-article-card {

    border-radius: 1rem;

}


.help-article-section + .help-article-section {

    margin-top: 2rem;

    padding-top: 2rem;

    border-top: 1px solid rgba(23, 59, 99, 0.08);

}


.help-article-section p:last-child {

    margin-bottom: 0;

}

.help-process-card-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 1rem;

    margin-top: 1.25rem;

}


.help-process-card {

    position: relative;

    display: grid;

    gap: 0.9rem;

    min-width: 0;

    padding: 3.1rem 1rem 1rem;

    border: 1px solid rgba(23, 59, 99, 0.1);

    border-radius: 0.95rem;

    background: linear-gradient(180deg, rgba(238, 244, 251, 0.82) 0%, #ffffff 100%);

    box-shadow: 0 12px 26px rgba(20, 41, 77, 0.06);

}


.help-process-card-icon {

    position: absolute;

    top: 0.85rem;

    right: 0.85rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 2.45rem;

    height: 2.45rem;

    border-radius: 0.8rem;

    background: rgba(31, 75, 143, 0.1);

    color: #1f4b8f;

    font-size: 1.05rem;

}


.help-process-card-copy {

    min-width: 0;

}


.help-process-card-step {

    position: absolute;

    top: 0.85rem;

    left: 0.85rem;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 2rem;

    height: 2rem;

    margin: 0;

    border-radius: 999px;

    background: #1f4b8f;

    color: #ffffff;

    font-size: 0.9rem;

    font-weight: 800;

    line-height: 1;

}


.help-process-card-title {

    margin: 0;

    color: #173b63;

    font-size: 1rem;

    line-height: 1.25;

    font-weight: 700;

}


.help-process-card-description {

    margin: 0.45rem 0 0;

    color: #53657b;

    font-size: 0.92rem;

    line-height: 1.5;

}


.help-article-list {

    margin: 1rem 0 0;

    padding-left: 1.7rem;

}


.help-article-list-ordered {

    padding-left: 1.95rem;

}


.help-article-list li + li {

    margin-top: 0.55rem;

}


.help-badge-groups {

    margin-top: 1rem;

    display: grid;

    gap: 1rem;

}


.help-badge-group {

    padding: 1rem 1.1rem;

    border: 1px solid rgba(23, 59, 99, 0.1);

    border-radius: 0.9rem;

    background: linear-gradient(135deg, rgba(23, 59, 99, 0.04), rgba(23, 59, 99, 0.01));

}


.help-badge-group-title {

    margin: 0;

    font-size: 0.95rem;

    font-weight: 700;

    color: #173b63;

}


.help-badge-list {

    list-style: none;

    margin: 0.9rem 0 0;

    padding: 0;

    display: grid;

    gap: 0.85rem;

}


.help-badge-item {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr);

    gap: 0.85rem;

    align-items: start;

}


.help-badge-copy {

    min-width: 0;

}


.help-badge-copy-title {

    font-weight: 600;

    color: #173b63;

}


.help-badge-copy-description {

    margin: 0.25rem 0 0;

    color: #53657b;

}


.help-reference-table-shell {

    margin-top: 1rem;

    border: 1px solid rgba(23, 59, 99, 0.1);

    border-radius: 0.9rem;

    background: #fff;

}


.help-reference-table {

    margin-bottom: 0;

}


.help-reference-table thead th {

    position: sticky;

    top: 0;

    z-index: 1;

    background: #eef4fb;

    color: #173b63;

    font-weight: 700;

    white-space: nowrap;

}


.help-reference-table td,
.help-reference-table th {

    vertical-align: top;

}


.help-reference-table td code {

    font-size: 0.82rem;

    color: #173b63;

}


.help-screenshot-placeholder {

    margin-top: 1rem;

    padding: 0.95rem 1rem;

    border: 1px dashed #86a3c4;

    border-radius: 0.9rem;

    background: #f4f8fd;

}


.help-screenshot-placeholder-label {

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    color: #4a6786;

}


.help-screenshot-placeholder-token {

    margin-top: 0.35rem;

    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

    font-size: 0.95rem;

    color: #173b63;

}


.help-screenshot-placeholder-note {

    margin-top: 0.45rem;

    font-size: 0.88rem;

    color: #66788a;

}


.help-screenshot-placeholder-actions {

    margin-top: 0.85rem;

}


.help-screenshot-placeholder-meta {

    margin-top: 0.45rem;

    font-size: 0.88rem;

    color: #4a6786;

}


.help-screenshot-placeholder-meta code {

    color: inherit;

}


.help-screenshot-figure {

    position: relative;

    margin: 1.25rem 0 0;

}


.help-screenshot-stage {

    position: relative;

    display: inline-block;

    max-width: 100%;

    vertical-align: top;

}


.help-screenshot-link {

    display: block;

    cursor: zoom-in;

}


.help-screenshot-image {

    display: block;

    width: 100%;

    max-width: 100%;

    height: auto;

    border: 1px solid rgba(23, 59, 99, 0.12);

    border-radius: 0.95rem;

    box-shadow: 0 18px 36px rgba(20, 41, 77, 0.08);

    background: #ffffff;

}


.help-screenshot-admin {

    position: absolute;

    top: 0.9rem;

    right: 0.9rem;

    z-index: 2;

    display: flex;

    flex-wrap: wrap;

    justify-content: end;

    gap: 0.5rem;

}


.help-screenshot-upload-form,

.help-screenshot-remove-form {

    margin: 0;

}


.help-screenshot-upload-form {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: end;

    gap: 0.5rem;

}


.help-screenshot-file-label {

    margin: 0;

}


.help-screenshot-file-input {

    display: none;

}


.help-screenshot-resize-handle {

    position: absolute;

    right: 0.9rem;

    bottom: 0.9rem;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 1.9rem;

    height: 1.9rem;

    padding: 0;

    border: 1px solid rgba(23, 59, 99, 0.18);

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow: 0 10px 24px rgba(20, 41, 77, 0.14);

    cursor: nwse-resize;

}


.help-screenshot-resize-handle span {

    display: block;

    width: 0.7rem;

    height: 0.7rem;

    border-right: 2px solid #4a6786;

    border-bottom: 2px solid #4a6786;

}


.help-screenshot-resize-handle:hover,

.help-screenshot-resize-handle:focus-visible {

    border-color: rgba(23, 59, 99, 0.3);

    background: #ffffff;

    outline: 0;

}


body.help-screenshot-is-resizing,

body.help-screenshot-is-resizing * {

    cursor: nwse-resize !important;

    user-select: none;

}


.help-troubleshooting {

    margin-top: 2rem;

    padding: 1.25rem 1.3rem;

    border-radius: 0.95rem;

    background: #fff7db;

    border: 1px solid #f1da8a;

}


.help-code-blocks {

    display: grid;

    gap: 1rem;

    margin: 1rem 0 1.25rem;

}


.help-code-block {

    position: relative;

    overflow: hidden;

    border-radius: 1rem;

    border: 1px solid rgba(23, 59, 99, 0.12);

    box-shadow: 0 0.85rem 2rem rgba(20, 41, 77, 0.06);

}


.help-code-block:focus-within {

    z-index: 5;

}


.help-code-block-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0.75rem;

    padding: 0.8rem 1rem;

    border-bottom: 1px solid rgba(23, 59, 99, 0.1);

}


.help-code-block-label {

    flex: 1 1 auto;

    font-size: 0.82rem;

    font-weight: 700;
    
    letter-spacing: 0.05em;

    text-transform: uppercase;

}


.help-code-block-selector-shell {

    flex: 0 0 auto;

    position: relative;

}


.help-code-block-selector-toggle {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 2rem;

    height: 2rem;

    padding: 0;

    border-radius: 0.7rem;

    border-width: 1px;

    font-size: 0.92rem;

    line-height: 1;

}


.help-code-block-selector-toggle::after {

    display: none;

}


.help-code-block-selector-menu {

    min-width: 9rem;

    max-width: min(16rem, calc(100vw - 2rem));

    overflow-x: hidden;

    overflow-y: auto;

    padding: 0.35rem;

    border-radius: 0.85rem;

    box-shadow: 0 0.9rem 2rem rgba(20, 41, 77, 0.16);

}


.help-code-block-portaled-menu {

    margin: 0;

}


.help-code-block-selector-item {

    border-radius: 0.65rem;

    font-size: 0.84rem;

    font-weight: 600;

}


.help-code-block-pre {

    margin: 0;

    padding: 1rem 1.05rem 1.1rem;

    overflow: auto;

    font-size: 0.86rem;

    line-height: 1.62;

    font-family: "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace;

    white-space: pre;

}


.help-code-block-pre code {

    display: block;

    color: inherit;

}


.help-code-block-light {

    background: linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);

    border-color: rgba(23, 59, 99, 0.12);

}


.help-code-block-light .help-code-block-selector-toggle {

    border-color: rgba(23, 59, 99, 0.14);

    background-color: #ffffff;

    color: #173b63;

}


.help-code-block-light .help-code-block-selector-toggle:hover,
.help-code-block-light .help-code-block-selector-toggle:focus,
.help-code-block-light .help-code-block-selector-toggle.show {

    border-color: rgba(31, 75, 143, 0.28);

    background-color: #ffffff;

    color: #173b63;

    box-shadow: 0 0 0 0.18rem rgba(31, 75, 143, 0.12);

}


.help-code-block-light .help-code-block-selector-menu {

    border-color: rgba(23, 59, 99, 0.12);

    background: #ffffff;

}


.help-code-block-light .help-code-block-header {

    background: rgba(23, 59, 99, 0.06);

}


.help-code-block-light .help-code-block-label {

    color: #173b63;

}


.help-code-block-light .help-code-block-pre {

    color: #25496f;

    background: transparent;

}


.help-code-block-dark {

    background: linear-gradient(180deg, #202733 0%, #141c27 100%);

    border-color: rgba(112, 147, 196, 0.22);

}


.help-code-block-dark .help-code-block-selector-toggle {

    border-color: rgba(148, 163, 184, 0.18);

    background-color: rgba(255, 255, 255, 0.06);

    color: #eef5ff;

}


.help-code-block-dark .help-code-block-selector-toggle:hover,
.help-code-block-dark .help-code-block-selector-toggle:focus,
.help-code-block-dark .help-code-block-selector-toggle.show {

    border-color: rgba(148, 163, 184, 0.28);

    background-color: rgba(255, 255, 255, 0.12);

    color: #eef5ff;

    box-shadow: 0 0 0 0.18rem rgba(148, 163, 184, 0.14);

}


.help-code-block-dark .help-code-block-selector-menu {

    border-color: rgba(148, 163, 184, 0.18);

    background: #1a2432;

}


.help-code-block-dark .help-code-block-header {

    background: rgba(255, 255, 255, 0.06);

    border-bottom-color: rgba(148, 163, 184, 0.16);

}


.help-code-block-dark .help-code-block-label {

    color: #f2f7ff;

}


.help-code-block-dark .help-code-block-pre {

    color: #d7e5f6;

    background: transparent;

}


.help-page-navigation {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1rem;

    margin-top: 2rem;

    padding-top: 2rem;

    border-top: 1px solid rgba(23, 59, 99, 0.08);

}


.help-page-navigation-item {

    display: flex;

    align-items: stretch;

}


.help-page-navigation-item.text-end {

    justify-content: end;

}


.help-page-navigation .btn {

    display: flex;

    align-items: center;

    width: auto;

    max-width: 100%;

    min-height: 100%;

    white-space: normal;

    text-align: left;

}


body[data-app-theme="dark"] .help-toc-chapter {

    background: transparent;

    border-color: transparent;

}


body[data-app-theme="dark"] .help-toc-summary:hover {

    color: #ffffff;

}


body[data-app-theme="dark"] .help-toc-summary-title,

body[data-app-theme="dark"] .help-toc-toggle,

body[data-app-theme="dark"] .help-breadcrumb .breadcrumb-item.active a,

body[data-app-theme="dark"] .help-screenshot-placeholder-token {

    color: #e5eef8;

}


body[data-app-theme="dark"] .help-toc-summary-copy,

body[data-app-theme="dark"] .help-search-label,

body[data-app-theme="dark"] .help-screenshot-placeholder-note,

body[data-app-theme="dark"] .help-screenshot-placeholder-meta {

    color: #9fb1c6;

}


body[data-app-theme="dark"] .help-toc-link {

    color: #c7d6e7;

}


body[data-app-theme="dark"] .help-search-input-group .input-group-text,

body[data-app-theme="dark"] .help-search-input-group .form-control,

body[data-app-theme="dark"] .help-search-result-link,

body[data-app-theme="dark"] .help-search-empty {

    border-color: rgba(148, 163, 184, 0.18);

}


body[data-app-theme="dark"] .help-search-input-group .input-group-text {

    color: #c7d6e7;

    background: rgba(17, 24, 39, 0.9);

}


body[data-app-theme="dark"] .help-search-input-group .form-control {

    color: #e5eef8;

    background: rgba(17, 24, 39, 0.9);

}


body[data-app-theme="dark"] .help-search-input-group .form-control::placeholder {

    color: #8fa4ba;

}


body[data-app-theme="dark"] .help-search-input-group .form-control:focus {

    border-color: rgba(96, 165, 250, 0.42);

    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.14);

}


body[data-app-theme="dark"] .help-search-submit:hover {

    color: #fff;

    background: rgba(30, 41, 59, 0.96);

}


body[data-app-theme="dark"] .help-search-submit:focus-visible {

    border-color: rgba(96, 165, 250, 0.42);

    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.14);

}


body[data-app-theme="dark"] .help-toc-toggle:hover,

body[data-app-theme="dark"] .help-toc-toggle:focus-visible {

    color: #fff;

}


body[data-app-theme="dark"] .help-toc-toggle:focus-visible {

    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.14);

}


body[data-app-theme="dark"] .help-toc-link:hover {

    color: #fff;

    text-decoration: underline;

    text-underline-offset: 0.18rem;

}


body[data-app-theme="dark"] .help-toc-link.active {

    color: #fff;

    text-decoration: underline;

    text-decoration-thickness: 0.08rem;

    text-underline-offset: 0.2rem;

}


body[data-app-theme="dark"] .help-toc-links {

    border-left-color: rgba(148, 163, 184, 0.2);

}


body[data-app-theme="dark"] .breadcrumb-shell,

body[data-app-theme="dark"] .help-page-hero {

    background: linear-gradient(180deg, rgba(17, 24, 39, 0.95), rgba(15, 23, 42, 0.92));

    border-color: rgba(148, 163, 184, 0.16);

}


body[data-app-theme="dark"] .help-breadcrumb a {

    color: #c7d6e7;

}


body[data-app-theme="dark"] .help-screenshot-placeholder {

    background: rgba(37, 54, 76, 0.72);

    border-color: rgba(134, 163, 196, 0.42);

}


body[data-app-theme="dark"] .help-search-result-link {

    background: rgba(17, 24, 39, 0.86);

}


body[data-app-theme="dark"] .help-search-result-link:hover {

    border-color: rgba(96, 165, 250, 0.28);

    box-shadow: 0 0.65rem 1.5rem rgba(2, 8, 23, 0.38);

}


body[data-app-theme="dark"] .help-search-result-link.active {

    border-color: rgba(96, 165, 250, 0.4);

    box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.12);

}


body[data-app-theme="dark"] .help-search-result-title {

    color: #e5eef8;

}


body[data-app-theme="dark"] .help-search-result-excerpt {

    color: #b3c3d4;

}


body[data-app-theme="dark"] .help-search-empty {

    background: rgba(17, 24, 39, 0.82);

}


body[data-app-theme="dark"] .help-screenshot-placeholder-label {

    color: #b3c5db;

}


body[data-app-theme="dark"] .help-screenshot-file-label.btn-light {

    background: #223149;

    border-color: rgba(138, 182, 255, 0.26);

    color: #eef5ff;

}


body[data-app-theme="dark"] .help-screenshot-admin .btn-outline-danger {

    background: rgba(17, 26, 40, 0.92);

}


body[data-app-theme="dark"] .help-screenshot-image {

    border-color: rgba(148, 163, 184, 0.18);

    background: rgba(17, 24, 39, 0.9);

}


body[data-app-theme="dark"] .help-screenshot-resize-handle {

    border-color: rgba(138, 182, 255, 0.24);

    background: rgba(17, 24, 39, 0.92);

}


body[data-app-theme="dark"] .help-screenshot-resize-handle span {

    border-right-color: #b3c5db;

    border-bottom-color: #b3c5db;

}


body[data-app-theme="dark"] .help-screenshot-resize-handle:hover,

body[data-app-theme="dark"] .help-screenshot-resize-handle:focus-visible {

    background: rgba(24, 36, 55, 0.98);

    border-color: rgba(138, 182, 255, 0.36);

}


body[data-app-theme="dark"] .help-troubleshooting {

    background: rgba(92, 67, 16, 0.55);

    border-color: rgba(241, 218, 138, 0.35);

}


body[data-app-theme="dark"] .help-code-block {

    border-color: rgba(148, 163, 184, 0.18);

    box-shadow: 0 1rem 2.4rem rgba(2, 8, 23, 0.32);

}


body[data-app-theme="dark"] .help-code-block-light {

    background: linear-gradient(180deg, rgba(25, 36, 53, 0.96) 0%, rgba(19, 28, 41, 0.96) 100%);

}


body[data-app-theme="dark"] .help-code-block-light .help-code-block-header {

    background: rgba(138, 182, 255, 0.08);

    border-bottom-color: rgba(148, 163, 184, 0.16);

}


body[data-app-theme="dark"] .help-code-block-light .help-code-block-pre {

    color: #d1deed;

}


body[data-app-theme="dark"] .help-code-block-light .help-code-block-selector-toggle {

    border-color: rgba(148, 163, 184, 0.18);

    background-color: rgba(17, 24, 39, 0.86);

    color: #e5eef8;

}


body[data-app-theme="dark"] .help-code-block-dark {

    background: linear-gradient(180deg, rgba(10, 16, 28, 0.98) 0%, rgba(15, 23, 42, 0.98) 100%);

    border-color: rgba(96, 165, 250, 0.2);

}


body[data-app-theme="dark"] .help-code-block-dark .help-code-block-header {

    background: rgba(148, 163, 184, 0.08);

    border-bottom-color: rgba(148, 163, 184, 0.16);

}


body[data-app-theme="dark"] .help-code-block-dark .help-code-block-pre {

    color: #e7f0fb;

}


body[data-app-theme="dark"] .help-code-block-light .help-code-block-selector-menu,
body[data-app-theme="dark"] .help-code-block-dark .help-code-block-selector-menu {

    border-color: rgba(148, 163, 184, 0.18);

    background: #111827;

}


body[data-app-theme="dark"] .help-code-block-dark .help-code-block-selector-toggle {

    border-color: rgba(148, 163, 184, 0.18);

    background-color: rgba(255, 255, 255, 0.08);

    color: #eef5ff;

}


body[data-app-theme="dark"] .help-code-block-selector-toggle:hover,
body[data-app-theme="dark"] .help-code-block-selector-toggle:focus,
body[data-app-theme="dark"] .help-code-block-selector-toggle.show {

    color: #eef5ff;

    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.16);

}


body[data-app-theme="dark"] .help-code-block-label {

    color: #e5eef8;

}


body[data-app-theme="dark"] .help-badge-group {

    border-color: rgba(138, 182, 255, 0.16);

    background: linear-gradient(135deg, rgba(48, 72, 106, 0.34), rgba(23, 36, 55, 0.4));

}


body[data-app-theme="dark"] .help-badge-group-title,

body[data-app-theme="dark"] .help-badge-copy-title {

    color: #e7eefb;

}


body[data-app-theme="dark"] .help-badge-copy-description {

    color: #b6c4d6;

}


body[data-app-theme="dark"] .help-process-card {

    border-color: rgba(138, 182, 255, 0.16);

    background: linear-gradient(180deg, rgba(27, 41, 61, 0.96) 0%, rgba(18, 27, 41, 0.98) 100%);

    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);

}


body[data-app-theme="dark"] .help-process-card-icon {

    background: rgba(138, 182, 255, 0.14);

    color: #8ab6ff;

}


body[data-app-theme="dark"] .help-process-card-step {

    background: #8ab6ff;

    color: #0b1628;

}


body[data-app-theme="dark"] .help-process-card-title {

    color: #e7eefb;

}


body[data-app-theme="dark"] .help-process-card-description {

    color: #b6c4d6;

}


@media (max-width: 1199.98px) {

    .help-process-card-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .help-sidebar-card {

        position: static;

    }


    .help-sidebar-inner {

        max-width: none;

        width: 100%;

        padding-right: 0;

    }


    .help-search-form,

    .help-toc,

    .help-toc-chapter,

    .help-toc-links {

        width: 100%;

    }


    .help-toc-toggle {

        display: inline-flex;

    }


    .help-sidebar-inner.is-toc-collapsed .help-toc {

        display: none;

    }

}


@media (max-width: 767.98px) {

    .help-process-card-grid {

        grid-template-columns: 1fr;

    }

    .help-page-navigation {

        grid-template-columns: 1fr;

    }


    .help-page-navigation-item,

    .help-page-navigation-item.text-end {

        justify-content: stretch;

    }


    .help-page-navigation .btn {

        width: 100%;

    }


    .help-screenshot-admin {
        position: static;
        margin-bottom: 0.75rem;
        justify-content: flex-start;
    }


    .help-screenshot-upload-form {
        justify-content: flex-start;
    }

}