.secure-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.secure-media-card{display:flex;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid #e6ded8;border-radius:8px;background:#fff}.secure-media-card>div{min-width:0}.secure-media-card b,.secure-media-card small{display:block}.secure-media-card small{color:#837873;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.secure-thumb{position:relative;display:block;flex:0 0 86px;width:86px;height:70px;overflow:visible;background:#f2efed;border-radius:6px}.secure-thumb>img{width:86px;height:70px;object-fit:cover;border-radius:6px}.hover-preview{display:none;position:absolute;left:94px;top:50%;transform:translateY(-50%);z-index:120;width:380px;max-width:55vw;padding:8px;background:#fff;border:1px solid #d8cec8;border-radius:8px;box-shadow:0 14px 35px rgba(0,0,0,.24)}.hover-preview img{display:block;width:100%;max-height:440px;object-fit:contain}.secure-thumb:hover .hover-preview{display:block}.secure-file-icon{display:grid;place-items:center;flex:0 0 86px;width:86px;height:70px;border-radius:6px;background:#f5eaea;color:#8c1d22;font-weight:800}.media-actions{display:flex;gap:12px;margin-top:7px}.media-actions a{font-size:12px;color:#8c1d22;font-weight:700}@media(max-width:800px){.hover-preview{display:none!important}.secure-media-grid{grid-template-columns:1fr}}