/* Signing: the person signing gets the whole screen (js/signpad.js). Used by the staff app, handed to the patient,
   and by the patient's own signing page (sign.html), so both look the same. */
body.signing{overflow:hidden}
.signer{position:fixed;inset:0;z-index:100;background:var(--surface);color:var(--fg);display:flex;flex-direction:column;
  padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.signer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.signer-top b{font-size:17px}
.signer-body{flex:1;overflow-y:auto;padding:12px 0;font-size:17px;line-height:1.5;max-width:720px;width:100%;margin:0 auto}
.signer-summary table{width:100%;border-collapse:collapse;font-size:inherit!important}.signer-summary td{padding:6px 0;border-bottom:1px solid var(--line)}.signer-summary td:last-child{text-align:right;white-space:nowrap}
.signer-terms{white-space:pre-wrap}
.signer-foot{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--line);max-width:720px;width:100%;margin:0 auto}
.signer-agree{font-size:17px;align-items:flex-start}.signer-agree input{width:24px;height:24px;flex:none}
.signer-big{min-height:52px;font-size:17px;width:100%}
.signer-actions{display:flex;gap:10px}.signer-actions>*{flex:1;min-height:52px}
.signer-padwrap{position:relative;flex:1;min-height:160px;margin:10px 0;border:2px dashed var(--line);border-radius:12px;background:#fff;overflow:hidden}
.signer-pad{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.signer-line{position:absolute;left:24px;right:24px;bottom:28%;border-top:2px solid #555;color:#555;font-size:13px;padding-top:4px;pointer-events:none}
.signer-line span{position:absolute;left:-2px;top:-26px;font-size:20px}
.signer-thanks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;max-width:420px;margin:0 auto;width:100%}
.signer-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:var(--ok-soft,#e7f6ec);color:var(--ok,#1a7f37)}
@media (orientation:landscape) and (max-height:520px){.signer-turn{display:none}.signer-foot{flex-direction:row;align-items:flex-end}.signer-foot .field{flex:1}.signer-actions{flex:1}}