.file-list{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr))}.grid:has(>.file-card){grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.file-card{display:flex;gap:20px;border:1px solid var(--n-200);border-radius:18px;padding:26px;background:#fff;box-shadow:0 3px 12px rgba(15,42,65,.03);text-align:left;min-width:0}.file-card-icon{width:62px;height:76px;flex-shrink:0;position:relative;border:2px solid var(--brand-500);border-radius:8px 18px 8px 8px;display:grid;place-items:center;color:var(--brand-500);background:var(--brand-50);font-weight:800;font-size:13px}.file-icon-pdf{color:var(--danger);border-color:var(--danger);background:var(--danger-soft)}.file-icon-image{color:var(--success);border-color:var(--success);background:var(--success-soft)}.file-icon-document{color:var(--brand-700);border-color:var(--brand-700);background:var(--brand-50)}.file-card-body{flex:1;min-width:0}.file-card h3{color:var(--n-700);line-height:1.4;font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.file-card-meta{color:var(--n-500);margin:0 0 10px;font-size:13px;line-height:1.6}.file-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.file-card-actions .btn{flex:1;min-height:44px;border-radius:10px;justify-content:center}.file-card-actions .btn-primary{background:var(--brand-500);border-color:var(--brand-500);color:white}.file-card-actions .btn-outline{color:var(--brand-500);border-color:var(--brand-500)}.file-card-status{margin-top:6px;color:var(--danger)}.file-preview-dialog{width:min(960px,95vw);height:min(850px,90vh);border:1px solid var(--n-200);border-radius:18px;padding:20px}.file-preview-dialog::backdrop,.workspace-dialog::backdrop{background:rgba(10,25,49,.58)}.file-preview-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}.file-preview-host{height:calc(100% - 65px);overflow:auto;padding-top:15px}.file-preview-host iframe{width:100%;height:100%;border:0}.file-preview-host img{display:block;max-width:100%;max-height:100%;margin:auto}.file-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.file-filter-bar .input{flex:2;min-width:180px}.file-filter-bar .select{flex:1;min-width:130px}.file-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0}.file-card button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:600px){.file-list{grid-template-columns:1fr}.file-card{padding:20px 16px;gap:14px}.file-card-icon{width:42px;height:58px;font-size:11px}.file-card h3{font-size:17px}.file-card-actions .btn{padding:10px 12px}.file-preview-dialog{padding:12px}}.file-card-unavailable{color:var(--danger);background:var(--danger-soft);border-radius:8px;padding:10px 12px;line-height:1.5}.file-card-actions .btn:disabled{cursor:not-allowed;opacity:.55}.file-preview-host>.btn{margin-right:12px;margin-bottom:12px}.resource-viewer-dialog{padding:0;width:min(1040px,96vw);height:min(940px,94dvh);max-height:94dvh;overflow:hidden;background:var(--n-50);color:var(--n-700);border-radius:20px}.resource-viewer-dialog[open]{display:flex;flex-direction:column}.resource-viewer-header{padding:18px 22px;background:#fff;border-bottom:1px solid var(--n-200);flex-shrink:0}.resource-viewer-brand{margin:0 0 4px;color:var(--brand-500);font-size:12px;font-weight:800;letter-spacing:.04em}.resource-viewer-header h3{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.resource-viewer-header .icon-btn{flex-shrink:0;width:44px;height:44px;font-size:24px}.resource-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--n-200);flex-wrap:wrap;flex-shrink:0}.resource-viewer-pagination{border:0;padding:0;margin:0;display:flex;align-items:center;gap:8px;min-width:0;color:var(--n-500);font-size:13px}.resource-viewer-pagination label{display:flex;align-items:center;gap:7px}.resource-viewer-pagination input{width:56px;padding:8px 4px;border:1px solid var(--brand-300);border-radius:7px;text-align:center;font:inherit;background:#fff;color:var(--n-700);min-height:42px}.resource-viewer-pagination .btn{min-width:42px;min-height:42px;padding:6px 10px}.resource-viewer-dialog [hidden]{display:none!important}.resource-viewer-stage{padding:14px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.resource-viewer-canvas{display:block;max-width:100%;height:auto!important;margin:auto;background:#fff;box-shadow:0 6px 24px rgba(20,47,73,.12);border-radius:3px}.resource-viewer-status{padding:30px 15px;color:var(--n-500);text-align:center;line-height:1.6;overflow-wrap:anywhere}.resource-viewer-footer{padding:9px 14px;background:#fff;border-top:1px solid var(--n-200);text-align:center;font-size:12px;color:var(--n-500);flex-shrink:0}.resource-viewer-dialog button:focus-visible,.resource-viewer-dialog input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:600px){.resource-viewer-dialog{width:100vw;max-width:100vw;height:96dvh;max-height:96dvh;border-radius:12px;margin:auto}.resource-viewer-header{padding:12px}.resource-viewer-header h3{font-size:16px}.resource-viewer-bar{padding:9px 10px;gap:8px}.resource-viewer-pagination{gap:6px}.resource-viewer-bar>.btn{padding:10px 12px;font-size:12px;min-height:42px}.resource-viewer-stage{padding:8px}.resource-viewer-footer{font-size:11px}}