.utility-page .image-import {border:1px solid #4a7669;border-radius:20px}
.image-import h2 {margin:.3rem 0 .8rem}
.image-import .import-intro {max-width:72ch;color:#bacbc3}
.image-import .import-controls {display:grid;gap:1rem;max-width:700px}
.image-import input[type=file] {max-width:100%;white-space:normal}
.image-import #image-preview {display:block;max-width:100%;max-height:420px;object-fit:contain;margin:1rem auto;background:#fff;border:1px solid #35483d;border-radius:10px}
.image-import #image-preview[hidden] {display:none}
.image-import .import-privacy {color:#9cdcc0;font-size:.85rem}
.image-import .import-text {margin:1.2rem 0}
.image-import .import-text summary {cursor:pointer;font-weight:700;padding:.5rem 0}
.image-import textarea {min-height:150px;width:100%;margin-block:.8rem}
.image-import .appointment-card {border:1px solid #476354;border-radius:14px;padding:1rem;background:#0b1d17;margin:1rem 0}
.image-import .appointment-card-heading {display:flex;justify-content:space-between;align-items:center;gap:1rem}
.image-import .appointment-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.image-import .appointment-fields label:first-child,.image-import .appointment-fields label:last-child {grid-column:1 / -1}
.image-import .appointment-fields label {min-width:0;font-size:.9rem}
.image-import input {min-width:0;max-width:100%}
.image-import .draft-note {color:#ffd17a;font-size:.85rem}
.image-import .draft-review {margin-top:1rem;font-weight:700}
.image-import .check-field input {width:20px;min-height:20px;flex:0 0 20px}
.image-import .check-field {display:flex;gap:.65rem;align-items:center}
.image-import .appointment-card details {margin-top:.8rem}
.image-import pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;font-size:.85rem;color:#bacbc3}
.image-import .year-helper {display:flex;gap:.65rem;align-items:end;flex-wrap:wrap;margin:1rem 0}
.image-import .year-helper input {width:150px}
.image-import .year-helper button {min-height:46px}
.image-import .status {overflow-wrap:anywhere}
@media(max-width:600px){.image-import .appointment-fields {grid-template-columns:1fr}.image-import .toolbar button {width:100%}.image-import .year-helper button {width:100%}}
