/* Mobile-only document viewers. Keep desktop behavior in the existing viewer CSS files. */
#docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu,
#docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu[hidden] {
    display: none !important;
}

#docLayer.doc-layer.pdf-mode .xpdf-page-step,
#docLayer.doc-layer.pdf-mode .xpdf-mobile-page-nav {
    display: none !important;
}

#docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar {
    display: none !important;
}

@media (max-width: 1280px) {
    body:has(#docLayer.doc-layer:not([hidden])) {
        overflow: hidden !important;
    }

    #docLayer.doc-layer:not([hidden]),
    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode, .photo-mode, .table-mode, .table-portal-mode) {
        position: fixed !important;
        inset: var(--x-nav-height, 90px) 0 0 0 !important;
        z-index: 2400 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        pointer-events: auto !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-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    #docLayer.doc-layer:not([hidden]).is-closing {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode, .photo-mode, .table-mode, .table-portal-mode)[hidden] {
        display: none !important;
    }

    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode) .doc-canvas {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode) :is(#docHost, #docHostPdf, #docHostGeneric) {
        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;
    }

    body.page-home-records #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode) :is(.xpdf-breadcrumb-shell, .xpdf-breadcrumbs, .audio-breadcrumb, .video-breadcrumb, .photo-breadcrumb, .table-breadcrumb),
    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode) :is(.xpdf-breadcrumb-shell, .xpdf-breadcrumbs, .audio-breadcrumb, .video-breadcrumb, .photo-breadcrumb, .table-breadcrumb),
    #docLayer.doc-layer:is(.pdf-mode, .audio-mode, .video-mode) :is(.xpdf-breadcrumb-shell, .xpdf-breadcrumbs, .audio-breadcrumb, .video-breadcrumb, .photo-breadcrumb, .table-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;
    }

    /* PDF */
    #docLayer.doc-layer.pdf-mode .xpdf-shell {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-hero {
        position: relative !important;
        z-index: 40 !important;
        padding: 0.5rem !important;
        border-radius: 15px !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-hero-main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.45rem !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-hero-left {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        align-items: start !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-back-btn {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 13px !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-back-text {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode :is(.xpdf-header-copy, .xpdf-title-wrap, .xpdf-meta-row) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-title {
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 1.04rem !important;
        line-height: 1.2 !important;
        padding-block: 2px !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-meta,
    #docLayer.doc-layer.pdf-mode .xpdf-subtitle {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-meta-row,
    #docLayer.doc-layer.pdf-mode .xpdf-doc-chip {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-record-tag,
    #docLayer.doc-layer.pdf-mode .xpdf-doc-chip {
        width: fit-content !important;
        max-width: 100% !important;
        min-height: 24px !important;
        padding: 0.2rem 0.5rem !important;
        border-radius: 999px !important;
        font-size: 0.72rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-header-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.45rem !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-header-actions .xpdf-action-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 40px !important;
        height: auto !important;
        padding: 0.45rem 0.65rem !important;
        border-radius: 13px !important;
        justify-content: center !important;
        font-size: 0.85rem !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-header-actions {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-header-actions .xpdf-action-btn[data-act="record-sum"],
    #docLayer.doc-layer.pdf-mode .xpdf-header-actions .xpdf-action-btn[data-act="record-rag"] {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-header-actions:not(:has(.xpdf-action-btn:not([data-act="record-sum"]):not([data-act="record-rag"]):not([hidden]))) {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu:not([hidden]) {
        position: relative !important;
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        z-index: 70 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu summary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        border: 1px solid rgba(96, 151, 239, 0.42) !important;
        border-radius: 13px !important;
        background: rgba(255, 255, 255, 0.86) !important;
        color: #1d5fca !important;
        box-shadow: 0 10px 22px rgba(41, 91, 164, 0.12) !important;
        cursor: pointer !important;
        list-style: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu summary::-webkit-details-marker {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-list {
        position: absolute !important;
        top: calc(100% + 0.46rem) !important;
        right: 0 !important;
        display: grid !important;
        gap: 0.42rem !important;
        width: min(72vw, 238px) !important;
        padding: 0.48rem !important;
        border: 1px solid rgba(96, 151, 239, 0.42) !important;
        border-radius: 15px !important;
        background: rgba(248, 251, 255, 0.96) !important;
        box-shadow: 0 18px 38px rgba(34, 78, 143, 0.2) !important;
        z-index: 80 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-action-item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.5rem !important;
        width: 100% !important;
        min-height: 42px !important;
        padding: 0.52rem 0.65rem !important;
        border: 1px solid rgba(96, 151, 239, 0.32) !important;
        border-radius: 12px !important;
        background: rgba(230, 241, 255, 0.92) !important;
        color: #123968 !important;
        font: inherit !important;
        font-size: 0.86rem !important;
        font-weight: 850 !important;
        line-height: 1.15 !important;
        text-align: left !important;
        cursor: pointer !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-action-item[hidden] {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-workspace,
    #docLayer.doc-layer.pdf-mode .xpdf-workspace:has(.xpdf-left-rail.is-collapsed) {
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.pdf-mode :is(.xpdf-left-rail, .xpdf-right-panel) {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-center {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        height: clamp(390px, calc(100dvh - var(--x-nav-height, 90px) - 8rem), 560px) !important;
        min-height: 380px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 0.38rem !important;
        min-height: 46px !important;
        height: 46px !important;
        padding: 0.3rem !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar::-webkit-scrollbar {
        display: none;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar-group,
    #docLayer.doc-layer.pdf-mode .xpdf-toolbar-group.is-search {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 0.35rem !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #docLayer.doc-layer.pdf-mode :is(.xpdf-search-box, .xpdf-search-status),
    #docLayer.doc-layer.pdf-mode [data-act="fitw"],
    #docLayer.doc-layer.pdf-mode [data-act="rotate-left"],
    #docLayer.doc-layer.pdf-mode [data-act="download"] {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode :is(.xpdf-tool-btn, .xpdf-wide-btn) {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 12px !important;
        flex: 0 0 40px !important;
    }

    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-page-step,
    #docLayer.doc-layer.pdf-mode .xpdf-page-step {
        display: inline-flex !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar [data-act="zout"] {
        order: 0 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar .xpdf-zoom-pill {
        order: 1 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar [data-act="zin"] {
        order: 2 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar .xpdf-page-step[data-act="prev"] {
        order: 3 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar .xpdf-page-step[data-act="next"] {
        order: 4 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-toolbar [data-act="fullscreen"] {
        order: 5 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-wide-btn span {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-zoom-pill {
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 0.45rem !important;
        border-radius: 12px !important;
        flex: 0 0 86px !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-zoom-pill input {
        width: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        text-align: center !important;
        font-size: 0.9rem !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-stage {
        position: relative !important;
        flex: 1 1 auto !important;
        height: calc(100% - 46px) !important;
        min-height: 0 !important;
        padding: 0.24rem !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-scroll {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: auto !important;
        border-radius: 14px !important;
        overscroll-behavior: contain !important;
        touch-action: pan-y !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-scroll::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-scroll::-webkit-scrollbar-track {
        background: rgba(112, 226, 255, 0.24) !important;
        border-radius: 999px !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-scroll::-webkit-scrollbar-thumb {
        min-height: 48px !important;
        border-radius: 999px !important;
        background: #4b55df !important;
        border: 2px solid rgba(112, 226, 255, 0.28) !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-viewer-surface {
        min-height: 100% !important;
        padding: 0.28rem 0.22rem 0.62rem !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-scroll .page {
        max-width: none !important;
        margin: 0 auto 0.8rem !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar {
        position: absolute !important;
        top: 0.8rem !important;
        right: 0.36rem !important;
        bottom: 4.7rem !important;
        z-index: 34 !important;
        display: flex !important;
        width: 34px !important;
        min-width: 34px !important;
        padding: 5px 10px !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, rgba(177, 226, 255, 0.34), rgba(62, 132, 236, 0.22)) !important;
        border: 1px solid rgba(193, 229, 255, 0.42) !important;
        box-shadow: 0 14px 32px rgba(5, 18, 38, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
        backdrop-filter: blur(10px) !important;
        touch-action: none !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        pointer-events: auto !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar::before {
        content: "" !important;
        position: absolute !important;
        inset: 8px 15px !important;
        border-radius: 999px !important;
        background: rgba(224, 246, 255, 0.42) !important;
        pointer-events: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar.is-hidden {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar-thumb {
        position: relative !important;
        z-index: 1 !important;
        width: 100% !important;
        min-height: 54px !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, #eaf8ff 0%, #76d8ff 18%, #2868f5 100%) !important;
        border: 1px solid rgba(255, 255, 255, 0.58) !important;
        box-shadow: 0 9px 18px rgba(31, 88, 202, 0.42), 0 0 0 4px rgba(23, 113, 255, 0.12) !important;
        cursor: grab !important;
        will-change: transform, height !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-scrollbar:active .xpdf-mobile-scrollbar-thumb {
        cursor: grabbing !important;
    }

    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-mobile-page-nav,
    #docLayer.doc-layer.pdf-mode .xpdf-mobile-page-nav {
        position: absolute !important;
        left: 50% !important;
        bottom: 0.6rem !important;
        z-index: 35 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.36rem !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0.22rem !important;
        border: 1px solid rgba(96, 151, 239, 0.34) !important;
        border-radius: 15px !important;
        background: rgba(17, 47, 91, 0.64) !important;
        box-shadow: 0 12px 28px rgba(5, 18, 38, 0.22) !important;
        backdrop-filter: blur(12px) !important;
        transform: translateX(-50%) !important;
        pointer-events: auto !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-mobile-page-nav .xpdf-tool-btn {
        display: inline-flex !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 13px !important;
        background: rgba(255, 255, 255, 0.16) !important;
        color: #ffffff !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-workspace,
    #docLayer.doc-layer.pdf-mode .xpdf-workspace:has(.xpdf-left-rail.is-collapsed) {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.55rem !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-center {
        order: 2 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0.5rem !important;
        border-radius: 15px !important;
    }

    /* Audio */
    #docLayer.doc-layer.audio-mode .audio-viewer-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.audio-mode .audio-hero {
        display: block !important;
        padding: 0.55rem !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.audio-mode .audio-hero-main {
        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;
    }

    #docLayer.doc-layer.audio-mode .audio-back-btn {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    #docLayer.doc-layer.audio-mode :is(.audio-title-block, .audio-title-row) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #docLayer.doc-layer.audio-mode .audio-title-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.35rem !important;
    }

    #docLayer.doc-layer.audio-mode .audio-title-row h2 {
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 1.12rem !important;
        line-height: 1.2 !important;
        padding-block: 2px !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.audio-mode .audio-title-block p {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode .audio-meta-row {
        gap: 0.35rem !important;
        margin-top: 0.35rem !important;
        font-size: 0.78rem !important;
        line-height: 1.25 !important;
    }

    #docLayer.doc-layer.audio-mode .audio-meta-row > span::before {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode .audio-meta-row > span:not(.audio-kind):not([data-audio-role="duration"]) {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode :is(.audio-kind, .audio-record-tag, .audio-meta-row [data-audio-role="duration"]) {
        min-height: 28px !important;
        padding: 0.28rem 0.55rem !important;
        border-radius: 999px !important;
    }

    #docLayer.doc-layer.audio-mode .audio-record-tag {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode .audio-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    #docLayer.doc-layer.audio-mode .audio-side-panel {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode .audio-player-panel {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.7rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0.55rem !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.audio-mode .audio-player-topbar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.5rem !important;
    }

    #docLayer.doc-layer.audio-mode :is(.audio-control-pill, .audio-time-pill) {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        justify-content: center !important;
        border-radius: 14px !important;
    }

    #docLayer.doc-layer.audio-mode .audio-control-pill select {
        max-width: 7rem !important;
    }

    #docLayer.doc-layer.audio-mode .audio-wave-card {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        height: clamp(230px, 34dvh, 320px) !important;
        min-height: 230px !important;
        max-height: 320px !important;
        flex: 0 0 auto !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.audio-mode .audio-wave-canvas {
        width: 100% !important;
        height: calc(100% - 44px) !important;
        min-height: 0 !important;
    }

    #docLayer.doc-layer.audio-mode .audio-playhead {
        top: 26px !important;
        bottom: 44px !important;
    }

    #docLayer.doc-layer.audio-mode .audio-wave-times {
        inset: auto 0.7rem 0.65rem !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.25rem !important;
        font-size: 0.74rem !important;
        text-align: center !important;
    }

    #docLayer.doc-layer.audio-mode .audio-wave-times span:nth-child(2),
    #docLayer.doc-layer.audio-mode .audio-wave-times span:nth-child(4),
    #docLayer.doc-layer.audio-mode .audio-wave-times span:nth-child(5) {
        display: none !important;
    }

    #docLayer.doc-layer.audio-mode .audio-transport {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.6rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.audio-mode .audio-transport-center {
        order: -1 !important;
        justify-content: center !important;
    }

    #docLayer.doc-layer.audio-mode .audio-play-btn {
        width: 58px !important;
        min-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
    }

    #docLayer.doc-layer.audio-mode .audio-transport-left {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.audio-mode .audio-skip-btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 0.55rem !important;
        border-radius: 13px !important;
        font-size: 0.82rem !important;
        white-space: nowrap !important;
    }

    #docLayer.doc-layer.audio-mode .audio-transport-right {
        display: grid !important;
        grid-template-columns: 24px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0.5rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.audio-mode .audio-transport-right input[type="range"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Video */
    #docLayer.doc-layer.video-mode .video-viewer-shell {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.video-mode .video-hero {
        display: block !important;
        padding: 0.55rem !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.video-mode .video-hero-main {
        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;
    }

    #docLayer.doc-layer.video-mode .video-back-btn {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 14px !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-title-block, .video-title-row) {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #docLayer.doc-layer.video-mode .video-title-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.35rem !important;
    }

    #docLayer.doc-layer.video-mode .video-title-row h2 {
        max-width: 100% !important;
        margin: 0 !important;
        font-size: 1.12rem !important;
        line-height: 1.2 !important;
        padding-block: 2px !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.video-mode .video-meta-row {
        gap: 0.35rem !important;
        margin-top: 0.35rem !important;
        font-size: 0.78rem !important;
        line-height: 1.25 !important;
    }

    #docLayer.doc-layer.video-mode .video-meta-row > span::before {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode .video-meta-row > span:not(.video-kind):not([data-video-role="duration"]) {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-kind, .video-record-tag, .video-meta-row [data-video-role="duration"]) {
        min-height: 28px !important;
        padding: 0.28rem 0.55rem !important;
        border-radius: 999px !important;
    }

    #docLayer.doc-layer.video-mode .video-hero-actions {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode .video-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    #docLayer.doc-layer.video-mode .video-side-panel {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode .video-player-panel {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0.55rem !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.video-mode .video-screen {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-media-slot, .video-native, .video-screen video) {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        object-fit: contain !important;
    }

    #docLayer.doc-layer.video-mode .video-controls {
        position: static !important;
        display: grid !important;
        gap: 0.55rem !important;
        padding: 0.65rem !important;
        border-radius: 0 0 16px 16px !important;
    }

    #docLayer.doc-layer.video-mode .video-progress-line {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        gap: 0.45rem !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-left {
        display: grid !important;
        grid-template-columns: repeat(4, 42px) minmax(0, 1fr) !important;
        gap: 0.45rem !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-right {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.45rem !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-play-btn, .video-icon-btn) {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 13px !important;
        padding: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-right .video-icon-btn {
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode input[type="range"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Legacy document viewer footer/toolbar aligned with records-lists mobile footer. */
    #docLayer.doc-layer:not([hidden]) .doc-toolbar:not([hidden]) {
        display: grid !important;
        visibility: visible !important;
        position: sticky !important;
        bottom: calc(env(safe-area-inset-bottom, 0px) + 0.75rem) !important;
        z-index: 4 !important;
        grid-template-columns: 44px minmax(4.2rem, 1fr) 44px !important;
        gap: 0.58rem !important;
        align-items: center !important;
        justify-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !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.76) !important;
        box-shadow: 0 14px 34px rgba(43, 93, 166, 0.12) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar #btnPrev {
        grid-column: 1 !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar .page-jump {
        grid-column: 2 !important;
        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;
        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;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar #btnNext {
        grid-column: 3 !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar .page-label {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.45rem !important;
        min-width: 0 !important;
        width: 100% !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;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.page-input, .page-label input) {
        width: 4.2rem !important;
        min-width: 4.2rem !important;
        max-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;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.icon-btn, button) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-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;
        box-sizing: border-box !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.icon-btn, button):disabled {
        opacity: 0.45 !important;
        color: #7f9bc5 !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.icon-btn, button) img {
        width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        max-height: 18px !important;
        object-fit: contain !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar .right-icons {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(44px, 1fr)) !important;
        gap: 0.45rem !important;
        align-items: center !important;
        justify-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;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar .right-icons:empty {
        display: none !important;
    }

    #docLayer.doc-layer:not([hidden]) .doc-toolbar .right-icons .icon-btn {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        justify-self: center !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer:not([hidden]) .doc-toolbar:not([hidden]),
    body[data-theme="dark"] #docLayer.doc-layer:not([hidden]) .doc-toolbar:not([hidden]) {
        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"] #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.page-jump, .right-icons, .page-input, .page-label input, .icon-btn, button),
    body[data-theme="dark"] #docLayer.doc-layer:not([hidden]) .doc-toolbar :is(.page-jump, .right-icons, .page-input, .page-label input, .icon-btn, button) {
        border-color: rgba(91, 154, 238, 0.42) !important;
        color: #e8f2ff !important;
        background: rgba(17, 57, 101, 0.78) !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer:not([hidden]) .doc-toolbar .page-label,
    body[data-theme="dark"] #docLayer.doc-layer:not([hidden]) .doc-toolbar .page-label {
        color: #e8f2ff !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu summary,
    body[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-menu summary {
        border-color: rgba(91, 154, 238, 0.44) !important;
        background: rgba(17, 57, 101, 0.84) !important;
        color: #e8f2ff !important;
        box-shadow: none !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-list,
    body[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-actions-list {
        border-color: rgba(91, 154, 238, 0.44) !important;
        background: rgba(4, 22, 43, 0.98) !important;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-action-item,
    body[data-theme="dark"] #docLayer.doc-layer.pdf-mode .xpdf-mobile-action-item {
        border-color: rgba(91, 154, 238, 0.36) !important;
        background: rgba(13, 57, 112, 0.92) !important;
        color: #f2f7ff !important;
    }

}

@media (max-width: 420px) {
    #docLayer.doc-layer.pdf-mode .xpdf-center {
        height: clamp(370px, calc(100dvh - var(--x-nav-height, 90px) - 8.25rem), 520px) !important;
        min-height: 360px !important;
    }

    #docLayer.doc-layer.audio-mode .audio-wave-card {
        height: 220px !important;
        min-height: 220px !important;
    }

    #docLayer.doc-layer.video-mode .video-control-left {
        grid-template-columns: repeat(4, 38px) minmax(0, 1fr) !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-play-btn, .video-icon-btn) {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }
}

@media (min-width: 700px) and (max-width: 1280px) {
    #docLayer.doc-layer.pdf-mode .xpdf-center {
        height: clamp(520px, calc(100dvh - var(--x-nav-height, 90px) - 10.5rem), 740px) !important;
        min-height: 560px !important;
    }
}

@media (max-width: 1280px) {
    #docLayer.doc-layer.pdf-mode .xpdf-workspace,
    #docLayer.doc-layer.pdf-mode .xpdf-workspace:has(.xpdf-left-rail.is-collapsed),
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-workspace,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-workspace:has(.xpdf-left-rail.is-collapsed) {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel {
        order: 1 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0.5rem !important;
        border-radius: 15px !important;
        overflow: visible !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-center,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-center {
        order: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel::before,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel::before {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-hero-main,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-hero-main {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 0.45rem !important;
        height: auto !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-hero-left,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-hero-left {
        display: grid !important;
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        align-items: start !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-header-copy,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-header-copy {
        display: grid !important;
        gap: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-info-kicker,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-info-kicker,
    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-meta-row,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-meta-row {
        display: none !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-title,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-title {
        max-width: 100% !important;
        margin: 0 !important;
        color: inherit !important;
        font-size: 1.04rem !important;
        line-height: 1.2 !important;
        padding-block: 2px !important;
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-record-tag,
    body.page-home-records #docLayer.doc-layer.pdf-mode .xpdf-info-panel .xpdf-record-tag {
        width: fit-content !important;
        max-width: 100% !important;
        min-height: 24px !important;
        margin-top: 0.28rem !important;
        padding: 0.2rem 0.5rem !important;
        border-radius: 999px !important;
        font-size: 0.72rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 1280px) {
    #arcangelRagBackdrop.arcangel-rag-backdrop {
        z-index: 3790 !important;
    }

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

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0.36rem !important;
        gap: 0.45rem !important;
        overflow: hidden !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar-left {
        position: static !important;
        inset: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar-center {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 0.34rem !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-close-btn {
        order: 0 !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="prev"] {
        order: 10 !important;
        display: inline-flex !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-page-control {
        display: none !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="next"] {
        order: 13 !important;
        display: inline-flex !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zout"] {
        order: 11 !important;
        display: inline-flex !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zin"] {
        order: 12 !important;
        display: inline-flex !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar .k-button,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-close-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 !important;
        border-radius: 12px !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zin"] i,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zout"] i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        color: currentColor !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 1.2rem !important;
        font-weight: 850 !important;
        line-height: 1 !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zin"] i::before,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zout"] i::before {
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: 1 !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zout"] i::before {
        content: "-" !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="zin"] i::before {
        content: "+" !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-page-control {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-page-control span {
        width: 100% !important;
        justify-content: center !important;
        gap: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-page-control .k-input-inner {
        width: 100% !important;
        min-width: 0 !important;
        font-size: 0.86rem !important;
        text-align: center !important;
    }

    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="fitw"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="auto"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="rotate-left"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="rotate-right"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="print"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="download"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="fullscreen"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar [data-act="comments"],
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-toolbar-sep,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-zoom-control,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-find-wrap,
    #arcangelRagPanel.arcangel-rag-panel .pdfjs-find-status,
    #arcangelRagPanel.arcangel-rag-panel #spanTotalFolios {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode .video-viewer-shell {
        gap: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    #docLayer.doc-layer.video-mode .video-hero {
        padding: 0.48rem !important;
        border-radius: 16px !important;
    }

    #docLayer.doc-layer.video-mode .video-hero-main {
        grid-template-columns: 40px minmax(0, 1fr) !important;
        gap: 0.55rem !important;
        align-items: center !important;
    }

    #docLayer.doc-layer.video-mode .video-back-btn {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 13px !important;
        font-size: 1rem !important;
    }

    #docLayer.doc-layer.video-mode .video-title-row h2 {
        font-size: 1.02rem !important;
        line-height: 1.2 !important;
        padding-block: 2px !important;
        -webkit-line-clamp: 2 !important;
    }

    #docLayer.doc-layer.video-mode .video-record-tag {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode .video-meta-row {
        margin-top: 0.25rem !important;
        gap: 0.3rem !important;
        align-items: center !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-kind, .video-meta-row [data-video-role="duration"]) {
        min-height: 24px !important;
        padding: 0.18rem 0.48rem !important;
        font-size: 0.72rem !important;
        line-height: 1.1 !important;
    }

    #docLayer.doc-layer.video-mode .video-layout {
        gap: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-player-panel {
        padding: 0.42rem !important;
        border-radius: 16px !important;
        box-shadow: 0 14px 30px rgba(35, 78, 142, 0.14) !important;
    }

    #docLayer.doc-layer.video-mode .video-screen {
        display: block !important;
        height: clamp(220px, 58vw, 290px) !important;
        min-height: 220px !important;
        aspect-ratio: auto !important;
        border-radius: 15px !important;
        background: #061225 !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-media-slot, .video-native, .video-screen video) {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        background: #061225 !important;
    }

    #docLayer.doc-layer.video-mode .video-controls {
        position: absolute !important;
        inset: auto 0.45rem 0.45rem 0.45rem !important;
        display: grid !important;
        gap: 0.35rem !important;
        padding: 0.42rem !important;
        border: 1px solid rgba(139, 190, 255, 0.22) !important;
        border-radius: 14px !important;
        background: rgba(4, 18, 39, 0.72) !important;
        color: #ffffff !important;
        backdrop-filter: blur(10px) !important;
    }

    #docLayer.doc-layer.video-mode .video-progress-line {
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
        gap: 0.35rem !important;
        font-size: 0.68rem !important;
    }

    #docLayer.doc-layer.video-mode .video-control-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0.35rem !important;
        margin-top: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-left {
        display: flex !important;
        align-items: center !important;
        gap: 0.3rem !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.3rem !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #docLayer.doc-layer.video-mode .video-control-left input[type="range"],
    #docLayer.doc-layer.video-mode .video-control-right [data-video-action="speed"],
    #docLayer.doc-layer.video-mode .video-control-right [data-video-action="pip"] {
        display: none !important;
    }

    #docLayer.doc-layer.video-mode :is(.video-play-btn, .video-icon-btn) {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 11px !important;
        font-size: 0.82rem !important;
    }

    #docLayer.doc-layer.video-mode .video-play-btn {
        width: 40px !important;
        min-width: 40px !important;
        font-size: 1.05rem !important;
    }

    #docLayer.doc-layer.video-mode .video-icon-btn span {
        font-size: 0.68rem !important;
        line-height: 1 !important;
    }

    html[data-theme="dark"] #docLayer.doc-layer.video-mode .video-player-panel,
    body[data-theme="dark"] #docLayer.doc-layer.video-mode .video-player-panel {
        box-shadow: 0 16px 34px rgba(0, 8, 24, 0.3) !important;
    }
}

@media (max-width: 1280px) {
    #docLayer.doc-layer:is(.table-mode, .table-portal-mode) {
        overflow: hidden !important;
    }

    #docLayer.doc-layer:is(.table-mode, .table-portal-mode) .doc-canvas {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer:is(.table-mode, .table-portal-mode) :is(#docHost, #docHostGeneric) {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }

    #docLayer.doc-layer.table-mode .table-viewer-shell {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }

    #docLayer.doc-layer.table-mode .table-surface {
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    #docLayer.doc-layer.table-portal-mode iframe.doc-fit {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    }
}