/* Records / Document list / viewer */
advanced-search {
    --adv-surface: var(--x-surface);
    --adv-panel: var(--x-surface-2);
    --adv-border: var(--x-line);
    --adv-border-strong: var(--x-line-strong);
    --adv-text: var(--x-text);
    --adv-muted: var(--x-text-3);
    --adv-hover: var(--x-primary-soft);
    --adv-shadow: var(--x-shadow-sm);
    --adv-shadow-in: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    width: 100%;
}

.main-panel {
    border-radius: var(--x-radius-lg) !important;
    border: 1px solid var(--x-line) !important;
    background: linear-gradient(150deg, color-mix(in srgb, var(--x-surface) 97%, transparent), color-mix(in srgb, var(--x-surface-2) 92%, transparent)) !important;
    box-shadow: var(--x-shadow-md) !important;
    padding: 14px !important;
    gap: 12px !important;
}

.main-panel .search-bar {
    width: 100%;
    min-width: 0;
    margin: 0 !important;
}

.main-panel .search-bar advanced-search {
    width: 100%;
    min-width: 0;
}

#recordsListViewContainer {
    border-radius: 18px !important;
    border: 1px solid var(--x-line) !important;
    background: color-mix(in srgb, var(--x-surface) 97%, transparent) !important;
    box-shadow: none !important;
    padding: 12px !important;
}

#recordsListView .k-listview-content {
    gap: 14px !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

.record-card {
    border-radius: 16px !important;
    border: 1px solid var(--x-line) !important;
    background: var(--x-surface) !important;
    box-shadow: var(--x-shadow-sm) !important;
    padding: 14px !important;
    min-height: 168px !important;
    gap: 10px !important;
}

.record-card:hover {
    border-color: var(--x-primary) !important;
    box-shadow: var(--x-shadow-md) !important;
}

.record-icon {
    width: 44px !important;
    height: 44px !important;
}

.record-title .record-kicker {
    font-size: 0.74rem !important;
    font-weight: 800 !important;
    color: var(--x-primary) !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.record-title strong {
    color: var(--x-text) !important;
    font-size: 1.06rem !important;
}

.record-summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--x-text-3);
    font-size: 0.9rem;
    line-height: 1.35;
}

.doc-count {
    border-top: 1px solid color-mix(in srgb, var(--x-line) 76%, transparent);
    padding-top: 9px !important;
    font-size: 0.92rem !important;
    color: var(--x-text-3) !important;
}

.doc-count .count {
    color: var(--x-primary) !important;
    font-size: 1.0rem !important;
}

#_docsLayer,
.doc-layer {
    background: linear-gradient(165deg, #eff4ff 0%, #e9f0fb 100%) !important;
}

#_docsLayer .docs-breadcrumb {
    color: #67789c;
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

#_docsLayer .docs-breadcrumb span {
    margin: 0 0.45rem;
    opacity: 0.7;
}

#_docsLayer .docs-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.1rem;
    flex-wrap: wrap;
}

#_docsLayer .docs-top-left {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
    flex: 1 1 560px;
}

#_docsLayer .docs-back-btn {
    width: 62px;
    min-width: 62px;
    height: 62px;
    border-radius: 14px !important;
    border: 1px solid #c5d6ef !important;
    background: #f7fbff !important;
    box-shadow: 0 8px 20px rgba(51, 74, 116, 0.1);
}

#_docsLayer .docs-back-btn img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

#_docsLayer .docs-top-copy {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    min-width: 0;
}

#_docsLayer .docs-title-wrap {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

#_docsLayer .docs-title-wrap h2 {
    margin: 0;
    color: #08244f;
    font-size: clamp(1.65rem, 1.9vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.01em;
}

#_docsLayer .docs-record-tag {
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: #d9e9ff;
    color: #1c70ea;
    font-size: 0.98rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

#_docsLayer .docs-top-copy p {
    margin: 0;
    color: #344a73;
    font-size: 1.05rem;
    font-weight: 500;
}

#_docsLayer .docs-top-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
}

#recordBtnUpload,
#recordBtnSUM,
#recordBtnRAG {
    min-height: 52px;
    border-radius: 14px !important;
    font-weight: 800 !important;
    font-size: 1.02rem !important;
    padding: 0.7rem 1.2rem !important;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #3d7fdc !important;
    background: #f7fbff !important;
    color: #0f63d8 !important;
}

#recordBtnUpload {
    border-color: #8fb9f3 !important;
    background: linear-gradient(135deg, #ffffff, #edf5ff) !important;
    color: #0d56c8 !important;
    box-shadow: 0 10px 22px rgba(35, 108, 220, 0.10) !important;
}

#recordBtnUpload:hover {
    border-color: #3d8cff !important;
    background: linear-gradient(135deg, #f7fbff, #dcecff) !important;
    color: #0067f7 !important;
}

#recordBtnUpload i,
#recordBtnSUM i,
#recordBtnRAG i,
#recordBtnRAG .xplore-rag-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.18rem;
}

#recordBtnUpload i,
#recordBtnSUM i {
    background: rgba(13, 110, 253, 0.10);
}

#recordBtnRAG i,
#recordBtnRAG .xplore-rag-icon {
    background: rgba(255, 255, 255, 0.14);
}

#recordBtnSUM img,
#recordBtnRAG img {
    height: 23px;
    width: 23px;
    object-fit: contain;
}

#recordBtnRAG {
    background: linear-gradient(135deg, #001c46, #052e73) !important;
    color: #fff !important;
    border-color: #06265f !important;
}

#_docsLayer .docs-table-card {
    border: 1px solid #c8d8f0;
    border-radius: 18px;
    background: linear-gradient(165deg, #f8fbff 0%, #eff5ff 100%);
    box-shadow: 0 12px 30px rgba(42, 72, 126, 0.12);
    padding: 1.1rem;
}

#_docsLayer .docs-toolbar {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.95rem;
}

#_docsLayer .docs-record-scope {
    display: grid;
    gap: 0.55rem;
    margin: 0 0 0.85rem;
    padding: 0.7rem;
    border: 1px solid rgba(102, 153, 232, 0.34);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 239, 255, 0.84));
    box-shadow: 0 12px 28px rgba(42, 92, 178, 0.08);
}

#_docsLayer .docs-record-scope[hidden],
#_docsLayer .docs-record-scope.is-hidden {
    display: none !important;
}

#_docsLayer .docs-record-scope-summary {
    color: #335783;
    font-size: 0.86rem;
    font-weight: 800;
}

#_docsLayer .docs-record-scope-main {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
}

#_docsLayer .docs-record-scope-track {
    display: flex;
    gap: 0.45rem;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
}

#_docsLayer .docs-record-scope-track::-webkit-scrollbar {
    display: none;
}

#_docsLayer .docs-scope-chip,
#_docsLayer .docs-scope-scroll {
    border: 1px solid #bdd3f4;
    background: rgba(255, 255, 255, 0.9);
    color: #173f74;
    box-shadow: 0 8px 20px rgba(45, 88, 160, 0.08);
}

#_docsLayer .docs-scope-chip {
    min-height: 38px;
    border-radius: 12px;
    padding: 0.35rem 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 800;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

#_docsLayer .docs-scope-chip:hover {
    border-color: #3d8cff;
    color: #0067f7;
    transform: translateY(-1px);
}

#_docsLayer .docs-scope-chip.is-active {
    border-color: #0b57c4;
    background: linear-gradient(135deg, #123f82, #052e73);
    color: #fff;
}

#_docsLayer .docs-scope-chip.is-master {
    border-color: #8eb8f5;
}

#_docsLayer .docs-scope-chip.is-master:not(.is-active) {
    color: #0b57c4;
}

#_docsLayer .docs-scope-chip i {
    font-size: 0.95rem;
}

#_docsLayer .docs-scope-scroll {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0b57c4;
}

#_docsLayer .docs-toolbar-search {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 54px;
    border: 1px solid #c0d3ef;
    border-radius: 14px;
    background: #fdfefe;
    padding: 0 1rem;
}

#_docsLayer .docs-toolbar-search i {
    color: #0d6df0;
    font-size: 1.75rem;
}

#_docsLayer .docs-toolbar-search input {
    border: 0;
    outline: 0;
    width: 100%;
    background: transparent;
    color: #1f3561;
    font-size: 1.02rem;
    font-weight: 500;
}

#_docsLayer .docs-toolbar-search input::placeholder {
    color: #6f84aa;
}

#_docsLayer .docs-filter-btn,
#_docsLayer .docs-clear-btn {
    min-height: 54px;
    border-radius: 14px;
    border: 1px solid #c1d3ef;
    background: #f6faff;
    color: #0f63d8;
    font-weight: 800;
    font-size: 0.98rem;
    padding: 0 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

#_docsLayer .docs-filter-btn .badge {
    min-width: 28px;
    min-height: 28px;
    border-radius: 9px;
    background: #1f75ed;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#_docsLayer .docs-total {
    margin-left: auto;
    color: #21345a;
    font-size: 1.05rem;
    font-weight: 700;
}

#_docsGrid .k-grid {
    border: 1px solid #c7d7ef !important;
    border-radius: 16px !important;
    background: var(--adv-panel) !important;
    box-shadow: none !important;
}

#_docsGrid .k-grid table {
    width: 100% !important;
    table-layout: fixed;
}

#_docsGrid .k-grid-content {
    overflow-x: hidden !important;
}

#_docsGrid .k-grid-header,
#_docsGrid .k-table-thead {
    background: #dfeafc !important;
}

#_docsGrid .k-grid-header th,
#_docsGrid .k-table-th {
    color: #102754 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #c7d7ef !important;
    height: 58px;
}

#_docsGrid .k-grid-content td,
#_docsGrid .k-table-td {
    color: #1f3561 !important;
    font-size: 0.94rem !important;
    border-color: #d6e2f4 !important;
    background: #f8fbff !important;
    vertical-align: middle;
    min-height: 84px;
    overflow: hidden;
}

#_docsGrid .k-grid-content tr:nth-child(even) td {
    background: #f2f7ff !important;
}

#_docsGrid .k-grid-content tr:hover td {
    background: #eaf3ff !important;
}

.docs-ref-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.58rem;
    min-width: 0;
    max-width: 100%;
}

.docs-ref-cell img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    flex: 0 0 auto;
}

.docs-ref-cell span {
    font-weight: 800;
    color: #112751;
    font-size: 0.92rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#_docsGrid .docs-title-cell {
    color: #102754 !important;
    font-size: 0.94rem !important;
    font-weight: 500 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.docs-date-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #384f77;
    max-width: 100%;
}

.docs-date-cell i {
    font-size: 1.05rem;
    color: #3f5b89;
}

.docs-date-cell div {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.docs-date-cell strong {
    color: #233862;
    font-weight: 700;
    font-size: 0.88rem;
}

.docs-date-cell span {
    color: #697d9f;
    font-size: 0.82rem;
}

#_docsGrid .docs-actions-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    width: 100%;
    min-width: 0;
}

#_docsGrid .js-eye-btn,
#_docsGrid .js-ctx-toggle {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid #c1d3ee !important;
    border-radius: 10px !important;
    background: #f8fbff !important;
    padding: 0 !important;
}

#_docsGrid .ctx-actions {
    border: 1px solid #c1d3ee !important;
    background: #f8fbff !important;
    box-shadow: 0 12px 24px rgba(45, 71, 117, 0.16) !important;
    border-radius: 12px !important;
}

#_docsGrid .ctx-btn {
    border: 1px solid #d5e0f2 !important;
    background: #fff !important;
}

#_docsGrid .ctx-btn span {
    color: #2b4674 !important;
}

#_docsLayer .docs-footer-hint {
    color: #546d98;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.75rem 0.4rem 0;
}

#_docsGrid .k-pager-wrap {
    background: #f8fbff !important;
    border-top: 1px solid #d6e2f4 !important;
}

html[data-theme="dark"] #_docsLayer {
    background: linear-gradient(165deg, #061a35 0%, #0a264a 100%) !important;
}

html[data-theme="dark"] #_docsLayer .docs-breadcrumb,
html[data-theme="dark"] #_docsLayer .docs-top-copy p {
    color: #a7c0e6;
}

html[data-theme="dark"] #_docsLayer .docs-title-wrap h2,
html[data-theme="dark"] #_docsLayer .docs-total {
    color: #e5efff;
}

html[data-theme="dark"] #_docsLayer .docs-record-tag {
    background: #173b6f;
    color: #8fc0ff;
}

html[data-theme="dark"] #_docsLayer .docs-back-btn {
    border-color: #2d4f82 !important;
    background: #0f2a4d !important;
}

html[data-theme="dark"] #_docsLayer .docs-table-card {
    border-color: #2a4f83;
    background: linear-gradient(165deg, #0c2547 0%, #123156 100%);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
}

html[data-theme="dark"] #_docsLayer .docs-record-scope {
    border-color: rgba(88, 137, 207, 0.48);
    background: linear-gradient(135deg, rgba(16, 43, 78, 0.96), rgba(8, 30, 58, 0.92));
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] #_docsLayer .docs-record-scope-summary {
    color: #9dbbe8;
}

html[data-theme="dark"] #_docsLayer .docs-scope-chip,
html[data-theme="dark"] #_docsLayer .docs-scope-scroll {
    border-color: #355f97;
    background: rgba(13, 36, 68, 0.92);
    color: #cde2ff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] #_docsLayer .docs-scope-chip:hover {
    border-color: #6da6ff;
    color: #d9eaff;
}

html[data-theme="dark"] #_docsLayer .docs-scope-chip.is-active {
    border-color: #2f8cff;
    background: linear-gradient(135deg, #0d6df0, #064bb8);
    color: #fff;
}

html[data-theme="dark"] #_docsLayer .docs-scope-chip.is-master:not(.is-active) {
    color: #8fc0ff;
}

html[data-theme="dark"] #_docsLayer .docs-toolbar-search,
html[data-theme="dark"] #_docsLayer .docs-filter-btn,
html[data-theme="dark"] #_docsLayer .docs-clear-btn {
    border-color: #355f97;
    background: #12305a;
    color: #cce0ff;
}

html[data-theme="dark"] #_docsLayer .docs-toolbar-search input {
    color: #dbe8ff;
}

html[data-theme="dark"] #_docsLayer .docs-toolbar-search input::placeholder {
    color: #9ab6df;
}

html[data-theme="dark"] #recordBtnUpload,
html[data-theme="dark"] #recordBtnSUM {
    border-color: #4f82c6 !important;
    background: #123058 !important;
    color: #9ec6ff !important;
}

html[data-theme="dark"] #recordBtnUpload:hover,
html[data-theme="dark"] #recordBtnSUM:hover {
    border-color: #72a8f6 !important;
    background: #173a69 !important;
    color: #d9eaff !important;
}

html[data-theme="dark"] #recordBtnUpload i,
html[data-theme="dark"] #recordBtnSUM i {
    background: rgba(143, 192, 255, 0.14);
}

html[data-theme="dark"] #recordBtnRAG {
    border-color: #0a2f6a !important;
}

html[data-theme="dark"] #_docsGrid .k-grid {
    border-color: #2f578d !important;
    background: #0f2b4f !important;
}

html[data-theme="dark"] #_docsGrid .k-grid-header,
html[data-theme="dark"] #_docsGrid .k-table-thead {
    background: #153c6f !important;
}

html[data-theme="dark"] #_docsGrid .k-grid-header th,
html[data-theme="dark"] #_docsGrid .k-table-th {
    color: #d9e9ff !important;
    border-bottom-color: #2f578d !important;
}

html[data-theme="dark"] #_docsGrid .k-grid-content td,
html[data-theme="dark"] #_docsGrid .k-table-td {
    color: #d8e8ff !important;
    border-color: #2a4f82 !important;
    background: #10315a !important;
}

html[data-theme="dark"] #_docsGrid .k-grid-content tr:nth-child(even) td {
    background: #0f2b50 !important;
}

html[data-theme="dark"] #_docsGrid .k-grid-content tr:hover td {
    background: #183d6e !important;
}

html[data-theme="dark"] .docs-ref-cell span,
html[data-theme="dark"] .docs-date-cell strong {
    color: #e2eeff;
}

html[data-theme="dark"] .docs-date-cell,
html[data-theme="dark"] .docs-date-cell i,
html[data-theme="dark"] .docs-date-cell span,
html[data-theme="dark"] #_docsLayer .docs-footer-hint {
    color: #a8c3e9;
}

html[data-theme="dark"] #_docsGrid .js-eye-btn,
html[data-theme="dark"] #_docsGrid .js-ctx-toggle,
html[data-theme="dark"] #_docsGrid .ctx-actions {
    border-color: #3a649e !important;
    background: #153764 !important;
}

html[data-theme="dark"] #_docsGrid .ctx-btn {
    border-color: #2f578d !important;
    background: #123058 !important;
}

html[data-theme="dark"] #_docsGrid .ctx-btn span {
    color: #d0e2ff !important;
}

html[data-theme="dark"] #_docsGrid .k-pager-wrap {
    background: #0f2b4f !important;
    border-top-color: #2a4f82 !important;
}

@media (max-width: 1280px) {
    #_docsLayer .docs-top {
        flex-direction: column;
        align-items: stretch;
    }

    #_docsLayer .docs-top-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    #_docsLayer .docs-toolbar {
        grid-template-columns: 1fr;
    }

    #_docsLayer .docs-total {
        margin-left: 0;
    }

    #_docsLayer .docs-record-scope {
        padding: 0.6rem;
    }
}

@media (max-width: 760px) {
    #_docsLayer .docs-record-scope {
        border-radius: 14px;
        margin-bottom: 0.65rem;
    }

    #_docsLayer .docs-record-scope-summary {
        font-size: 0.78rem;
    }

    #_docsLayer .docs-record-scope-main {
        grid-template-columns: minmax(0, 1fr);
    }

    #_docsLayer .docs-scope-scroll {
        display: none;
    }

    #_docsLayer .docs-scope-chip {
        min-height: 34px;
        padding: 0.3rem 0.7rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 1280px) {
    #_docsLayer .docs-shell {
        padding: 1rem;
    }

    #_docsLayer .docs-title-wrap h2 {
        font-size: 1.65rem;
    }

    #_docsLayer .docs-record-tag {
        font-size: 0.84rem;
    }

    #_docsLayer .docs-back-btn {
        width: 52px;
        min-width: 52px;
        height: 52px;
    }

    #recordBtnUpload,
    #recordBtnSUM,
    #recordBtnRAG {
        width: 100%;
        justify-content: center;
    }

    #_docsGrid .k-grid-header th,
    #_docsGrid .k-table-th,
    #_docsGrid .k-grid-content td,
    #_docsGrid .k-table-td {
        font-size: 0.9rem !important;
    }
}

.doc-toolbar {
    min-height: 62px !important;
    border-top: 1px solid color-mix(in srgb, var(--x-line) 72%, transparent);
    background: color-mix(in srgb, var(--x-surface) 94%, transparent) !important;
}

.icon-btn {
    border: 1px solid var(--x-line) !important;
    background: var(--x-surface) !important;
    border-radius: 12px !important;
}

.icon-btn img {
    height: 28px !important;
}

.page-input {
    border: 1px solid var(--x-line) !important;
    border-radius: 10px !important;
    background: var(--x-surface) !important;
    color: var(--x-text) !important;
}

.doc-title,
.page-label {
    color: var(--x-text) !important;
}

/* Records page */
body.page-home-records .app-content,
body.page-home-records .app-content-inner {
    background: #eef3fb !important;
}

body.page-home-records .app-content-inner {
    padding: 0.6rem 0.8rem 0.85rem !important;
}

body.page-home-records .records-shell {
    padding: 0;
}

body.page-home-records .records-main.main-panel {
    height: auto !important;
    min-height: calc(100vh - var(--x-nav-height) - 2.05rem) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #eef3fb !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 0.8rem !important;
}

body.page-home-records .records-header {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
}

body.page-home-records .records-breadcrumb {
    color: #4e648e;
    font-size: 0.94rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

body.page-home-records .records-breadcrumb span {
    opacity: 0.72;
    margin: 0 0.42rem;
}

body.page-home-records .records-header h1 {
    margin: 0;
    color: #082457;
    font-size: clamp(2.05rem, 2.2vw, 3rem);
    font-weight: 800;
    line-height: 1.03;
}

body.page-home-records .records-header p {
    margin: 0;
    color: #2d456f;
    font-size: 1rem;
    font-weight: 500;
}

body.page-home-records .records-main .search-bar {
    margin: 0 !important;
    max-height: none !important;
    flex: initial !important;
}

body.page-home-records .records-main advanced-search {
    --adv-surface: #ffffff;
    --adv-panel: #eef2fb;
    --adv-border: #bfd0ea;
    --adv-border-strong: #2f6ef6;
    --adv-text: #1f2f52;
    --adv-muted: #5b6786;
    --adv-hover: #dce7fb;
    --adv-focus: rgba(47, 110, 246, 0.2);
    --adv-shadow: none;
}

body.page-home-records .records-main advanced-search::part(main-input) {
    min-height: 56px !important;
    border-radius: 14px !important;
    border-color: #2f6ef6 !important;
    background: #ffffff !important;
}

body.page-home-records .records-main advanced-search::part(filters-badge) {
    background: #dce7fb !important;
    color: #2f6ef6 !important;
    border: 1px solid #dce7fb !important;
}

body.page-home-records .records-main advanced-search::part(toggle-advanced) {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    border-color: #d4deef !important;
    background: #e6ebf7 !important;
    color: #2f6ef6 !important;
}

body.page-home-records .records-main advanced-search::part(search-button) {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    border-color: #1a2f5f !important;
    background: linear-gradient(135deg, #223d77, #132c5d) !important;
    color: #f6f9ff !important;
}

body.page-home-records .records-count {
    color: #243d6a;
    font-size: 1.1rem;
    font-weight: 700;
}

body.page-home-records #recordsListViewContainer {
    height: auto !important;
    min-height: calc(100vh - var(--x-nav-height) - 15.8rem) !important;
    overflow: visible !important;
    display: block !important;
    flex: initial !important;
    border: 0 !important;
    background: #eef3fb !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.page-home-records #recordsListView {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    background: #eef3fb !important;
}

body.page-home-records #recordsListView .k-listview-content {
    display: grid;
    align-content: start;
    gap: 1rem !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}

body.page-home-records .record-card {
    border-radius: 18px !important;
    border: 1px solid #b8ccec !important;
    background: linear-gradient(155deg, #ffffff 0%, #f3f7ff 100%) !important;
    box-shadow: 0 10px 20px rgba(20, 54, 119, 0.11) !important;
    padding: 1.15rem !important;
    min-height: 260px !important;
    gap: 0.85rem !important;
}

body.page-home-records .record-card:hover {
    transform: translateY(-2px);
    border-color: #4f86ea !important;
    box-shadow: 0 14px 28px rgba(30, 71, 143, 0.16) !important;
}

body.page-home-records .record-header {
    align-items: flex-start !important;
    gap: 0.8rem !important;
}

body.page-home-records .record-icon {
    width: 84px !important;
    height: 84px !important;
    padding: 0.72rem;
    border-radius: 16px;
    background: #e8f0ff;
    object-fit: contain;
    flex: 0 0 auto;
}

body.page-home-records .record-icon-sec {
    width: 36px !important;
    height: 36px !important;
    min-height: 0 !important;
    margin-left: auto;
}

body.page-home-records .record-title {
    display: flex;
    flex-direction: column;
    gap: 0.44rem;
    min-width: 0;
}

body.page-home-records .record-title .record-kicker {
    width: fit-content;
    padding: 0.22rem 0.56rem;
    border-radius: 999px;
    background: #e4efff;
    color: #1f6fe8 !important;
    font-size: 0.77rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.page-home-records .record-title strong {
    color: #0d2a5b !important;
    font-size: clamp(1.1rem, 1.35vw, 1.75rem) !important;
    font-weight: 800 !important;
    line-height: 1.15;
}

body.page-home-records .record-title strong > span,
body.page-home-records .record-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.page-home-records .record-title strong > span {
    -webkit-line-clamp: 2;
}

body.page-home-records .record-summary {
    color: #46628e !important;
    font-size: 0.95rem !important;
    line-height: 1.33;
    -webkit-line-clamp: 2;
}

body.page-home-records .doc-count {
    margin-top: auto;
    border-top: 1px solid #d7e5fb;
    background: #f6f9ff;
    border-radius: 12px;
    padding: 0.72rem 0.86rem !important;
    color: #1c3868 !important;
    font-size: 0.98rem !important;
    font-weight: 700;
}

body.page-home-records .doc-count .count {
    color: #1f63f0 !important;
    font-size: 1.0rem !important;
    font-weight: 800 !important;
}

body.page-home-records #recordsListView .k-pager-wrap {
    margin-top: 1.2rem !important;
    padding: 0.2rem 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.2rem !important;
    flex-wrap: wrap !important;
}

body.page-home-records #recordsListView .k-pager-wrap .k-pager-nav-buttons,
body.page-home-records #recordsListView .k-pager-wrap .k-pager-numbers-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.35rem 0.45rem !important;
    border: 1px solid #c5d5ec !important;
    border-radius: 999px !important;
    background: #f7faff !important;
}

body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-prev, .k-pager-next, .k-pager-last) {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border: 1px solid #bfd0eb !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #3c5f96 !important;
}

body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-prev, .k-pager-next, .k-pager-last):hover {
    border-color: #8fb1e6 !important;
    background: #f3f8ff !important;
}

body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-last) {
    display: none !important;
}

body.page-home-records #recordsListView .k-pager-first {
    order: 1;
}

body.page-home-records #recordsListView .k-pager-prev {
    order: 2;
}

body.page-home-records #recordsListView .k-pager-numbers,
body.page-home-records #recordsListView .k-pager-numbers-wrap {
    order: 3;
}

body.page-home-records #recordsListView .k-pager-next {
    order: 4;
}

body.page-home-records #recordsListView .k-pager-last {
    order: 5;
}

body.page-home-records #recordsListView .k-pager-numbers {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

body.page-home-records #recordsListView .k-pager-numbers :is(.k-link, .k-state-selected, .k-selected) {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
}

body.page-home-records #recordsListView .k-pager-numbers :is(.k-state-selected, .k-selected) {
    background: linear-gradient(145deg, #2a7cf3, #0d56df) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(22, 90, 200, 0.34) !important;
}

body.page-home-records #recordsListView .k-pager-sizes {
    order: 6;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    color: #2f4773 !important;
    font-size: 1rem !important;
    font-weight: 500;
}

body.page-home-records #recordsListView .k-pager-sizes .k-picker {
    min-width: 98px !important;
    height: 54px !important;
    border-radius: 16px !important;
    border: 1px solid #bccde8 !important;
    background: #ffffff !important;
}

body.page-home-records #recordsListView .k-pager-sizes .k-input-inner {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #112d5f !important;
}

body.page-home-records #recordsListView .k-pager-info {
    order: 7;
    color: #2c446f !important;
    font-size: 1.15rem !important;
    font-weight: 500 !important;
}

/* Kendo ListView pager variant (k-listview-pager) */
body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager,
body.page-home-records #recordsListViewContainer > .k-listview-pager {
    margin-top: 1.2rem !important;
    padding: 0.2rem 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.2rem !important;
    flex-wrap: wrap !important;
    box-shadow: none !important;
}

body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-numbers-wrap,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-numbers-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.35rem 0.45rem !important;
    border: 1px solid #c5d5ec !important;
    border-radius: 999px !important;
    background: #f7faff !important;
}

body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-sizes,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-sizes {
    order: 6;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    color: #2f4773 !important;
}

body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-info,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-info {
    order: 7;
    color: #2c446f !important;
}

.docs-empty-state,
.docs-grid-empty {
    width: 100%;
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.9rem;
    padding: clamp(1.25rem, 3vw, 2.25rem);
    text-align: center;
    color: #31527f;
    background:
        radial-gradient(circle at top, rgba(87, 146, 255, 0.14), transparent 38%),
        rgba(247, 251, 255, 0.72);
    border: 1px solid rgba(158, 190, 232, 0.7);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.docs-initial-state {
    width: 100%;
    min-height: min(520px, calc(100dvh - 2rem));
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    text-align: center;
    color: #31527f;
    background:
        radial-gradient(circle at top, rgba(87, 146, 255, 0.14), transparent 38%),
        rgba(247, 251, 255, 0.72);
    border: 1px solid rgba(158, 190, 232, 0.7);
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.docs-initial-state[hidden] {
    display: none !important;
}

.docs-initial-state__icon {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    color: #1e6cff;
    font-size: 1.55rem;
    background: rgba(222, 237, 255, 0.92);
    border: 1px solid rgba(135, 180, 239, 0.74);
    border-radius: 20px;
}

.docs-initial-state strong {
    display: block;
    color: #0c2d5d;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    font-weight: 900;
    line-height: 1.1;
}

.docs-initial-state p {
    max-width: 560px;
    margin: 0.45rem auto 0;
    color: #587198;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.docs-empty-state[hidden] {
    display: none !important;
}

.docs-empty-state-icon,
.docs-grid-empty i {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
    color: #1e6cff;
    font-size: 1.45rem;
    background: rgba(222, 237, 255, 0.92);
    border: 1px solid rgba(135, 180, 239, 0.74);
    border-radius: 18px;
}

.docs-empty-state strong,
.docs-grid-empty strong {
    display: block;
    color: #0c2d5d;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 900;
    line-height: 1.1;
}

.docs-empty-state p,
.docs-grid-empty span {
    display: block;
    max-width: 560px;
    margin: 0.45rem auto 0;
    color: #587198;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

#_docsLayer.docs-results-empty #_docsGridWrap {
    min-height: 0;
}

html[data-theme="dark"] .docs-empty-state,
html[data-theme="dark"] .docs-grid-empty,
html[data-theme="dark"] .docs-initial-state,
body[data-theme="dark"] .docs-empty-state,
body[data-theme="dark"] .docs-grid-empty,
body[data-theme="dark"] .docs-initial-state {
    color: #dceaff;
    background:
        radial-gradient(circle at top, rgba(72, 140, 255, 0.18), transparent 38%),
        rgba(9, 31, 59, 0.82);
    border-color: rgba(91, 154, 238, 0.42);
    box-shadow: inset 0 1px 0 rgba(132, 183, 255, 0.14);
}

html[data-theme="dark"] .docs-empty-state-icon,
html[data-theme="dark"] .docs-grid-empty i,
html[data-theme="dark"] .docs-initial-state__icon,
body[data-theme="dark"] .docs-empty-state-icon,
body[data-theme="dark"] .docs-grid-empty i,
body[data-theme="dark"] .docs-initial-state__icon {
    color: #b9d8ff;
    background: rgba(18, 58, 103, 0.92);
    border-color: rgba(99, 166, 255, 0.44);
}

html[data-theme="dark"] .docs-empty-state strong,
html[data-theme="dark"] .docs-grid-empty strong,
html[data-theme="dark"] .docs-initial-state strong,
body[data-theme="dark"] .docs-empty-state strong,
body[data-theme="dark"] .docs-grid-empty strong,
body[data-theme="dark"] .docs-initial-state strong {
    color: #f8fbff;
}

html[data-theme="dark"] .docs-empty-state p,
html[data-theme="dark"] .docs-grid-empty span,
html[data-theme="dark"] .docs-initial-state p,
body[data-theme="dark"] .docs-empty-state p,
body[data-theme="dark"] .docs-grid-empty span,
body[data-theme="dark"] .docs-initial-state p {
    color: #a9c7f1;
}

html[data-theme="dark"] body.page-home-records .app-content,
html[data-theme="dark"] body.page-home-records .app-content-inner,
body.page-home-records[data-theme="dark"] .app-content,
body.page-home-records[data-theme="dark"] .app-content-inner {
    background: linear-gradient(180deg, #0e2445 0%, #132c53 100%) !important;
}

html[data-theme="dark"] body.page-home-records .records-breadcrumb,
html[data-theme="dark"] body.page-home-records .records-header p,
html[data-theme="dark"] body.page-home-records .records-count,
body.page-home-records[data-theme="dark"] .records-breadcrumb,
body.page-home-records[data-theme="dark"] .records-header p,
body.page-home-records[data-theme="dark"] .records-count {
    color: #c4d5f0;
}

html[data-theme="dark"] body.page-home-records .records-header h1,
body.page-home-records[data-theme="dark"] .records-header h1 {
    color: #f3f7ff;
}

html[data-theme="dark"] body.page-home-records :is(.records-main.main-panel, #recordsListViewContainer, #recordsListView),
body.page-home-records[data-theme="dark"] :is(.records-main.main-panel, #recordsListViewContainer, #recordsListView) {
    background: #132c53 !important;
}

html[data-theme="dark"] body.page-home-records .records-main advanced-search,
body.page-home-records[data-theme="dark"] .records-main advanced-search {
    --adv-surface: #183861;
    --adv-panel: #1d4474;
    --adv-border: #436ca5;
    --adv-border-strong: #5e8bca;
    --adv-text: #e1edff;
    --adv-muted: #aac2e8;
    --adv-hover: #285386;
}

html[data-theme="dark"] body.page-home-records .records-main advanced-search::part(main-input),
body.page-home-records[data-theme="dark"] .records-main advanced-search::part(main-input) {
    background: #17385f !important;
    color: #e2edff !important;
    border-color: #4f77ac !important;
}

html[data-theme="dark"] body.page-home-records .records-main advanced-search::part(search-button),
body.page-home-records[data-theme="dark"] .records-main advanced-search::part(search-button) {
    background: linear-gradient(135deg, #2a7cf4, #0e5fe8) !important;
    border-color: #66a0ef !important;
}

html[data-theme="dark"] body.page-home-records .records-main advanced-search::part(toggle-advanced),
body.page-home-records[data-theme="dark"] .records-main advanced-search::part(toggle-advanced) {
    background: #1a3d69 !important;
    border-color: #4b73a8 !important;
    color: #c7dbf8 !important;
}

html[data-theme="dark"] body.page-home-records .record-card,
body.page-home-records[data-theme="dark"] .record-card {
    border-color: #3f6499 !important;
    background: linear-gradient(155deg, #1a416f 0%, #1c4778 100%) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-home-records .record-icon,
body.page-home-records[data-theme="dark"] .record-icon {
    background: #265086;
}

html[data-theme="dark"] body.page-home-records .record-title .record-kicker,
body.page-home-records[data-theme="dark"] .record-title .record-kicker {
    background: #dce9ff;
    color: #1f63d7 !important;
}

html[data-theme="dark"] body.page-home-records .record-title strong,
body.page-home-records[data-theme="dark"] .record-title strong {
    color: #f1f6ff !important;
}

html[data-theme="dark"] body.page-home-records .record-summary,
body.page-home-records[data-theme="dark"] .record-summary {
    color: #d1def4 !important;
}

html[data-theme="dark"] body.page-home-records .doc-count,
body.page-home-records[data-theme="dark"] .doc-count {
    border-top-color: #3f679b;
    background: #1a446f;
    color: #deebff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-wrap .k-pager-nav-buttons,
html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-wrap .k-pager-numbers-wrap,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-wrap .k-pager-nav-buttons,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-wrap .k-pager-numbers-wrap {
    border-color: #4a73aa !important;
    background: #1b426f !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-prev, .k-pager-next, .k-pager-last),
body.page-home-records[data-theme="dark"] #recordsListView :is(.k-pager-first, .k-pager-prev, .k-pager-next, .k-pager-last) {
    border-color: #4f77ac !important;
    background: #214f82 !important;
    color: #d3e4ff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-sizes,
html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-info,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-sizes,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-info {
    color: #d0e0fb !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-sizes .k-picker,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-sizes .k-picker {
    border-color: #4f77ac !important;
    background: #214f82 !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-sizes .k-input-inner,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-sizes .k-input-inner {
    color: #e3eeff !important;
}

html[data-theme="dark"] body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager,
body.page-home-records[data-theme="dark"] :is(#recordsListView, #recordsListViewContainer) .k-listview-pager,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-numbers-wrap,
body.page-home-records[data-theme="dark"] :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-numbers-wrap,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-numbers-wrap,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager .k-pager-numbers-wrap {
    border-color: #4a73aa !important;
    background: #1b426f !important;
}

html[data-theme="dark"] body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-sizes,
html[data-theme="dark"] body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-info,
body.page-home-records[data-theme="dark"] :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-sizes,
body.page-home-records[data-theme="dark"] :is(#recordsListView, #recordsListViewContainer) .k-listview-pager .k-pager-info,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-sizes,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-info,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager .k-pager-sizes,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager .k-pager-info {
    color: #d0e0fb !important;
}

html[data-theme="dark"] body.page-home-records :is(#recordsListView, #recordsListViewContainer) .k-listview-pager :is(.k-pager-nav, .k-button-flat-base),
body.page-home-records[data-theme="dark"] :is(#recordsListView, #recordsListViewContainer) .k-listview-pager :is(.k-pager-nav, .k-button-flat-base),
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager :is(.k-pager-nav, .k-button-flat-base),
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager :is(.k-pager-nav, .k-button-flat-base) {
    color: #d3e4ff !important;
    border-color: #4f77ac !important;
    background: #214f82 !important;
}

@media (max-width: 991.98px) {
    body.page-home-records .app-content-inner {
        padding: 0.5rem 0.62rem 0.72rem !important;
    }

    body.page-home-records #recordsListView .k-listview-content {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    }

    body.page-home-records #recordsListView .k-pager-wrap {
        justify-content: flex-start !important;
        gap: 0.9rem !important;
    }

    body.page-home-records .records-main.main-panel {
        min-height: calc(100vh - var(--x-nav-height) - 1.65rem) !important;
    }

    body.page-home-records #recordsListViewContainer {
        min-height: calc(100vh - var(--x-nav-height) - 13.2rem) !important;
    }
}

@media (max-width: 1280px) {
    body.page-home-records #recordsListView .k-listview-content {
        grid-template-columns: 1fr !important;
    }

    body.page-home-records .record-card {
        min-height: 228px !important;
    }

    body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-prev, .k-pager-next, .k-pager-last) {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    body.page-home-records #recordsListView .k-pager-numbers :is(.k-link, .k-state-selected, .k-selected) {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 12px !important;
    }

    body.page-home-records #recordsListView .k-pager-sizes {
        font-size: 0.92rem !important;
    }

    body.page-home-records #recordsListView .k-pager-sizes .k-picker {
        height: 44px !important;
        min-width: 84px !important;
        border-radius: 12px !important;
    }

    body.page-home-records #recordsListView .k-pager-sizes .k-input-inner,
    body.page-home-records #recordsListView .k-pager-info {
        font-size: 1rem !important;
    }
}

@media (max-width: 991.98px) {
    .main-panel {
        height: auto !important;
    }

    #recordsListViewContainer {
        height: calc(100vh - 260px) !important;
    }

    body.page-home-records .records-shell {
        padding: 0;
    }

    body.page-home-records #recordsListViewContainer {
        height: auto !important;
        min-height: calc(100vh - var(--x-nav-height) - 13.2rem) !important;
        overflow: visible !important;
    }
}



/* Documents Grid Finishing */
#_docsLayer .docs-toolbar-search {
    min-width: 0;
}

#_docsLayer .docs-toolbar-search input {
    color: #1f3561 !important;
    -webkit-text-fill-color: #1f3561;
}

#_docsLayer .docs-toolbar-search input::placeholder {
    color: #6f84aa !important;
    -webkit-text-fill-color: #6f84aa;
    opacity: 1;
}

#_docsLayer .docs-total {
    justify-self: end;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    min-height: 56px;
    border-radius: 18px;
    background: linear-gradient(135deg, #0e2751, #17448a) !important;
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 16px 26px rgba(14, 40, 82, 0.16);
}

#_docsLayer .docs-total::before {
    content: "\F229";
    font-family: bootstrap-icons;
    font-size: 0.95rem;
    color: inherit;
}

#_docsLayer #_docsGrid .k-grid {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    overflow: hidden !important;
}

#_docsLayer #_docsGrid .k-grid-header,
#_docsLayer #_docsGrid .k-grid-header-wrap,
#_docsLayer #_docsGrid .k-pager-wrap {
    flex: 0 0 auto;
    overflow: hidden !important;
}

#_docsLayer #_docsGrid .k-grid-content,
#_docsLayer #_docsGrid .k-grid-content-locked,
#_docsLayer #_docsGrid .k-grid-content-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: auto !important;
}

#_docsLayer #_docsGrid .k-grid-content {
    overflow-y: auto !important;
    scrollbar-gutter: auto;
}

#_docsLayer #_docsGrid tbody tr,
#_docsLayer #_docsGrid .k-grid-content tr {
    transform: none !important;
}

#_docsLayer #_docsGrid .k-grid-content tr:hover {
    transform: none !important;
}

html[data-theme="dark"] #_docsLayer .docs-breadcrumb,
html[data-theme="dark"] #_docsLayer .docs-record-tag,
html[data-theme="dark"] #_docsLayer .docs-hero-label,
html[data-theme="dark"] #_docsLayer .docs-top-copy p,
html[data-theme="dark"] #_docsLayer .docs-footer-hint,
body[data-theme="dark"] #_docsLayer .docs-breadcrumb,
body[data-theme="dark"] #_docsLayer .docs-record-tag,
body[data-theme="dark"] #_docsLayer .docs-hero-label,
body[data-theme="dark"] #_docsLayer .docs-top-copy p,
body[data-theme="dark"] #_docsLayer .docs-footer-hint,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-breadcrumb,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-record-tag,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-label,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-top-copy p,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-footer-hint {
    color: #a9c1e8 !important;
}

html[data-theme="dark"] #_docsLayer .docs-hero-meta,
body[data-theme="dark"] #_docsLayer .docs-hero-meta,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-meta {
    background: rgba(12, 29, 54, 0.54) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 114, 171, 0.52) !important;
}

html[data-theme="dark"] #_docsLayer .docs-hero-stat strong,
html[data-theme="dark"] #_docsLayer .docs-hero-context strong,
html[data-theme="dark"] #_docsLayer .docs-title-wrap h2,
body[data-theme="dark"] #_docsLayer .docs-hero-stat strong,
body[data-theme="dark"] #_docsLayer .docs-hero-context strong,
body[data-theme="dark"] #_docsLayer .docs-title-wrap h2,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-stat strong,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-context strong,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-title-wrap h2 {
    color: #eef5ff !important;
}

html[data-theme="dark"] #_docsLayer .docs-toolbar-search input,
body[data-theme="dark"] #_docsLayer .docs-toolbar-search input,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-toolbar-search input {
    color: #dbe8ff !important;
    -webkit-text-fill-color: #dbe8ff;
}

html[data-theme="dark"] #_docsLayer .docs-toolbar-search input::placeholder,
body[data-theme="dark"] #_docsLayer .docs-toolbar-search input::placeholder,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-toolbar-search input::placeholder {
    color: #9ab6df !important;
    -webkit-text-fill-color: #9ab6df;
}

html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-wrap,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-locked,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header-wrap,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-container,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-footer,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-table-tbody,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content table,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-table,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-wrap,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-locked,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header-wrap,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-container,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-footer,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-table-tbody,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content table,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-table,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-wrap,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content-locked,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header-wrap,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-container,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-footer,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-table-tbody,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content table,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-table {
    background: transparent !important;
    background-color: transparent !important;
}

html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-link,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-button,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-pager-info,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-label,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-link,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-button,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-pager-info,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-label,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-link,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-button,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-pager-info,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-label {
    color: #d7e7ff !important;
}

html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-input-inner,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-picker,
html[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-dropdownlist,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-input-inner,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-picker,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-dropdownlist,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-input-inner,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-picker,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap .k-dropdownlist {
    background: rgba(18, 40, 71, 0.96) !important;
    color: #edf4ff !important;
    border-color: rgba(84, 121, 181, 0.58) !important;
}

body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid {
    background: linear-gradient(180deg, rgba(16, 37, 68, 0.98), rgba(13, 31, 58, 0.98)) !important;
    background-color: rgba(16, 37, 68, 0.98) !important;
}

body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header th,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-table-th,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header th,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-table-th {
    background: rgba(24, 54, 96, 0.94) !important;
    color: #edf4ff !important;
}

body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content td,
body[data-theme="dark"] #_docsLayer #_docsGrid .k-table-td,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content td,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-table-td {
    background: rgba(20, 47, 85, 0.94) !important;
    color: #d9e8ff !important;
}

body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td {
    background: rgba(17, 41, 74, 0.96) !important;
}

body[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:hover td,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:hover td {
    background: rgba(33, 71, 120, 0.92) !important;
}

/* Documents grid layout */
#_docsLayer .docs-table-card {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

#_docsLayer #_docsGridWrap {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    width: 100% !important;
    overflow: hidden !important;
}

#_docsLayer #_docsGrid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
}

#_docsLayer #_docsGrid .k-grid {
    height: 100% !important;
}

#_docsLayer #_docsGrid .k-grid-content,
#_docsLayer #_docsGrid .k-grid-content-wrap {
    overflow-x: hidden !important;
    padding-right: 0 !important;
    scrollbar-gutter: stable;
}

#_docsLayer #_docsGrid .k-grid-header-wrap {
    overflow-x: hidden !important;
}

#_docsLayer #_docsGrid th.ctx-cell,
#_docsLayer #_docsGrid td.ctx-cell,
#_docsLayer #_docsGrid .k-table-th:last-child,
#_docsLayer #_docsGrid .k-table-td:last-child {
    min-width: 132px !important;
    width: 132px !important;
    box-sizing: border-box !important;
}

#_docsLayer #_docsGrid .docs-actions-cell {
    justify-content: center !important;
    gap: 0.35rem !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#_docsLayer #_docsGrid .js-eye-btn,
#_docsLayer #_docsGrid .js-ctx-toggle {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
}

#_docsLayer #_docsGrid .ctx-wrap {
    flex: 0 0 auto !important;
}

#_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-content tbody tr:first-child .ctx-actions {
    top: 0 !important;
    transform: scaleX(0.9) !important;
    transform-origin: right top !important;
}

#_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-content tbody tr:first-child .ctx-wrap.open .ctx-actions {
    transform: scaleX(1) !important;
}

#_docsLayer .docs-footer-hint {
    flex: 0 0 auto !important;
    margin-top: auto !important;
    padding: 1rem 0.45rem 0 !important;
}

/* Search results page */
body.page-home-documentsbysearchterm .app-content,
body.page-home-documentsbysearchterm .app-content-inner {
    background: transparent !important;
}

body.page-home-documentsbysearchterm .docs-search-layout {
    width: 100%;
    display: grid;
    grid-template-rows: minmax(0, 1fr);
    min-height: calc(100vh - var(--x-nav-height)) !important;
    padding: clamp(0.75rem, 1.6vw, 1.45rem) !important;
}

body.page-home-documentsbysearchterm .docs-search-row {
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(0.85rem, 1.5vw, 1.25rem);
    margin: 0 !important;
}

body.page-home-documentsbysearchterm .docs-search-row > .docs-search-col {
    width: 100%;
    max-width: var(--x-max-page-width);
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.85rem;
    margin-inline: auto;
    padding-inline: 0 !important;
}

body.page-home-documentsbysearchterm .docs-search-col--full {
    grid-template-rows: minmax(0, 1fr);
}

body.page-home-documentsbysearchterm .docs-shared-result-layout {
    min-height: 0 !important;
}

body.page-home-documentsbysearchterm .docs-shared-result-layout .docs-search-row > .docs-search-col {
    grid-template-rows: minmax(0, auto);
}

body.page-home-documentsbysearchterm .docs-search-col > .docs-search-bar {
    width: 100%;
    margin: 0 0 0.85rem !important;
    padding: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--x-line) 78%, transparent);
    border-radius: 18px;
    background:
        radial-gradient(circle at 95% 0%, color-mix(in srgb, var(--x-primary-soft) 68%, transparent), transparent 34%),
        color-mix(in srgb, var(--x-surface) 94%, transparent);
    box-shadow: var(--x-shadow-sm);
}

body.page-home-documentsbysearchterm .docs-search-adv {
    --adv-surface: var(--x-surface);
    --adv-panel: var(--x-surface-2);
    --adv-border: var(--x-line);
    --adv-border-strong: var(--x-primary);
    --adv-text: var(--x-text);
    --adv-muted: var(--x-text-3);
    --adv-hover: var(--x-primary-soft);
    --adv-focus: color-mix(in srgb, var(--x-primary) 22%, transparent);
    --adv-shadow: none;
}

body.page-home-documentsbysearchterm .docs-search-adv::part(main-input) {
    min-height: 56px !important;
    border-radius: 14px !important;
    background: var(--x-surface) !important;
}

body.page-home-documentsbysearchterm .docs-search-adv::part(toggle-advanced),
body.page-home-documentsbysearchterm .docs-search-adv::part(search-button) {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
}

body.page-home-documentsbysearchterm .docs-search-adv::part(search-button) {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--x-primary), var(--x-primary-2)) !important;
    color: #ffffff !important;
}

body.page-home-documentsbysearchterm #searchDocsContainer {
    position: relative;
    min-width: 0;
    min-height: calc(100vh - var(--x-nav-height) - 9.6rem) !important;
    border: 1px solid color-mix(in srgb, var(--x-line) 72%, transparent);
    border-radius: 22px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--x-surface) 94%, transparent), color-mix(in srgb, var(--x-surface-2) 90%, transparent));
    box-shadow: var(--x-shadow-sm);
    overflow: hidden;
}

body.page-home-documentsbysearchterm .docs-shared-result-layout #searchDocsContainer {
    min-height: 0 !important;
    overflow: visible;
}

body.page-home-documentsbysearchterm #_docsLayer {
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--x-primary-soft) 72%, transparent), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--x-bg) 94%, transparent), color-mix(in srgb, var(--x-bg-2) 94%, transparent)) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-shell {
    padding: clamp(1rem, 1.8vw, 1.55rem) !important;
    gap: 1rem !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--x-text-3) !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout {
    padding-top: 0 !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout .docs-search-row,
body.page-home-documentsbysearchterm .docs-photo-collection-layout .docs-search-col {
    height: 100% !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #searchDocsContainer {
    min-height: calc(100vh - var(--x-nav-height) - 2rem) !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: rgba(16, 54, 115, 0.06) !important;
    color: #5a7098 !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    opacity: 0.45 !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb > span > span {
    margin: 0 !important;
    opacity: 1 !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb .arc-flow-crumb-link {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb .arc-flow-crumb-link:hover {
    color: var(--x-primary) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-photo-collection-layout #_docsLayer .docs-breadcrumb,
body[data-theme="dark"].page-home-documentsbysearchterm .docs-photo-collection-layout #_docsLayer .docs-breadcrumb {
    background: rgba(24, 57, 100, 0.88) !important;
    color: #dbeaff !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-hero,
body.page-home-documentsbysearchterm #_docsLayer .docs-table-card {
    border: 1px solid color-mix(in srgb, var(--x-line) 76%, transparent) !important;
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--x-primary-soft) 64%, transparent), transparent 34%),
        color-mix(in srgb, var(--x-surface) 96%, transparent) !important;
    box-shadow: var(--x-shadow-sm) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-hero {
    border-radius: 20px;
    padding: clamp(1rem, 1.5vw, 1.35rem);
}

body.page-home-documentsbysearchterm #_docsLayer .docs-table-card {
    border-radius: 20px;
    padding: clamp(0.85rem, 1.4vw, 1.1rem);
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-shell {
    height: auto !important;
    min-height: 0 !important;
    padding: clamp(0.75rem, 1.2vw, 1rem) !important;
    gap: 0 !important;
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-table-card {
    flex: 0 1 auto !important;
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGridWrap,
body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid,
body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid {
    height: auto !important;
    min-height: 0 !important;
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content,
body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content-locked {
    max-height: none !important;
    min-height: 0 !important;
}

body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-footer-hint {
    display: none !important;
}

/* Photo collection demo while the real API endpoints are pending. */
.photo-demo,
.photo-demo * {
    box-sizing: border-box;
}

.photo-demo {
    min-height: calc(100vh - var(--x-nav-height, 92px) - 2.6rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1rem, 1.7vw, 1.5rem);
    color: var(--x-text, #0c2a58);
}

.photo-demo__hero {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 72%, transparent);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--x-primary, #2477ff) 18%, transparent), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--x-surface, #ffffff) 95%, transparent), color-mix(in srgb, var(--x-surface-2, #eaf3ff) 92%, transparent));
    box-shadow: var(--x-shadow-sm, 0 18px 44px rgba(25, 74, 148, .12));
}

.photo-demo__eyebrow,
.photo-demo-card__tag,
.photo-demo-detail__label,
.photo-demo-viewer__path {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    padding: .42rem .72rem;
    border-radius: 999px;
    color: var(--x-primary, #166cff);
    background: color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 84%, transparent);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.photo-demo__hero h1 {
    margin: .65rem 0 .45rem;
    color: var(--x-text, #0b2a56);
    font-size: clamp(2rem, 3vw, 3.1rem);
    line-height: 1;
    font-weight: 900;
}

.photo-demo__hero p {
    max-width: 680px;
    margin: 0;
    color: var(--x-text-2, #58709a);
    font-size: 1.08rem;
    font-weight: 650;
    line-height: 1.45;
}

.photo-demo__stats {
    min-width: min(420px, 38vw);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.photo-demo__stats span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 108px;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 64%, transparent);
    border-radius: 16px;
    color: var(--x-text-2, #58709a);
    background: color-mix(in srgb, var(--x-surface, #ffffff) 70%, transparent);
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.photo-demo__stats strong {
    color: var(--x-text, #0b2a56);
    font-size: 2rem;
    line-height: 1;
}

.photo-demo__body {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
}

.photo-demo__tree,
.photo-demo__content,
.photo-demo__detail {
    min-height: 0;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 70%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--x-surface, #ffffff) 88%, transparent);
    box-shadow: var(--x-shadow-sm, 0 16px 36px rgba(25, 74, 148, .1));
}

.photo-demo__tree,
.photo-demo__detail {
    padding: 1rem;
}

.photo-demo__tree h2 {
    margin: 0 0 .85rem;
    color: var(--x-text, #0b2a56);
    font-size: 1.05rem;
    font-weight: 900;
}

#photoDemoTree {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.photo-demo-tree-item {
    display: flex;
    flex-direction: column;
    gap: .22rem;
    width: 100%;
    padding: .82rem .9rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 62%, transparent);
    border-radius: 14px;
    color: var(--x-text-2, #58709a);
    background: color-mix(in srgb, var(--x-surface-2, #eef6ff) 58%, transparent);
    text-align: left;
    cursor: pointer;
}

.photo-demo-tree-item.is-active {
    border-color: color-mix(in srgb, var(--x-primary, #166cff) 62%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--x-primary, #166cff) 16%, transparent), color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 72%, transparent));
    color: var(--x-text, #0b2a56);
}

.photo-demo-tree-item span {
    font-size: .77rem;
    font-weight: 800;
    text-transform: uppercase;
}

.photo-demo-tree-item strong {
    color: inherit;
    font-size: .98rem;
    line-height: 1.15;
}

.photo-demo-tree-item em {
    font-style: normal;
    font-size: .86rem;
    line-height: 1.2;
}

.photo-demo__content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.photo-demo__toolbar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 62%, transparent);
}

.photo-demo__search {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.photo-demo__search i {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--x-primary, #166cff);
}

.photo-demo__search input {
    width: 100%;
    min-height: 48px;
    padding: 0 1rem 0 2.7rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 82%, transparent);
    border-radius: 14px;
    color: var(--x-text, #0b2a56);
    background: color-mix(in srgb, var(--x-surface, #fff) 86%, transparent);
    font-weight: 700;
}

.photo-demo__filter {
    display: inline-flex;
    gap: .35rem;
    padding: .3rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 62%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--x-surface-2, #eef6ff) 70%, transparent);
}

.photo-demo__filter button {
    min-height: 38px;
    padding: 0 .85rem;
    border: 0;
    border-radius: 10px;
    color: var(--x-text-2, #58709a);
    background: transparent;
    font-weight: 850;
    cursor: pointer;
}

.photo-demo__filter button.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--x-primary, #166cff), var(--x-primary-2, #22a7ff));
}

.photo-demo__cards {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
    overflow: auto;
}

.photo-demo-card {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 70%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--x-surface, #fff) 82%, transparent);
    overflow: hidden;
}

.photo-demo-card.is-active {
    border-color: color-mix(in srgb, var(--x-primary, #166cff) 72%, transparent);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--x-primary, #166cff) 16%, transparent);
}

.photo-demo-card__image {
    position: relative;
    display: block;
    width: 100%;
    height: 190px;
    padding: 0;
    border: 0;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
}

.photo-demo-card__image img,
.photo-demo-detail__cover img,
.photo-demo-viewer__image img,
.photo-demo-viewer__albums img,
.photo-demo-viewer__thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-demo-card__image span {
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    padding: .42rem .68rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(4, 18, 42, .72);
    font-size: .82rem;
    font-weight: 850;
}

.photo-demo-card__body {
    padding: 1rem;
}

.photo-demo-card h2,
.photo-demo-detail h2 {
    margin: .65rem 0 .45rem;
    color: var(--x-text, #0b2a56);
    font-size: 1.35rem;
    line-height: 1.08;
    font-weight: 900;
}

.photo-demo-card p,
.photo-demo-detail p {
    margin: 0;
    color: var(--x-text-2, #58709a);
    line-height: 1.45;
    font-weight: 650;
}

.photo-demo-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .9rem;
}

.photo-demo-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    padding: .4rem .55rem;
    border-radius: 999px;
    color: var(--x-text-2, #58709a);
    background: color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 58%, transparent);
    font-size: .82rem;
    font-weight: 800;
}

.photo-demo-detail__cover {
    height: 190px;
    margin-bottom: 1rem;
    border-radius: 16px;
    overflow: hidden;
}

.photo-demo-detail dl,
.photo-demo-viewer__info dl {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: .65rem .85rem;
    margin: 1rem 0;
}

.photo-demo-detail dt,
.photo-demo-viewer__info dt {
    color: var(--x-text-3, #6e83a7);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.photo-demo-detail dd,
.photo-demo-viewer__info dd {
    min-width: 0;
    margin: 0;
    color: var(--x-text, #0b2a56);
    font-weight: 750;
    overflow-wrap: anywhere;
}

.photo-demo-detail__albums {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .9rem 0 1rem;
}

.photo-demo-detail__albums span {
    padding: .42rem .62rem;
    border-radius: 999px;
    color: var(--x-primary, #166cff);
    background: color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 70%, transparent);
    font-weight: 800;
    font-size: .82rem;
}

.photo-demo-detail__button {
    width: 100%;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 1px solid color-mix(in srgb, var(--x-primary, #166cff) 72%, transparent);
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--x-primary, #166cff), var(--x-primary-2, #22a7ff));
    font-weight: 900;
    cursor: pointer;
}

.photo-demo-empty {
    grid-column: 1 / -1;
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    color: var(--x-text-2, #58709a);
    text-align: center;
}

.photo-demo-empty i {
    font-size: 2rem;
    color: var(--x-primary, #166cff);
}

.photo-demo-empty strong {
    color: var(--x-text, #0b2a56);
    font-size: 1.45rem;
}

.photo-demo-viewer {
    position: fixed;
    inset: 0;
    z-index: 3300;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(3, 14, 32, .58);
    backdrop-filter: blur(16px);
    opacity: 0;
    transition: opacity .18s ease;
}

.photo-demo-viewer[hidden] {
    display: none;
}

.photo-demo-viewer.is-open {
    opacity: 1;
}

.photo-demo-viewer__dialog {
    width: min(1500px, calc(100vw - 2rem));
    height: min(860px, calc(100vh - 2rem));
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 70%, transparent);
    border-radius: 24px;
    background: color-mix(in srgb, var(--x-bg, #f2f7ff) 96%, transparent);
    color: var(--x-text, #0b2a56);
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(0, 14, 34, .38);
}

.photo-demo-viewer__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 64%, transparent);
}

.photo-demo-viewer__header h2 {
    margin: .35rem 0 0;
    color: var(--x-text, #0b2a56);
    font-size: clamp(1.4rem, 2vw, 2.1rem);
    line-height: 1.08;
    font-weight: 900;
}

.photo-demo-viewer__back,
.photo-demo-viewer__close,
.photo-demo-viewer__tools button {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 72%, transparent);
    border-radius: 14px;
    color: var(--x-text, #0b2a56);
    background: color-mix(in srgb, var(--x-surface, #fff) 76%, transparent);
    cursor: pointer;
}

.photo-demo-viewer__layout {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr) 320px;
}

.photo-demo-viewer__albums,
.photo-demo-viewer__info {
    min-height: 0;
    padding: 1rem;
    overflow: auto;
    background: color-mix(in srgb, var(--x-surface, #fff) 58%, transparent);
}

.photo-demo-viewer__albums {
    border-right: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 64%, transparent);
}

.photo-demo-viewer__info {
    border-left: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 64%, transparent);
}

.photo-demo-viewer__albums h3,
.photo-demo-viewer__info h3 {
    margin: 0 0 .9rem;
    color: var(--x-text, #0b2a56);
    font-size: 1.05rem;
    font-weight: 900;
}

#photoDemoViewerAlbums {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

#photoDemoViewerAlbums button {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: .65rem;
    width: 100%;
    padding: .55rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 62%, transparent);
    border-radius: 14px;
    color: var(--x-text, #0b2a56);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

#photoDemoViewerAlbums button.is-active {
    background: color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 62%, transparent);
}

#photoDemoViewerAlbums span {
    grid-row: span 2;
    height: 54px;
    border-radius: 10px;
    overflow: hidden;
}

#photoDemoViewerAlbums strong,
#photoDemoViewerAlbums small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#photoDemoViewerAlbums small {
    color: var(--x-text-2, #58709a);
    font-weight: 700;
}

.photo-demo-viewer__stage {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: color-mix(in srgb, var(--x-bg-2, #eaf3ff) 76%, transparent);
}

.photo-demo-viewer__tools {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: .85rem;
}

.photo-demo-viewer__tools span {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    padding: 0 1rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 62%, transparent);
    border-radius: 14px;
    color: var(--x-text, #0b2a56);
    background: color-mix(in srgb, var(--x-surface, #fff) 72%, transparent);
    font-weight: 850;
}

.photo-demo-viewer__image {
    min-height: 0;
    margin: 0 1rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 64%, transparent);
    border-radius: 18px;
    overflow: hidden;
    background: #051a35;
}

.photo-demo-viewer__image img {
    object-fit: contain;
}

.photo-demo-viewer__thumbs {
    display: flex;
    gap: .6rem;
    padding: .85rem 1rem 1rem;
    overflow-x: auto;
}

.photo-demo-viewer__thumbs button {
    width: 86px;
    height: 62px;
    flex: 0 0 86px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
}

.photo-demo-viewer__thumbs button.is-active {
    border-color: var(--x-primary, #166cff);
}

html[data-theme="dark"] .photo-demo,
body[data-theme="dark"] .photo-demo {
    color: #eaf2ff;
}

html[data-theme="dark"] .photo-demo__hero,
html[data-theme="dark"] .photo-demo__tree,
html[data-theme="dark"] .photo-demo__content,
html[data-theme="dark"] .photo-demo__detail,
html[data-theme="dark"] .photo-demo-card,
body[data-theme="dark"] .photo-demo__hero,
body[data-theme="dark"] .photo-demo__tree,
body[data-theme="dark"] .photo-demo__content,
body[data-theme="dark"] .photo-demo__detail,
body[data-theme="dark"] .photo-demo-card {
    border-color: rgba(88, 143, 218, .46);
    background: rgba(9, 31, 59, .86);
}

html[data-theme="dark"] .photo-demo__hero h1,
html[data-theme="dark"] .photo-demo__stats strong,
html[data-theme="dark"] .photo-demo__tree h2,
html[data-theme="dark"] .photo-demo-card h2,
html[data-theme="dark"] .photo-demo-detail h2,
html[data-theme="dark"] .photo-demo-detail dd,
html[data-theme="dark"] .photo-demo-viewer__header h2,
html[data-theme="dark"] .photo-demo-viewer__albums h3,
html[data-theme="dark"] .photo-demo-viewer__info h3,
html[data-theme="dark"] #photoDemoViewerAlbums button,
body[data-theme="dark"] .photo-demo__hero h1,
body[data-theme="dark"] .photo-demo__stats strong,
body[data-theme="dark"] .photo-demo__tree h2,
body[data-theme="dark"] .photo-demo-card h2,
body[data-theme="dark"] .photo-demo-detail h2,
body[data-theme="dark"] .photo-demo-detail dd,
body[data-theme="dark"] .photo-demo-viewer__header h2,
body[data-theme="dark"] .photo-demo-viewer__albums h3,
body[data-theme="dark"] .photo-demo-viewer__info h3,
body[data-theme="dark"] #photoDemoViewerAlbums button {
    color: #f4f8ff;
}

html[data-theme="dark"] .photo-demo__hero p,
html[data-theme="dark"] .photo-demo-card p,
html[data-theme="dark"] .photo-demo-detail p,
html[data-theme="dark"] .photo-demo__stats span,
html[data-theme="dark"] .photo-demo-card__meta span,
html[data-theme="dark"] .photo-demo-detail dt,
html[data-theme="dark"] .photo-demo-viewer__info dt,
html[data-theme="dark"] #photoDemoViewerAlbums small,
body[data-theme="dark"] .photo-demo__hero p,
body[data-theme="dark"] .photo-demo-card p,
body[data-theme="dark"] .photo-demo-detail p,
body[data-theme="dark"] .photo-demo__stats span,
body[data-theme="dark"] .photo-demo-card__meta span,
body[data-theme="dark"] .photo-demo-detail dt,
body[data-theme="dark"] .photo-demo-viewer__info dt,
body[data-theme="dark"] #photoDemoViewerAlbums small {
    color: #aec7ec;
}

html[data-theme="dark"] .photo-demo__search input,
html[data-theme="dark"] .photo-demo__filter,
html[data-theme="dark"] .photo-demo-tree-item,
html[data-theme="dark"] .photo-demo-viewer__dialog,
html[data-theme="dark"] .photo-demo-viewer__albums,
html[data-theme="dark"] .photo-demo-viewer__info,
html[data-theme="dark"] .photo-demo-viewer__tools span,
html[data-theme="dark"] .photo-demo-viewer__back,
html[data-theme="dark"] .photo-demo-viewer__close,
html[data-theme="dark"] .photo-demo-viewer__tools button,
body[data-theme="dark"] .photo-demo__search input,
body[data-theme="dark"] .photo-demo__filter,
body[data-theme="dark"] .photo-demo-tree-item,
body[data-theme="dark"] .photo-demo-viewer__dialog,
body[data-theme="dark"] .photo-demo-viewer__albums,
body[data-theme="dark"] .photo-demo-viewer__info,
body[data-theme="dark"] .photo-demo-viewer__tools span,
body[data-theme="dark"] .photo-demo-viewer__back,
body[data-theme="dark"] .photo-demo-viewer__close,
body[data-theme="dark"] .photo-demo-viewer__tools button {
    border-color: rgba(88, 143, 218, .48);
    color: #edf5ff;
    background: rgba(8, 29, 56, .92);
}

html[data-theme="dark"] .photo-demo-viewer__stage,
body[data-theme="dark"] .photo-demo-viewer__stage {
    background: rgba(4, 20, 40, .96);
}

@media (max-width: 1180px) {
    .photo-demo__body,
    .photo-demo-viewer__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-demo__tree,
    .photo-demo__detail {
        overflow: visible;
    }

    #photoDemoTree {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .photo-demo-viewer__albums,
    .photo-demo-viewer__info {
        border: 0;
    }

    .photo-demo-viewer__albums {
        max-height: 180px;
    }

    #photoDemoViewerAlbums {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1280px) {
    body.page-home-documentsbysearchterm .docs-photo-collection-layout #searchDocsContainer {
        min-height: 0 !important;
        overflow: visible;
    }

    .photo-demo {
        min-height: 0;
        padding: .85rem;
    }

    .photo-demo__hero {
        flex-direction: column;
        border-radius: 18px;
    }

    .photo-demo__hero h1 {
        font-size: 2rem;
    }

    .photo-demo__stats {
        min-width: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .photo-demo__stats span {
        min-height: 74px;
        padding: .65rem;
        font-size: .68rem;
    }

    .photo-demo__stats strong {
        font-size: 1.45rem;
    }

    #photoDemoTree,
    .photo-demo__cards {
        grid-template-columns: 1fr;
    }

    .photo-demo__toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .photo-demo__filter {
        width: 100%;
        overflow-x: auto;
    }

    .photo-demo__filter button {
        flex: 1 0 auto;
    }

    .photo-demo-card__image,
    .photo-demo-detail__cover {
        height: 170px;
    }

    .photo-demo-detail dl,
    .photo-demo-viewer__info dl {
        grid-template-columns: 1fr;
    }

    .photo-demo-viewer {
        padding: 0;
    }

    .photo-demo-viewer__dialog {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .photo-demo-viewer__header {
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding: .85rem;
    }

    .photo-demo-viewer__path {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .photo-demo-viewer__header h2 {
        font-size: 1.45rem;
    }

    .photo-demo-viewer__layout {
        overflow: auto;
    }

    .photo-demo-viewer__albums {
        max-height: none;
    }

    #photoDemoViewerAlbums {
        grid-template-columns: 1fr;
    }

    .photo-demo-viewer__stage {
        min-height: 460px;
    }

    .photo-demo-viewer__image {
        margin-inline: .85rem;
    }
}

@media (max-width: 420px) {
    .photo-demo__stats {
        grid-template-columns: 1fr;
    }

    .photo-demo__stats span {
        min-height: 62px;
    }

    .photo-demo-viewer__back,
    .photo-demo-viewer__close,
    .photo-demo-viewer__tools button {
        width: 42px;
        height: 42px;
    }
}

/* Photo collection list mode: the first screen behaves like Expedientes. */
.photo-demo--list {
    gap: 1rem;
}

.photo-demo--list .photo-demo__hero {
    align-items: center;
}

.photo-demo--list .photo-demo__hero h1 {
    margin-top: .55rem;
}

.photo-demo--list .photo-demo__body {
    display: block;
    min-height: 0;
}

.photo-demo--list .photo-demo__content {
    min-height: 0;
    overflow: hidden;
}

.photo-demo--list .photo-demo__cards {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
    align-content: start;
    max-height: calc(100vh - var(--x-nav-height, 92px) - 21rem);
    min-height: 340px;
}

.photo-demo--list .photo-demo-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: .8rem 1rem;
    min-height: 250px;
    padding: 1.1rem;
    border-radius: 20px;
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--x-primary, #166cff) 18%, transparent), transparent 38%),
        color-mix(in srgb, var(--x-surface, #fff) 88%, transparent);
}

.photo-demo--list .photo-demo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.12), transparent 48%);
}

.photo-demo-list-card__icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 72%, transparent);
    border-radius: 16px;
    color: #8dc0ff;
    background: color-mix(in srgb, var(--x-primary-soft, #d8e9ff) 58%, transparent);
    font-size: 1.35rem;
}

.photo-demo-list-card .photo-demo-card__body {
    min-width: 0;
    padding: 0;
}

.photo-demo-list-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .7rem;
}

.photo-demo-card__tag--muted {
    color: var(--x-text-2, #58709a);
    background: color-mix(in srgb, var(--x-line, #9ec2f2) 28%, transparent);
}

.photo-demo--list .photo-demo-card h2 {
    margin: 0 0 .45rem;
    font-size: clamp(1.25rem, 1.4vw, 1.55rem);
}

.photo-demo--list .photo-demo-card p {
    display: -webkit-box;
    min-height: 3.9em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.photo-demo--list .photo-demo-card__meta {
    grid-column: 1 / -1;
    margin-top: .15rem;
}

.photo-demo-list-card__open {
    grid-column: 1 / -1;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    padding: 0 .95rem;
    border: 1px solid color-mix(in srgb, var(--x-line, #9ec2f2) 70%, transparent);
    border-radius: 14px;
    color: var(--x-text, #0b2a56);
    background: color-mix(in srgb, var(--x-surface-2, #eef6ff) 62%, transparent);
    font-weight: 900;
    cursor: pointer;
}

.photo-demo-list-card__open i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--x-primary, #166cff), var(--x-primary-2, #22a7ff));
}

.photo-demo-list-card__open:hover,
.photo-demo-list-card__open:focus-visible {
    border-color: color-mix(in srgb, var(--x-primary, #166cff) 70%, transparent);
    outline: none;
}

html[data-theme="dark"] .photo-demo-list-card__open,
body[data-theme="dark"] .photo-demo-list-card__open {
    border-color: rgba(88, 143, 218, .48);
    color: #edf5ff;
    background: rgba(10, 38, 72, .92);
}

@media (max-width: 1180px) {
    .photo-demo--list .photo-demo__cards {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
        max-height: none;
    }
}

@media (max-width: 1280px) {
    .photo-demo--list .photo-demo__cards {
        grid-template-columns: 1fr;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .photo-demo--list .photo-demo-card {
        min-height: 0;
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1rem;
    }

    .photo-demo-list-card__icon {
        width: 52px;
        height: 52px;
    }

    .photo-demo--list .photo-demo-card p {
        min-height: 0;
        -webkit-line-clamp: 4;
    }
}

body.page-home-documentsbysearchterm #_docsLayer .docs-title-wrap h2 {
    color: var(--x-text) !important;
    font-size: clamp(1.55rem, 1.75vw, 2.15rem);
    letter-spacing: 0;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-top-copy p,
body.page-home-documentsbysearchterm #_docsLayer .docs-hero-label {
    color: var(--x-text-3) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-record-tag {
    max-width: min(52ch, 100%);
    color: var(--x-primary) !important;
    background: color-mix(in srgb, var(--x-primary-soft) 82%, var(--x-surface) 18%) !important;
    border: 1px solid color-mix(in srgb, var(--x-primary) 24%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-hero-meta {
    border: 1px solid color-mix(in srgb, var(--x-line) 68%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--x-surface-2) 82%, transparent);
}

body.page-home-documentsbysearchterm #_docsLayer .docs-hero-stat strong,
body.page-home-documentsbysearchterm #_docsLayer .docs-hero-context strong {
    color: var(--x-text) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-back-btn,
body.page-home-documentsbysearchterm #_docsLayer .docs-filter-btn,
body.page-home-documentsbysearchterm #_docsLayer .docs-clear-btn {
    border-color: var(--x-line) !important;
    background: var(--x-surface) !important;
    color: var(--x-text-2) !important;
    box-shadow: none !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-back-btn:hover,
body.page-home-documentsbysearchterm #_docsLayer .docs-filter-btn:hover,
body.page-home-documentsbysearchterm #_docsLayer .docs-clear-btn:hover {
    border-color: var(--x-line-strong) !important;
    color: var(--x-primary) !important;
    background: color-mix(in srgb, var(--x-primary-soft) 62%, var(--x-surface) 38%) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-toolbar {
    grid-template-columns: minmax(320px, 1fr) auto;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-total {
    min-height: 52px;
    border-radius: 14px;
    box-shadow: none;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid {
    border: 1px solid color-mix(in srgb, var(--x-line) 76%, transparent) !important;
    border-radius: 18px !important;
    background: var(--x-surface) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-header,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-header-wrap,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-table-thead,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-table-th {
    background: color-mix(in srgb, var(--x-surface-2) 88%, var(--x-surface) 12%) !important;
    color: var(--x-text) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-container,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content-wrap,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-table,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-table-tbody,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-table {
    background: var(--x-surface) !important;
    background-color: var(--x-surface) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content td,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-table-td {
    color: var(--x-text-2) !important;
    background: var(--x-surface) !important;
    border-color: color-mix(in srgb, var(--x-line) 62%, transparent) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td {
    background: color-mix(in srgb, var(--x-surface-2) 72%, var(--x-surface) 28%) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content tr:hover td {
    background: color-mix(in srgb, var(--x-primary-soft) 52%, var(--x-surface) 48%) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-cell .docs-ref-icon {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    border: 1px solid var(--docs-ref-icon-border, color-mix(in srgb, var(--x-line) 86%, transparent)) !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--docs-ref-icon-bg, color-mix(in srgb, var(--x-primary-soft) 58%, var(--x-surface) 42%)) !important;
    color: var(--docs-ref-icon-color, var(--x-primary)) !important;
    font-size: 1.18rem !important;
    line-height: 1 !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-pdf {
    --docs-ref-icon-border: rgba(255, 151, 151, 0.72);
    --docs-ref-icon-bg: #fff0f0;
    --docs-ref-icon-color: #d92d2d;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-audio {
    --docs-ref-icon-border: rgba(45, 198, 185, 0.62);
    --docs-ref-icon-bg: #e9fbf9;
    --docs-ref-icon-color: #078b82;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-video {
    --docs-ref-icon-border: rgba(142, 122, 255, 0.62);
    --docs-ref-icon-bg: #f1eeff;
    --docs-ref-icon-color: #5b46d8;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-image {
    --docs-ref-icon-border: rgba(59, 130, 246, 0.58);
    --docs-ref-icon-bg: #eef6ff;
    --docs-ref-icon-color: #1d62d6;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-word,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-text {
    --docs-ref-icon-border: rgba(79, 132, 222, 0.58);
    --docs-ref-icon-bg: #eef5ff;
    --docs-ref-icon-color: #235fc5;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-spreadsheet {
    --docs-ref-icon-border: rgba(25, 166, 104, 0.54);
    --docs-ref-icon-bg: #edfbf4;
    --docs-ref-icon-color: #087b4a;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-slides,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-icon-archive {
    --docs-ref-icon-border: rgba(245, 158, 11, 0.5);
    --docs-ref-icon-bg: #fff7e6;
    --docs-ref-icon-color: #b76600;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .js-eye-btn,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .js-ctx-toggle {
    border-color: var(--x-line) !important;
    background: var(--x-surface) !important;
    color: var(--x-text-2) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .js-eye-btn:hover,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .js-ctx-toggle:hover {
    border-color: var(--x-line-strong) !important;
    color: var(--x-primary) !important;
}

body.page-home-documentsbysearchterm #_docsLayer .docs-footer-hint,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-pager-summary {
    display: none !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-wrap,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-grid-pager {
    min-height: 0 !important;
    margin: 1rem 0 0 !important;
    padding: 0.2rem 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.1rem !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-nav-buttons,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.35rem 0.45rem !important;
    border: 1px solid color-mix(in srgb, var(--x-line) 86%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--x-surface) 90%, transparent) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-wrap :is(.k-button, .k-link, .k-pager-nav, .k-button-flat-base),
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-link, .k-state-selected, .k-selected) {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--x-line) 86%, transparent) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--x-text-2) !important;
    background: var(--x-surface) !important;
    box-shadow: none !important;
    font-weight: 800 !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-wrap :is(.k-button, .k-link, .k-pager-nav, .k-button-flat-base):hover {
    border-color: var(--x-line-strong) !important;
    color: var(--x-primary) !important;
    background: color-mix(in srgb, var(--x-primary-soft) 58%, var(--x-surface) 42%) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-state-selected, .k-selected) {
    border-color: transparent !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, var(--x-primary), var(--x-primary-2)) !important;
    box-shadow: 0 10px 20px color-mix(in srgb, var(--x-primary) 24%, transparent) !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-sizes,
body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-info {
    color: var(--x-text-3) !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
}

body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-sizes .k-picker {
    height: 42px !important;
    min-width: 86px !important;
    border-radius: 14px !important;
    border-color: var(--x-line) !important;
    background: var(--x-surface) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-search-col > .docs-search-bar,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-search-col > .docs-search-bar,
html[data-theme="dark"] body.page-home-documentsbysearchterm #searchDocsContainer,
body.page-home-documentsbysearchterm[data-theme="dark"] #searchDocsContainer {
    border-color: color-mix(in srgb, var(--x-line) 72%, transparent) !important;
    background:
        radial-gradient(circle at 95% 0%, rgba(68, 215, 255, 0.1), transparent 34%),
        color-mix(in srgb, var(--x-surface) 88%, transparent) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer {
    background:
        radial-gradient(circle at 12% 0%, rgba(68, 215, 255, 0.13), transparent 30%),
        linear-gradient(180deg, #06172e 0%, #082342 100%) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-hero,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-table-card,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-hero,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-table-card {
    border-color: rgba(80, 128, 198, 0.54) !important;
    background:
        radial-gradient(circle at 94% 0%, rgba(63, 135, 255, 0.12), transparent 34%),
        rgba(9, 31, 59, 0.92) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-title-wrap h2,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-hero-stat strong,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-hero-context strong,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-title-wrap h2,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-hero-stat strong,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-hero-context strong {
    color: #f3f8ff !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-breadcrumb,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-top-copy p,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-hero-label,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-breadcrumb,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-top-copy p,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-hero-label {
    color: #a9c1e8 !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-record-tag,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-record-tag {
    color: #9fcbff !important;
    background: rgba(30, 82, 139, 0.7) !important;
    border-color: rgba(116, 176, 255, 0.34) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer .docs-hero-meta,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer .docs-hero-meta {
    border-color: rgba(80, 128, 198, 0.48) !important;
    background: rgba(6, 24, 47, 0.56) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid {
    border-color: rgba(80, 128, 198, 0.52) !important;
    background: #102846 !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid :is(.k-grid-content, .k-grid-container, .k-grid-content-wrap, .k-table, .k-table-tbody, .k-grid-table),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid :is(.k-grid-content, .k-grid-container, .k-grid-content-wrap, .k-table, .k-table-tbody, .k-grid-table) {
    background: #102846 !important;
    background-color: #102846 !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid :is(.k-grid-header, .k-grid-header-wrap, .k-table-thead, .k-table-th, .k-grid-header th),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid :is(.k-grid-header, .k-grid-header-wrap, .k-table-thead, .k-table-th, .k-grid-header th) {
    background: #18375f !important;
    color: #eef5ff !important;
    border-color: rgba(80, 128, 198, 0.42) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid :is(.k-grid-content td, .k-table-td),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid :is(.k-grid-content td, .k-table-td) {
    color: #dbe8ff !important;
    background: #142f52 !important;
    border-color: rgba(80, 128, 198, 0.32) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td {
    background: #112a4a !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid-content tr:hover td,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-content tr:hover td {
    background: #1d4778 !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-cell .docs-ref-icon,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-cell .docs-ref-icon {
    background: rgba(23, 66, 112, 0.92) !important;
    border-color: rgba(98, 151, 230, 0.42) !important;
    color: #b9d8ff !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-ref-cell span,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .docs-title-cell,
html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-date-cell strong,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-cell span,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .docs-title-cell,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-date-cell strong {
    color: #edf4ff !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-date-cell,
html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-date-cell i,
html[data-theme="dark"] body.page-home-documentsbysearchterm .docs-date-cell span,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-date-cell,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-date-cell i,
body.page-home-documentsbysearchterm[data-theme="dark"] .docs-date-cell span {
    color: #a8c3e9 !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-nav-buttons,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers-wrap,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-nav-buttons,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-numbers-wrap {
    border-color: rgba(80, 128, 198, 0.52) !important;
    background: rgba(13, 34, 62, 0.82) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-wrap :is(.k-button, .k-link, .k-pager-nav, .k-button-flat-base),
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-link, .k-state-selected, .k-selected),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-wrap :is(.k-button, .k-link, .k-pager-nav, .k-button-flat-base),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-link, .k-state-selected, .k-selected) {
    border-color: rgba(80, 128, 198, 0.58) !important;
    color: #d8e7ff !important;
    background: rgba(20, 48, 86, 0.94) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-state-selected, .k-selected),
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-numbers :is(.k-state-selected, .k-selected) {
    color: #ffffff !important;
    background: linear-gradient(145deg, var(--x-primary), var(--x-primary-2)) !important;
}

html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-sizes,
html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-info,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-sizes,
body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer #_docsGrid .k-grid .k-pager-info {
    color: #b9d0f2 !important;
}

@media (max-width: 991.98px) {
    body.page-home-documentsbysearchterm .docs-search-layout {
        padding: 0.7rem !important;
    }

    body.page-home-documentsbysearchterm #searchDocsContainer {
        min-height: calc(100vh - var(--x-nav-height) - 8.8rem) !important;
    }

    body.page-home-documentsbysearchterm #_docsLayer .docs-toolbar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1280px) {
    body.page-home-documentsbysearchterm #_docsLayer .docs-hero-meta {
        display: none;
    }

    body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-wrap {
        justify-content: flex-start !important;
    }

    body.page-home-documentsbysearchterm #_docsLayer #_docsGrid .k-grid .k-pager-info {
        width: 100%;
    }
}

/* Global ultrawide width cap */
.app-navbar-inner,
.app-content-inner {
    width: min(100%, calc(var(--x-max-page-width) + (var(--x-page-gutter) * 2))) !important;
    max-width: calc(var(--x-max-page-width) + (var(--x-page-gutter) * 2)) !important;
    margin-inline: auto !important;
    padding-inline: var(--x-page-gutter) !important;
}

body:has(.login-page) .app-content-inner {
    max-width: calc(var(--x-max-page-width) + (var(--x-page-gutter) * 2)) !important;
}

body.page-home-records .app-content-inner,
body.page-home-records .records-shell,
body.page-home-records .records-main.main-panel {
    max-width: calc(var(--x-max-page-width) + (var(--x-page-gutter) * 2)) !important;
    margin-inline: auto !important;
}

body.page-home-records .records-shell,
body.page-home-records .records-main.main-panel {
    width: 100%;
}

#_docsLayer .docs-shell,
.doc-layer .doc-canvas,
.doc-layer .xpdf-shell {
    max-width: var(--x-max-page-width);
    width: 100%;
    margin-inline: auto;
}

.doc-layer.pdf-mode .doc-canvas,
.doc-layer.pdf-mode .xpdf-shell {
    max-width: var(--x-max-page-width);
}

@media (max-width: 860px) {
    .app-navbar-inner,
    .app-content-inner {
        padding-inline: 0.75rem !important;
    }
}