.skv-admin-login {
	align-items: center;
	display: grid;
	min-height: 60vh;
}

.skv-admin-login__card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--skv-border);
	border-radius: calc(var(--skv-radius) - 4px);
	display: grid;
	gap: 16px;
	margin: 0 auto;
	max-width: 420px;
	padding: 24px;
	width: 100%;
}

.skv-admin-login__title {
	color: var(--skv-text);
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
}

.skv-admin-login__form {
	display: grid;
	gap: 12px;
}

.skv-admin-login__message {
	margin: 0;
}

.skv-admin-login__remember {
	align-items: center;
	color: var(--skv-muted);
	display: inline-flex;
	font-size: 14px;
	gap: 8px;
}

.skv-admin-logout {
	display: flex;
	justify-content: flex-end;
}

.skv-admin-logout__link {
	white-space: nowrap;
}

.skv-operadores {
	display: grid;
	gap: 16px;
}

.skv-operadores__form {
	display: grid;
	gap: 12px;
}

.skv-operadores__list {
	display: grid;
	gap: 10px;
}

.skv-operadores__item {
	align-items: start;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--skv-border);
	border-radius: calc(var(--skv-radius) - 10px);
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 12px;
}

.skv-operadores__content {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.skv-operadores__name {
	color: var(--skv-text);
	font-size: 15px;
	line-height: 1.3;
}

.skv-operadores__email {
	color: var(--skv-muted);
	font-size: 13px;
	overflow-wrap: anywhere;
}

.skv-operadores__status {
	border: 1px solid var(--skv-border);
	border-radius: calc(var(--skv-radius) - 12px);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	justify-self: start;
	padding: 4px 8px;
}

.skv-operadores__status--active {
	border-color: rgba(39, 196, 107, 0.65);
	color: #57d883;
}

.skv-operadores__status--inactive {
	border-color: rgba(255, 90, 90, 0.65);
	color: #ff8a8a;
}

.skv-operadores__status--warning {
	border-color: rgba(245, 197, 66, 0.72);
	color: var(--skv-primary);
}

.skv-operadores__status--neutral {
	border-color: rgba(255, 255, 255, 0.18);
	color: var(--skv-muted);
}

.skv-operadores__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.skv-operadores__message {
	margin: 0;
}

.skv-operadores__password-reset {
	align-items: flex-start;
	background: rgba(245, 197, 66, 0.06);
	border: 1px solid rgba(245, 197, 66, 0.28);
	border-radius: calc(var(--skv-radius) - 10px);
	color: var(--skv-text);
	cursor: pointer;
	display: flex;
	gap: 10px;
	padding: 10px 12px;
}

.skv-operadores__password-reset input {
	accent-color: var(--skv-primary);
	margin-top: 3px;
}

.skv-operadores__password-reset span {
	display: grid;
	gap: 3px;
}

.skv-operadores__password-reset strong {
	color: var(--skv-text);
	font-size: 13px;
	line-height: 1.25;
}

.skv-operadores__password-reset small {
	color: var(--skv-muted);
	font-size: 12px;
	line-height: 1.35;
}

.skv-operadores-modal[hidden] {
	display: none;
}

.skv-operadores-modal {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 16px;
	position: fixed;
	z-index: 9999;
}

.skv-operadores-modal__backdrop {
	background: rgba(0, 0, 0, 0.72);
	inset: 0;
	position: absolute;
	z-index: 1;
}

.skv-operadores-modal__dialog {
	background: var(--skv-surface);
	border: 1px solid rgba(245, 197, 66, 0.48);
	border-radius: calc(var(--skv-radius) - 6px);
	box-shadow: var(--skv-shadow);
	color: var(--skv-text);
	display: grid;
	gap: 14px;
	max-width: 460px;
	padding: 18px;
	position: relative;
	width: min(100%, 460px);
	z-index: 2;
}

.skv-operadores-modal__title {
	color: var(--skv-primary);
	font-size: 18px;
	line-height: 1.2;
	margin: 0;
}

.skv-operadores-modal__form {
	display: grid;
	gap: 12px;
}

.skv-operadores-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

body.skv-operadores-modal-open {
	overflow: hidden;
}

@media (max-width: 620px) {
	.skv-operadores__item {
		grid-template-columns: 1fr;
	}

	.skv-operadores__actions {
		justify-content: flex-start;
	}
}