/* Records list viewport: keep the pager visible and scroll only the cards area */
body.page-home-records {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

body.page-home-records .app-content,
body.page-home-records .app-content-inner,
body.page-home-records .records-shell,
body.page-home-records .records-shell > .row {
    min-height: 0 !important;
    overflow: hidden !important;
}

body.page-home-records .app-content {
    height: calc(100dvh - var(--x-nav-height) - 1rem) !important;
}

body.page-home-records .app-content-inner,
body.page-home-records .records-shell,
body.page-home-records .records-shell > .row {
    height: 100% !important;
}

body.page-home-records .records-main.main-panel {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}

body.page-home-records .records-header,
body.page-home-records .records-breadcrumb,
body.page-home-records .records-main .search-bar,
body.page-home-records .records-count {
    flex: 0 0 auto !important;
}

body.page-home-records #recordsListViewContainer {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    padding: 12px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(183, 203, 233, 0.84) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(240, 246, 255, 0.92)),
        radial-gradient(circle at top, rgba(255, 255, 255, 0.54), transparent 60%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 18px 42px rgba(12, 39, 76, 0.08) !important;
}

body.page-home-records #recordsListView {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.page-home-records #recordsListView.k-listview,
body.page-home-records #recordsListView .k-listview,
body.page-home-records #recordsListView .k-listview-content {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.page-home-records #recordsListView .k-listview-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    display: grid !important;
    align-content: start !important;
    grid-template-columns: repeat(auto-fill, minmax(clamp(290px, 24vw, 380px), 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 6px 10px 12px 6px !important;
}

body.page-home-records #recordsListView .k-pager-wrap,
body.page-home-records #recordsListView .k-listview-pager,
body.page-home-records #recordsListViewContainer > .k-listview-pager {
    position: static !important;
    flex: 0 0 auto !important;
    z-index: 2;
    border-radius: 24px !important;
    background: rgba(246, 250, 255, 0.94) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html[data-theme="dark"] body.page-home-records #recordsListViewContainer,
body.page-home-records[data-theme="dark"] #recordsListViewContainer {
    border-color: rgba(84, 126, 190, 0.66) !important;
    background:
        linear-gradient(180deg, rgba(20, 47, 88, 0.9), rgba(17, 39, 73, 0.96)),
        radial-gradient(circle at top, rgba(86, 151, 255, 0.16), transparent 58%) !important;
    box-shadow:
        inset 0 1px 0 rgba(129, 177, 247, 0.13),
        0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-wrap,
html[data-theme="dark"] body.page-home-records #recordsListView .k-listview-pager,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-wrap,
body.page-home-records[data-theme="dark"] #recordsListView .k-listview-pager,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager {
    background: rgba(20, 47, 88, 0.94) !important;
}

@media (max-width: 991.98px) {
    body.page-home-records .records-main.main-panel {
        height: 100% !important;
        min-height: 0 !important;
    }

    body.page-home-records #recordsListViewContainer {
        border-radius: 22px !important;
        padding: 12px !important;
    }
}

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

    body.page-home-records #recordsListViewContainer {
        border-radius: 18px !important;
        padding: 10px !important;
    }
}


/* Continuous Expedientes -> Documentos -> Visor visual system */
body.page-home-records {
    --arc-flow-page-padding-y: 1.55rem;
    --arc-flow-page-padding-x: 2.15rem;
    --arc-flow-page-padding-bottom: 1.25rem;
    --arc-flow-breadcrumb-bg: rgba(16, 54, 115, 0.07);
    --arc-flow-breadcrumb-text: #5c7297;
    --arc-flow-breadcrumb-icon: #0e58d0;
    --arc-flow-hero-border: rgba(181, 204, 234, 0.84);
    --arc-flow-hero-title: #0d2852;
    --arc-flow-hero-text: #5c7598;
    --arc-flow-hero-shadow: 0 20px 42px rgba(12, 39, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96);
    --arc-flow-hero-bg:
        radial-gradient(circle at top right, rgba(84, 144, 255, 0.18), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(236, 244, 255, 0.94));
}

body.page-home-records .records-main.main-panel,
body.page-home-records #_docsLayer .docs-shell,
body.page-home-records .xpdf-shell {
    gap: 1rem !important;
}

body.page-home-records .records-main.main-panel,
body.page-home-records #_docsLayer .docs-shell {
    box-sizing: border-box !important;
    padding: var(--arc-flow-page-padding-y) var(--arc-flow-page-padding-x) var(--arc-flow-page-padding-bottom) !important;
}

body.page-home-records .doc-layer.pdf-mode {
    box-sizing: border-box !important;
    padding: var(--arc-flow-page-padding-y) var(--arc-flow-page-padding-x) var(--arc-flow-page-padding-bottom) !important;
}

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

body.page-home-records .records-breadcrumb,
body.page-home-records #_docsLayer .docs-breadcrumb,
body.page-home-records .xpdf-breadcrumbs {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    align-self: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--arc-flow-breadcrumb-bg) !important;
    color: var(--arc-flow-breadcrumb-text) !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body.page-home-records .records-breadcrumb > span,
body.page-home-records #_docsLayer .docs-breadcrumb > span,
body.page-home-records .xpdf-breadcrumbs > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
}

body.page-home-records .records-breadcrumb span span,
body.page-home-records #_docsLayer .docs-breadcrumb span span,
body.page-home-records .xpdf-breadcrumbs span {
    margin: 0 !important;
    opacity: 1 !important;
}

body.page-home-records .records-breadcrumb .bi,
body.page-home-records #_docsLayer .docs-breadcrumb .bi,
body.page-home-records .xpdf-breadcrumbs .bi {
    flex: 0 0 auto;
    font-size: 0.95rem !important;
    color: var(--arc-flow-breadcrumb-icon) !important;
}

body.page-home-records .records-header,
body.page-home-records #_docsLayer .docs-hero,
body.page-home-records .xpdf-hero {
    flex: 0 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 20px 24px !important;
    border-radius: 26px !important;
    border: 1px solid var(--arc-flow-hero-border) !important;
    background: var(--arc-flow-hero-bg) !important;
    box-shadow: var(--arc-flow-hero-shadow) !important;
}

body.page-home-records .records-header::after,
body.page-home-records #_docsLayer .docs-hero::after,
body.page-home-records .xpdf-hero::after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    right: -60px !important;
    top: -70px !important;
    width: 230px !important;
    height: 230px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(57, 118, 235, 0.16), transparent 66%) !important;
    pointer-events: none !important;
}

body.page-home-records .records-header h1,
body.page-home-records #_docsLayer .docs-title-wrap h2,
body.page-home-records .xpdf-title {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: var(--arc-flow-hero-title) !important;
    font-size: clamp(2rem, 2.2vw, 3rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
}

body.page-home-records .records-header p,
body.page-home-records #_docsLayer .docs-top-copy p,
body.page-home-records .xpdf-subtitle {
    position: relative !important;
    z-index: 1 !important;
    margin: 10px 0 0 !important;
    max-width: 720px !important;
    color: var(--arc-flow-hero-text) !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    font-weight: 500 !important;
}

body.page-home-records #_docsLayer .docs-top,
body.page-home-records .xpdf-hero-main {
    position: relative !important;
    z-index: 1 !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

body.page-home-records #_docsLayer .docs-top-left,
body.page-home-records .xpdf-hero-left {
    align-items: flex-start !important;
    gap: 18px !important;
    min-width: 0 !important;
}

body.page-home-records #_docsLayer .docs-hero-meta,
body.page-home-records .xpdf-hero-meta {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 18px 20px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(187, 208, 236, 0.82) !important;
}

body.page-home-records #_docsLayer .docs-hero-label,
body.page-home-records .xpdf-hero-label {
    color: #6d82a4 !important;
    font-size: 0.74rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body.page-home-records #_docsLayer .docs-hero-stat strong,
body.page-home-records #_docsLayer .docs-hero-context strong,
body.page-home-records .xpdf-hero-stat strong,
body.page-home-records .xpdf-hero-context strong {
    color: #0f2c58 !important;
    font-size: 1.08rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.page-home-records #_docsLayer .docs-hero-stat strong,
body.page-home-records .xpdf-hero-stat strong {
    font-size: 1.32rem !important;
}

body.page-home-records #_docsLayer .docs-hero-divider,
body.page-home-records .xpdf-hero-divider {
    width: 1px !important;
    align-self: stretch !important;
    background: linear-gradient(180deg, transparent, rgba(163, 185, 219, 0.84), transparent) !important;
}

html[data-theme="dark"] body.page-home-records,
body.page-home-records[data-theme="dark"] {
    --arc-flow-breadcrumb-bg: rgba(121, 170, 247, 0.1);
    --arc-flow-breadcrumb-text: #b7cff5;
    --arc-flow-breadcrumb-icon: #8dbbff;
    --arc-flow-hero-border: rgba(75, 111, 169, 0.56);
    --arc-flow-hero-title: #eef5ff;
    --arc-flow-hero-text: #a9c1e8;
    --arc-flow-hero-shadow: 0 18px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(142, 186, 255, 0.09);
    --arc-flow-hero-bg:
        radial-gradient(circle at top right, rgba(72, 140, 255, 0.18), transparent 28%),
        linear-gradient(145deg, rgba(20, 45, 82, 0.98), rgba(16, 37, 66, 0.96));
}

html[data-theme="dark"] body.page-home-records #_docsLayer .docs-hero-meta,
html[data-theme="dark"] body.page-home-records .xpdf-hero-meta,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-meta,
body.page-home-records[data-theme="dark"] .xpdf-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"] body.page-home-records #_docsLayer .docs-hero-stat strong,
html[data-theme="dark"] body.page-home-records #_docsLayer .docs-hero-context strong,
html[data-theme="dark"] body.page-home-records .xpdf-hero-stat strong,
html[data-theme="dark"] body.page-home-records .xpdf-hero-context strong,
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"] .xpdf-hero-stat strong,
body.page-home-records[data-theme="dark"] .xpdf-hero-context strong {
    color: #eef5ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer .docs-hero-label,
html[data-theme="dark"] body.page-home-records .xpdf-hero-label,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-hero-label,
body.page-home-records[data-theme="dark"] .xpdf-hero-label {
    color: #a9c1e8 !important;
}

@media (max-width: 760px) {
    body.page-home-records {
        --arc-flow-page-padding-y: 1rem;
        --arc-flow-page-padding-x: 1rem;
        --arc-flow-page-padding-bottom: 1rem;
    }

    body.page-home-records .records-header,
    body.page-home-records #_docsLayer .docs-hero,
    body.page-home-records .xpdf-hero {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    body.page-home-records .records-header h1,
    body.page-home-records #_docsLayer .docs-title-wrap h2,
    body.page-home-records .xpdf-title {
        font-size: clamp(1.6rem, 8vw, 2.2rem) !important;
    }

    body.page-home-records #_docsLayer .docs-hero-meta,
    body.page-home-records .xpdf-hero-meta {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.page-home-records #_docsLayer .docs-hero-divider,
    body.page-home-records .xpdf-hero-divider {
        display: none !important;
    }
}

/* Shared list controls for Expedientes and Documentos */
body.page-home-records .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-records .arc-flow-crumb-link:hover {
    color: #0e58d0 !important;
}

body.page-home-records .arc-flow-crumb-link:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 3px !important;
    border-radius: 6px !important;
}

#arcangelRagPanel.arcangel-panel-active {
    z-index: 1300 !important;
}

body.page-home-records #recordsListView .record-card {
    height: 300px !important;
    min-height: 300px !important;
    padding: 1rem !important;
    gap: 0.68rem !important;
}

body.page-home-records #recordsListView .record-title {
    gap: 0.35rem !important;
}

body.page-home-records #recordsListView .record-title strong {
    font-size: clamp(1rem, 1.05vw, 1.22rem) !important;
    line-height: 1.12 !important;
}

body.page-home-records #recordsListView .record-summary {
    font-size: 0.9rem !important;
    line-height: 1.28 !important;
}

body.page-home-records #recordsListView .doc-count {
    min-height: 56px !important;
    padding: 0.5rem 0.68rem !important;
    border-radius: 12px !important;
    align-items: center !important;
    font-size: 0.88rem !important;
    line-height: 1.1 !important;
}

body.page-home-records #recordsListView .doc-count .count {
    font-size: 1.45rem !important;
    line-height: 1 !important;
}

body.page-home-records #_docsLayer,
body.page-home-records #_docsLayer .docs-shell {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.page-home-records #_docsLayer .docs-shell {
    gap: 1rem !important;
}

body.page-home-records #_docsLayer .docs-table-card {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

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

body.page-home-records #_docsLayer #_docsGrid {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-grid {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-grid-header,
body.page-home-records #_docsLayer #_docsGrid .k-grid-header-wrap,
body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap {
    flex: 0 0 auto !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-grid-container {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-grid-content,
body.page-home-records #_docsLayer #_docsGrid .k-grid-content-wrap,
body.page-home-records #_docsLayer #_docsGrid .k-grid-content-locked {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
}

body.page-home-records #_docsLayer .docs-footer-hint {
    display: none !important;
}

body.page-home-records #_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, rgba(178, 201, 232, 0.9)) !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--docs-ref-icon-bg, rgba(238, 245, 255, 0.92)) !important;
    color: var(--docs-ref-icon-color, #1f63f0) !important;
    font-size: 1.18rem !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    overflow: visible !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-cell .docs-ref-icon i {
    display: block !important;
    line-height: 1 !important;
}

body.page-home-records #_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;
    border-color: rgba(255, 151, 151, 0.72) !important;
    background: #fff0f0 !important;
    color: #d92d2d !important;
}

body.page-home-records #_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;
    border-color: rgba(45, 198, 185, 0.62) !important;
    background: #e9fbf9 !important;
    color: #078b82 !important;
}

body.page-home-records #_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;
    border-color: rgba(142, 122, 255, 0.62) !important;
    background: #f1eeff !important;
    color: #5b46d8 !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-image {
    --docs-ref-icon-border: rgba(66, 153, 225, 0.62);
    --docs-ref-icon-bg: #edf8ff;
    --docs-ref-icon-color: #1472c8;
    border-color: rgba(66, 153, 225, 0.62) !important;
    background: #edf8ff !important;
    color: #1472c8 !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-word,
body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-text,
body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-document {
    --docs-ref-icon-border: rgba(64, 128, 224, 0.66);
    --docs-ref-icon-bg: #edf5ff;
    --docs-ref-icon-color: #185abd;
    border-color: rgba(64, 128, 224, 0.66) !important;
    background: #edf5ff !important;
    color: #185abd !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-spreadsheet {
    --docs-ref-icon-border: rgba(61, 174, 121, 0.62);
    --docs-ref-icon-bg: #eefbf5;
    --docs-ref-icon-color: #168f58;
    border-color: rgba(61, 174, 121, 0.62) !important;
    background: #eefbf5 !important;
    color: #168f58 !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-slides {
    --docs-ref-icon-border: rgba(238, 160, 72, 0.62);
    --docs-ref-icon-bg: #fff6ea;
    --docs-ref-icon-color: #c96d12;
    border-color: rgba(238, 160, 72, 0.62) !important;
    background: #fff6ea !important;
    color: #c96d12 !important;
}

body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-archive {
    --docs-ref-icon-border: rgba(132, 145, 166, 0.62);
    --docs-ref-icon-bg: #f5f7fb;
    --docs-ref-icon-color: #53627a;
    border-color: rgba(132, 145, 166, 0.62) !important;
    background: #f5f7fb !important;
    color: #53627a !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-pdf,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-pdf {
    --docs-ref-icon-border: rgba(255, 123, 123, 0.54);
    --docs-ref-icon-bg: rgba(128, 31, 31, 0.34);
    --docs-ref-icon-color: #ff8a8a;
    border-color: rgba(255, 123, 123, 0.54) !important;
    background: rgba(128, 31, 31, 0.34) !important;
    color: #ff8a8a !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-audio,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-audio {
    --docs-ref-icon-border: rgba(64, 216, 204, 0.5);
    --docs-ref-icon-bg: rgba(8, 88, 84, 0.32);
    --docs-ref-icon-color: #79e3da;
    border-color: rgba(64, 216, 204, 0.5) !important;
    background: rgba(8, 88, 84, 0.32) !important;
    color: #79e3da !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-video,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-video {
    --docs-ref-icon-border: rgba(156, 140, 255, 0.5);
    --docs-ref-icon-bg: rgba(59, 46, 132, 0.36);
    --docs-ref-icon-color: #b4a7ff;
    border-color: rgba(156, 140, 255, 0.5) !important;
    background: rgba(59, 46, 132, 0.36) !important;
    color: #b4a7ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-image,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-image {
    --docs-ref-icon-border: rgba(96, 184, 255, 0.5);
    --docs-ref-icon-bg: rgba(18, 91, 142, 0.34);
    --docs-ref-icon-color: #8fd0ff;
    border-color: rgba(96, 184, 255, 0.5) !important;
    background: rgba(18, 91, 142, 0.34) !important;
    color: #8fd0ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-word,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-text,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-document,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-word,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-text,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-document {
    --docs-ref-icon-border: rgba(101, 157, 244, 0.52);
    --docs-ref-icon-bg: rgba(28, 76, 148, 0.34);
    --docs-ref-icon-color: #9ec6ff;
    border-color: rgba(101, 157, 244, 0.52) !important;
    background: rgba(28, 76, 148, 0.34) !important;
    color: #9ec6ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-spreadsheet,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-spreadsheet {
    --docs-ref-icon-border: rgba(71, 204, 141, 0.5);
    --docs-ref-icon-bg: rgba(18, 96, 61, 0.32);
    --docs-ref-icon-color: #85e1ad;
    border-color: rgba(71, 204, 141, 0.5) !important;
    background: rgba(18, 96, 61, 0.32) !important;
    color: #85e1ad !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-slides,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-slides {
    --docs-ref-icon-border: rgba(255, 184, 90, 0.5);
    --docs-ref-icon-bg: rgba(128, 75, 20, 0.32);
    --docs-ref-icon-color: #ffc078;
    border-color: rgba(255, 184, 90, 0.5) !important;
    background: rgba(128, 75, 20, 0.32) !important;
    color: #ffc078 !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-ref-icon-archive,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-ref-icon-archive {
    --docs-ref-icon-border: rgba(156, 170, 192, 0.48);
    --docs-ref-icon-bg: rgba(70, 82, 102, 0.34);
    --docs-ref-icon-color: #c7d1e0;
    border-color: rgba(156, 170, 192, 0.48) !important;
    background: rgba(70, 82, 102, 0.34) !important;
    color: #c7d1e0 !important;
}

body.page-home-records #recordsListView .k-pager-wrap,
body.page-home-records #recordsListView .k-listview-pager,
body.page-home-records #recordsListViewContainer > .k-listview-pager,
body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap {
    min-height: 68px !important;
    margin: 18px 0 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(185, 205, 234, 0.78) !important;
    border-radius: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(239, 246, 255, 0.92)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 12px 28px rgba(12, 39, 76, 0.07) !important;
}

body.page-home-records #recordsListView .k-pager-wrap :is(.k-button, .k-link),
body.page-home-records #recordsListView .k-listview-pager :is(.k-button, .k-link),
body.page-home-records #recordsListViewContainer > .k-listview-pager :is(.k-button, .k-link),
body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap :is(.k-button, .k-link) {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(178, 201, 232, 0.9) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #173d78 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    font-weight: 800 !important;
}

body.page-home-records #recordsListView .k-pager-wrap :is(.k-button, .k-link):hover,
body.page-home-records #recordsListView .k-listview-pager :is(.k-button, .k-link):hover,
body.page-home-records #recordsListViewContainer > .k-listview-pager :is(.k-button, .k-link):hover,
body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap :is(.k-button, .k-link):hover {
    border-color: rgba(79, 132, 222, 0.78) !important;
    color: #0f63d8 !important;
    background: #f5f9ff !important;
}

body.page-home-records #recordsListView .k-pager-wrap :is(.k-selected, .k-state-selected),
body.page-home-records #recordsListView .k-listview-pager :is(.k-selected, .k-state-selected),
body.page-home-records #recordsListViewContainer > .k-listview-pager :is(.k-selected, .k-state-selected),
body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap :is(.k-selected, .k-state-selected) {
    border-color: transparent !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #2f7fff, #145bd9) !important;
    box-shadow:
        0 10px 20px rgba(22, 90, 200, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body.page-home-records #recordsListView .k-pager-nav-buttons,
body.page-home-records #recordsListView .k-pager-numbers-wrap,
body.page-home-records #recordsListView .k-listview-pager .k-pager-nav-buttons,
body.page-home-records #recordsListView .k-listview-pager .k-pager-numbers-wrap,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-nav-buttons,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-numbers-wrap,
body.page-home-records #_docsLayer #_docsGrid .k-pager-nav-buttons,
body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(191, 210, 236, 0.76) !important;
    border-radius: 999px !important;
    background: rgba(247, 251, 255, 0.72) !important;
}

body.page-home-records #recordsListView .records-pager-summary,
body.page-home-records #_docsLayer #_docsGrid .docs-pager-summary,
body.page-home-records #recordsListViewContainer > .k-listview-pager .records-pager-summary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(176, 199, 232, 0.82) !important;
    border-radius: 999px !important;
    color: #173d78 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    font-size: 0.94rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body.page-home-records #recordsListView .k-pager-info,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-info,
body.page-home-records #_docsLayer #_docsGrid .k-pager-info {
    margin-left: auto !important;
    color: #21436f !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
}

body.page-home-records #recordsListView .k-pager-sizes,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-sizes,
body.page-home-records #_docsLayer #_docsGrid .k-pager-sizes {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #4f6690 !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
}

body.page-home-records #recordsListView .k-pager-sizes .k-picker,
body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-sizes .k-picker,
body.page-home-records #_docsLayer #_docsGrid .k-pager-sizes .k-picker {
    height: 42px !important;
    min-width: 86px !important;
    border: 1px solid rgba(178, 201, 232, 0.9) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.92) !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap {
    flex-wrap: wrap !important;
    border-radius: 26px !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-pager-nav-buttons,
body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(191, 210, 236, 0.76) !important;
    border-radius: 999px !important;
    background: rgba(247, 251, 255, 0.72) !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

body.page-home-records #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-pager-numbers .k-selected, .k-button-flat-base) {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(178, 201, 232, 0.9) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #173d78 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    font-weight: 800 !important;
}

body.page-home-records #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-button-flat-base):hover {
    border-color: rgba(79, 132, 222, 0.78) !important;
    color: #0f63d8 !important;
    background: #f5f9ff !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers :is(.k-selected, .k-state-selected) {
    border-color: transparent !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #2f7fff, #145bd9) !important;
    box-shadow:
        0 10px 20px rgba(22, 90, 200, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body.page-home-records #_docsLayer #_docsGrid .k-pager-info {
    margin-left: auto !important;
}

body.page-home-records #_docsLayer .docs-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px !important;
    border: 1px solid rgba(190, 210, 236, 0.76) !important;
    border-radius: 20px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(242, 247, 255, 0.9)) !important;
}

body.page-home-records #_docsLayer .docs-advanced-search {
    min-width: 0 !important;
    --adv-surface: #f8fbff;
    --adv-panel: #eef5ff;
    --adv-border: #bfd3f0;
    --adv-border-strong: #9fbbe5;
    --adv-text: #0d2d62;
    --adv-muted: #60769d;
    --adv-hover: #e2edff;
}

body.page-home-records #_docsLayer .docs-toolbar-search,
body.page-home-records #_docsLayer .docs-toolbar-btn {
    min-height: 48px !important;
    border-radius: 14px !important;
}

body.page-home-records #_docsLayer .docs-toolbar-btn {
    border-color: rgba(176, 199, 232, 0.92) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: #143f78 !important;
}

body.page-home-records #_docsLayer .docs-total {
    margin-left: 0 !important;
    justify-self: end !important;
    white-space: nowrap !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-wrap,
html[data-theme="dark"] body.page-home-records #recordsListView .k-listview-pager,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-wrap,
body.page-home-records[data-theme="dark"] #recordsListView .k-listview-pager,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap,
html[data-theme="dark"] body.page-home-records #_docsLayer .docs-toolbar,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-toolbar {
    border-color: rgba(76, 114, 177, 0.62) !important;
    background: linear-gradient(180deg, rgba(25, 53, 92, 0.94), rgba(18, 43, 78, 0.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(139, 184, 255, 0.1),
        0 14px 32px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer .docs-advanced-search,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-advanced-search {
    --adv-surface: #153056;
    --adv-panel: #112945;
    --adv-border: #4d75b6;
    --adv-border-strong: #5a86ca;
    --adv-text: #dbeaff;
    --adv-muted: #a9bfde;
    --adv-hover: #1b3d70;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-wrap :is(.k-button, .k-link),
html[data-theme="dark"] body.page-home-records #recordsListView .k-listview-pager :is(.k-button, .k-link),
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager :is(.k-button, .k-link),
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap :is(.k-button, .k-link),
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-pager-numbers .k-selected, .k-button-flat-base),
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-wrap :is(.k-button, .k-link),
body.page-home-records[data-theme="dark"] #recordsListView .k-listview-pager :is(.k-button, .k-link),
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager :is(.k-button, .k-link),
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap :is(.k-button, .k-link),
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-pager-numbers .k-selected, .k-button-flat-base) {
    border-color: rgba(89, 132, 198, 0.72) !important;
    color: #dbeaff !important;
    background: rgba(21, 48, 86, 0.92) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers :is(.k-selected, .k-state-selected),
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-numbers :is(.k-selected, .k-state-selected) {
    border-color: transparent !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #2f7fff, #145bd9) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-pager-info,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-info,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-info,
body.page-home-records[data-theme="dark"] #recordsListView .k-pager-info,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager .k-pager-info,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-info {
    color: #d7e6ff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .records-pager-summary,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-pager-summary,
html[data-theme="dark"] body.page-home-records #recordsListViewContainer > .k-listview-pager .records-pager-summary,
body.page-home-records[data-theme="dark"] #recordsListView .records-pager-summary,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-pager-summary,
body.page-home-records[data-theme="dark"] #recordsListViewContainer > .k-listview-pager .records-pager-summary {
    border-color: rgba(89, 132, 198, 0.72) !important;
    color: #dbeaff !important;
    background: rgba(21, 48, 86, 0.92) !important;
}

@media (max-width: 760px) {
    body.page-home-records #_docsLayer .docs-toolbar {
        grid-template-columns: 1fr !important;
    }

    body.page-home-records #_docsLayer .docs-total {
        justify-self: stretch !important;
        justify-content: center !important;
    }

    body.page-home-records #recordsListView .k-pager-wrap,
    body.page-home-records #recordsListView .k-listview-pager,
    body.page-home-records #recordsListViewContainer > .k-listview-pager {
        justify-content: center !important;
    }

    body.page-home-records #recordsListView .records-pager-summary,
    body.page-home-records #_docsLayer #_docsGrid .docs-pager-summary,
    body.page-home-records #recordsListViewContainer > .k-listview-pager .records-pager-summary,
    body.page-home-records #recordsListView .k-pager-info,
    body.page-home-records #recordsListViewContainer > .k-listview-pager .k-pager-info,
    body.page-home-records #_docsLayer #_docsGrid .k-pager-info {
        width: 100%;
        margin-left: 0 !important;
        text-align: center !important;
    }
}

/* Final dark-mode polish for the Expedientes list */
html[data-theme="dark"] body.page-home-records .records-main.main-panel,
body.page-home-records[data-theme="dark"] .records-main.main-panel {
    border-color: rgba(74, 112, 176, 0.72) !important;
    background:
        radial-gradient(circle at top right, rgba(67, 129, 236, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(17, 39, 73, 0.98), rgba(10, 30, 55, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(135, 180, 255, 0.08),
        0 24px 58px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-home-records .records-header,
body.page-home-records[data-theme="dark"] .records-header {
    border-color: rgba(84, 126, 190, 0.72) !important;
    background:
        radial-gradient(circle at top right, rgba(72, 139, 255, 0.2), transparent 28%),
        linear-gradient(145deg, rgba(25, 55, 96, 0.98), rgba(15, 38, 72, 0.98)) !important;
}

html[data-theme="dark"] body.page-home-records .records-count,
body.page-home-records[data-theme="dark"] .records-count {
    border-color: rgba(99, 145, 214, 0.72) !important;
    background: rgba(24, 54, 95, 0.92) !important;
    color: #dbeaff !important;
    box-shadow:
        inset 0 1px 0 rgba(142, 186, 255, 0.12),
        0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.page-home-records .records-count::before,
body.page-home-records[data-theme="dark"] .records-count::before {
    background: linear-gradient(180deg, #63a4ff, #2074ff) !important;
    box-shadow: 0 0 0 5px rgba(75, 147, 255, 0.2) !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: #102b4f;
    --adv-panel: #12325d;
    --adv-border: #456fa9;
    --adv-border-strong: #5f8fd1;
    --adv-text: #e2edff;
    --adv-muted: #a8bfdf;
    --adv-hover: #1d4678;
    --adv-focus: rgba(91, 151, 255, 0.22);
    --adv-shadow: none;
}

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) {
    border-color: rgba(96, 143, 211, 0.82) !important;
    background: rgba(17, 43, 78, 0.94) !important;
    color: #eaf3ff !important;
}

html[data-theme="dark"] body.page-home-records .records-main advanced-search::part(filters-badge),
body.page-home-records[data-theme="dark"] .records-main advanced-search::part(filters-badge) {
    border-color: rgba(96, 143, 211, 0.64) !important;
    background: rgba(34, 70, 119, 0.94) !important;
    color: #cfe2ff !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) {
    border-color: rgba(96, 143, 211, 0.7) !important;
    background: rgba(24, 56, 99, 0.95) !important;
    color: #cfe2ff !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) {
    border-color: rgba(101, 161, 255, 0.72) !important;
    background: linear-gradient(145deg, #2d83ff, #0f5fe3) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-card,
body.page-home-records[data-theme="dark"] #recordsListView .record-card {
    border-color: rgba(89, 133, 200, 0.72) !important;
    background:
        radial-gradient(circle at top right, rgba(90, 154, 255, 0.16), transparent 34%),
        linear-gradient(155deg, rgba(27, 67, 112, 0.98), rgba(21, 55, 96, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(154, 194, 255, 0.11),
        0 14px 30px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-card::before,
body.page-home-records[data-theme="dark"] #recordsListView .record-card::before {
    background: linear-gradient(180deg, rgba(147, 190, 255, 0.1), transparent 42%) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-card:hover,
body.page-home-records[data-theme="dark"] #recordsListView .record-card:hover {
    border-color: rgba(117, 169, 246, 0.92) !important;
    box-shadow:
        inset 0 1px 0 rgba(167, 204, 255, 0.16),
        0 20px 40px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-icon-shell,
html[data-theme="dark"] body.page-home-records #recordsListView .record-icon,
body.page-home-records[data-theme="dark"] #recordsListView .record-icon-shell,
body.page-home-records[data-theme="dark"] #recordsListView .record-icon {
    border-color: rgba(105, 152, 220, 0.7) !important;
    background:
        linear-gradient(180deg, rgba(31, 72, 121, 0.98), rgba(19, 50, 91, 0.98)),
        radial-gradient(circle at top, rgba(94, 155, 255, 0.22), transparent 64%) !important;
    color: #8ec0ff !important;
    box-shadow:
        inset 0 1px 0 rgba(154, 194, 255, 0.12),
        0 10px 22px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-security-btn,
body.page-home-records[data-theme="dark"] #recordsListView .record-security-btn {
    background: rgba(24, 55, 97, 0.96) !important;
    box-shadow: inset 0 0 0 1px rgba(99, 145, 214, 0.72) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-security-sealed,
body.page-home-records[data-theme="dark"] #recordsListView .record-security-sealed {
    color: #9cc5ff !important;
}

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

html[data-theme="dark"] body.page-home-records #recordsListView .record-security-disabled,
body.page-home-records[data-theme="dark"] #recordsListView .record-security-disabled {
    color: #9fb4d2 !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-kicker,
body.page-home-records[data-theme="dark"] #recordsListView .record-kicker {
    border: 1px solid rgba(102, 158, 246, 0.38) !important;
    background: rgba(76, 139, 235, 0.16) !important;
    color: #a8ccff !important;
}

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

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

html[data-theme="dark"] body.page-home-records #recordsListView .record-reference-pill,
body.page-home-records[data-theme="dark"] #recordsListView .record-reference-pill {
    border: 1px solid rgba(104, 151, 219, 0.62) !important;
    background: rgba(15, 43, 80, 0.9) !important;
    color: #dceaff !important;
    box-shadow:
        inset 0 1px 0 rgba(151, 190, 248, 0.1),
        0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-reference-pill i,
body.page-home-records[data-theme="dark"] #recordsListView .record-reference-pill i {
    color: #91bcf7 !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-open-hint,
body.page-home-records[data-theme="dark"] #recordsListView .record-open-hint {
    border: 1px solid rgba(104, 151, 219, 0.66) !important;
    color: #9fc9ff !important;
    background: linear-gradient(180deg, rgba(29, 66, 113, 0.98), rgba(20, 51, 92, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(151, 190, 248, 0.12),
        0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .record-card:hover .record-open-hint,
body.page-home-records[data-theme="dark"] #recordsListView .record-card:hover .record-open-hint {
    color: #ffffff !important;
    background: linear-gradient(145deg, #2f83ff, #0f5fe3) !important;
    border-color: rgba(126, 180, 255, 0.86) !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .doc-count,
body.page-home-records[data-theme="dark"] #recordsListView .doc-count {
    border-color: rgba(112, 155, 220, 0.62) !important;
    border-top-color: rgba(112, 155, 220, 0.62) !important;
    background: rgba(18, 49, 88, 0.82) !important;
    color: #e0edff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .doc-count .count,
body.page-home-records[data-theme="dark"] #recordsListView .doc-count .count {
    color: #3f8dff !important;
}

html[data-theme="dark"] body.page-home-records #recordsListView .k-listview-content,
body.page-home-records[data-theme="dark"] #recordsListView .k-listview-content {
    scrollbar-color: rgba(158, 188, 232, 0.78) rgba(8, 25, 48, 0.72);
}

/* Final dark-mode polish for Documentos del expediente */
html[data-theme="dark"] body.page-home-records #_docsLayer #recordBtnSUM,
body.page-home-records[data-theme="dark"] #_docsLayer #recordBtnSUM {
    border-color: rgba(103, 150, 219, 0.78) !important;
    background: linear-gradient(145deg, rgba(28, 63, 110, 0.98), rgba(16, 45, 84, 0.98)) !important;
    color: #cfe2ff !important;
    box-shadow:
        inset 0 1px 0 rgba(150, 190, 248, 0.12),
        0 10px 24px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #recordBtnSUM:hover,
html[data-theme="dark"] body.page-home-records #_docsLayer #recordBtnSUM:focus,
html[data-theme="dark"] body.page-home-records #_docsLayer #recordBtnSUM:focus-visible,
body.page-home-records[data-theme="dark"] #_docsLayer #recordBtnSUM:hover,
body.page-home-records[data-theme="dark"] #_docsLayer #recordBtnSUM:focus,
body.page-home-records[data-theme="dark"] #_docsLayer #recordBtnSUM:focus-visible {
    border-color: rgba(128, 181, 255, 0.9) !important;
    background: linear-gradient(145deg, #235b9c, #123f7a) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(183, 213, 255, 0.16),
        0 12px 26px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer .docs-table-card,
body.page-home-records[data-theme="dark"] #_docsLayer .docs-table-card {
    border-color: rgba(78, 119, 184, 0.72) !important;
    background:
        radial-gradient(circle at top right, rgba(67, 129, 236, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(17, 43, 78, 0.98), rgba(11, 33, 62, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(142, 186, 255, 0.08),
        0 22px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-container,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content-wrap,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content-locked,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-container,
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 {
    background: #0e2a4f !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid {
    border-color: rgba(75, 112, 174, 0.72) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-header,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-header-wrap,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-table-thead,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-header-wrap,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-table-thead {
    border-color: rgba(75, 112, 174, 0.72) !important;
    background: #173b69 !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-header th,
html[data-theme="dark"] body.page-home-records #_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 {
    border-color: rgba(75, 112, 174, 0.72) !important;
    background: #173b69 !important;
    color: #e7f1ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content td,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content-locked td,
html[data-theme="dark"] body.page-home-records #_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-grid-content-locked td,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-table-td {
    border-color: rgba(63, 98, 153, 0.72) !important;
    background: #14365f !important;
    color: #e0edff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content tr:nth-child(even) td,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-content-locked tr:nth-child(even) td,
body.page-home-records[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-locked tr:nth-child(even) td {
    background: #183f6d !important;
}

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

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

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

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .js-eye-btn,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .js-ctx-toggle,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .js-eye-btn,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .js-ctx-toggle {
    border-color: rgba(86, 130, 197, 0.76) !important;
    background: #173b69 !important;
    color: #9fc9ff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .js-eye-btn:hover,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .js-ctx-toggle:hover,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .js-eye-btn:hover,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .js-ctx-toggle:hover {
    border-color: rgba(126, 180, 255, 0.86) !important;
    background: #1d4b80 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .ctx-actions,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .ctx-actions {
    border-color: rgba(86, 130, 197, 0.76) !important;
    background: #12325d !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .ctx-btn,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .ctx-btn {
    border-color: rgba(86, 130, 197, 0.7) !important;
    background: #173b69 !important;
    color: #dbeaff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .ctx-btn span,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .ctx-btn span {
    color: #dbeaff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-wrap,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-grid-pager,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-md,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-wrap {
    border-color: rgba(76, 114, 177, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(21, 49, 88, 0.98), rgba(13, 36, 67, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(139, 184, 255, 0.1),
        0 -10px 24px rgba(0, 0, 0, 0.14) !important;
}

body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-grid-pager,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-md {
    border-color: rgba(76, 114, 177, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(21, 49, 88, 0.98), rgba(13, 36, 67, 0.98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(139, 184, 255, 0.1),
        0 -10px 24px rgba(0, 0, 0, 0.14) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-nav-buttons,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers-wrap,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-nav-buttons,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-numbers-wrap {
    border-color: rgba(89, 132, 198, 0.72) !important;
    background: rgba(18, 43, 78, 0.92) !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-button-flat-base),
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid :is(.k-pager-nav, .k-pager-numbers .k-link, .k-button-flat-base) {
    border-color: rgba(89, 132, 198, 0.76) !important;
    background: rgba(24, 55, 97, 0.96) !important;
    color: #dbeaff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-numbers :is(.k-selected, .k-state-selected),
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-numbers :is(.k-selected, .k-state-selected) {
    border-color: transparent !important;
    background: linear-gradient(145deg, #2f83ff, #0f5fe3) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .k-pager-info,
html[data-theme="dark"] body.page-home-records #_docsLayer #_docsGrid .docs-pager-summary,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .k-pager-info,
body.page-home-records[data-theme="dark"] #_docsLayer #_docsGrid .docs-pager-summary {
    color: #dbeaff !important;
}

body.page-home-records .app-content,
body.page-home-records .app-content-inner,
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: transparent !important;
}

body.page-home-records .records-main.main-panel {
    background: color-mix(in srgb, var(--x-surface) 76%, transparent) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html[data-theme="dark"] body.page-home-records .records-main.main-panel,
body.page-home-records[data-theme="dark"] .records-main.main-panel {
    background: color-mix(in srgb, var(--x-surface) 72%, transparent) !important;
}