span.gamplify-error {
	color: red;
}

ul.woocommerce-MyAccount-menu .woocommerce-MyAccount-navigation-link--gamplify-wc-users a::before {
	content: '\ef5a';
	font-size: 20px !important;
}

.gamplify-wc-users .gamplify-tabs-wrapper {
	max-width: 900px;
	margin: 40px auto;
	border: 1px solid #ddd;
	border-radius: 10px;
}

/* Tabs */
.gamplify-wc-users .gamplify-tabs {
	display: flex;
	border-bottom: 1px solid #ddd;
	border-radius: 10px;
}

.gamplify-wc-users .gamplify-tab-btn {
	flex: 1;
	padding: 16px;
	background: #fff;
	border: none;
	cursor: pointer;
	font-size: 15px;
	color: #333;
	border-radius: 10px;
}

.gamplify-wc-users .gamplify-tab-btn.active {
	background: #05324b;
	color: #fff;
}

/* Content */
.gamplify-wc-users .gamplify-tab-content {
	padding: 30px;
}

.gamplify-wc-users .gamplify-tab-panel {
	display: none;
}

.gamplify-wc-users .gamplify-tab-panel.active {
	display: block;
}

/* Note */
.gamplify-wc-users .note {
	font-size: 13px;
	margin-bottom: 20px;
	font-weight: 600;
}

/* Form */
.gamplify-wc-users form .gamplify-row {
	display: flex;
	gap: 20px;
}

.gamplify-wc-users .gamplify-field {
	margin-bottom: 20px;
	flex: 1;
}

.gamplify-wc-users .gamplify-field label {
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
}

.gamplify-wc-users .gamplify-field label span {
	color: red;
}

.gamplify-wc-users .gamplify-field input {
	width: 100%;
	padding: 10px;
	border: 1px solid #cfd6dc;
	border-radius: 6px;
	font-size: 14px;
}

/* Button */
.gamplify-wc-users .submit-btn {
	padding: 12px 40px;
	background: #05324b;
	color: #fff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 15px;
}

.gamplify-wc-users .submit-btn:hover {
	opacity: 0.9;
}

/* Import Users */
.gamplify-wc-users .import-box {
	background: #e9eef5;
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 15px;
	flex-direction: row;
	justify-content: center;
}

.gamplify-wc-users .import-box input[type="file"] {
	font-size: 14px;
	border-radius: 0;
}

.gamplify-wc-users .import-btn {
	padding: 10px 25px;
	background: #05324b;
	color: #fff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}

.gamplify-wc-users .import-btn:hover {
	opacity: 0.9;
}

.gamplify-wc-users .sample-note {
	margin: 12px 0 20px;
	font-size: 13px;
}

.gamplify-wc-users .sample-note a {
	color: #0073aa;
	text-decoration: none;
}

.gamplify-wc-users .clear-result {
	display: inline-block;
	margin-top: 8px;
	color: #0073aa;
	font-size: 14px;
	cursor: pointer;
}

.gamplify-table.gh-container {
	max-width: 900px;
	margin: 40px auto;
}

/* Title */
.gamplify-table .gh-title {
	margin-bottom: 16px;
	font-size: 22px;
}

/* Search */
.gamplify-table .gh-search-bar {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}

.gamplify-table .gh-search-bar input {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid #ccd0d4;
	border-radius: 6px;
}

.gamplify-table .btn-clear {
	padding: 7px 16px;
	background: #0b3c5d;
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}

.gamplify-table .btn-clear:hover {
	background: #092f48;
}

/* Table */
.gamplify-table .gamplify-table-wrap {
	overflow-x: auto;
}

.gamplify-table .gamplify-main-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.gamplify-table .gamplify-main-table th,
.gamplify-table .gamplify-main-table td {
	padding: 12px 14px;
	border: 1px solid #e1e1e1;
	text-align: left;
}

.gamplify-table .gamplify-main-table th {
	background: #f1f3f6;
	font-weight: 600;
}

.gamplify-table .gamplify-main-table tr:nth-child(even) td {
	background: #fafafa;
}

/* Actions */
.gamplify-table .gamplify-main-table .gh-actions {
	display: flex;
	gap: 8px;
}
.gamplify-table .gamplify-main-table .gh-actions.gamplify-action-align-center {
	display: table-cell;
	text-align: center;
}

.gamplify-table .btn-edit,
.gamplify-table .btn-delete {
	border: none;
	background: none;
	cursor: pointer;
	font-size: 16px;
}

.gamplify-table .btn-edit {
	color: #007cba;
}

.gamplify-table .btn-delete {
	color: #d63638;
}

.gamplify-table .btn-edit:hover {
	color: #005a87;
}

.gamplify-table .btn-delete:hover {
	color: #a61e1e;
}

/* Pagination */
.gamplify-table .gamplify-pagination {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	gap: 6px;
}

.gamplify-table .page-btn {
	padding: 8px 12px;
	border: 1px solid #ccd0d4;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
}

.gamplify-table span.page-btn.active,
.gamplify-table span.page-btn.disabled{
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
	cursor: not-allowed;
}

.gamplify-table a.page-btn:hover {
	background: #f0f0f0;
}

/* Responsive */
@media (max-width: 768px) {
	.gamplify-wc-users form .gamplify-row {
		flex-direction: column;
	}
	.gamplify-wc-users .import-box {
		flex-direction: column;
		align-items: flex-start;
	}
}