/* Intake-only surfaces: three recognizable areas without extra workflow steps. */
@media screen{
 #modal:has(.intake-grid){background:#f1f5f6;border:1px solid #d6e1e4;border-radius:13px;overflow:hidden}
 .intake-form{display:flex;flex-direction:column;max-height:calc(100dvh - 22px)}
 .intake-form .modal-head,.intake-form .modal-foot{flex-shrink:0}
 .intake-form .modal-head{background:#fff;border-bottom:1px solid #e3eaed}
 .intake-form .modal-head h2{font-size:18px;letter-spacing:.1px}
 #modal:has(.intake-grid) .modal-body{background:#f1f5f6;padding:12px;min-height:0;max-height:none;overflow:auto}
 .intake-form .intake-grid{gap:14px;align-items:start}
 .intake-form .intake-grid .reception-panel{padding:0 12px 10px;border:1px solid #dce5e8;border-radius:10px;background:#fff;box-shadow:0 2px 5px #17343e03;min-width:0}
 .intake-form .reception-panel>h3{display:flex;align-items:center;gap:7px;margin:0 -12px 9px;padding:9px 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--cue-line) 30%,white);border-radius:9px 9px 0 0;background:var(--cue-wash);color:#294650;font-size:14px;font-weight:600}
 .intake-form .reception-panel>h3 .cue-icon{width:17px;height:17px;margin:0}
 .intake-group-index{margin-left:auto;font-size:11px;letter-spacing:1px;color:var(--cue);font-weight:500;opacity:.8}
 .intake-form .field>span,.intake-form .source-field>span{color:#4d6570}
 .intake-form input,.intake-form select,.intake-form textarea{background:#fff;border:1px solid #d9e3e7;box-shadow:none;border-radius:5px}
 .intake-form input:hover,.intake-form select:hover,.intake-form textarea:hover{border-color:#a8c4c7}
 .intake-form :is(input,select,textarea):focus{background:#fcfffe;border-color:#398c80}
 .intake-form .intake-section-title{display:flex;align-items:center;background:#f1f6f5;border:0;border-radius:4px;margin:5px 0 1px;padding:4px 7px;color:#42685e;font-size:12px;font-weight:600}
 .intake-form .intake-section-title .cue-icon{width:14px;height:14px;margin-right:6px}
 .intake-form input[readonly]{background:#f1f6f5;border-color:#e1eae6;color:#426b60;box-shadow:none}
 .intake-form .pet-photo-section{border:0;border-top:1px solid #e7edef;margin-top:6px;padding-top:9px}
 .intake-form .pet-photo-section>h3{display:flex;align-items:center;gap:6px;margin:0 0 5px;padding:0;border:0;font-size:13px;color:#536b76}
 .intake-form .pet-photo-section>h3 .cue-icon{width:15px;height:15px;margin:0}
 .intake-form .pet-photo-section>span{font-size:11px;line-height:1.5}
 .intake-form .pet-photo-grid{margin-top:5px;gap:7px}
 .intake-form .pet-photo-editor strong{font-size:11px;font-weight:500;color:#5c717b}
 .intake-form .pet-photo-editor [data-photo-placeholder]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#f6f9fb;border:1px dashed #cbd9e1;color:#607987;height:72px}
 .intake-form .pet-photo-editor [data-photo-placeholder][hidden]{display:none}
 .intake-form .pet-photo-editor [data-photo-placeholder] .cue-icon{width:21px;height:21px;margin:0;opacity:.65}
 .intake-form .pet-photo-editor img{height:72px}
 .intake-form .pet-photo-editor small{font-size:10px;color:#637981}
 .intake-form .pet-photo-editor button{background:#fff;border-color:#d9e3e7;box-shadow:none}
 .intake-form .modal-foot{background:#fff;border-top:1px solid #dce7e5}
 .intake-form .modal-foot .intake-submit-hint{color:#536f69}
 .intake-form .modal-foot [type=submit]{box-shadow:0 2px 4px #087e781c}
 @media(min-width:900px) and (min-height:800px){.intake-form .intake-grid .form-grid{gap:9px 12px}.intake-form .intake-grid .field{gap:5px}.intake-form .intake-grid input,.intake-form .intake-grid select{height:34px}.intake-form .reception-panel>h3{padding-top:12px;padding-bottom:12px;margin-bottom:12px}}
 @media(min-width:900px) and (max-height:760px){#modal:has(.intake-grid) .modal-body{padding:9px 12px}.intake-form .reception-panel>h3{padding-top:6px;padding-bottom:6px;margin-bottom:7px}.intake-form .intake-section-title{margin-top:3px;padding:3px 6px}.intake-form .intake-grid .reception-panel{padding-bottom:7px}}
 @media(max-width:899px){.intake-form .intake-grid{gap:16px}.intake-form .reception-panel>h3{padding-top:12px;padding-bottom:12px}.intake-form .intake-grid .form-grid{gap:10px 12px}.intake-form .pet-photo-editor button{min-height:40px}}
}

/* Illustrated intake hierarchy, shared by registration and archive-only. */
.intake-form .modal-head h2{display:flex;align-items:center;gap:10px}
.intake-title-art{display:block;flex:0 0 52px;width:52px;height:52px;object-fit:contain;pointer-events:none}
.intake-panel-art{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:contain;pointer-events:none}
.intake-form .reception-panel>h3{gap:9px;padding-top:5px;padding-bottom:5px}
@media(max-width:700px){.intake-title-art{width:44px;height:44px;flex-basis:44px}.intake-panel-art{width:28px;height:28px;flex-basis:28px}}
@media print{.intake-title-art,.intake-panel-art{display:none}}