#edbi-settings-view .edbi-shortcode-config {
	display: block;
	.edbi-extend-wp-core-input {
		width: 100%;
	}
}

.edbi-page__content {
	flex-grow: 1;
	padding: 0;
}
.edbi-settings-content {
	padding: 8px 20px 20px 20px;
	h3 {
		font-weight: 600 !important;
		margin-bottom: 20px !important;
	}
	p {
		margin: 10px 0px !important;
	}
	.edbi-settings__description {
		font-size: 16px;
		color: var(--edbi-text-color);
		margin-bottom: 20px;

		.edbi-settings__description__links {
			display: flex;
			gap: 6px;
			margin-top: 10px;
			a,
			span {
				color: var(--edbi-primary-color);
			}
		}
	}
}
.edbi-shortcode-settings__accounts {
	h3 {
		font-size: 20px;
		font-weight: 500;
	}

	.edbi-accounts_header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 24px;
		h3 {
			margin: 0 !important;
		}
	}

	.edbi-accounts {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		.edbi-account {
			border: 1px solid var(--edbi-accent-color);
			border-radius: 6px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20px;

			.edbi-account-info {
				display: flex;
				align-items: center;
				gap: 12px;

				img {
					width: 32px;
					height: 32px;
					object-fit: cover;
					border-radius: 50%;
				}
				.edbi-account-name {
					h3 {
						font-size: 15px;
						font-weight: 500 !important;
						margin-bottom: 0px !important;
					}
					p {
						font-size: 13px;
						padding-top: 2px;
						margin: 0 !important;
					}
				}
			}
			.edbi-settings-remove__button {
				border: 1px solid #f30d5652;
				background: var(--edbi-background-color);
				color: #f30d55;
				padding: 8px 16px;
				border-radius: 8px;
				font-size: 14px;
				font-weight: 500;
				cursor: pointer;
			}
		}
	}
}
.edbi-settings__bottom__title {
	font-size: 16px !important;
	font-weight: 400 !important;
	background: #e9f9ff;
	padding: 10px 16px;
	border-radius: 8px;
	border: 1px solid var(--edbi-accent-color);
	margin-bottom: 20px;
}
.edbi-settings__bottom__description {
	h4 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 16px;
	}
	p {
		font-size: 14px;
	}
	ul {
		padding: 20px 0px;

		li {
			display: flex;
			align-items: center;
			gap: 10px;
			margin: 0 0 12px 0;
			h5 {
				font-size: 14px !important;
				font-weight: 500 !important;
				margin: 0px;
			}
			.edbi-settings-check-icon {
				color: var(--edbi-primary-color);
				font-size: 16px;
			}
		}
	}
}
.edbi-shortcode-appearance-title {
	font-size: 18px !important;
	font-weight: 500 !important;
	margin-bottom: 20px;
}
.edbi-appearance-preloader__container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	.edbi-preloader-item {
		width: 185px;
		padding: 20px 20px 0 20px;
		border: 1px solid var(--edbi-accent-color);
		border-radius: 8px;

		.edbi-preloader-image {
			width: 100%;
			height: 100px;
		}
	}
	.edbi-preloader-name {
		padding-top: 10px;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
	}
	.edbi-selected__preloader {
		outline: 2px solid var(--edbi-primary-color);
	}
}

.edbi-settings-modules {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;

	.edbi-settings-modules__module {
		display: flex;
		gap: 16px;
		align-items: center;
		padding: 20px;
		border-radius: 8px;
		border: 1px solid var(--edbi-secondary-color);
		height: 100%;
		position: relative;

		.edbi-settings-modules__module__icon {
			img {
				width: 60px;
				height: 60px;
				object-fit: cover;
			}
		}
		.edbi-settings-modules__module__info {
			flex: 1;
			.edbi-settings-modules__module__title {
				font-size: 16px;
				margin-bottom: 10px !important;
			}
			.edbi-settings-modules__module__description {
				font-size: 14px;
				width: 90%;
			}
		}

		.edbi-module-toggle {
			position: absolute;
			top: 20px;
			right: 12px;
		}
	}

	.edbi-settings-modules__module__enabled {
		background: var(--edbi-secondary-color);
	}
}
.edbi-settings-tools__title {
	// font-size: 14px !important;
	// margin-bottom: 10px !important;
	// font-weight: 500 !important;
	// color: var(--edbi-text-color) !important;
}
.edbi-settings-tools__btn {
	background: #f30d55;
	padding: 8px 12px;
	color: var(--edbi-background-color);
	font-weight: 400 !important;
	font-size: 14px !important;
	border-radius: 10px;
	gap: 6px !important;

	&:hover {
		color: var(--edbi-background-color) !important;
	}
	&:focus {
		outline: none !important;
		box-shadow: none !important;
	}
}

.edbi-flex {
	
	gap: 20px;
	.edbi-settings-fields__item {
		width: 100%;
		.edbi-shortcode-builder__container {
			margin-top: 0 !important;
		}
	}
}
// Auto Sync Styles
.edbi-autosync-paths {
	margin-top: 16px;

	.edbi-autosync-path-item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		background: var(--edbi-secondary-color);
		border: 1px solid var(--edbi-accent-color);
		border-radius: 6px;
		margin-bottom: 8px;

		span {
			font-family: monospace;
			font-size: 14px;
		}

		.edbi-autosync-remove-path {
			background: transparent;
			border: none;
			color: #f30d55;
			font-size: 20px;
			cursor: pointer;
			padding: 0;
			width: 24px;
			height: 24px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 4px;
			transition: background 0.2s;

			&:hover {
				background: rgba(243, 13, 85, 0.1);
			}
		}
	}

	.edbi-autosync-add-path {
		margin-top: 12px;
		padding: 14px;
		background: var(--edbi-secondary-color);
		border: 1px dashed var(--edbi-accent-color);
		border-radius: 6px;
	}
}

.edbi-settings-description {
	font-size: 13px;
	color: var(--edbi-text-color);
	margin-top: 8px;
	line-height: 1.5;
	opacity: 0.8;
}