/* Shorter writing surface; native 1800x600 pixels keep ink proportions. */
@media screen{
 .tenant-notice #signature-dialog #signature-canvas{aspect-ratio:3/1;height:auto;border:1px dashed #93ab91;border-radius:9px;background:#fff}
 .tenant-notice #signature-dialog>.dialog-top{margin-bottom:8px;padding:4px 0 8px;border-bottom:1px solid #e0e7db}
 .tenant-notice #signature-dialog .signature-mode{margin-bottom:8px}
 .tenant-notice #signature-dialog .signature-toolbar{display:grid;grid-template-columns:auto minmax(110px,190px);gap:12px;margin-top:6px;padding:4px 0 6px;align-items:center}
 .tenant-notice #signature-dialog .signature-drawing-actions{display:flex;gap:6px}
 .tenant-notice #signature-dialog .signature-drawing-actions button{min-height:44px;padding:8px 12px;border:1px solid #ccd8c5;background:#f6f8f2;color:#315440;border-radius:8px;font-size:14px}
 .tenant-notice #signature-dialog .pen-control{min-width:0}
 .tenant-notice #signature-dialog .pen-control label{font-size:12px;line-height:1.3}
 .tenant-notice #signature-dialog .signature-details{margin-top:4px;padding-top:8px;gap:10px;grid-template-columns:minmax(0,1fr) 150px}
 .tenant-notice #signature-dialog #signature-identity{font-size:14px;line-height:1.4;color:#34533d;overflow-wrap:anywhere}
 .tenant-notice #signature-dialog #signature-status{margin:6px 0;font-size:13px;line-height:1.4}
 .tenant-notice #signature-dialog .signature-finish{gap:8px;margin-top:4px}
 .tenant-notice .crumb{justify-content:flex-end;text-align:right;flex-wrap:wrap;gap:6px}
}
@media screen and (max-width:400px){
 .tenant-notice #signature-dialog .signature-toolbar{grid-template-columns:auto minmax(100px,1fr);gap:8px}
 .tenant-notice #signature-dialog .signature-drawing-actions{gap:4px}
 .tenant-notice #signature-dialog .signature-drawing-actions button{padding:8px;font-size:13px}
 .tenant-notice #signature-dialog .signature-details{grid-template-columns:minmax(0,1fr) 138px;gap:8px}
 .tenant-notice #signature-dialog #signature-identity{font-size:13px}
}
@media screen and (max-width:350px){
 .tenant-notice #signature-dialog .signature-toolbar{grid-template-columns:1fr;gap:0}
 .tenant-notice #signature-dialog .signature-drawing-actions{justify-content:flex-start}
 .tenant-notice #signature-dialog .pen-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}
 .tenant-notice #signature-dialog .signature-finish{grid-template-columns:minmax(0,1fr) auto}
}