/* Riza — Firma digital para Bricks */

.rbs-signature {
	position: relative;
	height: var(--rbs-height, 180px);
	border: 1px solid var(--rbs-border-color, #c9ced6);
	border-radius: var(--rbs-border-radius, 4px);
	background: var(--rbs-pad-background, #fff);
	overflow: hidden;
}

.rbs-signature--invalid {
	border-color: var(--rbs-error-color, #c0262f);
}

.rbs-signature__canvas {
	display: block;
	width: 100%;
	height: 100%;
	cursor: crosshair;
	touch-action: none; /* keep the page from scrolling while signing */
}

.rbs-signature__canvas:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

.rbs-signature__placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	color: var(--rbs-placeholder-color, #9aa1ad);
	font-size: var(--rbs-placeholder-size, 0.95em);
}

.rbs-signature__actions {
	display: flex;
	gap: 0.5em;
	margin-top: 0.5em;
}

.rbs-signature__button {
	padding: 0.35em 0.9em;
	border: 1px solid var(--rbs-border-color, #c9ced6);
	border-radius: var(--rbs-border-radius, 4px);
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 0.875em;
	line-height: 1.4;
	cursor: pointer;
}

.rbs-signature__button:hover,
.rbs-signature__button:focus-visible {
	border-color: currentColor;
}

.rbs-signature__error {
	margin: 0.4em 0 0;
	color: var(--rbs-error-color, #c0262f);
	font-size: 0.875em;
}