/* Shared form metrics; preserve browser magnification and native pickers. */
:root{--form-height:48px;--form-radius:12px;--form-padding:11px 12px}
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;max-width:100%;margin-inline:0}
.app,.panel,.card,.field,form,.grid2,.results,.tabs{min-width:0;max-width:100%}
.panel{overflow-wrap:anywhere}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select,textarea{font-family:inherit!important;font-size:16px!important;line-height:1.35!important;min-width:0;max-width:100%;border:1px solid #19789a!important;border-radius:var(--form-radius)!important;padding:var(--form-padding)!important;background-color:#041b2b;color:#edfaff}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=file]),select{height:var(--form-height)!important;min-height:var(--form-height)!important}
textarea{min-height:96px;height:auto;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #52ddff;outline-offset:2px}
.field>label{display:block;line-height:1.35;margin-bottom:6px}
#coaReconPanel .coa-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:10px!important}
#coaReconPanel .coa-component-grid .field:has([data-coa-labeled]),#coaReconPanel .coa-component-grid .field:has([data-coa-tested]){display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin-bottom:0!important}
#coaReconPanel .coa-component-grid .field:has([data-coa-labeled])>label,#coaReconPanel .coa-component-grid .field:has([data-coa-tested])>label{min-block-size:2.7em;line-height:1.35!important;display:flex;align-items:flex-end;margin:0 0 6px!important}
#coaReconPanel .coa-component-grid [data-coa-labeled],#coaReconPanel .coa-component-grid [data-coa-tested]{width:100%!important;inline-size:100%!important;min-width:0!important;margin:0!important;height:var(--form-height)!important;min-height:var(--form-height)!important;padding:var(--form-padding)!important;border:1px solid #19789a!important;border-radius:var(--form-radius)!important}
.tabs{display:flex;gap:4px}.tabs>button{flex:1;min-width:0;touch-action:manipulation}
img,video,canvas{max-width:100%}
@media(max-width:600px){.grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.control{max-width:100%;min-width:0}.panel input[type=date],.panel input[type=time]{min-inline-size:0;max-inline-size:100%;appearance:none;-webkit-appearance:none}.tabs button{overflow-wrap:anywhere}}
/* Shared-state guided reconstitution. Normal page scrolling and accessible zoom. */
.guide-header,.recon-guide-step,.guide-navigation{min-width:0;max-width:100%}.guide-toggle,.guide-navigation{display:flex;gap:8px;margin:12px 0}.guide-toggle button,.guide-navigation button,.guide-recent button,.guide-progress button{min-height:44px;border:1px solid #176785;border-radius:10px;background:#07283e;color:#bbf6ff;padding:8px 12px;touch-action:manipulation}.guide-toggle [aria-pressed=true],.guide-progress [aria-current=step]{background:#076d91;border-color:#48deef;color:white}.guide-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}.guide-progress button{padding:6px 3px;font-size:12px;line-height:1.3}.recon-guide-step>h3{font-size:19px;color:#c5faff;margin:18px 0 12px}.guide-navigation button{flex:1}.guide-navigation #guideNext{background:#087ea4;font-weight:800}.guide-recent{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.guide-recent small{flex-basis:100%;color:#8fbacb}.guide-recent button{font-size:13px}.guide-confirmed{font-size:14px;color:#b5d4e1;margin:10px 0;overflow-wrap:anywhere}#guideError{color:#ffbbc4}#coaReconPanel[data-guide-mode] .recon-step{background:transparent;border:0;padding:0!important;box-shadow:none}#coaReconPanel.guide-choose [data-coa-tested],#coaReconPanel.guide-choose .field:has([data-coa-tested]){display:none!important}#coaReconPanel[data-guide-mode=advanced] #guideManualCoa:not([open])>section{display:block}#coaReconPanel[data-guide-mode] .recon-guide-step[hidden]{display:none!important}#coaReconPanel[data-guide-mode] #guideCompoundOptions .field{margin-top:8px}#guideCompoundSearch{margin-bottom:8px}#coaReconPanel[data-guide-mode] .simple-compound select{height:auto;min-height:48px}#coaReconPanel[data-guide-mode=advanced] .recon-guide-step{border-top:1px solid #17465d;padding-top:10px}#coaReconPanel[data-guide-mode] .simple-save{margin-bottom:12px}

#coaReconPanel[data-guide-mode] .simple-reference{display:none}
@media(max-width:540px){.guide-navigation{flex-direction:column}.guide-navigation button{width:100%}.guide-navigation #guideNext{order:-1}}#coaImportReview>.action{width:100%;min-height:50px}