.document-actions{margin:10px 0 14px;gap:8px}.document-search,.document-heading,.document-versions,.document-proof,.document-editor,.signing-handover,.protocol-template-bar{padding:16px;margin-bottom:14px}.document-search input[name=q]{min-width:0;flex:1}.document-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}.document-list td{padding:11px 14px}.document-list td small{display:block;color:var(--muted,#65756f);font-size:12px;margin-top:3px}.document-heading h2{margin:0}.document-heading .action-row>div{flex:1}.document-preview{padding:14px;margin-bottom:14px;min-width:0}.document-preview iframe{width:100%;height:64vh;min-height:400px;border:1px solid #d9e4e0;border-radius:8px}.document-preview .action-row{margin-bottom:10px}.photo-scroll{overflow:auto;max-height:65vh;background:#edf1ef;border-radius:8px;min-height:120px}.photo-scroll img{display:block;width:100%;max-width:none;height:auto;object-fit:contain}.photo-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:12px}.photo-compare .photo-scroll{max-height:50vh}.photo-compare h3{font-size:15px}.annotation-tools{gap:10px;margin:15px 0}.annotation-tools label{font-size:12px;max-width:220px}.annotation-tools input,.annotation-tools select{min-height:38px;margin-top:4px}.canvas-wrap{background:#edf1ef;max-width:1100px;margin:12px auto}.canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.document-editor summary,.document-proof summary{font-weight:600;cursor:pointer}.document-editor form{margin-top:12px}.hash-text{overflow-wrap:anywhere}.document-proof pre{white-space:pre-wrap;overflow-wrap:anywhere}.protocol-template-bar .action-row{gap:10px}.protocol-template-bar select{flex:1;min-width:150px;max-width:450px}.patient-template-link{float:right;margin:0}.appointment-documentation{padding:18px;margin:14px 0}.appointment-documentation h2{margin:0}.patient-signing{background:#f4f7f6;margin:0;color:#143d3d}.patient-signing main{max-width:980px;margin:auto;padding:24px}.patient-signing header h1{font-size:25px}.signing-document{width:100%;height:52vh;min-height:330px;border:1px solid #ccdcd6;background:white}.patient-signing form{background:white;border:1px solid #dce5e1;border-radius:12px;padding:20px;margin:16px 0}.patient-signing input{max-width:500px;display:block}.patient-signing canvas{width:100%;height:auto;aspect-ratio:10/3;display:block;background:#fafcfb;border:1px solid #92ada2;border-radius:8px;margin:10px 0;touch-action:none}.patient-signing .signing-return{border:0;background:transparent;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.document-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-patient-heading{gap:10px}.patient-heading-actions{gap:6px}.patient-heading-actions .button{padding:8px 10px}.photo-compare{gap:8px}.photo-compare .document-preview{padding:8px}.patient-signing main{padding:14px}.document-list th:nth-child(4),.document-list td:nth-child(4){display:none}.document-heading .action-row{flex-wrap:wrap}.annotation-tools label{max-width:160px}}
@media(max-width:600px){.photo-compare{grid-template-columns:1fr}.document-list th:nth-child(3),.document-list td:nth-child(3){display:none}.document-preview iframe{min-height:320px}.patient-template-link{float:none}.document-actions .button{padding:9px 10px}.patient-signing form{padding:12px}.patient-signing .action-row{flex-wrap:wrap}}