/* Mobile-only records and record documents. Desktop rules stay in records.css. */ @media (max-width: 1280px) { body.page-home-documentsbysearchterm { overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; touch-action: pan-y !important; } body.page-home-records { overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; touch-action: pan-y !important; } html:has(body.page-home-records:not(.docs-flow-active)), body.page-home-records:not(.docs-flow-active), html:has(body.docs-flow-active:not(:has(#_docsLayer.visible))), body.docs-flow-active:not(:has(#_docsLayer.visible)) { position: static !important; inset: auto !important; height: auto !important; min-height: 100dvh !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; touch-action: pan-y !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-layout, body.page-home-records .records-main.main-panel { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-records .app-content-inner { padding: 0.35rem !important; } body.page-home-records .records-shell { padding: 0 !important; } body.page-home-records .records-main.main-panel { display: flex !important; flex-direction: column !important; gap: 0.6rem !important; padding: 0.45rem !important; border-radius: 18px !important; } body.page-home-records .records-breadcrumb { display: none !important; } body.page-home-records .records-breadcrumb > span { display: none !important; } body.page-home-records .records-header { width: 100% !important; max-width: none !important; align-self: stretch !important; padding: 0.85rem !important; border-radius: 17px !important; } body.page-home-records .records-header h1 { margin: 0 !important; font-size: 1.75rem !important; line-height: 1.08 !important; letter-spacing: 0 !important; } body.page-home-records .records-header p { margin-top: 0.58rem !important; max-width: none !important; font-size: 0.95rem !important; line-height: 1.45 !important; } body.page-home-records .records-search-bar, body.page-home-records .records-main advanced-search { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; overflow: visible !important; } body.page-home-records .records-main advanced-search::part(main-input), #_docsLayer:not(.docs-simple-search-layer) advanced-search::part(main-input) { min-height: 48px !important; height: 48px !important; padding-left: 1rem !important; padding-right: 1rem !important; border-radius: 14px !important; font-size: 0.95rem !important; } body.page-home-records .records-main advanced-search::part(leading-icon), #_docsLayer:not(.docs-simple-search-layer) advanced-search::part(leading-icon) { display: none !important; } body.page-home-records .records-main advanced-search::part(filters-badge), #_docsLayer:not(.docs-simple-search-layer) advanced-search::part(filters-badge) { min-height: 40px !important; max-width: 100% !important; border-radius: 999px !important; white-space: normal !important; line-height: 1.12 !important; } body.page-home-records .records-main advanced-search::part(toggle-advanced), body.page-home-records .records-main advanced-search::part(search-button), #_docsLayer:not(.docs-simple-search-layer) advanced-search::part(toggle-advanced), #_docsLayer:not(.docs-simple-search-layer) advanced-search::part(search-button) { width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; border-radius: 14px !important; } body.page-home-records .records-count { width: 100% !important; min-height: 40px !important; display: inline-flex !important; align-items: center !important; padding: 0.45rem 0.78rem !important; border-radius: 999px !important; font-size: 0.95rem !important; line-height: 1.2 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.page-home-records #recordsListViewContainer { display: block !important; flex: 0 0 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0.45rem !important; border-radius: 17px !important; overflow: visible !important; } body.page-home-records #recordsListView { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; -webkit-user-select: none !important; user-select: none !important; touch-action: pan-y !important; } body.page-home-records #recordsListView .k-listview-content { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.72rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; overflow: visible !important; } body.page-home-records #recordsListView .record-card { width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 0.82rem !important; border-radius: 17px !important; gap: 0.68rem !important; overflow: hidden !important; transform: none !important; } body.page-home-records #recordsListView .record-header { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; } body.page-home-records #recordsListView .record-icon-shell { width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important; border-radius: 14px !important; font-size: 1.15rem !important; } body.page-home-records #recordsListView .record-security-btn, body.page-home-records #recordsListView .record-open-hint { width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; border-radius: 13px !important; } body.page-home-records #recordsListView .record-title, body.page-home-records #recordsListView .record-title strong, body.page-home-records #recordsListView .record-summary, body.page-home-records #recordsListView .record-meta-row, body.page-home-records #recordsListView .record-reference-pill { min-width: 0 !important; max-width: 100% !important; } body.page-home-documentsbysearchterm.page-home-records-shared, body.page-home-documentsbysearchterm.page-home-records-shared .app-content, body.page-home-documentsbysearchterm.page-home-records-shared .app-content-inner, body.page-home-documentsbysearchterm.page-home-records-shared .docs-search-layout, body.page-home-documentsbysearchterm.page-home-records-shared .docs-search-row, body.page-home-documentsbysearchterm.page-home-records-shared .docs-search-col, body.page-home-documentsbysearchterm.page-home-records-shared #searchDocsContainer, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer .docs-shell, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer .docs-table-card, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGridWrap, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-container, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content-wrap, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content-locked, body.page-home-documentsbysearchterm.page-home-records-shared #_docsLayer.docs-simple-search-layer #_docsGrid :is(table, tbody, .k-table, .k-table-tbody, .k-grid-table) { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body.page-home-documentsbysearchterm.page-home-records-shared .docs-shared-result-layout { min-height: 0 !important; padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important; } /* Shared document links: /documentos?searchTerms=... */ body.page-home-documentsbysearchterm .docs-search-layout, body.page-home-documentsbysearchterm .docs-search-row, body.page-home-documentsbysearchterm .docs-search-col, body.page-home-documentsbysearchterm #searchDocsContainer { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-documentsbysearchterm .app-content-inner { padding: 0 !important; } body.page-home-documentsbysearchterm .docs-search-layout { padding: 0.78rem !important; } body.page-home-documentsbysearchterm .docs-shared-result-layout { min-height: calc(100dvh - var(--x-nav-height, 0px)) !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer { position: static !important; inset: auto !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-shell { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; overflow: visible !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-breadcrumb, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-hero, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-footer-hint { display: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-table-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 0.8rem !important; border-radius: 20px !important; overflow: visible !important; box-sizing: border-box !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, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-container, 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-wrap, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content-locked { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; border-radius: 18px !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid { border: 0 !important; background: transparent !important; box-shadow: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.k-grid-header, .k-grid-header-wrap, .k-table-thead, colgroup) { display: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(table, tbody, .k-table, .k-table-tbody, .k-grid-table) { display: block !important; width: 100% !important; min-width: 0 !important; background: transparent !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr, .k-table-row) { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 50px !important; grid-template-areas: "reference action" "title action" "date action" !important; gap: 0.58rem 0.72rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 0.85rem !important; padding: 0.9rem !important; border: 1px solid rgba(96, 151, 239, 0.28) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.86) !important; box-shadow: 0 14px 32px rgba(37, 81, 145, 0.12) !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(td, .k-table-td) { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; box-sizing: border-box !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) { background: rgba(255, 255, 255, 0.86) !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) :is(td, .k-table-td, .docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid td:nth-child(1) { grid-area: reference !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid td:nth-child(2) { grid-area: title !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid td:nth-child(3) { grid-area: date !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid td:nth-child(4), body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .ctx-cell { grid-area: action !important; align-self: center !important; justify-self: end !important; width: auto !important; min-width: 0 !important; overflow: visible !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-ref-cell { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 0.62rem !important; align-items: center !important; width: 100% !important; min-width: 0 !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-ref-cell .docs-ref-icon { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; border-radius: 13px !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-ref-cell span:last-child { display: block !important; min-width: 0 !important; max-width: 100% !important; color: #143463 !important; font-size: 0.94rem !important; font-weight: 900 !important; line-height: 1.18 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-title-cell::before, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell::before { display: block !important; margin: 0 0 0.16rem !important; color: #7f9bc5 !important; font-size: 0.66rem !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-title-cell::before { content: "Titulo"; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell::before { content: "Fecha"; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-title-cell { color: #17365f !important; font-size: 0.9rem !important; font-weight: 850 !important; line-height: 1.22 !important; overflow-wrap: anywhere !important; display: block !important; max-height: none !important; overflow: visible !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-title-cell:empty { display: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 0.4rem !important; align-items: start !important; color: #4d6990 !important; font-size: 0.82rem !important; line-height: 1.14 !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell:has(strong:empty):has(span:empty) { display: none !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell::before { grid-column: 1 / -1 !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell i { margin-top: 0.08rem !important; color: #4973ac !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell strong, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell span { display: block !important; color: inherit !important; font-size: inherit !important; line-height: 1.1 !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-actions-cell { display: flex !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; min-width: 0 !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .js-eye-btn { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border-radius: 14px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #0f5fd8 !important; background: rgba(238, 246, 255, 0.94) !important; border: 1px solid rgba(96, 151, 239, 0.46) !important; } body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.k-pager-wrap, .k-pager, .k-grid-pager) { display: none !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer .docs-table-card, body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer .docs-table-card { border-color: rgba(91, 154, 238, 0.36) !important; background: rgba(7, 28, 54, 0.86) !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr, .k-table-row), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr, .k-table-row) { border-color: rgba(91, 154, 238, 0.38) !important; background: rgba(14, 52, 93, 0.92) !important; box-shadow: 0 16px 34px rgba(0, 8, 24, 0.28) !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(td, .k-table-td, .k-grid-content td), html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content tr:nth-child(even) td, body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(td, .k-table-td, .k-grid-content td), body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content tr:nth-child(even) td, body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(td, .k-table-td, .k-grid-content td), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid .k-grid-content tr:nth-child(even) td { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell), html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell) *, body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell), body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell) *, body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell) * { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell span:last-child, .docs-title-cell), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(.docs-ref-cell span:last-child, .docs-title-cell) { color: #f2f7ff !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell, body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid .docs-date-cell { color: #b8cdec !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .js-eye-btn, body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid .js-eye-btn { color: #d6e8ff !important; background: rgba(13, 48, 88, 0.96) !important; border-color: rgba(117, 177, 255, 0.5) !important; } body.page-home-records #recordsListView .record-kicker-row { display: flex !important; flex-wrap: wrap !important; gap: 0.38rem !important; } body.page-home-records #recordsListView .record-kicker { max-width: 100% !important; min-height: 25px !important; padding: 0.22rem 0.52rem !important; border-radius: 999px !important; font-size: 0.72rem !important; letter-spacing: 0.05em !important; line-height: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body.page-home-records #recordsListView .record-doc-kicker { background: rgba(57, 123, 219, 0.28) !important; border: 1px solid rgba(105, 161, 238, 0.34) !important; } body.page-home-records #recordsListView .record-title strong { font-size: 1.08rem !important; line-height: 1.16 !important; letter-spacing: 0 !important; } body.page-home-records #recordsListView .record-title strong > span, body.page-home-records #recordsListView .record-summary, body.page-home-records #recordsListView .record-reference-pill span:last-child { overflow-wrap: anywhere !important; word-break: break-word !important; } body.page-home-records #recordsListView .record-summary { font-size: 0.9rem !important; line-height: 1.35 !important; -webkit-line-clamp: 2 !important; } body.page-home-records #recordsListView .record-meta-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 40px !important; gap: 0.55rem !important; align-items: center !important; } body.page-home-records #recordsListView .record-reference-pill { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; padding: 0.62rem 0.72rem !important; border-radius: 14px !important; font-size: 0.75rem !important; line-height: 1.15 !important; white-space: normal !important; } body.page-home-records #recordsListView .doc-count { display: none !important; } body.page-home-records #recordsListView :is(.k-pager-wrap, .k-listview-pager, .k-pager), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.58rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin-top: 0.85rem !important; padding: 0.64rem !important; border-radius: 18px !important; overflow: hidden !important; box-sizing: border-box !important; } body.page-home-records #recordsListView :is(.k-pager-info, .records-pager-summary), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-info, .records-pager-summary) { order: 1 !important; width: 100% !important; min-height: 42px !important; justify-content: center !important; padding: 0 0.72rem !important; border-radius: 999px !important; font-size: 0.9rem !important; line-height: 1.15 !important; text-align: center !important; white-space: normal !important; } body.page-home-records #recordsListView :is(.k-pager-numbers-wrap, .k-pager-nav-buttons), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-numbers-wrap, .k-pager-nav-buttons) { order: 2 !important; display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 44px !important; align-items: center !important; justify-items: center !important; gap: 0.45rem !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; padding: 0.28rem !important; border-radius: 999px !important; } body.page-home-records #recordsListView :is(.k-pager-first, .k-pager-last, .k-pager-numbers, .k-pager-sizes), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-first, .k-pager-last, .k-pager-numbers, .k-pager-sizes) { display: none !important; } body.page-home-records #recordsListView :is(.k-pager-nav:not(.k-pager-first):not(.k-pager-last), .k-button, .k-link), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-nav:not(.k-pager-first):not(.k-pager-last), .k-button, .k-link) { width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 0 !important; border-radius: 999px !important; } body.page-home-records #recordsListView :is(.k-pager-input), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-input) { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0.45rem !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important; } body.page-home-records #recordsListView :is(.k-pager-input input, .k-pager-input .k-input, .k-pager-input .k-input-inner), body.page-home-records #recordsListViewContainer > :is(.k-pager-wrap, .k-listview-pager, .k-pager) :is(.k-pager-input input, .k-pager-input .k-input, .k-pager-input .k-input-inner) { width: 4.2rem !important; min-width: 4.2rem !important; max-width: 4.2rem !important; height: 40px !important; text-align: center !important; } html.docs-flow-active { height: 100% !important; max-height: 100% !important; overflow: hidden !important; } body.docs-flow-active, body:has(#_docsLayer:not(.docs-simple-search-layer).visible) { height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; position: fixed !important; inset: 0 !important; width: 100% !important; touch-action: auto !important; } body.docs-flow-active .app-content, body.docs-flow-active .app-content-inner, body.docs-flow-active .records-shell, body.docs-flow-active .records-layout, body.docs-flow-active .records-main.main-panel, body.docs-flow-active #recordsListViewContainer, body.docs-flow-active #recordsListViewContainer.records-flow-dimmed, body.docs-flow-active #recordsListView { height: auto !important; max-height: none !important; overflow: hidden !important; scrollbar-width: none !important; } body.docs-flow-active .app-content::-webkit-scrollbar, body.docs-flow-active .app-content-inner::-webkit-scrollbar, body.docs-flow-active .records-shell::-webkit-scrollbar, body.docs-flow-active .records-layout::-webkit-scrollbar, body.docs-flow-active .records-main.main-panel::-webkit-scrollbar, body.docs-flow-active #recordsListViewContainer::-webkit-scrollbar, body.docs-flow-active #recordsListView::-webkit-scrollbar { display: none !important; } #_docsLayer:not(.docs-simple-search-layer).visible { position: fixed !important; inset: var(--x-nav-height, 90px) 0 0 0 !important; z-index: 1045 !important; display: flex !important; flex-direction: column !important; width: 100vw !important; max-width: 100vw !important; height: calc(100dvh - var(--x-nav-height, 90px)) !important; max-height: calc(100dvh - var(--x-nav-height, 90px)) !important; padding: 0.35rem !important; border-radius: 0 !important; overflow: hidden !important; overscroll-behavior: contain !important; touch-action: pan-y !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible .docs-shell { display: flex !important; flex-direction: column !important; gap: 0.58rem !important; flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 0 !important; height: 100% !important; max-height: 100% !important; padding: 0 0 calc(6.25rem + env(safe-area-inset-bottom)) !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain !important; touch-action: pan-y !important; } body.page-home-records .records-breadcrumb, body.docs-flow-active .records-breadcrumb, body.docs-flow-active #_docsLayer .docs-breadcrumb, body.docs-flow-active #_docsLayer .docs-breadcrumb > span, body.docs-flow-active #_docsLayer .docs-breadcrumb *, #_docsLayer:not(.docs-simple-search-layer).visible .docs-breadcrumb, #_docsLayer:not(.docs-simple-search-layer).visible .docs-breadcrumb > span, #_docsLayer:not(.docs-simple-search-layer).visible .docs-breadcrumb * { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-hero { padding: 0.62rem !important; border-radius: 17px !important; overflow: hidden !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.56rem !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top-left { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) !important; gap: 0.65rem !important; align-items: start !important; width: 100% !important; min-width: 0 !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-back-btn { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; border-radius: 14px !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top-copy, #_docsLayer:not(.docs-simple-search-layer) .docs-title-wrap { min-width: 0 !important; max-width: 100% !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-title-wrap { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.45rem !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-title-wrap h2 { margin: 0 !important; max-width: 100% !important; font-size: 1.45rem !important; line-height: 1.12 !important; letter-spacing: 0 !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-record-tag { width: fit-content !important; max-width: 100% !important; min-height: 28px !important; padding: 0.28rem 0.62rem !important; border-radius: 999px !important; font-size: 0.72rem !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top-copy p, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible .docs-hero-meta, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible .docs-hero-meta *, #_docsLayer:not(.docs-simple-search-layer) .docs-hero-meta, #_docsLayer:not(.docs-simple-search-layer) .docs-hero-meta *, #_docsLayer:not(.docs-simple-search-layer) .docs-hero-stat, #_docsLayer:not(.docs-simple-search-layer) .docs-hero-context, #_docsLayer:not(.docs-simple-search-layer) .docs-hero-divider { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top-actions, #_docsLayer:not(.docs-simple-search-layer) :is(#recordBtnSUM, #recordBtnRAG) { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-hero-btn { width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; padding: 0.48rem 0.65rem !important; border-radius: 14px !important; justify-content: center !important; font-size: 0.9rem !important; line-height: 1.15 !important; white-space: normal !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-top-actions { display: grid !important; visibility: visible !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.48rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0.58rem 0 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; } #_docsLayer:not(.docs-simple-search-layer) :is(#recordBtnSUM, #recordBtnRAG) { display: inline-flex !important; visibility: visible !important; align-items: center !important; justify-content: center !important; gap: 0.42rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; max-height: none !important; margin: 0 !important; padding: 0.5rem 0.58rem !important; border: 1px solid rgba(96, 151, 239, 0.46) !important; border-radius: 14px !important; background: rgba(234, 244, 255, 0.9) !important; color: #0e5fd7 !important; box-shadow: 0 10px 22px rgba(44, 92, 161, 0.1) !important; overflow: hidden !important; font-size: 0.78rem !important; font-weight: 900 !important; line-height: 1.12 !important; text-align: center !important; white-space: normal !important; } #_docsLayer:not(.docs-simple-search-layer) :is(#recordBtnSUM, #recordBtnRAG) :is(i, .xplore-rag-icon) { flex: 0 0 auto !important; font-size: 0.9rem !important; width: 18px !important; height: 18px !important; } #_docsLayer:not(.docs-simple-search-layer) :is(#recordBtnSUM, #recordBtnRAG) span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; } #_docsLayer:not(.docs-simple-search-layer) #recordBtnRAG { background: #003985 !important; border-color: rgba(0, 113, 254, 0.54) !important; color: #ffffff !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #recordBtnSUM, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #recordBtnSUM { background: rgba(13, 57, 112, 0.92) !important; border-color: rgba(91, 154, 238, 0.44) !important; color: #f2f7ff !important; box-shadow: none !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #recordBtnRAG, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #recordBtnRAG { background: #003985 !important; border-color: rgba(0, 113, 254, 0.58) !important; color: #ffffff !important; box-shadow: none !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible .docs-table-card, #_docsLayer:not(.docs-simple-search-layer) .docs-table-card { display: flex !important; flex-direction: column !important; gap: 0.68rem !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; flex: 0 0 auto !important; border-radius: 18px !important; overflow: visible !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-toolbar { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.58rem !important; width: 100% !important; min-width: 0 !important; padding: 0.5rem !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-total { justify-self: stretch !important; min-height: 44px !important; padding: 0.45rem 0.7rem !important; border-radius: 14px !important; justify-content: center !important; font-size: 0.92rem !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGridWrap, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-grid, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-grid-container, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-grid-content, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-grid-content-wrap, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-grid-content-locked, #_docsLayer:not(.docs-simple-search-layer) #_docsGridWrap, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-container, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-content, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-content-wrap, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-content-locked { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGridWrap { flex: 0 0 auto !important; margin-top: 0 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-header, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-grid-header-wrap, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid colgroup { display: none !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid table, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tbody { display: block !important; width: 100% !important; min-width: 0 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 88px !important; grid-template-areas: "reference actions" "title title" "date date" !important; column-gap: 0.52rem !important; row-gap: 0.5rem !important; width: 100% !important; min-width: 0 !important; margin: 0.78rem 0 !important; padding: 0.72rem !important; min-height: 184px !important; border: 1px solid rgba(96, 151, 239, 0.3) !important; border-radius: 18px !important; background: rgba(255, 255, 255, 0.72) !important; overflow: hidden !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid td, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-td, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-td { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; overflow: visible !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid td:nth-child(4), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(4), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-cell { position: static !important; grid-area: actions !important; align-self: center !important; justify-self: end !important; display: flex !important; width: auto !important; min-width: max-content !important; max-width: max-content !important; overflow: visible !important; z-index: 2 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(1) { grid-area: reference !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(2) { grid-area: title !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(3) { grid-area: date !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; gap: 0.62rem !important; align-items: center !important; width: 100% !important; min-width: 0 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-icon { width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important; border-radius: 13px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell span:last-child { min-width: 0 !important; max-width: 100% !important; font-size: 0.93rem !important; line-height: 1.18 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell::before, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { display: block !important; margin: 0.72rem 0 0.18rem !important; color: #7f9bc5 !important; font-size: 0.68rem !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell::before { content: "Titulo"; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { content: "Fecha"; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell { margin-top: 0 !important; font-size: 0.95rem !important; font-weight: 800 !important; line-height: 1.25 !important; overflow-wrap: anywhere !important; word-break: break-word !important; display: block !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; max-height: 3.75em !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; gap: 0.42rem !important; align-items: start !important; font-size: 0.86rem !important; margin-top: 0 !important; min-height: 40px !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { grid-column: 1 / -1 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-actions-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-actions-cell { display: inline-flex !important; gap: 0.38rem !important; justify-content: flex-end !important; align-items: center !important; width: auto !important; min-width: max-content !important; overflow: visible !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-eye-btn, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-ctx-toggle, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-eye-btn, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-ctx-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; padding: 0 !important; border-radius: 13px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-wrap, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-wrap { position: relative !important; display: inline-flex !important; width: auto !important; min-width: 0 !important; overflow: visible !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-actions { position: absolute !important; top: 50% !important; right: calc(100% + 0.45rem) !important; left: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.36rem !important; width: min(10.25rem, calc(100vw - 8rem)) !important; min-width: 0 !important; max-width: min(10.25rem, calc(100vw - 8rem)) !important; padding: 0.42rem !important; border: 1px solid rgba(96, 151, 239, 0.38) !important; border-radius: 16px !important; background: rgba(247, 251, 255, 0.98) !important; box-shadow: 0 14px 28px rgba(18, 53, 98, 0.18) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(-50%) scale(0.96) !important; transform-origin: right center !important; z-index: 70 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid :is(tr, .k-table-row):has(.ctx-wrap.open) { overflow: visible !important; z-index: 40 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-wrap.open .ctx-actions { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(-50%) scale(1) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-btn { display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0.2rem !important; width: auto !important; min-width: 0 !important; height: 48px !important; min-height: 48px !important; padding: 0.3rem 0.28rem !important; border-radius: 12px !important; font-size: 0.66rem !important; line-height: 1 !important; box-sizing: border-box !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-btn i { width: 18px !important; height: 18px !important; font-size: 0.95rem !important; line-height: 1 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-btn span { max-width: 100% !important; font-size: 0.64rem !important; line-height: 1.02 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* ===================================================================== * Documents mobile footer/pager * Use ONLY the custom pager generated by documentsList.js: * .docs-simple-mobile-pager * =================================================================== */ body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid > :is(.k-pager-wrap, .k-pager, .k-grid-pager), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.k-pager-wrap, .k-pager, .k-grid-pager):not(.docs-simple-mobile-pager), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-mobile-pager, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid > :is(.k-pager-wrap, .k-pager, .k-grid-pager), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid :is(.k-pager-wrap, .k-pager, .k-grid-pager):not(.docs-simple-mobile-pager), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-mobile-pager { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; pointer-events: none !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-mobile-pager, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-mobile-pager { display: grid !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 50 !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.58rem !important; align-items: center !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 112px !important; max-height: none !important; margin: 0.85rem 0 calc(env(safe-area-inset-bottom, 0px) + 1rem) !important; padding: 0.64rem !important; border: 1px solid rgba(96, 151, 239, 0.34) !important; border-radius: 18px !important; background: rgba(236, 245, 255, 0.86) !important; box-shadow: 0 14px 34px rgba(43, 93, 166, 0.12) !important; box-sizing: border-box !important; overflow: visible !important; pointer-events: auto !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-summary, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-summary { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; min-height: 42px !important; padding: 0 0.72rem !important; border: 1px solid rgba(96, 151, 239, 0.42) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.82) !important; color: #183866 !important; font-size: 0.9rem !important; font-weight: 850 !important; line-height: 1.15 !important; text-align: center !important; white-space: normal !important; box-sizing: border-box !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-controls, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-controls { display: grid !important; visibility: visible !important; opacity: 1 !important; grid-template-columns: 44px minmax(0, 1fr) auto 44px !important; gap: 0.45rem !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 50px !important; padding: 0.28rem !important; border: 1px solid rgba(96, 151, 239, 0.26) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.42) !important; box-sizing: border-box !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-btn, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-btn { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border: 1px solid rgba(96, 151, 239, 0.42) !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.9) !important; color: #2867d8 !important; box-shadow: none !important; pointer-events: auto !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-btn:disabled, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-btn:disabled { opacity: 0.45 !important; color: #7f9bc5 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-current, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-current { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; /*justify-self: end !important;*/ min-width: 4.2rem !important; height: 40px !important; padding: 0 0.75rem !important; border: 1px solid rgba(96, 151, 239, 0.42) !important; border-radius: 8px !important; background: rgba(255, 255, 255, 0.92) !important; color: #183866 !important; font-size: 0.94rem !important; font-weight: 700 !important; line-height: 1 !important; box-sizing: border-box !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-total, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-total { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: flex-start !important; justify-self: start !important; min-height: 40px !important; color: #183866 !important; font-size: 0.94rem !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-mobile-pager, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-mobile-pager { border-color: rgba(91, 154, 238, 0.42) !important; background: rgba(13, 42, 78, 0.82) !important; box-shadow: none !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid :is(.docs-simple-page-summary, .docs-simple-page-current, .docs-simple-page-btn), body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid :is(.docs-simple-page-summary, .docs-simple-page-current, .docs-simple-page-btn) { border-color: rgba(91, 154, 238, 0.42) !important; color: #e8f2ff !important; background: rgba(17, 57, 101, 0.78) !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-total, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-simple-page-total { color: #e8f2ff !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-empty-state, #_docsLayer:not(.docs-simple-search-layer) .docs-grid-empty { min-height: 220px !important; padding: 1.2rem !important; border-radius: 18px !important; } #_docsLayer:not(.docs-simple-search-layer) .docs-footer-hint { padding: 0.75rem !important; text-align: center !important; font-size: 0.88rem !important; } html[data-theme="dark"] body.page-home-records #recordsListView .record-card, body.page-home-records[data-theme="dark"] #recordsListView .record-card, body[data-theme="dark"].page-home-records #recordsListView .record-card, html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr { background: radial-gradient(circle at top right, rgba(74, 141, 255, 0.18), transparent 34%), rgba(17, 57, 101, 0.88) !important; border-color: rgba(91, 154, 238, 0.42) !important; } html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td, html[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-td, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td, body[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-td { background: transparent !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell * { white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell { max-height: none !important; overflow: visible !important; text-overflow: clip !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { min-height: 210px !important; padding-bottom: 1rem !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row { background: radial-gradient(circle at 100% 0%, rgba(78, 156, 255, 0.2), transparent 38%), linear-gradient(145deg, rgba(18, 64, 110, 0.96), rgba(13, 47, 86, 0.98)) !important; background-color: #11365f !important; border-color: rgba(91, 154, 238, 0.48) !important; color: #eef6ff !important; box-shadow: 0 16px 34px rgba(0, 8, 24, 0.24) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(td, .k-table-td, .k-table-alt-row td, .k-grid-content td), body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(td, .k-table-td, .k-table-alt-row td, .k-grid-content td), body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(td, .k-table-td, .k-table-alt-row td, .k-grid-content td) { background: transparent !important; background-color: transparent !important; color: inherit !important; box-shadow: none !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell), html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell) *, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell), body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-ref-cell, .docs-title-cell, .docs-date-cell) * { color: #f4f8ff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-title-cell::before, .docs-date-cell::before), body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-title-cell::before, .docs-date-cell::before) { color: #93b8ef !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-icon, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-icon { border-color: rgba(117, 177, 255, 0.55) !important; background: rgba(28, 82, 140, 0.8) !important; color: #cfe5ff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.js-eye-btn, .js-ctx-toggle), body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.js-eye-btn, .js-ctx-toggle) { border-color: rgba(117, 177, 255, 0.52) !important; background: rgba(13, 48, 88, 0.96) !important; color: #b9d8ff !important; box-shadow: 0 10px 22px rgba(0, 8, 24, 0.3) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-actions, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-actions, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-actions { border-color: rgba(117, 177, 255, 0.42) !important; background: rgba(8, 29, 58, 0.98) !important; box-shadow: 0 16px 32px rgba(0, 8, 24, 0.36) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn { border-color: rgba(117, 177, 255, 0.42) !important; background: rgba(13, 48, 88, 0.94) !important; color: #e8f2ff !important; box-shadow: none !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:hover, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:focus-visible, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:hover, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:focus-visible, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:hover, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-btn:focus-visible { border-color: rgba(117, 177, 255, 0.64) !important; background: rgba(20, 68, 124, 0.98) !important; color: #ffffff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-mobile-pager, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-mobile-pager, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-mobile-pager { border-color: rgba(91, 154, 238, 0.48) !important; background: rgba(10, 35, 67, 0.94) !important; box-shadow: 0 16px 34px rgba(0, 8, 24, 0.28) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-summary, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-summary, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-summary { border-color: rgba(117, 177, 255, 0.48) !important; background: rgba(15, 51, 94, 0.92) !important; color: #eef6ff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-controls, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-controls, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-controls { border-color: rgba(117, 177, 255, 0.36) !important; background: rgba(8, 29, 58, 0.72) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-simple-page-current, .docs-simple-page-btn), body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-simple-page-current, .docs-simple-page-btn), body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid :is(.docs-simple-page-current, .docs-simple-page-btn) { border-color: rgba(117, 177, 255, 0.48) !important; background: rgba(16, 58, 105, 0.94) !important; color: #e8f2ff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-total, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-total, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-simple-page-total { color: #d8e9ff !important; } } @media (max-width: 760px) { body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 84px !important; grid-template-areas: "reference actions" "title actions" "date actions" !important; align-items: start !important; column-gap: 0.48rem !important; row-gap: 0.42rem !important; min-height: 0 !important; height: auto !important; margin: 0.46rem 0 !important; padding: 0.58rem 0.62rem !important; border-radius: 15px !important; overflow: hidden !important; box-shadow: 0 10px 22px rgba(37, 83, 150, 0.12) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(1) { grid-area: reference !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(2) { grid-area: title !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(3) { grid-area: date !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid td:nth-child(4), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(4), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-cell { grid-area: actions !important; align-self: center !important; justify-self: end !important; width: auto !important; min-width: 82px !important; max-width: 82px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; gap: 0.5rem !important; align-items: center !important; min-height: 38px !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-icon { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; border-radius: 12px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell span:last-child { font-size: 0.86rem !important; line-height: 1.12 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell::before, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { margin: 0 0 0.1rem !important; font-size: 0.58rem !important; line-height: 1 !important; letter-spacing: 0.08em !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell { display: block !important; min-width: 0 !important; max-width: 100% !important; color: #173866 !important; font-size: 0.82rem !important; font-weight: 850 !important; line-height: 1.18 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; max-height: none !important; overflow-wrap: anywhere !important; word-break: normal !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 0.28rem !important; min-height: 0 !important; margin: 0 !important; font-size: 0.76rem !important; line-height: 1.1 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { grid-column: 1 / -1 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-actions-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-actions-cell { justify-content: flex-end !important; align-items: center !important; gap: 0.34rem !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-eye-btn, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-ctx-toggle, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-eye-btn, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-ctx-toggle { width: 37px !important; min-width: 37px !important; height: 37px !important; min-height: 37px !important; border-radius: 12px !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell { color: #f4f8ff !important; } } @media (max-width: 1280px) { #closingActModal.records-modal { align-items: stretch !important; justify-content: flex-end !important; padding: 0.55rem !important; } #closingActModal .records-modal__dialog.records-modal__dialog--xl { width: 100% !important; max-width: 100% !important; height: min(92dvh, calc(100dvh - 1.1rem)) !important; max-height: calc(100dvh - 1.1rem) !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; border-radius: 20px !important; overflow: hidden !important; } #closingActModal .records-modal__header { min-height: 0 !important; padding: 0.78rem 0.82rem !important; gap: 0.75rem !important; } #closingActModal .records-modal__title { min-width: 0 !important; font-size: 1rem !important; line-height: 1.18 !important; display: -webkit-box !important; overflow: hidden !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } #closingActModal .records-modal__close { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; border-radius: 14px !important; flex: 0 0 auto !important; } #closingActModal .records-modal__body { min-height: 0 !important; max-height: none !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 0.72rem !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } #closingActModal .records-modal__body::-webkit-scrollbar { width: 0 !important; height: 0 !important; } #closingActModal .records-closing-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0.72rem !important; min-height: 0 !important; } #closingActModal .records-closing-card, #closingActModal .records-closing-table { width: 100% !important; min-width: 0 !important; border-radius: 16px !important; } #closingActModal .records-closing-card { padding: 0.78rem !important; max-height: none !important; overflow: visible !important; } #closingActModal .records-closing-card h3 { margin-bottom: 0.58rem !important; font-size: 0.78rem !important; } #closingActModal .records-closing-meta { gap: 0.52rem !important; } #closingActModal .records-closing-meta p { font-size: 0.86rem !important; line-height: 1.22 !important; } #closingActModal .records-closing-table { padding: 0.52rem !important; overflow: visible !important; } #closingActModal .records-closing-table #docsTable, #closingActModal .records-closing-table #docsTable .k-grid, #closingActModal .records-closing-table #docsTable .k-grid-container, #closingActModal .records-closing-table #docsTable .k-grid-content, #closingActModal .records-closing-table #docsTable .k-grid-content-wrap, #closingActModal .records-closing-table #docsTable .k-grid-aria-root { display: block !important; width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } #closingActModal .records-closing-table #docsTable .k-grid-header, #closingActModal .records-closing-table #docsTable .k-grid-header-wrap, #closingActModal .records-closing-table #docsTable .k-grouping-header, #closingActModal .records-closing-table #docsTable .k-grid-pager, #closingActModal .records-closing-table #docsTable .k-pager, #closingActModal .records-closing-table #docsTable colgroup { display: none !important; } #closingActModal .records-closing-table #docsTable table, #closingActModal .records-closing-table #docsTable tbody, #closingActModal .records-closing-table #docsTable .k-table, #closingActModal .records-closing-table #docsTable .k-table-tbody, #closingActModal .records-closing-table #docsTable .k-grid-table { display: block !important; width: 100% !important; min-width: 0 !important; table-layout: auto !important; } #closingActModal .records-closing-table #docsTable tr, #closingActModal .records-closing-table #docsTable .k-table-row { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; grid-template-areas: "order size" "code code" !important; gap: 0.52rem 0.72rem !important; width: 100% !important; min-width: 0 !important; height: auto !important; margin: 0 0 0.62rem !important; padding: 0.72rem !important; border: 1px solid rgba(124, 170, 236, 0.42) !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 10px 22px rgba(33, 83, 154, 0.1) !important; } #closingActModal .records-closing-table #docsTable tr:last-child, #closingActModal .records-closing-table #docsTable .k-table-row:last-child { margin-bottom: 0 !important; } #closingActModal .records-closing-table #docsTable td, #closingActModal .records-closing-table #docsTable .k-table-td { display: block !important; min-width: 0 !important; width: auto !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #1a3c6e !important; font-size: 0.92rem !important; line-height: 1.25 !important; white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere !important; word-break: normal !important; } #closingActModal .records-closing-table #docsTable td::before, #closingActModal .records-closing-table #docsTable .k-table-td::before { display: block !important; margin-bottom: 0.18rem !important; color: #728bb5 !important; font-size: 0.64rem !important; font-weight: 900 !important; letter-spacing: 0.08em !important; line-height: 1.1 !important; text-transform: uppercase !important; } #closingActModal .records-closing-table #docsTable td:nth-child(1), #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(1) { grid-area: order !important; min-width: 4.2rem !important; font-weight: 900 !important; } #closingActModal .records-closing-table #docsTable td:nth-child(1)::before, #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(1)::before { content: "Orden" !important; } #closingActModal .records-closing-table #docsTable td:nth-child(2), #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(2) { grid-area: code !important; font-weight: 850 !important; } #closingActModal .records-closing-table #docsTable td:nth-child(2)::before, #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(2)::before { content: "Codigo" !important; } #closingActModal .records-closing-table #docsTable td:nth-child(3), #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(3) { grid-area: size !important; justify-self: end !important; min-width: 5rem !important; color: #2266c9 !important; font-weight: 900 !important; text-align: right !important; } #closingActModal .records-closing-table #docsTable td:nth-child(3)::before, #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(3)::before { content: "Peso" !important; } html[data-theme="dark"] #closingActModal .records-closing-table #docsTable tr, html[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-row, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable tr, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-row { border-color: rgba(106, 170, 255, 0.42) !important; background: radial-gradient(circle at 100% 0%, rgba(77, 155, 255, 0.18), transparent 34%), linear-gradient(145deg, rgba(17, 58, 104, 0.96), rgba(8, 33, 65, 0.96)) !important; box-shadow: 0 12px 26px rgba(0, 8, 24, 0.28) !important; } html[data-theme="dark"] #closingActModal .records-closing-table #docsTable td, html[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable td, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td { color: #edf6ff !important; } html[data-theme="dark"] #closingActModal .records-closing-table #docsTable td::before, html[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td::before, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable td::before, body[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td::before { color: #9dbff0 !important; } html[data-theme="dark"] #closingActModal .records-closing-table #docsTable td:nth-child(3), html[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(3), body[data-theme="dark"] #closingActModal .records-closing-table #docsTable td:nth-child(3), body[data-theme="dark"] #closingActModal .records-closing-table #docsTable .k-table-td:nth-child(3) { color: #7fb5ff !important; } } @media (max-width: 420px) { body.page-home-records .records-main.main-panel, #_docsLayer:not(.docs-simple-search-layer).visible { padding: 0.35rem !important; } body.page-home-records #recordsListView .record-open-hint { display: none !important; } body.page-home-records #recordsListView .record-meta-row { grid-template-columns: minmax(0, 1fr) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { grid-template-columns: minmax(0, 1fr) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(4) { grid-column: 1 !important; grid-row: auto !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-actions-cell { justify-content: flex-start !important; } } @media (max-width: 1280px) { body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; grid-template-areas: "reference actions" "title title" "date date" !important; align-items: start !important; column-gap: 0.62rem !important; row-gap: 0.64rem !important; min-height: 0 !important; height: auto !important; margin: 0.76rem 0 !important; padding: 0.9rem !important; border-radius: 18px !important; overflow: visible !important; box-shadow: 0 14px 30px rgba(37, 83, 150, 0.12) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(1) { grid-area: reference !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(2) { grid-area: title !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(3) { grid-area: date !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid td:nth-child(4), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(4), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-cell { grid-area: actions !important; align-self: start !important; justify-self: end !important; width: auto !important; min-width: 88px !important; max-width: 88px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) !important; gap: 0.62rem !important; align-items: center !important; min-height: 46px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell span:last-child { min-width: 0 !important; max-width: 100% !important; color: #173866 !important; font-size: 0.98rem !important; font-weight: 900 !important; line-height: 1.18 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell::before, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { margin: 0 0 0.18rem !important; color: #6f8ab5 !important; font-size: 0.68rem !important; letter-spacing: 0.08em !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell { display: block !important; min-width: 0 !important; max-width: 100% !important; max-height: none !important; margin: 0 !important; color: #173866 !important; font-size: 0.97rem !important; font-weight: 850 !important; line-height: 1.28 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; word-break: normal !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 0.38rem !important; min-height: 0 !important; margin: 0 !important; color: #47658f !important; font-size: 0.86rem !important; line-height: 1.18 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { grid-column: 1 / -1 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-actions-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-actions-cell { justify-content: flex-end !important; align-items: flex-start !important; gap: 0.42rem !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-eye-btn, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-ctx-toggle, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-eye-btn, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-ctx-toggle { width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; border-radius: 14px !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row { background: radial-gradient(circle at 100% 0%, rgba(75, 152, 255, 0.18), transparent 36%), linear-gradient(145deg, rgba(19, 62, 109, 0.98), rgba(10, 39, 74, 0.98)) !important; border-color: rgba(104, 170, 255, 0.46) !important; color: #eef6ff !important; box-shadow: 0 16px 34px rgba(0, 8, 24, 0.28) !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell { color: #f4f8ff !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell::before, html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell::before, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell::before, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell::before, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-title-cell::before, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell::before { color: #9bbff0 !important; } html[data-theme="dark"] body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell, body[data-theme="dark"].docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell, body.docs-flow-active[data-theme="dark"] #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-date-cell { color: #c9dcf8 !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover), body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) { background: radial-gradient(circle at 100% 0%, rgba(75, 152, 255, 0.18), transparent 36%), linear-gradient(145deg, rgba(19, 62, 109, 0.98), rgba(10, 39, 74, 0.98)) !important; } html[data-theme="dark"] body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) :is(td, .k-table-td, .docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell), body[data-theme="dark"].page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) :is(td, .k-table-td, .docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell), body.page-home-documentsbysearchterm[data-theme="dark"] #_docsLayer.docs-simple-search-layer #_docsGrid :is(tr:hover, tr.k-hover, .k-table-row:hover, .k-table-row.k-hover) :is(td, .k-table-td, .docs-ref-cell, .docs-title-cell, .docs-date-cell, .docs-actions-cell) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } } @media (max-width: 760px) { body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(96px, .72fr) 84px !important; grid-template-areas: "reference reference actions" "title date actions" !important; align-items: center !important; column-gap: 0.48rem !important; row-gap: 0.28rem !important; min-height: 0 !important; height: auto !important; margin: 0.46rem 0 !important; padding: 0.58rem 0.62rem !important; border-radius: 15px !important; overflow: hidden !important; box-shadow: 0 10px 22px rgba(37, 83, 150, 0.12) !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(1) { grid-area: reference !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(2) { grid-area: title !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(3) { grid-area: date !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid td:nth-child(4), body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .ctx-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid td:nth-child(4), #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .ctx-cell { grid-area: actions !important; align-self: center !important; justify-self: end !important; width: auto !important; min-width: 82px !important; max-width: 82px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell { display: grid !important; grid-template-columns: 38px minmax(0, 1fr) !important; gap: 0.5rem !important; align-items: center !important; min-height: 38px !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-icon { width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; border-radius: 12px !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-ref-cell span:last-child, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-ref-cell span:last-child { font-size: 0.86rem !important; line-height: 1.12 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell::before, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { margin: 0 0 0.1rem !important; font-size: 0.58rem !important; line-height: 1 !important; letter-spacing: 0.08em !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-title-cell { display: block !important; min-width: 0 !important; max-width: 100% !important; color: #173866 !important; font-size: 0.82rem !important; font-weight: 850 !important; line-height: 1.1 !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; max-height: 2.35rem !important; overflow-wrap: normal !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell { display: grid !important; grid-template-columns: auto minmax(0, 1fr) !important; align-items: center !important; gap: 0.28rem !important; min-height: 0 !important; margin: 0 !important; font-size: 0.76rem !important; line-height: 1.1 !important; } #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-date-cell::before { grid-column: 1 / -1 !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .docs-actions-cell, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .docs-actions-cell { justify-content: flex-end !important; align-items: center !important; gap: 0.34rem !important; } body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-eye-btn, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .js-ctx-toggle, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-eye-btn, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .js-ctx-toggle { width: 37px !important; min-width: 37px !important; height: 37px !important; min-height: 37px !important; border-radius: 12px !important; } } @media (max-width: 760px) { body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid tr, body.docs-flow-active #_docsLayer:not(.docs-simple-search-layer).visible #_docsGrid .k-table-row, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid tr, #_docsLayer:not(.docs-simple-search-layer) #_docsGrid .k-table-row, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid tr, body.page-home-documentsbysearchterm #_docsLayer.docs-simple-search-layer #_docsGrid .k-table-row { grid-template-columns: minmax(0, 1fr) 84px !important; grid-template-areas: "reference actions" "title actions" "date actions" !important; align-items: start !important; row-gap: 0.42rem !important; height: auto !important; min-height: 0 !important; max-height: none !important; } #_docsLayer #_docsGrid td:nth-child(1) { grid-area: reference !important; } #_docsLayer #_docsGrid td:nth-child(2) { grid-area: title !important; } #_docsLayer #_docsGrid td:nth-child(3) { grid-area: date !important; } #_docsLayer #_docsGrid td:nth-child(4), #_docsLayer #_docsGrid .ctx-cell { grid-area: actions !important; align-self: center !important; } #_docsLayer #_docsGrid .docs-title-cell { display: block !important; min-width: 0 !important; max-width: 100% !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; max-height: none !important; overflow-wrap: anywhere !important; word-break: normal !important; line-height: 1.18 !important; } #_docsLayer #_docsGrid .docs-date-cell { width: 100% !important; min-width: 0 !important; margin: 0 !important; } } html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn.record-security-sealed, html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"], body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn.record-security-sealed, body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn[data-security-state="sealed"], body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn.record-security-sealed, body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"] { color: #e8fff2 !important; background: #06472d !important; border-color: rgba(133, 226, 177, 0.78) !important; box-shadow: inset 0 0 0 1px rgba(133, 226, 177, 0.78), 0 10px 22px rgba(0, 0, 0, 0.26) !important; } html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn.record-security-sealed:hover, html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn.record-security-sealed:focus-visible, html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"]:hover, html[data-theme="dark"] body.page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"]:focus-visible, body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn.record-security-sealed:hover, body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn.record-security-sealed:focus-visible, body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn[data-security-state="sealed"]:hover, body.page-home-records[data-theme="dark"] #recordsListView button.record-security-btn[data-security-state="sealed"]:focus-visible, body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn.record-security-sealed:hover, body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn.record-security-sealed:focus-visible, body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"]:hover, body[data-theme="dark"].page-home-records #recordsListView button.record-security-btn[data-security-state="sealed"]:focus-visible { color: #e8fff2 !important; background: #0d6b46 !important; border-color: rgba(133, 226, 177, 0.78) !important; box-shadow: inset 0 0 0 1px rgba(133, 226, 177, 0.78), 0 10px 22px rgba(0, 0, 0, 0.26) !important; }