.document-summary{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0}.document-requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.document-requirement{display:flex;gap:10px;background:#f7f9fc;border:1px solid #e5ebf2;border-radius:12px;padding:14px}.document-requirement small,.document-row small,.document-ds-number small{display:block;color:#66778b;font-size:.82rem;line-height:1.6;margin-top:5px}.document-check{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#edf1f6;color:#6b7b8e;display:grid;place-items:center}.document-check.is-done{background:#e4f3ec;color:#20714d}.document-ds-number{padding:12px 14px;border-left:3px solid #48698f;background:#f7f9fc;border-radius:4px}.document-handover summary{cursor:pointer;font-weight:600;padding:12px 0}.document-handover form{margin-top:12px}.document-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #e5ebf2}.document-row:last-of-type{border-bottom:0}.document-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:end;justify-content:flex-end}.document-actions form{display:flex;flex-wrap:wrap;gap:6px;align-items:end}.document-actions input{max-width:155px}.document-classify{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:12px}.document-classify input{max-width:160px}.document-classify label{font-size:.8rem}.directory-appointment{display:block;margin-top:7px;color:#315c85;font-weight:600}.directory-document-status{display:block;margin-top:4px}.document-stage-notice{margin:12px 0}@media(max-width:760px){.document-requirements{grid-template-columns:1fr}.document-row{grid-template-columns:1fr}.document-actions{justify-content:flex-start}}

.document-preview{width:min(1120px,94vw);height:90vh;max-width:94vw;max-height:94vh;border:0;border-radius:16px;padding:18px;box-shadow:0 24px 70px #10233f44}.document-preview::backdrop{background:#10233f88}.document-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.document-preview-bar h2{margin:0;font-size:1.1rem;overflow-wrap:anywhere}.document-preview iframe{width:100%;height:calc(100% - 64px);border:1px solid #e5ebf2;border-radius:8px;background:#f7f9fc}@media(max-width:600px){.document-preview-bar{flex-direction:column;align-items:flex-start}.document-preview iframe{height:calc(100% - 112px)}}