.fm-preview-doc,
.fe-preview-host {
    width: 100%;
    height: 100%;
    min-height: 320px;
    overflow: auto;
    background: #fff;
}

.shared-file-preview-modal .modal-dialog {
    height: min(90vh, 900px);
}

.shared-file-preview-modal .modal-content,
.shared-file-preview-modal .modal-body,
.shared-file-preview-host {
    min-height: 0;
    height: 100%;
}

.shared-file-preview-modal .modal-content {
    overflow: hidden;
}

.shared-file-preview-host {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9ecef;
}

.shared-file-preview-host.is-pdf-preview {
    display: block;
    overflow: auto;
    padding: 0;
    align-items: initial;
    justify-content: initial;
    scroll-padding-top: 0;
}

.shared-file-preview-host.is-pdf-preview .fp-pdf-pages {
    width: 100%;
    min-height: 100%;
    padding: 8px 0 16px;
}

.shared-file-preview-host.is-pdf-preview .fp-pdf-page:first-child {
    margin-top: 0;
}

.shared-file-preview-frame,
.shared-file-preview-media {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

.shared-file-preview-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    object-fit: contain;
}

.shared-file-preview-audio {
    width: min(90%, 720px);
}

.shared-file-preview-modal .modal-header {
    min-width: 0;
}

.shared-file-preview-heading {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.shared-file-preview-title {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.shared-file-preview-title > span {
    display: inline-block;
    min-width: max-content;
    white-space: nowrap;
}

.shared-file-preview-title.is-overflowing > span {
    animation: shared-file-title-marquee 7s ease-in-out 1s infinite alternate;
}

@keyframes shared-file-title-marquee {
    from { transform: translateX(var(--shared-preview-title-offset, 0)); }
    to { transform: translateX(0); }
}

.shared-file-preview-actions {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    background: var(--bs-modal-bg, #fff);
}

@media (max-width: 767.98px) {
    .shared-file-preview-modal .modal-dialog {
        width: 100%;
        max-width: none;
        height: 100dvh;
        min-height: 100vh;
        margin: 0;
    }

    .shared-file-preview-modal .modal-content {
        border: 0;
        border-radius: 0;
    }

    .shared-file-preview-modal .modal-header {
        position: relative;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: .5rem;
        min-height: 58px;
        padding: .65rem 3.75rem .65rem .75rem;
    }

    .shared-file-preview-title {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.3;
        text-overflow: clip;
        white-space: nowrap !important;
    }

    .shared-file-preview-heading {
        width: 100%;
        min-width: 0;
    }

    .shared-file-preview-actions {
        position: static;
        width: 100%;
        margin-left: 0 !important;
        flex-wrap: wrap;
    }

    .shared-file-preview-actions .btn:not(.shared-file-preview-close),
    .shared-file-preview-actions a {
        min-height: 38px;
    }

    .shared-file-preview-close {
        position: absolute;
        z-index: 5;
        top: .45rem;
        right: .45rem;
        width: 44px;
        height: 44px;
        margin: 0 !important;
        padding: .8rem;
        border: 1px solid #cbd5e1;
        border-radius: 50%;
        background-color: #fff;
        opacity: 1;
        box-shadow: 0 1px 4px rgba(15, 23, 42, .18);
    }
}

.fm-preview-doc .fp-pdf-page,
.fe-preview-host .fp-pdf-page {
    display: block;
    margin: 0 auto 12px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
}

.fm-preview-doc .docx-wrapper,
.fe-preview-host .docx-wrapper {
    padding: 0;
    background: transparent;
}

.fm-preview-body.fm-preview-body-word {
    display: block;
    overflow: hidden;
    padding: 0;
}

.fm-preview-body.fm-preview-body-word .fm-preview-doc {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.fp-word-wrap {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: auto;
    background: #e8e8ed;
}

.fp-word-page {
    max-width: 816px;
    margin: 0 auto;
    padding: 16px 12px 24px;
}

.fp-word-page .fp-word-html {
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
    padding: 32px 40px;
    min-height: 1056px;
}

.fp-word-docx-host {
    max-width: 816px;
    margin: 0 auto;
    padding: 16px 12px 24px;
}

.fp-word-docx-host .docx-wrapper > section.docx {
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
    margin: 0 auto 12px;
}

.fp-word-html table,
.fp-word-docx-host table {
    border-collapse: collapse;
    width: 100%;
}

.fp-word-html table td,
.fp-word-html table th,
.fp-word-docx-host table td,
.fp-word-docx-host table th {
    border: 1px solid #747474;
    padding: 4px;
    word-break: break-word;
}

.fp-word-html p,
.fp-word-docx-host p {
    margin: 0.5em 0;
    word-break: break-word;
}

.fp-word-html img,
.fp-word-docx-host img {
    max-width: 100%;
    height: auto;
}

.fm-preview-doc .fp-sheet-wrap,
.fe-preview-host .fp-sheet-wrap {
    overflow: auto;
    max-height: 100%;
}

.fm-preview-doc .fp-sheet-wrap table,
.fe-preview-host .fp-sheet-wrap table {
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.fm-preview-doc .fp-sheet-wrap th,
.fm-preview-doc .fp-sheet-wrap td,
.fe-preview-host .fp-sheet-wrap th,
.fe-preview-host .fp-sheet-wrap td {
    border: 1px solid #cbd5e1;
    padding: 4px 8px;
    white-space: nowrap;
}

.fm-preview-doc .fp-word-html,
.fe-preview-host .fp-word-html {
    line-height: 1.5;
}

.fm-preview-doc .fp-loading,
.fe-preview-host .fp-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: #64748b;
}

.fm-preview-doc .fp-error,
.fe-preview-host .fp-error {
    padding: 1rem;
    color: #b91c1c;
    text-align: center;
}

.fm-preview-doc .fp-apryse,
.fe-preview-host .fp-apryse,
.fe-apryse-host {
    width: 100%;
    height: 100%;
    min-height: 480px;
}

.fm-preview-body.fm-preview-body-luckysheet {
    display: block;
    overflow: hidden;
    padding: 0;
}

.fm-preview-body.fm-preview-body-luckysheet .fm-preview-doc {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.fm-preview-doc .fp-luckysheet-wrap,
.fe-preview-host .fp-luckysheet-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 360px;
    overflow: hidden;
    background: #fff;
}

.fm-preview-doc .fp-luckysheet-wrap > [id^="fp-luckysheet-output-"],
.fe-preview-host .fp-luckysheet-wrap > [id^="fp-luckysheet-output-"] {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fm-preview-doc .fp-luckysheet-wrap #luckysheet,
.fe-preview-host .fp-luckysheet-wrap #luckysheet {
    margin: 0;
    padding: 0;
}

/* Preview không có toolbar — tránh vùng 90px làm lệch overlay chọn ô */
.fm-preview-doc .fp-luckysheet-wrap .luckysheet-work-area,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-work-area {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-grid-container,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-grid-container {
    top: 0 !important;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-wa-calculate,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-wa-calculate {
    display: none !important;
}

.fm-preview-doc .fp-luckysheet-wrap #luckysheetloadingdata,
.fm-preview-doc .fp-luckysheet-wrap #luckysheet_info_detail,
.fe-preview-host .fp-luckysheet-wrap #luckysheetloadingdata,
.fe-preview-host .fp-luckysheet-wrap #luckysheet_info_detail {
    display: none;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-sheets-add,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-sheets-add {
    display: none !important;
}

.fm-preview-doc .fp-luckysheet-wrap #luckysheet-sheets-leftscroll,
.fm-preview-doc .fp-luckysheet-wrap #luckysheet-sheets-rightscroll,
.fe-preview-host .fp-luckysheet-wrap #luckysheet-sheets-leftscroll,
.fe-preview-host .fp-luckysheet-wrap #luckysheet-sheets-rightscroll {
    display: none !important;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-grid-window,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-grid-window {
    background: #fff !important;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-grid-window-1,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-grid-window-1 {
    background-color: #fff !important;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-grid-window table td > div,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-grid-window table td > div {
    background-color: #fff;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-rows-h,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-rows-h {
    padding-bottom: 22px;
    border-bottom: 1px solid #dedede;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-scrollbars.luckysheet-scrollbar-y,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-scrollbars.luckysheet-scrollbar-y {
    padding-bottom: 24px;
}

.fm-preview-doc .fp-luckysheet-wrap .luckysheet-scrollbar-y,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-scrollbar-y {
    right: 0 !important;
    left: auto !important;
}

/* Ẩn thanh freeze (vệt đen rgba(0,0,0,.45)) trong chế độ xem */
.fm-preview-doc .fp-luckysheet-wrap .luckysheet-freezebar-vertical-drop,
.fm-preview-doc .fp-luckysheet-wrap .luckysheet-freezebar-horizontal-drop,
.fm-preview-doc .fp-luckysheet-wrap .luckysheet-freezebar-vertical-handle,
.fm-preview-doc .fp-luckysheet-wrap .luckysheet-freezebar-horizontal-handle,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-freezebar-vertical-drop,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-freezebar-horizontal-drop,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-freezebar-vertical-handle,
.fe-preview-host .fp-luckysheet-wrap .luckysheet-freezebar-horizontal-handle {
    display: none !important;
}

.fm-preview-doc .fp-sheetjs-preview .fp-sheet-tab-label,
.fe-preview-host .fp-sheetjs-preview .fp-sheet-tab-label {
    padding: 6px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
}

.fm-preview-doc .fp-spread-host,
.fe-preview-host .fp-spread-host,
.fe-spread-host {
    width: 100%;
    height: 100%;
    min-height: 480px;
}

.fp-pdf-viewer-frame {
    width: 100%;
    height: 100%;
    min-height: 420px;
    border: 0;
    background: #525659;
}

.fp-pptx-output {
    width: 100%;
    min-height: 320px;
    overflow: auto;
    background: #1e1e1e;
    padding: 0.5rem;
}

.fm-dplayer-host {
    width: 100%;
}

.fm-dplayer-host .dplayer {
    width: 100%;
}

.fm-preview-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
}

.fm-preview-doc .fp-sheet-tabs,
.fe-preview-host .fp-sheet-tabs {
    display: flex;
    gap: 0.35rem;
    padding: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    flex-wrap: wrap;
}

.fm-preview-doc .fp-sheet-tab,
.fe-preview-host .fp-sheet-tab {
    border: 1px solid #cbd5e1;
    background: #fff;
    border-radius: 6px;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    cursor: pointer;
}

.fm-preview-doc .fp-sheet-tab.is-active,
.fe-preview-host .fp-sheet-tab.is-active {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

.fp-viewer-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fp-viewer-option {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    margin: 0;
}

.fp-viewer-option:hover {
    background: #f8fafc;
}

.fp-viewer-option input {
    flex: 0 0 auto;
}

.fp-viewer-option-label {
    flex: 1;
    font-size: 0.9375rem;
}

.fp-viewer-default {
    color: #64748b;
    font-size: 0.8125rem;
}

.fm-preview-body.fm-preview-body-pdf,
.fm-preview-body.fm-preview-body-pdf.fm-preview-doc {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    background: #525659;
}

.fm-preview-body.fm-preview-body-pdf .fp-pdf-pages {
    width: 100%;
    min-height: 0;
    padding: 8px 0 16px;
}

.fm-preview-body.fm-preview-body-pdf .fp-pdf-page {
    display: block;
    width: auto;
    max-width: calc(100% - 16px);
    height: auto;
    margin: 8px auto;
}

@media (max-width: 991.98px) {
    .fm-preview-body.fm-preview-body-luckysheet,
    .fm-preview-body.fm-preview-body-pdf,
    .fm-preview-body.fm-preview-body-pdf.fm-preview-doc {
        overflow-y: auto !important;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
        max-height: none;
    }

    .fm-preview-body.fm-preview-body-word,
    .fm-preview-body.fm-preview-body-word.fm-preview-doc {
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
        max-height: none;
    }

    .fm-preview-body.fm-preview-body-luckysheet.fm-preview-doc {
        height: auto;
        min-height: 280px;
        overflow-y: auto !important;
    }

    .fm-preview-body.fm-preview-body-word .fm-preview-doc {
        height: auto;
        min-height: 280px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .fm-preview-body.fm-preview-body-luckysheet .fm-preview-doc {
        height: auto;
        min-height: 280px;
        overflow: visible;
    }

    .fp-word-wrap {
        height: auto !important;
        min-height: 0;
        overflow-x: auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .fp-word-page,
    .fp-word-docx-host {
        min-height: 0;
    }

    .fp-word-docx-host {
        max-width: none;
        width: max-content;
        min-width: 100%;
    }

    .fp-word-docx-host .docx-wrapper {
        min-width: min-content;
    }

    .fp-word-docx-host .docx-wrapper > section.docx {
        max-width: none;
    }

    .fp-word-docx-host table {
        width: auto;
        max-width: none;
    }

    .fp-word-docx-host table td,
    .fp-word-docx-host table th {
        word-break: normal;
    }

    .fm-preview-doc .fp-luckysheet-wrap,
    .fe-preview-host .fp-luckysheet-wrap {
        min-height: 280px;
        height: auto;
    }

    .fm-preview-body.fm-preview-body-pdf .fp-pdf-page {
        max-width: calc(100vw - 2rem);
    }
}