.file-tile{min-width:0;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .15s,border-color .15s}.file-tile:hover,.file-tile:focus-within{border-color:#7297ce;box-shadow:0 8px 22px #01226212}.file-tile-preview{position:relative;height:280px;background:#edf2f8;overflow:hidden}.file-tile .gallery-media{height:100%;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-tile .gallery-media img,.file-tile .gallery-media video{width:100%;height:100%;max-height:none;object-fit:contain}.file-tile footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-top:1px solid #e4e7ec;background:linear-gradient(#fff,#f6f8fc)}.file-tile footer>div{min-width:0;flex:1}.file-tile h3{font-size:13px}.file-tile footer .meta{font-size:10px;margin-top:4px}.file-hover-actions{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:flex-end;gap:4px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:.15s}.file-tile:hover .file-hover-actions,.file-tile:focus-within .file-hover-actions{opacity:1;transform:none;pointer-events:auto}.file-hover-actions .iconbtn{background:#ffffffed;border:1px solid #e4e7ec;width:36px;min-width:36px;min-height:36px;color:#032f73;box-shadow:0 2px 6px #01226215}.file-hover-actions .iconbtn:hover{background:#032f73;color:white}.file-hover-actions [data-act=trash]:hover{background:#e30622}.preview-loading{font-size:12px;color:#667085;display:flex;gap:8px;align-items:center;padding:24px}.file-preview-content{position:relative;overflow:auto;background:white}.pdf-preview{display:flex;flex-direction:column;align-items:center;padding:10px;background:#e8edf5}.file-tile .pdf-preview canvas{height:calc(100% - 34px);width:100%;object-fit:contain}.pdf-page-controls{display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;min-height:30px;background:#fff;border-radius:8px;padding:0 8px;flex-shrink:0}.pdf-page-controls button{min-height:26px;width:26px;font-size:16px;color:#032f73;border-radius:5px}.pdf-page-controls button:hover{background:#eef4ff}.plain-text-preview,.document-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px;width:100%;color:#344054;font:11px/1.8 'JetBrains Mono',monospace}.document-text-preview{font:13px/1.85 Inter,'Noto Serif Bengali',sans-serif;background:linear-gradient(90deg,#f6f8fc 0 8px,#fff 8px);padding:22px 24px}.file-tile .text-document-preview{align-items:stretch;justify-content:flex-start;overflow:hidden}.csv-preview{border-collapse:collapse;font-size:11px;background:white;align-self:flex-start}.csv-preview td{border:1px solid #e4e7ec;padding:7px 10px;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.csv-preview tr:first-child{background:#eef4ff;font-weight:600;color:#032f73}.audio-preview{gap:16px;padding:20px;color:#032f73;background:radial-gradient(circle at center,#dce9ff,#f7faff)}.audio-preview>.icon{width:52px;height:52px}.audio-preview audio{max-width:100%;width:100%}.preview-fallback{font-size:12px;color:#667085;padding:24px;text-align:center}.full-file-preview .gallery-media{max-height:65vh;overflow:auto;margin:0}.full-file-preview .pdf-preview canvas{max-width:100%;height:auto}.full-file-preview .plain-text-preview,.full-file-preview .document-text-preview{font-size:14px}.full-file-preview .gallery-media img,.full-file-preview .gallery-media video{max-height:60vh;object-fit:contain}.full-file-preview .pdf-page-controls{position:sticky;bottom:0;border:1px solid #e4e7ec}#dialog:has(.full-file-preview){max-width:960px}.notification-copy .notification-read,.notification-copy .notification-delete{min-width:30px;min-height:30px;width:30px;display:inline-flex;margin-top:8px;border:1px solid #e4e7ec;background:#fff;border-radius:8px}.notification-copy .notification-read{color:#032f73}.notification-copy .notification-delete{color:#667085;margin-left:6px}.notification-copy .notification-delete:hover{color:#e30622;background:#fff1f3}.notification-copy .notification-read .icon,.notification-copy .notification-delete .icon{width:15px;height:15px}.compact-notifications .notification-row{padding:12px 16px}.compact-notifications .notification-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:11px}.compact-notifications .notification-title h3{font-size:12px!important}.compact-notifications .notification-title{gap:8px}.compact-notifications .notification-list{max-height:min(390px,55dvh)}@media(hover:none){.file-hover-actions{opacity:1;transform:none;pointer-events:auto}}@media(max-width:767px){.file-tile-preview{height:260px}.filterbar{flex-wrap:wrap}.filterbar select{min-width:0}.file-hover-actions .iconbtn{min-height:38px;min-width:38px}.full-file-preview .document-text-preview{padding:16px}}