/* Shared screen-only form surfaces. Also copied into the embedded dialog portals.
   Use inherited appearance tokens: document selectors do not cross a shadow root. */
@media screen {
 .modal.dlf-pattern,.modal.dlf-mono{--dlf-ink:var(--appearance-ink,#17384b);--dlf-muted:var(--appearance-muted,#617789);--dlf-accent:var(--clinic-record-primary,#1d72c9);--dlf-accent-soft:var(--appearance-raised,#f0f4f8)}
 .modal,.modal.dlf-mono{background:var(--appearance-panel,#fff)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .modal :is(.modal-top,.dlf-mono-head,.modal-foot,.dlf-mono-foot){background:var(--appearance-panel,#fff)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .modal :is(.modal-top,.dlf-mono-head) :is(h2,h3){color:var(--appearance-ink,#17384b)!important;font:700 18px/1.35 'Plus Jakarta Sans',Roboto,Arial,sans-serif!important}
 .modal :is(.modal-top,.dlf-mono-head) :is(small,p){color:var(--appearance-muted,#617789)!important}
 .modal .dlf-mono-head .cycle-eyebrow{color:var(--appearance-muted,#617789)!important}
 .modal .dlf-mono-body{background:var(--appearance-canvas,#f5f6f8)!important}
 .modal .dlf-panel{background:var(--appearance-panel,#fff)!important;border-color:var(--appearance-line,#d9e5ed)!important;border-radius:13px}
 .modal :is(.fg>label,.fg>span,.hc-form label){color:var(--appearance-ink,#17384b)!important;font-size:12px!important;line-height:1.5}
 .modal :is(.hint,small){color:var(--appearance-muted,#617789)}
 .modal :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;background:var(--appearance-canvas,#f5f6f8)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important;font-size:14px}
 .modal :is(input,textarea)::placeholder{color:var(--appearance-muted,#617789);opacity:1}
 /* Keep the country prefix compact when generic form controls use width:100%. */
 .modal .phone-wrap{display:grid;grid-template-columns:90px minmax(0,1fr);min-width:0;background:var(--appearance-canvas,#f5f6f8)}
 .modal .phone-wrap>select.phone-cc{width:90px;min-width:0;max-width:90px;padding:10px 6px;border:0!important;border-right:1px solid var(--appearance-line,#d9e5ed)!important;border-radius:0!important}
 .modal .phone-wrap>input.phone-num{width:100%;min-width:0;max-width:100%;padding:10px 12px;border:0!important;border-radius:0!important}
 /* Checkbox glyphs keep their own dimensions; the surrounding label is the touch target. */
 .modal :is(#m-lab-categories-wrap,#m-supply-provider-links) input[type="checkbox"]{box-sizing:border-box;flex:0 0 18px;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0;padding:0!important;accent-color:var(--app-button,#1d72c9)}
 .modal #m-lab-categories-wrap label:has(input[type="checkbox"]){min-height:44px;box-sizing:border-box}
 :is(.modal,.rad-dialog) .btn{box-sizing:border-box;min-height:44px!important;border-radius:10px!important;padding:10px 14px!important;font:600 13px/1.4 'Plus Jakarta Sans',Roboto,Arial,sans-serif!important;letter-spacing:normal;white-space:normal}
 :is(.modal,.rad-dialog) .btn-primary{background:var(--clinic-record-primary,#1d72c9)!important;color:#fff!important;border-color:transparent!important}
 :is(.modal,.rad-dialog) .btn-ghost{background:var(--appearance-raised,#f0f4f8)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .modal .hc-cancel{background:var(--appearance-raised,#f0f4f8)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .modal .modal-top .btn-x{display:grid;place-items:center;flex:0 0 44px!important;width:44px!important;height:44px!important;padding:0!important;border-radius:10px!important;background:var(--appearance-raised,#f0f4f8)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .modal :is(button,input,select,textarea):focus-visible{outline:3px solid var(--app-button,#1d72c9);outline-offset:2px}
 .modal .modal-foot{gap:8px 10px;flex-wrap:wrap}
 .modal .st-radio-row .btn.on{background:var(--clinic-record-primary,#1d72c9)!important;color:#fff!important;border-color:transparent!important}
 .modal :is(.provider-link-card,#m-supply-provider-links>label,#m-lab-categories-wrap label){background:var(--appearance-raised,#f0f4f8)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .rad-dialog .rad-form-body{background:var(--appearance-canvas,#f5f6f8)!important}
 .rad-dialog .rad-form-foot{background:var(--appearance-panel,#fff)!important;color:var(--appearance-ink,#17384b)!important;border-color:var(--appearance-line,#d9e5ed)!important}
 .rad-dialog .rad-form-foot small{color:var(--appearance-muted,#617789)!important;font-size:12px;line-height:1.5}
 .rad-dialog .rad-close{width:44px;min-width:44px;height:44px;border-radius:10px;background:var(--appearance-raised,#f0f4f8)!important;color:var(--appearance-ink,#17384b)!important}
 .supply-purchase-choice-dialog{background:var(--appearance-panel,#fff)!important;color:var(--appearance-ink,#17384b);border:1px solid var(--appearance-line,#d9e5ed)}
 .supply-purchase-choice-dialog .supply-purchase-choice-card{background:var(--appearance-panel,#fff)!important;color:var(--appearance-ink,#17384b);border-color:var(--appearance-line,#d9e5ed);border-radius:13px;box-shadow:0 2px 4px #0b1c3008}
 .supply-purchase-choice-dialog .supply-purchase-choice-icon{background:var(--appearance-raised,#f0f4f8);color:var(--app-button,#1d72c9)}
 .supply-purchase-choice-dialog .supply-purchase-choice-close{width:44px;height:44px;min-width:44px;border-radius:10px;background:var(--appearance-raised,#f0f4f8);color:var(--appearance-ink,#17384b)}
 .supply-purchase-choice-dialog .supply-purchase-choice-next{font:600 13px/1.4 'Plus Jakarta Sans',Roboto,Arial,sans-serif;color:var(--app-button,#1d72c9)}
 html[data-theme="dark"] .supply-purchase-choice-dialog .supply-purchase-choice-next{color:#91c9ff}
 @media(max-width:768px){.modal .modal-foot .btn{flex:1 1 auto}.modal .modal-top{align-items:center}.supply-purchase-choice-dialog{max-height:94dvh;overflow-y:auto}.modal #m-supply-provider-links>label{grid-template-columns:auto minmax(0,1fr)!important}.modal #m-supply-provider-links>label select{grid-column:2;max-width:100%}}
}