/* ==========================================================================
   Texas Equity — Signature Pad (front-end)
   ========================================================================== */

.txeq-sig-wrap {
	max-width: 100%;
	margin: 4px 0 8px;
}

/* Tabs */
.txeq-sig-tabs {
	display: flex;
	gap: 4px;
	margin-bottom: 6px;
}

.txeq-sig-tab {
	font-size: 13px;
	line-height: 1.4;
	padding: 6px 16px;
	background: #f3f4f6;
	border: 1px solid #c7ccd4;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	color: #1e3a5f;
	cursor: pointer;
}

.txeq-sig-tab.is-active {
	background: #fff;
	font-weight: 600;
	border-color: #b9c2d0;
	box-shadow: 0 -2px 0 #1e3a5f inset;
}

/* Type input */
.txeq-sig-typerow {
	margin: 6px 0 0;
}

.txeq-sig-typeinput {
	width: 100%;
	box-sizing: border-box;
	padding: 8px 10px;
	font-size: 15px;
	border: 1px solid #b9c2d0;
	border-radius: 4px;
}

.txeq-sig-canvas {
	display: block;
	width: 100%;
	height: 140px;
	background: #fff;
	border: 1px solid #b9c2d0;
	border-radius: 4px;
	box-shadow: inset 0 -28px 0 -27px #1e3a5f; /* faint signature baseline */
	touch-action: none;
}

/* Draw mode shows the crosshair cursor; type mode does not. */
.txeq-sig-canvas--draw {
	cursor: crosshair;
}

.txeq-sig-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 4px;
}

.txeq-sig-prompt {
	font-size: 12px;
	color: #6b7280;
	font-style: italic;
}

.txeq-sig-clear {
	font-size: 12px;
	line-height: 1.4;
	padding: 3px 10px;
	background: #f3f4f6;
	border: 1px solid #c7ccd4;
	border-radius: 4px;
	color: #1e3a5f;
	cursor: pointer;
}

.txeq-sig-clear:hover {
	background: #e6e9ee;
}

/* Hide the raw signature/data-url inputs — they are populated by the pad. */
.txeq-sig-hidden {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}