#signature-dialog{width:min(660px,calc(100% - 24px))}
#signature-dialog #signature-panel{margin-top:18px}
#signature-dialog .signature-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#eef3eb;border-radius:12px;margin:0 0 18px}
#signature-dialog .signature-mode label{position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-height:48px;padding:8px 12px;border:1px solid transparent;border-radius:9px;font-size:16px;line-height:1.35;cursor:pointer}
#signature-dialog .signature-mode label:has(input:checked){background:#fff;border-color:#bbceba;box-shadow:0 2px 5px #203d2512;color:#214b3c}
#signature-dialog .signature-mode label:has(input:focus-visible){outline:3px solid #b8813d;outline-offset:2px}
#signature-dialog .signature-mode input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;pointer-events:none}
.signature-hint{margin:0 0 8px;font-size:16px;color:#526957}
#signature-dialog #signature-canvas{display:block;width:100%;height:auto;aspect-ratio:3/1;border:2px dashed #a6bba5;border-radius:12px;background:#fbfdf8;touch-action:none}
 .signature-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px}.signature-drawing-actions{display:flex;gap:8px}.signature-drawing-actions button{min-height:44px;padding:8px 14px;font-size:15px}.pen-control{width:210px;margin-left:auto}.pen-control label{display:block;margin:0;font-size:14px;font-weight:600;color:#365443}.pen-slider{display:flex;gap:10px;align-items:center;color:#123b56}.pen-slider svg{flex:none}#signature-dialog #pen-width{display:block;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;accent-color:#24523f;cursor:ew-resize}
.signature-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.signature-styles button{min-width:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;min-height:100px;padding:12px 8px;background:#fbfcf8;border:1px solid #cfdac8;border-radius:10px;color:#38503d;font-size:14px}.signature-styles button[aria-pressed="true"]{background:#edf4e7;border:2px solid #315a40;padding:11px 7px}.signature-styles .style-sample{font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:100%;font-size:24px;line-height:1.3;color:#123b56}.signature-styles [data-signature-style="classic"] .style-sample{font-family:Georgia,serif;font-style:italic}.signature-styles [data-signature-style="script"] .style-sample{font-family:"Segoe Script","Brush Script MT",cursive}.signature-styles [data-signature-style="simple"] .style-sample{font-family:Arial,sans-serif}
.signature-details{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:12px;border-top:1px solid #dde6d8}
#signature-identity{margin:0;font-size:16px;line-height:1.45;overflow-wrap:anywhere;flex:1}.signature-date-field{flex:0 0 172px}.signature-date-field label{font-size:14px;margin:0 0 4px}.signature-date-field input{min-height:44px;font-size:16px;padding:8px}
#signature-dialog #signature-status{font-size:14px;line-height:1.5;margin:12px 0;color:#596d5a}
.signature-finish{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.signature-finish #confirm-signature{flex:1;min-height:48px;font-size:16px}.signature-finish #remove-signature{min-height:44px;font-size:14px}
#field-controls .priority-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;background:#f5f7ef;border:1px solid #d9e2d0;border-radius:10px}
#field-controls .priority-choice input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:#28523e}#field-controls .priority-choice label{font-size:16px;margin:0;cursor:pointer}
.request-priority{font-weight:700;color:#814912;border:1px solid #d6bc91;background:#fff9ee;border-radius:5px;padding:7px 10px;margin:8px 0 12px;font-size:13px;line-height:1.4}
#reading-copy .request-priority{font-size:16px;padding:12px;margin:12px 0}
@media(max-width:500px){#signature-dialog .signature-mode label{padding:8px 6px;font-size:16px}.signature-details{align-items:stretch;flex-direction:column;gap:10px}.signature-date-field{flex:auto}.signature-date-field input{width:100%}.signature-finish{flex-direction:column;align-items:stretch}.signature-finish #remove-signature{width:100%}.pen-heading label{font-size:16px}#signature-dialog #signature-status{font-size:15px}}

@media(max-width:500px){.signature-toolbar{gap:10px}.pen-control{width:150px}.signature-drawing-actions{gap:4px}.signature-drawing-actions button{padding:8px 10px;font-size:14px}.pen-control label{font-size:14px}.signature-styles{gap:6px}.signature-styles button{padding:10px 4px;font-size:13px}.signature-styles button[aria-pressed="true"]{padding:9px 3px}.signature-styles .style-sample{font-size:20px}.signature-details{flex-direction:row;align-items:center}.signature-date-field{flex:0 0 150px}.signature-finish{flex-direction:row}.signature-finish #remove-signature{width:auto}}
@media(max-width:350px){.signature-toolbar{flex-wrap:wrap;gap:0}.pen-control{width:155px}.signature-drawing-actions button{padding:8px}.signature-details{gap:8px}.signature-date-field{flex-basis:142px}.signature-finish #remove-signature{width:100%}.signature-styles button{font-size:12px}.signature-styles .style-sample{font-size:18px}}