/* V435 adaptive acupuncture intake. Historical and bodywork screens keep their accepted presentation. */
.wizard-step:has([name^="acu_"]) .wizard-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.wizard-step:has([name^="acu_"]) .wizard-fields>.wizard-checks{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.wizard-step:has([name^="acu_"]) .wizard-fields>label:has(textarea){grid-column:1/-1}
.wizard-step:has([name^="acu_"]) textarea{height:68px;min-height:68px}
.wizard-step[data-wizard-step="safety"] .wizard-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-step[data-wizard-step="photo"] .wizard-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.wizard-step[data-wizard-step="photo"] #intake-media{grid-column:1/-1}
.wizard-step[data-wizard-step="review"] .wizard-review{display:block}
.wizard-step[data-wizard-step="photo"] .photo-guidance{display:none}
.wizard-step[data-wizard-step="photo"] .photo-layout{gap:14px}
.wizard-step[data-wizard-step="photo"] .photo-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wizard-step[data-wizard-step="photo"] .photo-primary-actions>.button{min-height:44px;padding:9px 12px}
.wizard-step[data-wizard-step="photo"] .camera-explanation{margin-top:9px}
.wizard-step[data-wizard-step="photo"] .camera-explanation p{font-size:16px;line-height:1.3;margin:2px 0 7px}
.wizard-step[data-wizard-step="photo"] .photo-upload-label{margin-top:8px;gap:4px}
.wizard-step[data-wizard-step="photo"] .photo-upload-label input{padding:5px;min-height:44px;font-size:16px}
.wizard-step[data-wizard-step="photo"] .photo-artifact{padding:10px;min-height:0}
.wizard-step[data-wizard-step="photo"] .photo-artifact:not(:has(img:not([hidden]))){display:none}
.wizard-step[data-wizard-step="photo"] #intake-media:has(.media-preview:not([hidden])) .photo-layout>div:first-child{display:none}
.wizard-step[data-wizard-step="photo"] #intake-media:has(.media-preview:not([hidden])) .photo-layout{grid-template-columns:1fr}
.wizard-step[data-wizard-step="photo"] #intake-media:has([data-camera-video]:not([hidden])) :is(.photo-primary-actions,.photo-upload-label,.camera-explanation){display:none}
.wizard-step[data-wizard-step="photo"] .media-preview{max-height:145px;margin-bottom:7px}
.wizard-step[data-wizard-step="photo"] [data-camera-video]{max-height:145px;margin-bottom:7px}
.wizard-step[data-wizard-step="photo"] #intake-media [data-media-status]{font-size:16px;margin:7px 0 2px}
.wizard-step[data-wizard-step="photo"] #intake-media>[data-skip-photo]{margin-top:5px}
.wizard-step[data-wizard-step="photo"] #intake-media:has(.pair-panel:not([hidden])) .photo-layout{display:none}
.wizard-step[data-wizard-step="photo"] #intake-media:has(.pair-panel:not([hidden]))>[data-skip-photo]{display:none}
.wizard-step[data-wizard-step="photo"] .pair-panel{grid-template-columns:120px 1fr;gap:10px;padding:6px;margin-top:0}
.wizard-step[data-wizard-step="photo"] .pair-panel svg{max-width:120px}
.wizard-step[data-wizard-step="photo"] .pair-panel h3{font-size:18px;margin:0 0 2px}
.wizard-step[data-wizard-step="photo"] .pair-panel ol{font-size:16px;line-height:1.3;margin:2px 0;padding-left:20px}
.wizard-step[data-wizard-step="photo"] .pair-panel li{margin-block:1px}
.wizard-step[data-wizard-step="photo"] .pair-panel .action-row{margin-top:3px}
.wizard-step[data-wizard-step="photo"] .pair-panel .button,.wizard-step[data-wizard-step="photo"] .pair-panel .text-button{min-height:44px!important;padding-block:7px!important;font-size:16px!important}

@media(min-width:761px){
  .wizard-step[data-wizard-step="msk-pattern"]{padding:20px 25px;min-height:0}
  .wizard-step[data-wizard-step="msk-pattern"] h2{font-size:29px!important;margin-bottom:7px}
  .wizard-step[data-wizard-step="msk-pattern"] .step-help{margin-bottom:12px}
  .wizard-step[data-wizard-step="msk-pattern"] .wizard-fields{gap:8px 18px}
  .wizard-step[data-wizard-step="msk-pattern"] .wizard-checks .checkbox{padding:5px 0;min-height:44px}
  form:has(.wizard-step[data-wizard-step="msk-pattern"]:not([hidden])) .wizard-actions{padding-block:7px}
}

@media(min-width:761px) and (max-height:820px){
  .wizard-step:has([name^="acu_"]){padding:17px 22px;min-height:0}
  .wizard-step:has([name^="acu_"]) .wizard-fields{gap:11px 18px}
  .wizard-step:has([name^="acu_"]) .wizard-checks .checkbox{padding:5px 0;min-height:44px;font-size:16px!important}
  .wizard-step:has([name^="acu_"]) label{font-size:16px!important}
  .wizard-step:has([name^="acu_"]) input:not([type=checkbox]),.wizard-step:has([name^="acu_"]) select{min-height:44px;font-size:16px!important;padding:7px 10px}
  .wizard-step:has([name^="acu_"]) textarea{height:56px;min-height:56px;font-size:16px!important}
  .wizard-step:has([name^="acu_"]) .step-help{font-size:15px;margin-bottom:11px}
  .wizard-step[data-wizard-step="msk-pattern"] .wizard-fields{gap:5px 18px}
  .wizard-step[data-wizard-step="msk-pattern"] .wizard-checks .checkbox{padding:5px 0;min-height:44px}
  form:has(.wizard-step[data-wizard-step="msk-pattern"]:not([hidden])) .wizard-actions,form:has(.wizard-step[data-wizard-step="photo"] .pair-panel:not([hidden])) .wizard-actions{padding-block:5px}
}

@media(max-width:760px){
  body.wizard-active .portal-header{display:none}
  body.wizard-active .portal-workspace{padding:10px 12px 82px}
  .wizard-open .review-tools{margin:5px 0 8px;padding:5px 7px;display:flex}
  .wizard-open .review-tools>strong{display:none}
  .wizard-open .review-tools .action-row{display:flex!important;grid-template-columns:none!important;gap:6px;width:100%}
  .wizard-open .review-tools .button{min-height:44px!important;padding:7px 9px!important;font-size:16px!important;width:auto;flex:1}
  .wizard-heading{margin-bottom:7px}.wizard-heading .eyebrow{display:none}
  .wizard-progress-copy strong{font-size:16px}.wizard-progress-copy [data-save-status]{font-size:14px;margin-top:2px}
  #wizard-progress{margin-top:5px;height:5px}
  .wizard-step:has([name^="acu_"]){padding:13px 14px;border-radius:14px}
  .wizard-step[data-wizard-step="photo"]{padding-block:7px}
  .wizard-step:has([name^="acu_"]) h2{font-size:23px!important;margin-bottom:4px}
  .wizard-step:has([name^="acu_"]) .step-help{font-size:16px;line-height:1.35;margin-bottom:8px}
  .wizard-step:has([name^="acu_"]) .wizard-fields{grid-template-columns:1fr;gap:8px}
  .wizard-step:has([name^="acu_"]) .wizard-fields>.wizard-checks{grid-column:auto;grid-template-columns:1fr 1fr;gap:0 10px}
  .wizard-step:has([name^="acu_"]) .wizard-checks .checkbox{padding:6px 0;min-height:44px;font-size:16px!important;line-height:1.3!important}
  .wizard-step:has([name^="acu_"]) label{font-size:16px!important;gap:4px}
  .wizard-step:has([name^="acu_"]) input:not([type=checkbox]),.wizard-step:has([name^="acu_"]) select{min-height:44px;font-size:16px!important;padding:7px 9px}
  .wizard-step:has([name^="acu_"]) textarea{height:60px;min-height:60px;font-size:16px!important;padding:7px 9px}
  .wizard-step[data-wizard-step="photo"] .photo-layout{grid-template-columns:1fr;gap:7px}
  .wizard-step[data-wizard-step="photo"] .photo-primary-actions{grid-template-columns:1fr 1fr;gap:7px}
  .wizard-step[data-wizard-step="photo"] .photo-primary-actions>.button{min-height:44px!important;padding:7px!important;font-size:16px!important}
  .wizard-step[data-wizard-step="photo"] .camera-explanation{margin-top:6px}
  .wizard-step[data-wizard-step="photo"] .camera-explanation p{font-size:16px;line-height:1.3;margin:1px 0 4px}
  .wizard-step[data-wizard-step="photo"] .photo-upload-label{font-size:16px!important;margin-top:4px}
  .wizard-step[data-wizard-step="photo"] .photo-upload-label input{min-height:44px;font-size:16px!important;padding:5px}
  .wizard-step[data-wizard-step="photo"] .media-preview,.wizard-step[data-wizard-step="photo"] [data-camera-video]{max-height:125px}
  .wizard-step[data-wizard-step="photo"] .pair-panel{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:6px}
  .wizard-step[data-wizard-step="photo"] .pair-panel svg{max-width:96px}
  .wizard-step[data-wizard-step="photo"] .pair-panel>div:nth-child(2){display:contents}
  .wizard-step[data-wizard-step="photo"] .pair-panel h3{font-size:18px}
  .wizard-step[data-wizard-step="photo"] .pair-panel h3{grid-column:2;align-self:center}
  .wizard-step[data-wizard-step="photo"] .pair-panel ol{grid-column:1/-1;font-size:16px;line-height:1.3;padding-left:20px}
  .wizard-step[data-wizard-step="photo"] .pair-panel .action-row{position:static;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px;padding:0;grid-column:1/-1}
  .wizard-step[data-wizard-step="photo"] .pair-panel>[data-pair-qr]{grid-column:1;grid-row:1}
  .wizard-step[data-wizard-step="photo"] .pair-panel [data-pair-link]{grid-column:1/-1}
  .wizard-step[data-wizard-step="photo"] #intake-media:has(.pair-panel:not([hidden]))>[data-media-status]{margin-top:1px}
  .wizard-actions{padding:7px 0 3px;gap:7px;grid-template-columns:1fr 1fr!important;bottom:0!important}
  .wizard-actions .button{min-height:44px!important;font-size:16px!important;padding:7px 9px!important}
  .wizard-actions>[data-wizard-exit]{grid-row:2;min-height:44px;padding:7px 8px;font-size:16px!important}
  form:has(.pair-panel:not([hidden])) .wizard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding-block:3px}
  form:has(.pair-panel:not([hidden])) .wizard-actions>[data-wizard-exit]{grid-column:auto;grid-row:auto;justify-self:stretch}
  .wizard-private{display:none}
}
