/* Native form actions: secondary first, primary last. Keep behavior intact. */
body:is(.client-body,[data-page="sign"],[data-page="sign-certificate"]) .picker-modal [hidden] { display: none !important; }
.client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) {
  display: flex; align-items: stretch; justify-content: flex-end; flex-wrap: wrap;
  gap: 10px; margin-top: 16px; padding-top: 14px;
}
.client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) > :is(button,a) {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; height: auto; min-width: 104px; max-width: 100%;
  padding: 11px 18px; border-radius: 11px; font: inherit; font-size: 14px;
  line-height: 1.4; text-align: center; text-decoration: none;
  white-space: normal; overflow-wrap: normal; word-break: normal; flex: 0 1 auto;
}
.client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) > :is(.button,.signflow-submit) { order: 2; }
.client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) > :is(.ghost-button,.signflow-cancel) { order: 1; }
.client-body[data-shell="client"] .picker-modal .upload-actions > [value="draft"] { order: 0; margin-right: auto; }
.client-body[data-shell="client"] .picker-modal :is(.picker-header,.signflow-share-head) { align-items: center; gap: 12px; }
.client-body[data-shell="client"] .picker-modal :is(.picker-header,.signflow-share-head) > :is(button,a) { flex-shrink: 0; min-height: 44px; line-height: 1.3; }
.client-body[data-shell="client"] .picker-modal :is(.picker-header,.signflow-share-head) > .signflow-close { width: 44px; min-width: 44px; padding: 0; }
body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal :is(.signflow-pad__footer,.signflow-share-footer) { display: flex; align-items: stretch; justify-content: flex-end; gap: 10px; }
body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal :is(.signflow-pad__footer,.signflow-share-footer) > button { min-height: 44px; height: auto; padding: 11px 16px; line-height: 1.4; overflow-wrap: normal; word-break: normal; }
body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal .signflow-pad__clear { min-height: 44px; }
@media (max-width: 600px), (max-width: 1100px) and (max-height: 500px) and (pointer: coarse) {
  .client-body[data-shell="client"] .picker-modal .picker-dialog { width: min(640px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px); margin: 0; }
  .client-body[data-shell="client"] .picker-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { font-size: 16px; }
  .client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) {
    display: grid; grid-template-columns: minmax(76px,.65fr) minmax(0,1.35fr); gap: 8px;
  }
  .client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) > :is(button,a) {
    min-width: 0; width: 100%; margin: 0; padding: 11px 12px; font-size: 13px;
  }
  .client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions) > :is(.button,.signflow-submit):only-child { grid-column: 1 / -1; }
  .client-body[data-shell="client"] .picker-modal :is(.inline-action-footer, .signflow-share-footer, .signflow-confirm-actions):not(:has(> :is(.ghost-button,.signflow-cancel):not([hidden]))) > :is(.button,.signflow-submit) { grid-column: 1 / -1; }
  .client-body[data-shell="client"] .picker-modal .upload-actions > [value="draft"] { grid-column: 1 / -1; margin: 0; }
  .client-body[data-shell="client"] .picker-modal .upload-actions > [data-close-modal] { grid-column: 1; grid-row: 2; }
  .client-body[data-shell="client"] .picker-modal .upload-actions > [value="upload"] { grid-column: 2; grid-row: 2; }
  body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal .picker-dialog { width: min(640px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px); overflow-y: auto; }
  body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal :is(.signflow-pad__footer,.signflow-share-footer) { display: grid; grid-template-columns: minmax(76px,.65fr) minmax(0,1.35fr); gap: 8px; }
  body:is([data-page="sign"],[data-page="sign-certificate"]) .picker-modal :is(.signflow-pad__footer,.signflow-share-footer) > button { min-width: 0; width: 100%; padding: 11px 12px; font-size: 13px; white-space: normal; }
  body[data-page="sign"] .signflow-pad__head { padding: 12px 16px; }
  body[data-page="sign"] .signflow-pad__body { padding: 16px; }
  body[data-page="sign"] .signflow-pad__body #signatureCanvas { min-height: 80px; height: clamp(80px, 28dvh, 240px); }
}

/* Short windows and landscape phones need room for both drawing and actions,
   regardless of pointer type (desktop preview, keyboard, touch or stylus). */
@media (max-height: 560px) {
  body[data-page="sign"] #signaturePadModal .signflow-pad-dialog {
    max-height: calc(100dvh - 24px); overflow-y: auto;
  }
  body[data-page="sign"] #signaturePadModal .signflow-pad__head { padding: 10px 16px; }
  body[data-page="sign"] #signaturePadModal .signflow-pad__body { padding: 12px 16px; }
  body[data-page="sign"] #signaturePadModal #signatureCanvas {
    min-height: 72px; height: clamp(72px, 32dvh, 160px);
  }
  body[data-page="sign"] #signaturePadModal .signflow-pad__footer {
    position: sticky; bottom: 0; background: var(--sfs-panel, #fff);
    padding-top: 8px; margin-top: 8px;
  }
}