.document-thumbnail{position:relative;display:inline-flex;width:56px;aspect-ratio:.72;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e4eaf2;border-radius:5px;background:#fff;vertical-align:middle;box-shadow:0 2px 5px #060d2409}.document-thumbnail canvas{display:block;width:100%;height:auto}.document-thumbnail canvas[hidden]{display:none}.document-thumbnail-skeleton{position:absolute;inset:0;background:linear-gradient(110deg,#f1f3f7 25%,#fff 45%,#f1f3f7 65%);background-size:250% 100%;animation:document-skeleton 1.5s linear infinite}.document-thumbnail-error{display:grid;justify-items:center;gap:4px;padding:4px;color:#617087;font-size:12px;line-height:1.2;text-align:center}.document-detail-preview{display:flex;width:min(100%,320px);max-height:410px;margin:0 auto;border-radius:6px}.document-detail{color:#22334c;background:#fff}.document-detail-body{min-height:0}.document-timeline h4{font-size:14px;font-weight:600;margin-bottom:12px}.document-timeline ol{list-style:none;padding:0 0 0 12px;margin:0 0 16px 4px;border-left:2px solid #e4eaf2}.document-timeline li{position:relative;display:grid;gap:4px;margin-bottom:16px;padding-left:12px;font-size:14px}.document-timeline li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#2464ea;left:-17px;top:6px}.document-timeline time{font-size:12px;color:#617087}.document-timeline-skeleton{height:100px;border-radius:8px;background:#f1f3f7;animation:document-skeleton 1.5s linear infinite}.document-detail-actions{background:#fff}.document-detail-actions button{min-height:44px}.document-detail-native{inset:0!important;transform:none!important;max-width:none!important;max-height:100dvh!important;width:100%!important;height:100dvh;border-radius:0!important;padding:calc(20px + env(safe-area-inset-top)) 20px 0!important;display:block!important;overflow-y:auto}.document-detail-native .document-detail-body{margin-top:20px}.document-detail-native .document-detail-actions{position:sticky;bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:1}@media(max-width:767px){.document-detail{inset:0!important;transform:none!important;max-width:none!important;max-height:100dvh!important;width:100%!important;height:100dvh;border-radius:0!important;padding:calc(20px + env(safe-area-inset-top)) 20px 0!important;display:block!important;overflow-y:auto}.document-detail .document-detail-body{margin-top:20px}.document-detail-actions{position:sticky;bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:1}.mobile-document-row{gap:12px}}@keyframes document-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.document-thumbnail-skeleton,.document-timeline-skeleton{animation:none}}.mobile-document-preview-button{flex:0 0 56px;border:0;padding:0;background:none}.document-list-skeleton{display:grid;gap:16px;padding:16px}.document-list-skeleton>div{display:flex;gap:12px}.document-list-skeleton span{height:74px;width:56px;background:#eff1f5;border-radius:6px}.document-list-skeleton span+span{flex:1;height:54px;margin-top:10px}