/* css/onlyoffice.css - OnlyOffice 整合容器 HUD 樣式表 */

#onlyoffice-viewer-panel {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
    background: #02050c;
    position: relative;
    z-index: 1;
    isolation: isolate;
}

#onlyoffice-panel-header {
    background: rgba(3, 10, 25, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--hud-panel-border, rgba(0, 243, 255, 0.2));
    padding: 6px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: 42px;
}

#onlyoffice-mount-node {
    flex: 1;
    width: 100%;
    height: calc(100% - 42px);
    min-height: 0;
    position: relative;
    background: #11141d;
    overflow: hidden;
}

#onlyoffice-mount-node iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    display: block !important;
}

/* 各文件類型徽章樣式 */
.badge-word {
    border: 1px solid #2b579a !important;
    color: #8ab4f8 !important;
    background: rgba(43, 87, 154, 0.2) !important;
}

.badge-cell {
    border: 1px solid #107c41 !important;
    color: #81c995 !important;
    background: rgba(16, 124, 65, 0.2) !important;
}

.badge-slide {
    border: 1px solid #d24726 !important;
    color: #fcad70 !important;
    background: rgba(210, 71, 38, 0.2) !important;
}

.onlyoffice-toolbar-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}