/* === Viewer mode refinements === */
.file-card.viewer .preview { aspect-ratio: 21/9; }
@media (min-width: 768px){ .file-card.viewer .preview { aspect-ratio: 16/7; } }

body.viewer-mode #filesCol > .card { background: transparent; border: 0; box-shadow: none; }
body.viewer-mode #filesHeader { display: none !important; }
.files-grid.viewer-center { display: block; }

.file-card.viewer {
    max-width: 960px;
    margin: 0 auto;
    border: 1px solid var(--card-border);
    background: var(--card-bg);
    border-radius: 16px;
}

.file-card.viewer .body .file-name { font-size: 1.05rem; }
.file-card.viewer .file-meta { gap: 12px; }
.file-card.viewer .file-actions { gap: 10px; }
.file-card.viewer .file-actions .btn { min-width: 140px; }

/* iframes for docs/pdf in viewer */
.doc-frame, .pdf-frame { width: 100%; height: 70vh; border: 0; background: rgba(255,255,255,.03); }