/**
    File: TL-RTC-APP-SDK-V0.0.1
    Licensed: MIT
    Repository: https://github.com/tl-open-source/tl-rtc-app
    Author: iamtsm
    Build: 5/24/2026, 11:07:47 PM
*/
.df-document-content{padding:5px 0;height:100%}.df-document-content .df-document-content-code{height:calc(100% - 10px);padding:5px 5px 0 5px;width:calc(100% - 10px);background:var(--skin-body-background)}.df-document-content .df-document-content-word{height:calc(100% - 10px);padding:5px 5px 0 5px;width:calc(100% - 10px);background:var(--skin-body-background)}.df-document-content .df-document-content-pdf{height:calc(100% - 10px);padding:5px 5px 0 5px;width:calc(100% - 10px);background:var(--skin-body-background)}.df-document-content .df-document-content-excel{height:calc(100% - 10px);padding:5px 5px 0 5px;width:calc(100% - 10px);background:var(--skin-body-background)}.df-document-content .df-document-content-ppt{height:calc(100% - 10px);padding:5px 5px 0 5px;width:calc(100% - 10px);background:var(--skin-body-background)}
.fw{height:100%}.fw-block{height:calc(100% - 130px)}.fw .fw-item{text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;border-radius:2px;padding:0 5px}.fw .fw-item:hover{background-color:var(--skin-document-list-item-hover-background)}.fw .fw-item-active{background-color:var(--skin-document-list-item-hover-background)}.fw .t8-panel-document-item-icon svg{width:32px;height:32px;padding:5px}.fw .t8-panel-document-item-name-block{width:calc(100% - 57px);text-align:left;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;justify-content:center}.fw .t8-panel-document-item-name-text{font-size:calc(var(--body-font-size-base) + 13px);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:100%;padding-bottom:5px;transition:all .2s}.fw .t8-panel-document-item-name-block:hover .t8-panel-document-item-name-text{color:var(--skin-document-list-item-name-text-hover-color)}.fw .t8-panel-document-item-size{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-document-list-item-size-color)}.fw .t8-panel-document-top-header{display:flex;padding:15px 10px 15px 0;flex-direction:row;justify-content:space-between}.fw .t8-panel-document-top-header-title{font-size:calc(var(--body-font-size-base) + 16px);font-weight:700;color:var(--skin-top-header-title-color);margin-right:10px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:70%}.fw .t8-panel-document-top-header-tool{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;background:var(--skin-top-header-tool-background);padding:2px 5px;border-radius:4px}.fw .t8-panel-document-top-header-tool svg{width:14px;height:14px;fill:var(--skin-top-header-tool-fill-color);transition:all .3s;scale:1.5}.fw .t8-panel-document-top-header-tool:hover{box-shadow:var(--skin-top-header-tool-hover-shadow)}.fw .t8-panel-document-top-header-tool:hover svg{fill:var(--skin-top-header-tool-hover-fill-color)}#tl-rtc-app .t8 .t8-panel-document-top-search{padding:5px 0 10px 0;line-height:0;width:96%;margin-left:2%}#tl-rtc-app .t8 .t8-panel-document-top-search i{position:relative;margin-left:8px;top:16px;z-index:1;color:var(--skin-document-top-search-i-color)}#tl-rtc-app .t8 .t8-panel-document-top-search svg{color:var(--skin-document-top-search-i-color);position:relative;float:right;right:8px;margin-top:-22px;cursor:pointer}#tl-rtc-app .t8 .t8-panel-document-top-search input{width:100%;height:30px;padding-left:30px!important;border-radius:4px;background:var(--skin-document-top-search-input-background);color:var(--skin-document-top-search-input-color);font-size:calc(var(--body-font-size-base) + 13px);letter-spacing:1px;border-width:.5px;border-color:var(--skin-document-top-search-input-background)}#tl-rtc-app .t8 .fw-empty{text-align:center;margin-top:50px;font-size:calc(var(--body-font-size-base) + 14px);color:var(--skin-document-list-empty-color)}#tl-rtc-app .t8 .t8-panel-document-top-tag{padding:7px 10px}#tl-rtc-app .t8 .t8-panel-document-top-tag-list{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}#tl-rtc-app .t8 .t8-panel-document-top-tag-list span{font-size:calc(var(--body-font-size-base) + 12px);border-radius:4px;color:var(--skin-document-list-item-tag-color);cursor:pointer;word-break:keep-all;white-space:nowrap;text-align:center;letter-spacing:1px;line-height:20px}#tl-rtc-app .t8 .t8-panel-document-top-tag-list span:hover{background:var(--skin-document-list-item-hover-background);color:var(--skin-body-color)}#tl-rtc-app .t8 .t8-panel-document-top-tag-list .tag-active{background:var(--skin-document-list-item-hover-background);color:var(--skin-body-color)}
html{--skin-document-top-search-i-color:#c8c8c8;--skin-document-top-search-input-background:#F8F9FB;--skin-document-top-search-input-color:#3333339e;--skin-document-list-item-hover-background:#d2deff96;--skin-document-list-item-active-background:#d2deff96;--skin-document-list-item-name-text-hover-color:#1e71ee;--skin-document-list-item-size-color:#0000004d;--skin-document-list-empty-color:#c1bac7;--skin-document-list-item-tag-color:#00000096}