.document-preview{color:#284854;cursor:pointer;text-align:center;isolation:isolate;background:linear-gradient(145deg,#edf5f6,#e2ecef);border:1px solid #d6e3e7;border-radius:10px;justify-content:center;align-items:center;width:100%;height:240px;margin:0 0 20px;padding:20px 18px 26px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.document-preview:hover{border-color:#1e8392;box-shadow:0 5px 18px #011d3f12}.document-preview:focus-visible{outline-offset:3px;outline:3px solid #1e8392}.document-preview__canvas{object-fit:contain;opacity:0;background:#fff;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .18s;display:block;box-shadow:0 3px 12px #10283e2b}.document-preview__canvas.is-ready{opacity:1}.document-preview--photo{background:#dce8ed;padding:0}.document-preview .document-preview__photo{object-fit:cover;opacity:0;border-radius:0;width:100%;height:100%;margin:0;transition:opacity .18s;display:block}.document-preview__photo.is-ready{opacity:1}.document-preview__badge{z-index:2;color:#264351;background:#ffffffed;border:1px solid #ffffffd9;border-radius:5px;padding:4px 8px;font-size:.7rem;font-weight:700;line-height:1.4;display:block;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 7px #011d3f0a}.document-preview__open{z-index:3;color:#fff;opacity:0;background:#011d3f9c;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:opacity .16s;display:flex;position:absolute;inset:0}:is(.document-preview:hover .document-preview__open,.document-preview:focus-visible .document-preview__open){opacity:1}.document-preview__loading,.document-preview__error{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 20px 42px;font-size:.78rem;line-height:1.4;display:flex;position:absolute;inset:0}.document-preview__paper{background:#fff;border-radius:2px;width:86px;height:111px;padding:24px 13px;display:block;box-shadow:0 2px 8px #092d4021}.document-preview__paper i{background:#dce8ec;border-radius:2px;height:4px;margin-bottom:9px;animation:1.5s ease-in-out infinite document-preview-pulse;display:block}.document-preview__paper i:first-child{background:#bdd5db;width:58%;height:6px;margin-bottom:16px}.document-preview__paper i:last-child{width:70%}.document-preview__error strong{font-size:.85rem;font-weight:700}.document-preview__error span{color:#526575;font-size:.75rem}@keyframes document-preview-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.document-preview__paper i{animation:none}.document-preview__canvas,.document-preview__photo,.document-preview__open{transition:none}}.document-viewer[data-slot=dialog-content]{background:#f5f8fa;border:1px solid #c7d8e1;border-radius:14px;flex-direction:column;gap:0;width:min(1180px,100vw - 32px);max-width:1180px;height:min(900px,100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden;box-shadow:0 25px 100px #011d3f55}.document-viewer__header{background:#fff;border-bottom:1px solid #d8e3e9;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.document-viewer__heading{min-width:0}.document-viewer__heading [data-slot=dialog-title]{letter-spacing:0;color:#011d3f;overflow-wrap:anywhere;margin:0 0 5px;font:700 1rem/1.35 Arial,Helvetica,sans-serif}.document-viewer__heading [data-slot=dialog-description]{color:#526575;margin:0;font-size:.78rem}.document-viewer__back{white-space:nowrap;flex:none;align-items:center;gap:7px;display:flex}.document-viewer__body{background:#dce5e9;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.document-viewer__body iframe{background:#fff;border:0;width:100%;height:100%;display:block}.document-viewer__body.is-photo{padding:18px}.document-viewer__body img{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 5px 25px #011d3f30}.document-viewer__footer{background:#fff;border-top:1px solid #d8e3e9;flex:none;justify-content:space-between;align-items:center;gap:18px;padding:14px 24px;display:flex}.document-viewer__footer p{color:#526575;margin:0;font-size:.8rem}.document-viewer__footer a{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.document-viewer__footer .btn{min-height:40px;padding:8px 14px;font-size:.85rem}@media (max-width:760px){.document-preview{height:260px}.document-viewer[data-slot=dialog-content]{border-radius:9px;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.document-viewer__header{align-items:flex-start;gap:12px;padding:15px}.document-viewer__heading [data-slot=dialog-title]{font-size:.85rem}.document-viewer__back{padding:7px 9px;font-size:.76rem}.document-viewer__back svg{width:14px}.document-viewer__footer{flex-wrap:wrap;gap:10px;padding:12px 15px}.document-viewer__footer p{font-size:.75rem}.document-viewer__footer .actions{justify-content:space-between;gap:14px;width:100%}}
