/* Office 文件預覽（樣板 templates/funcTemplates/Office_Previewer/index.html，程式 js/Oddi/OfficePreviewer/OfficePreviewer.js）。
   底色、字色走色票，深色、淺色都跟著；文件本身（docx 的頁面、試算表、投影片）維持原本的顏色，跟紙本一樣是白底 */

html,
.Oddi_OfficePreview {
    margin          : 0;
    padding         : 0;
    background-color: var(--odd-theme-page-bg, #eceff1);
    color           : var(--odd-theme-text, #263238);
}

.Oddi_OfficePreview {
    font-family: sans-serif;
    font-size  : 1em;
}

/* 載入中與各種說明：置中的一句話 */
.Oddi_OfficePreviewStatus,
.Oddi_OfficePreviewError {
    padding    : 3em 1.5em;
    line-height: 1.6;
    text-align : center;
    color      : var(--odd-theme-text-sub, #78909c);
}

.Oddi_OfficePreviewContent {
    box-sizing: border-box;
    padding   : 1em 1em 2em;
}

/* 試算表：整個視窗都給表格，捲動交給表格自己 */
.Oddi_OfficePreviewContent[data-office-preview-kind="sheet"] {
    height  : 100vh;
    padding : 0;
    overflow: hidden;
}

.Oddi_OfficePreviewSheet {
    width : 100%;
    height: 100%;
}

/* 文件本身（docx 的每一頁、pptx 的每一張）照文件自己的顏色，不跟著介面的深淺色走：
   檔案沒指定字色的地方（例如 PPTXjs 畫的表格）原本會繼承這一頁的字色，深色模式下就變成白底淺色字、看不見 */
.Oddi_OfficePreviewContent .docx-wrapper > section.docx,
.Oddi_OfficePreviewContent .slide {
    color       : #000000;
    color-scheme: light;
}

/* docx：拿掉 docx-preview 自己的灰底與外圍留白（底色交給這一頁），頁與頁之間留一點距離 */
.Oddi_OfficePreviewContent .docx-wrapper {
    padding         : 0;
    background-color: transparent;
}

.Oddi_OfficePreviewContent .docx-wrapper > section.docx {
    margin-bottom: 1em;
    box-shadow   : 0 .125em .375em rgba(0, 0, 0, .15);
}

/* pptx：PPTXjs 自己的英文載入條藏起來（這一頁有自己的「正在載入預覽」）；
   它把投影片外框的高度寫死成「張數 × 一張的高」，沒算進每張之間的距離，最後一張會貼底，改回自動 */
.Oddi_OfficePreviewContent .slides-loadnig-msg {
    display: none !important;
}

.Oddi_OfficePreviewContent .slides {
    height: auto !important;
}