.signature-pad-container{display:flex;flex-direction:column;gap:16px;margin:20px 0}.signature-label{font-size:1.1rem;font-weight:600;color:var(--color-dark);margin-bottom:8px}.signature-canvas-container{position:relative;border:2px solid var(--color-gray-b);border-radius:var(--border-radius);background:var(--color-white);box-shadow:var(--shadow);overflow:hidden}.signature-canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:none}.signature-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(248,249,250,.9);color:var(--color-gray-a);font-size:1rem;pointer-events:none;transition:opacity .3s ease}.signature-placeholder.hidden{opacity:0;pointer-events:none}.signature-placeholder i{font-size:2rem;margin-bottom:8px;color:var(--color-base)}.signature-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 5px;border:0;border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px}.signature-btn:disabled{opacity:.5;cursor:not-allowed}.signature-btn-clear{float:right;background:#dc3545;color:#fff;border:2px solid #dc3545}.signature-btn-clear:hover:not(:disabled){background:#fff;color:#dc3545}.signature-validation-error{color:var(--color-red);text-align:center}@media(max-width:768px){.signature-canvas-container{margin:0 -10px}.signature-btn{width:100%}.signature-placeholder{font-size:.9rem}.signature-placeholder i{font-size:1.5rem}}@media(max-width:480px){.signature-canvas{height:150px}}