/* SIGCP: vistas de seguridad de usuarios. Complemento al sigcp-corporativo.css */
.sigcp-usuario-roles .sigcp-roles-pagehead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 20px
}

	.sigcp-usuario-roles .sigcp-roles-pagehead h2 {
		font-size: 1.65rem;
		font-weight: 700;
		color: #142f50;
		margin: 3px 0 5px
	}

	.sigcp-usuario-roles .sigcp-roles-pagehead p {
		margin: 0;
		color: #667b91;
		font-size: .88rem
	}

.sigcp-usuario-roles .sigcp-roles-eyebrow {
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .09em;
	color: #08798a
}

.sigcp-usuario-roles .sigcp-card-icon {
	font-size: 16px
}

.sigcp-usuario-roles .sigcp-card-body {
	padding: 16px 20px
}

	.sigcp-usuario-roles .sigcp-card-body > p {
		margin-bottom: 10px
	}

		.sigcp-usuario-roles .sigcp-card-body > p:last-child {
			margin-bottom: 0
		}

.sigcp-usuario-roles .sigcp-roles-total {
	margin-top: 12px;
	color: #39546e;
	font-size: .8rem
}

.sigcp-usuario-roles .sigcp-table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-size: .82rem
}

	.sigcp-usuario-roles .sigcp-table thead th:first-child {
		border-top-left-radius: 8px
	}

	.sigcp-usuario-roles .sigcp-table thead th:last-child {
		border-top-right-radius: 8px
	}

	.sigcp-usuario-roles .sigcp-table tbody td {
		vertical-align: middle;
		padding: 10px 12px
	}

	.sigcp-usuario-roles .sigcp-table form {
		margin: 0
	}

.sigcp-usuario-roles .sigcp-roles-btn {
	font-size: .73rem;
	padding: 5px 9px;
	border-radius: 5px;
	white-space: nowrap
}

.sigcp-usuario-roles .sigcp-status {
	font-size: .72rem
}

.sigcp-usuario-operacion .card {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e3eaf2;
	box-shadow: 0 8px 24px rgba(15,38,65,.05) !important
}

.sigcp-usuario-operacion .card-header {
	background: #fff;
	border-bottom: 1px solid #e9eef5;
	border-top: 3px solid #173b61;
	color: #183451;
	font-weight: 700;
	padding: 16px 20px
}

.sigcp-usuario-operacion .card-body {
	padding: 18px 20px
}

.sigcp-usuario-operacion .sigcp-card-body dl.row {
	margin-bottom: 0
}

.sigcp-usuario-operacion dl.row dt, .sigcp-usuario-operacion dl.row dd {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #edf1f6;
	margin-bottom: 0
}

.sigcp-usuario-operacion .btn.btn-sm {
	font-size: .75rem;
	padding: 6px 11px;
	border-radius: 5px
}

.sigcp-usuario-operacion .form-control:focus, .sigcp-usuario-roles .form-control:focus {
	border-color: #173b61;
	box-shadow: 0 0 0 3px rgba(23,59,97,.15)
}
/* SIGCP: vistas de seguridad de usuarios. Complemento al sigcp-corporativo.css */
.sigcp-usuario-roles .sigcp-roles-pagehead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 20px
}

	.sigcp-usuario-roles .sigcp-roles-pagehead h2 {
		font-size: 1.65rem;
		font-weight: 700;
		color: #142f50;
		margin: 3px 0 5px
	}

	.sigcp-usuario-roles .sigcp-roles-pagehead p {
		margin: 0;
		color: #667b91;
		font-size: .88rem
	}

.sigcp-usuario-roles .sigcp-roles-eyebrow {
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .09em;
	color: #08798a
}

.sigcp-usuario-roles .sigcp-card-icon {
	font-size: 16px
}

.sigcp-usuario-roles .sigcp-card-body {
	padding: 16px 20px
}

	.sigcp-usuario-roles .sigcp-card-body > p {
		margin-bottom: 10px
	}

		.sigcp-usuario-roles .sigcp-card-body > p:last-child {
			margin-bottom: 0
		}

.sigcp-usuario-roles .sigcp-roles-total {
	margin-top: 12px;
	color: #39546e;
	font-size: .8rem
}

.sigcp-usuario-roles .sigcp-table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-size: .82rem
}

	.sigcp-usuario-roles .sigcp-table thead th:first-child {
		border-top-left-radius: 8px
	}

	.sigcp-usuario-roles .sigcp-table thead th:last-child {
		border-top-right-radius: 8px
	}

	.sigcp-usuario-roles .sigcp-table tbody td {
		vertical-align: middle;
		padding: 10px 12px
	}

	.sigcp-usuario-roles .sigcp-table form {
		margin: 0
	}

.sigcp-usuario-roles .sigcp-roles-btn {
	font-size: .73rem;
	padding: 5px 9px;
	border-radius: 5px;
	white-space: nowrap
}

.sigcp-usuario-roles .sigcp-status {
	font-size: .72rem
}

.sigcp-usuario-operacion .card {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e3eaf2;
	box-shadow: 0 8px 24px rgba(15,38,65,.05) !important
}

.sigcp-usuario-operacion .card-header {
	background: #fff;
	border-bottom: 1px solid #e9eef5;
	border-top: 3px solid #173b61;
	color: #183451;
	font-weight: 700;
	padding: 16px 20px
}

.sigcp-usuario-operacion .card-body {
	padding: 18px 20px
}

.sigcp-usuario-operacion .sigcp-card-body dl.row {
	margin-bottom: 0
}

.sigcp-usuario-operacion dl.row dt, .sigcp-usuario-operacion dl.row dd {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #edf1f6;
	margin-bottom: 0
}

.sigcp-usuario-operacion .btn.btn-sm {
	font-size: .75rem;
	padding: 6px 11px;
	border-radius: 5px
}

.sigcp-usuario-operacion .form-control:focus, .sigcp-usuario-roles .form-control:focus {
	border-color: #173b61;
	box-shadow: 0 0 0 3px rgba(23,59,97,.15)
}

/* Modal de confirmación de roles (elemento dialog nativo) */
.sigcp-roles-dialog {
	border: 1px solid #dce5f0;
	border-radius: 12px;
	padding: 0;
	width: min(440px,calc(100vw - 32px));
	max-width: 440px;
	box-shadow: 0 24px 70px rgba(10,29,53,.27);
	color: #183451
}

	.sigcp-roles-dialog::backdrop {
		background: rgba(12,27,46,.62)
	}

.sigcp-roles-dialog-header {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 20px 22px 14px;
	border-bottom: 1px solid #e8edf4
}

.sigcp-roles-dialog-icon {
	display: grid;
	place-items: center;
	flex: 0 0 36px;
	height: 36px;
	border-radius: 9px;
	background: #eaf0f7;
	color: #173b61;
	font-size: 18px
}

.sigcp-roles-dialog-header h3 {
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0 0 3px;
	color: #142f50
}

.sigcp-roles-dialog-header p {
	font-size: .78rem;
	color: #70839b;
	margin: 0
}

.sigcp-roles-dialog-close {
	border: 0;
	background: transparent;
	color: #60738b;
	font-size: 24px;
	cursor: pointer;
	margin-left: auto
}

.sigcp-roles-dialog-body {
	padding: 20px 22px
}

	.sigcp-roles-dialog-body p {
		margin: 0;
		font-size: .9rem;
		line-height: 1.55
	}

.sigcp-roles-dialog-footer {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 14px 22px;
	background: #f7f9fc;
	border-top: 1px solid #e8edf4
}

	.sigcp-roles-dialog-footer .btn {
		font-size: .77rem;
		padding: 7px 13px;
		border-radius: 6px
	}