/**
 * Akel Tools form elements (walkin-theme-catalina)
 * Inputs, selects, checkbox, links, message blocks.
 */

.at-input {
	border: 2px solid var(--color-50);
	color: var(--color-text);
	transition: border-color 0.2s, box-shadow 0.2s;
}
.at-input:focus {
	border-color: var(--color-10);
	box-shadow: 0 0 7px rgba(55, 155, 215, 0.7);
}
.at-input:focus-visible {
	outline: 2px solid var(--color-10);
	outline-offset: 2px;
}

.at-select {
	border: 2px solid var(--color-50);
	color: var(--color-text);
}

/* Input states */
.at-input-error {
	border: 2px solid var(--color-80);
	background: rgba(255, 33, 111, 0.1);
	color: var(--color-text);
}

.at-input-success {
	border: 2px solid var(--color-60);
	background: rgba(0, 231, 150, 0.08);
	color: var(--color-text);
}

.at-input-warning {
	border: 2px solid var(--color-gold);
	background: rgba(221, 188, 105, 0.12);
	color: var(--color-text);
}

.at-input-info {
	border: 2px solid var(--color-10);
	background: rgba(55, 155, 215, 0.08);
	color: var(--color-text);
}

/* Message blocks (aw-form__errors etc.) */
.at-msg-error {
	background: rgba(255, 33, 111, 0.1);
	border-left: 4px solid var(--color-80);
	padding-left: 1rem;
	overflow-wrap: break-word;
	word-break: break-word;
}
.at-msg-error p { color: var(--color-80); }

.at-msg-success {
	background: rgba(0, 231, 150, 0.08);
	border-left: 4px solid var(--color-60);
	padding-left: 1rem;
	overflow-wrap: break-word;
	word-break: break-word;
}
.at-msg-success p { color: var(--color-60); }

.at-msg-warning {
	background: rgba(221, 188, 105, 0.12);
	border-left: 4px solid var(--color-gold);
	padding-left: 1rem;
	overflow-wrap: break-word;
	word-break: break-word;
}
.at-msg-warning p { color: #8a6b35; }

.at-msg-info {
	background: rgba(55, 155, 215, 0.08);
	border-left: 4px solid var(--color-10);
	padding-left: 1rem;
	overflow-wrap: break-word;
	word-break: break-word;
}
.at-msg-info p { color: var(--color-10); }

/* Inline spinner */
@keyframes at-spin { to { transform: rotate(360deg); } }
.at-spinner {
	display: inline-block;
	width: 1em;
	height: 1em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 0;
	animation: at-spin .6s linear infinite;
	vertical-align: -0.15em;
}

/* Checkbox */
.at-checkbox {
	accent-color: var(--color-20);
}

/* Link */
.at-link {
	color: var(--color-10);
	transition: color 0.2s;
}
.at-link:hover {
	color: var(--color-20);
}

/* Setup tab tables — status bar, sync preview */
.setup-table {
	width: 100%;
	font-size: 0.875rem;
	border-collapse: collapse;
}
.setup-table th {
	text-align: left;
	font-weight: 600;
	padding: 0.375rem 0.75rem;
	border-bottom: 1px solid var(--color-50);
}
.setup-table td {
	padding: 0.375rem 0.75rem;
}
.setup-table tbody tr:nth-child(even) {
	background: rgba(0, 0, 0, 0.02);
}