.clinic-dicom-preview{color:#152c30;background:#f2f7f4;border:1px solid #e2e9e5;min-width:0;font-family:Open Sans,Arial,sans-serif;overflow:hidden}.clinic-dicom-preview *{box-sizing:border-box}.clinic-dicom-heading{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px 0;font-size:11px;display:flex}.clinic-dicom-heading>span:last-child{letter-spacing:.8px;color:#5f746e;font-size:9px}.clinic-dicom-types{gap:4px;padding:11px 13px;display:flex}.clinic-dicom-types button{cursor:pointer;color:#476d62;background:#fff;border:1px solid #e2e9e5;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:36px;font:12px Open Sans,Arial,sans-serif;display:flex}.clinic-dicom-types button[aria-pressed=true]{color:#006b5d;background:#e4f4ef;border-color:#008e7b}.clinic-dicom-types button>span{color:#5f746e;font-size:9px}.clinic-dicom-image-button{cursor:pointer;background:#111b15;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.clinic-dicom-canvas{background:#111b15;justify-content:center;align-items:center;width:100%;height:310px;display:flex;position:relative;overflow:hidden}.clinic-dicom-canvas canvas{object-fit:contain;width:100%;max-width:100%;height:100%;display:block}.clinic-dicom-canvas canvas[hidden]{display:none}.clinic-dicom-canvas-status{text-align:center;color:#b4c7c1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font:11px/1.6 Open Sans,Arial,sans-serif;display:flex}.clinic-dicom-open{color:#152c30;background:#f7fbf9;border:1px solid #e2e9e5;align-items:center;gap:8px;padding:8px 10px;font:11px Open Sans,Arial,sans-serif;display:flex;position:absolute;bottom:12px;right:12px}.clinic-dicom-image-button:hover .clinic-dicom-open{background:#e4f4ef}.clinic-dicom-details{gap:7px;min-width:0;padding:13px 16px;font-size:12px;display:grid}.clinic-dicom-details strong{overflow-wrap:anywhere;font-weight:500;line-height:1.6}.clinic-dicom-details>span{color:#5f746e;font-size:10px;line-height:1.6}.clinic-dicom-details label{gap:6px;min-width:0;font-size:10px;display:grid}.clinic-dicom-details select{color:#375d52;background:#fff;border:1px solid #e2e9e5;width:100%;min-width:0;max-width:100%;padding:8px;font:12px Open Sans,Arial,sans-serif}.clinic-dicom-empty{color:#5f746e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;padding:24px;display:flex}.clinic-dicom-empty p{max-width:260px;margin:0;font-size:12px;line-height:1.8}.clinic-dicom-loading{padding:12px;font-size:12px}.clinic-dicom-preview :focus-visible{outline-offset:-3px;outline:2px solid #008e7b}.clinic-dicom-preview.is-compact{border:0;flex-direction:column;height:100%;display:flex}.is-compact .clinic-dicom-heading{gap:5px;padding:13px 11px 0;font-size:10px}.is-compact .clinic-dicom-heading>span:last-child{font-size:8px}.is-compact .clinic-dicom-types{gap:5px;padding:10px}.is-compact .clinic-dicom-types button{min-height:32px;font-size:11px}.is-compact .clinic-dicom-canvas{height:190px}.is-compact .clinic-dicom-open{padding:6px 8px;font-size:9px;bottom:8px;right:8px}.is-compact .clinic-dicom-details{gap:6px;padding:12px 11px;font-size:11px}.is-compact .clinic-dicom-details>span{font-size:9px}.is-compact .clinic-dicom-details select{padding:7px 5px;font-size:10px}.is-compact .clinic-dicom-empty{flex:1;min-height:190px;padding:19px}.is-compact .clinic-dicom-empty p{font-size:11px}.clinic-dicom-canvas.is-small{width:100%;height:100%}.clinic-dicom-canvas.is-small .clinic-dicom-canvas-status{padding:5px}@media (max-width:580px){.clinic-dicom-canvas{height:260px}.clinic-dicom-heading{padding:12px 13px 0;font-size:10px}.clinic-dicom-types{padding:10px 12px}.clinic-dicom-details{padding:12px 13px}.clinic-dicom-details select{font-size:11px}.clinic-dicom-empty{min-height:180px;padding:22px}.clinic-dicom-empty p{font-size:11px}.is-compact .clinic-dicom-heading{padding:12px 14px 0;font-size:10px}.is-compact .clinic-dicom-types{padding:9px 12px}.is-compact .clinic-dicom-canvas{height:220px}.is-compact .clinic-dicom-details{padding:11px 14px}.is-compact .clinic-dicom-empty{text-align:left;flex-direction:row;gap:13px;min-height:130px;padding:20px}.is-compact .clinic-dicom-empty p{max-width:220px}.is-compact .clinic-dicom-empty svg{flex-shrink:0}}
