#tab_add_field,
#tab_field_properties,
#tab_form_properties {
	padding: 0px;
}

#builder_tabs {
	padding: 0px;
	border: none;
	background: none;
	font-size: 12px;
	font-family: 'FZXiaoBiaoSong', 'globersemibold', 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, sans-serif;
}

#builder_tabs ul.ui-widget-header {
	background: none;
	border: none;
}

#btn_add_field {
	margin-left: 13px;
	border-radius: 0px;
}

#btn_add_field.ui-state-active,
#btn_add_field.ui-state-default {
	border: none;
}

#btn_field_properties {
	border-radius: 0px;
}

#btn_field_properties.ui-state-active,
#btn_field_properties.ui-state-default {
	border: none;
}

#btn_form_properties {
	border-radius: 0px;
}

#btn_form_properties.ui-state-active,
#btn_form_properties.ui-state-default {
	border: none;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}

#bg.manage_forms.edit_form {
	--mf-sky: #3478ac;
	--mf-sky-hover: #116fb3;
	--mf-sky-dark: #0d3257;
	--mf-sky-soft: #e6f4ff;
	--mf-radius: 10px;
}

#bg.manage_forms.edit_form #btn_add_field,
#bg.manage_forms.edit_form #btn_field_properties,
#bg.manage_forms.edit_form #btn_form_properties {
	border-radius: var(--mf-radius) var(--mf-radius) 0 0 !important;
}

#bg.manage_forms.edit_form #btn_add_field>a,
#bg.manage_forms.edit_form #btn_field_properties>a,
#bg.manage_forms.edit_form #btn_form_properties>a,
#bg.manage_forms.edit_form #btn_add_field a,
#bg.manage_forms.edit_form #btn_field_properties a,
#bg.manage_forms.edit_form #btn_form_properties a {
	background: var(--mf-sky) !important;
	color: #fff !important;
	border-radius: var(--mf-radius) var(--mf-radius) 0 0 !important;
}

#bg.manage_forms.edit_form #btn_add_field.ui-tabs-selected,
#bg.manage_forms.edit_form #btn_field_properties.ui-tabs-selected,
#bg.manage_forms.edit_form #btn_form_properties.ui-tabs-selected {
	background: var(--mf-sky-dark) !important;
}

#bg.manage_forms.edit_form #social {
	border-radius: var(--mf-radius) !important;
	overflow: hidden;
}

#bg.manage_forms.edit_form #social li {
	border-radius: var(--mf-radius) !important;
	overflow: hidden;
	border-color: rgba(255, 255, 255, 0.35) !important;
}

#bg.manage_forms.edit_form #social li a,
#bg.manage_forms.edit_form #social li a:link,
#bg.manage_forms.edit_form #social li a:visited {
	background-color: var(--mf-sky) !important;
	border-radius: var(--mf-radius) !important;
}

#bg.manage_forms.edit_form #social li a:hover {
	background-color: var(--mf-sky-hover) !important;
}

#bg.manage_forms.edit_form #field_properties_pane,
#bg.manage_forms.edit_form #form_properties_pane {
	background-color: var(--mf-sky) !important;
	border-radius: var(--mf-radius) !important;
}

#bg.manage_forms.edit_form #element_properties_form,
#bg.manage_forms.edit_form #form_properties_holder,
#bg.manage_forms.edit_form #element_inactive_msg {
	background-color: var(--mf-sky-soft) !important;
	border-radius: var(--mf-radius) !important;
}

#all_form_properties a:link,
#all_form_properties a:visited,
#all_form_properties a:hover,
#all_properties a:link,
#all_properties a:visited,
#all_properties a:hover {
	color: #BD3D20;
	text-decoration: none;
	border-bottom: 1px dashed;
}

.ui-dialog {
	border: none;
	background-color: #fff;
	border-radius: 2px;
	padding: 0px;
	font-family: 'FZXiaoBiaoSong', "globersemibold", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	box-shadow: 0 25.6px 57.6px 0 rgba(0, 0, 0, .22), 0 4.8px 14.4px 0 rgba(0, 0, 0, .18);
}

.ui-dialog .ui-dialog-titlebar-close {
	display: none;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: #fff;
	margin: 0px;
	border: none;
}

.ui-dialog p,
.ui-dialog form {
	font-size: 100%;
}

.ui-dialog p strong {
	font-family: 'FZXiaoBiaoSong', "globerbold", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: 400;
}

.ui-dialog form label {
	font-weight: 400;
	font-size: 100%;
	font-family: 'FZXiaoBiaoSong', "globersemibold", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.ui-dialog .ui-dialog-titlebar {
	border-radius: 2px 2px 0px 0px;
	text-align: center;
	background: none;
	background-color: #fff;
	border: none;
	padding-top: 10px;
}

.ui-dialog .ui-dialog-buttonpane {
	border-radius: 0px 0px 2px 2px;
	background-color: #EDEDED;
	border-top: 1px solid #CACACA;
	padding-top: 10px;
}

#ui-dialog-title-dialog-message,
#ui-dialog-title-dialog-warning,
#ui-dialog-title-dialog-confirm-field-delete,
#ui-dialog-title-dialog-insert-choices,
#ui-dialog-title-dialog-confirm-choice-delete,
#ui-dialog-title-dialog-confirm-encryption-disable,
#ui-dialog-title-dialog-insert-matrix-rows,
#ui-dialog-title-dialog-insert-matrix-columns,
#ui-dialog-title-dialog-delete-theme,
#ui-dialog-title-dialog-confirm-form-delete,
#ui-dialog-title-dialog-confirm-filter-delete,
#ui-dialog-title-dialog-confirm-integration-delete,
#ui-dialog-title-dialog-confirm-entry-delete,
#ui-dialog-title-dialog-change-password,
#ui-dialog-title-dialog-change-license,
#ui-dialog-title-dialog-confirm-user-suspend,
#ui-dialog-title-dialog-confirm-user-delete,
#ui-dialog-title-dialog-share-theme,
#ui-dialog-title-dialog-unshare-theme,
#ui-dialog-title-dialog-delete-widget,
#ui-dialog-title-dialog-share-report,
#ui-dialog-title-dialog-unshare-report,
#ui-dialog-title-dialog-form-saved,
#ui-dialog-form-import-success,
#ui-dialog-title-dialog-confirm-entry-status,
#ui-dialog-title-dialog-reset-entry-number,
#ui-dialog-title-dialog-get-new-update {
	color: #BD3D20;
	font-size: 150%;
	font-weight: 400;
	text-align: center;
}

#dialog-message,
#dialog-warning,
#dialog-confirm-field-delete,
#dialog-confirm-choice-delete,
#dialog-delete-theme,
#dialog-confirm-form-delete,
#dialog-confirm-entry-delete,
#dialog-confirm-integration-delete,
#dialog-confirm-filter-delete,
#dialog-confirm-encryption-disable,
#dialog-confirm-user-suspend,
#dialog-confirm-user-delete,
#dialog-share-theme,
#dialog-unshare-theme,
#dialog-delete-widget,
#dialog-share-report,
#dialog-unshare-report,
#dialog-form-saved,
#dialog-form-import-success,
#dialog-confirm-entry-status,
#dialog-reset-entry-number,
#dialog-get-new-update,
#dialog-enable-data-encryption,
#dialog-enable-data-encryption-success {
	text-align: center;
}

#dialog-message img,
#dialog-warning img,
#dialog-confirm-field-delete img,
#dialog-confirm-choice-delete img,
#dialog-confirm-encryption-disable img,
#dialog-delete-theme img,
#dialog-confirm-form-delete img,
#dialog-confirm-filter-delete img,
#dialog-confirm-entry-delete img,
#dialog-confirm-user-suspend img,
#dialog-confirm-user-delete img,
#dialog-share-theme img,
#dialog-unshare-theme img,
#dialog-delete-widget img,
#dialog-share-report img,
#dialog-unshare-report img,
#dialog-form-saved img,
#dialog-form-import-success img,
#dialog-confirm-entry-status img,
#dialog-reset-entry-number img,
#dialog-get-new-update img,
#dialog-confirm-integration-delete img {
	padding-top: 10px;
	padding-bottom: 25px;
}

.ui-dialog .ui-dialog-title {
	float: none;
	color: #BD3D20;
	font-size: 150%;
	font-weight: 400;
	text-align: center;
	margin: 0px;
}

.ui-state-highlight {
	border: 1px dashed #FF9F80 !important;
	height: 30px;
}

.ui-widget-overlay {
	opacity: 0.4;
	background: none;
	background-color: #000;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: left;
	padding-left: 15px;
}

.ui-dialog .ui-dialog-content {
	background-color: #fff;
}

.ui-menu .ui-menu-item a.ui-state-hover {
	background-image: none;
	background-color: #FFB8A1;
	border: 1px solid white;
}

.ui-autocomplete {
	font-family: 'FZXiaoBiaoSong', 'Trebuchet MS', Arial, Helvetica;
	font-size: 100%;

	max-height: 200px;
	overflow-y: auto;

	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/* Mobile responsive enhancements for header */
/* 桌面端样式 - 将用户信息放在右侧 */
@media screen and (min-width: 1025px) {
	#header {
		position: relative;
	}

	#header_content {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#logo {
		flex: 0 0 auto;
	}

	#header_primary {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
	}

	#header_primary div {
		width: auto !important;
		float: none !important;
		margin: 0 !important;
	}

	#header_secondary {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		transform: none !important;
		width: auto !important;
		float: none !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 15px !important;
		z-index: 1 !important;
	}

	#header_secondary div {
		width: auto !important;
		margin: 0 !important;
		float: none !important;
	}

	/* language switcher */
	#header_secondary select {
		padding: 4px 6px !important;
		border-radius: 4px !important;
	}

	#header_user_logout_container {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 15px !important;
		background: rgba(255, 255, 255, 0.1) !important;
		padding: 8px 15px !important;
		border-radius: 6px !important;
		font-size: 13px !important;
		white-space: nowrap !important;
	}

	.header_user_info {
		color: #fff !important;
		font-weight: normal !important;
		max-width: 200px !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.header_logout {
		flex-shrink: 0 !important;
	}

	.header_logout a {
		color: #fff !important;
		text-decoration: none !important;
		display: flex !important;
		align-items: center !important;
		gap: 5px !important;
		white-space: nowrap !important;
	}

	.header_logout h6 {
		margin: 0 !important;
		font-size: 13px !important;
		font-weight: normal !important;
	}

	#unregistered_license {
		background: rgba(255, 255, 255, 0.1) !important;
		padding: 8px 12px !important;
		border-radius: 4px !important;
		font-size: 12px !important;
	}
}

/* 移动端响应式样式 */
@media screen and (max-width: 768px) {
	#header {
		padding: 10px 0;
	}

	#header_content {
		width: 100% !important;
		max-width: none !important;
		padding: 0 15px;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#logo {
		width: 100% !important;
		float: none !important;
		text-align: center !important;
		margin: 0 0 15px 0 !important;
	}

	#header_primary {
		width: 100% !important;
		float: none !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 15px;
	}

	#header_primary div {
		width: auto !important;
		margin: 5px !important;
		float: none !important;
		flex: 0 0 auto;
		min-width: 80px;
	}

	#header_secondary {
		width: 100% !important;
		float: none !important;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	#header_secondary div {
		width: auto !important;
		margin: 0 !important;
		float: none !important;
	}

	#header_user_logout_container {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		gap: 15px;
		background: rgba(255, 255, 255, 0.1);
		padding: 10px 15px;
		border-radius: 6px;
		font-size: 13px;
		width: 100%;
		max-width: 300px;
		box-sizing: border-box;
	}

	.header_user_info {
		color: #fff;
		font-weight: normal;
		text-align: center;
		flex: 1;
		min-width: 0;
		word-break: break-all;
	}

	.header_logout {
		flex-shrink: 0;
	}

	.header_logout a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 5px;
		white-space: nowrap;
	}

	.header_logout h6 {
		margin: 0;
		font-size: 13px;
		font-weight: normal;
	}

	#unregistered_license {
		width: auto !important;
		text-align: center;
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 4px;
	}
}

/* 平板端样式 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	#header_content {
		width: 100% !important;
		max-width: 1000px;
		padding: 0 20px;
	}

	#header_primary {
		width: 60% !important;
	}

	#header_secondary {
		width: 35% !important;
	}

	#header_user_logout_container {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
		font-size: 12px;
	}

	.header_user_info {
		color: #fff;
		font-weight: normal;
		word-break: break-all;
	}

	.header_logout a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.header_logout h6 {
		margin: 0;
		font-weight: normal;
		font-size: 12px;
	}
}

/* 桌面端样式 */
@media screen and (min-width: 1025px) {
	#header_secondary {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		gap: 20px;
	}

	#header_user_logout_container {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}

	.header_user_info {
		color: #fff;
		font-weight: normal;
	}

	.header_logout a {
		color: #fff;
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.header_logout h6 {
		margin: 0;
		font-weight: normal;
	}
}

/* 头部主导航图标与文字统一白色（非登录/注册页面） */
body:not(.login_page) #header_primary span {
	color: #fff !important;
}

body:not(.login_page) #header_primary .icon-document2,
body:not(.login_page) #header_primary .icon-briefcase,
body:not(.login_page) #header_primary .icon-folder,
body:not(.login_page) #header_primary .icon-exit1 {
	color: #fff !important;
}

/* 用户名黑色改为白色（非登录/注册页面） */
body:not(.login_page) .header_user_name {
	color: #fff !important;
}

/* 顶部用户信息容器统一样式（非登录/注册页面） */
body:not(.login_page) #header_user_logout_container {
	font-family: 'FZXiaoBiaoSong', 'globersemibold', 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, sans-serif !important;
	font-size: 11px !important;
	/* 调整到 11px */
	font-weight: 300 !important;
	/* 调整到 300 */
	color: #fff !important;
	/* 保持白色 */
}

/* 容器内文字、链接统一样式（非登录/注册页面） */
/* 移除对 span 的通用样式，避免影响图标 */
body:not(.login_page) #header_user_logout_container a,
body:not(.login_page) #header_user_logout_container h6,
body:not(.login_page) #header_secondary h6,
body:not(.login_page) #header_primary h6,
body:not(.login_page) #header h6 {
	font-family: 'FZXiaoBiaoSong', 'globersemibold', 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, sans-serif !important;
	font-size: 11px !important;
	/* 调整到 11px */
	font-weight: 300 !important;
	/* 调整到 300 */
	color: #fff !important;
	/* 保持白色 */
}

/* Specific fix for user name span to be smaller */
body:not(.login_page) .header_user_name {
	font-size: 10px !important;
}

/* Move language selector to bottom left */
#mf_language_select {
	position: fixed !important;
	bottom: 10px !important;
	left: 10px !important;
	z-index: 99999 !important;
	background: var(--surface-glass) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 10px !important;
	padding: 6px 10px !important;
	font-size: 11px !important;
	color: var(--color-dark) !important;
	box-shadow: 0 10px 22px rgba(14, 25, 45, 0.18) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* 导航项（表单 / 我的账户 / 我的提交 / 退出）统一样式（非登录/注册页面） */
body:not(.login_page) #header_primary a,
body:not(.login_page) #header_primary h6 {
	font-family: 'FZXiaoBiaoSong', 'globersemibold', 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	color: #fff !important;
}

/* 页面内容区域自适应（按index.php规划） */
/* 适用页面：manage_forms, edit_theme, manage_users, main_settings, my_account, my_submissions */
/* 注意：不影响登录页与注册页（它们使用 login_page/login_main） */
/* ------------------------------ */

/* Mobile (≤768px) */
@media screen and (max-width: 768px) {

	/* 基础容器按index.php规划 —— 仅作用于以下页面根类 */
	.manage_forms #container,
	.edit_theme #container,
	.manage_users #container,
	.main_settings #container,
	.my_account #container,
	.my_submissions #container {
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 10px !important;
	}

	.manage_forms #main,
	.edit_theme #main,
	.manage_users #main,
	.main_settings #main,
	.my_account #main,
	.my_submissions #main {
		width: 100% !important;
		float: none !important;
		padding: 10px 5px !important;
	}

	.manage_forms #content,
	.edit_theme #content,
	.manage_users #content,
	.main_settings #content,
	.my_account #content,
	.my_submissions #content {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	.manage_forms #content.full,
	.edit_theme #content.full,
	.manage_users #content.full,
	.main_settings #content.full,
	.my_account #content.full,
	.my_submissions #content.full {
		width: 100% !important;
	}

	.manage_forms #sidebar,
	.edit_theme #sidebar,
	.manage_users #sidebar,
	.main_settings #sidebar,
	.my_account #sidebar,
	.my_submissions #sidebar {
		position: static !important;
		width: 100% !important;
		left: auto !important;
		top: auto !important;
		margin-left: 0 !important;
	}

	/* 统一内部页面布局 */
	.manage_forms .content_header,
	.edit_theme .content_header,
	.manage_users .content_header,
	.main_settings .content_header,
	.my_account .content_header,
	.my_submissions .content_header {
		padding: 10px 12px !important;
	}

	.manage_forms .content_body,
	.edit_theme .content_body,
	.manage_users .content_body,
	.main_settings .content_body,
	.my_account .content_body,
	.my_submissions .content_body {
		padding: 10px 12px !important;
		min-height: auto !important;
	}

	.manage_forms .content_body_main,
	.edit_theme .content_body_main,
	.manage_users .content_body_main,
	.main_settings .content_body_main,
	.my_account .content_body_main,
	.my_submissions .content_body_main {
		width: 100% !important;
		float: none !important;
	}

	.manage_forms .content_body_sidebar,
	.edit_theme .content_body_sidebar,
	.manage_users .content_body_sidebar,
	.main_settings .content_body_sidebar,
	.my_account .content_body_sidebar,
	.my_submissions .content_body_sidebar {
		width: 100% !important;
		float: none !important;
		overflow: visible !important;
		margin-top: 12px !important;
	}

	/* 特定组件（如智能文件夹）在移动端占满 */
	.manage_forms #smart_folder_container {
		width: 100% !important;
	}
}

/* Tablet (769px–1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {

	/* 基础容器按index.php规划 —— 仅作用于以下页面根类 */
	.manage_forms #container,
	.edit_theme #container,
	.manage_users #container,
	.main_settings #container,
	.my_account #container,
	.my_submissions #container {
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 16px !important;
	}

	.manage_forms #main,
	.edit_theme #main,
	.manage_users #main,
	.main_settings #main,
	.my_account #main,
	.my_submissions #main {
		width: 100% !important;
		float: none !important;
		padding: 15px 10px !important;
	}

	.manage_forms #content,
	.edit_theme #content,
	.manage_users #content,
	.main_settings #content,
	.my_account #content,
	.my_submissions #content {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	.manage_forms #content.full,
	.edit_theme #content.full,
	.manage_users #content.full,
	.main_settings #content.full,
	.my_account #content.full,
	.my_submissions #content.full {
		width: 100% !important;
	}

	.manage_forms #sidebar,
	.edit_theme #sidebar,
	.manage_users #sidebar,
	.main_settings #sidebar,
	.my_account #sidebar,
	.my_submissions #sidebar {
		position: static !important;
		width: 100% !important;
		left: auto !important;
		top: auto !important;
		margin-left: 0 !important;
	}

	/* 页面主体统一为单栏布局（侧栏置于下方） */
	.manage_forms .content_body_main,
	.edit_theme .content_body_main,
	.manage_users .content_body_main,
	.main_settings .content_body_main,
	.my_account .content_body_main,
	.my_submissions .content_body_main {
		width: 100% !important;
		float: none !important;
	}

	.manage_forms .content_body_sidebar,
	.edit_theme .content_body_sidebar,
	.manage_users .content_body_sidebar,
	.main_settings .content_body_sidebar,
	.my_account .content_body_sidebar,
	.my_submissions .content_body_sidebar {
		width: 100% !important;
		float: none !important;
		overflow: visible !important;
		margin-top: 14px !important;
	}
}

/* Desktop (≥1025px) */
@media screen and (min-width: 1025px) {

	/* Ensure header content matches container width and is centered */
	#header_content {
		width: 1030px !important;
		margin: 0 auto !important;
		max-width: 100% !important;
	}

	/* 保持index.php设定的桌面宽度与双栏布局 —— 仅作用于以下页面根类 */
	.manage_forms #container,
	.edit_theme #container,
	.manage_users #container,
	.main_settings #container,
	.my_account #container,
	.my_submissions #container {
		width: 1030px !important;
		margin: 0 auto !important;
		max-width: 100% !important;
	}

	.manage_forms #main,
	.edit_theme #main,
	.manage_users #main,
	.main_settings #main,
	.my_account #main,
	.my_submissions #main {
		width: 1030px !important;
		float: left !important;
	}

	.manage_forms #content,
	.edit_theme #content,
	.manage_users #content,
	.main_settings #content,
	.my_account #content,
	.my_submissions #content {
		width: 680px !important;
		float: left !important;
	}

	.manage_forms #content.full,
	.edit_theme #content.full,
	.manage_users #content.full,
	.main_settings #content.full,
	.my_account #content.full,
	.my_submissions #content.full {
		width: 1030px !important;
	}
}

/* 安全考虑：隐藏智能文件夹模块，仅在 manage_forms 页面 */
.manage_forms #smart_folder_container,
.manage_forms #smart_folder_list,
.manage_forms li.smart_folder {
	display: none !important;
	visibility: hidden !important;
}

#language_switcher_bar {
	background: transparent !important;
}

#language_switcher_bar select {
	padding: 4px 6px !important;
	border-radius: 4px !important;
}

:root {
	--color-primary: #2683FF;
	--color-primary-hover: #1c6ad4;
	--color-dark: #0E192D;
	--color-text: #354052;
	--color-bg: #F5F6FA;
	--color-white: #FFFFFF;
	--color-border: #E6E8EB;
	--bg-gradient: linear-gradient(135deg, #1f7aff 0%, #35d0b3 100%);
	--bg-gradient-soft: radial-gradient(circle at 20% 0%, rgba(38, 131, 255, 0.28) 0%, rgba(38, 131, 255, 0) 45%), radial-gradient(circle at 80% 20%, rgba(53, 208, 179, 0.24) 0%, rgba(53, 208, 179, 0) 45%), var(--bg-gradient);
	--surface-glass: radial-gradient(circle at 18% 0%, rgba(31, 122, 255, 0.20) 0%, rgba(31, 122, 255, 0) 58%), radial-gradient(circle at 82% 18%, rgba(53, 208, 179, 0.18) 0%, rgba(53, 208, 179, 0) 60%), linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.52) 100%);
	--surface-glass-strong: radial-gradient(circle at 18% 0%, rgba(31, 122, 255, 0.24) 0%, rgba(31, 122, 255, 0) 60%), radial-gradient(circle at 82% 18%, rgba(53, 208, 179, 0.22) 0%, rgba(53, 208, 179, 0) 62%), linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.60) 100%);
}

body {
	background: var(--bg-gradient-soft) !important;
	background-attachment: fixed !important;
	color: var(--color-text) !important;
	font-family: 'Inter', 'Noto Sans SC', 'FZXiaoBiaoSong', "glober_regularregular", "Lucida Grande", Tahoma, Arial, sans-serif !important;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body#main_body {
	margin: 0 !important;
	padding: 20px 0 50px;
}

a:link,
a:visited {
	color: var(--color-primary);
}

#main,
.post {
	background: var(--surface-glass-strong) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-top: 1px solid var(--color-border) !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.login_page #content,
.installer_page #content {
	background: transparent !important;
}

.login_page input.text,
.installer_page input.text {
	background: rgba(255, 255, 255, 0.72) !important;
	background-image: none !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.content_header,
.content_body {
	border-radius: 8px;
}

.content_body {
	background: var(--surface-glass-strong) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.bb_button,
.bb_button:visited,
.bb_button:link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-primary) !important;
	color: var(--color-white) !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-weight: 600;
	box-shadow: 0 2px 4px rgba(38, 131, 255, 0.2);
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.bb_button:hover {
	background-color: var(--color-primary-hover) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(38, 131, 255, 0.3);
}

.bb_green,
.bb_blue,
.bb_orange,
.bb_red {
	background-color: var(--color-primary) !important;
	border-color: transparent !important;
}

.bb_green:hover,
.bb_blue:hover,
.bb_orange:hover,
.bb_red:hover {
	background-color: var(--color-primary-hover) !important;
}

#main_body {
	background: var(--bg-gradient-soft) !important;
	background-attachment: fixed !important;
	color: var(--color-text) !important;
	font-family: 'Inter', 'Noto Sans SC', "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !important;
}

#form_container {
	background: var(--surface-glass-strong) !important;
	border: 1px solid var(--color-border) !important;
	border-radius: 8px !important;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#main_body h1 {
	background: none !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}

#main_body h1 a {
	background-image: none !important;
	text-indent: 0 !important;
	height: auto !important;
	display: inline !important;
	color: var(--color-dark) !important;
	font-weight: 800;
	font-size: 28px;
	letter-spacing: -0.5px;
}

#bg.manage_forms.edit_form .post.form_editor {
	padding: 0 !important;
}

#bg.manage_forms.edit_form #main_body {
	background: #fff !important;
	background-attachment: initial !important;
	color: #000 !important;
	font-family: 'FZXiaoBiaoSong', "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !important;
	margin: 0 0 16px !important;
	text-align: left !important;
	border-radius: 0 0 7px 7px !important;
	padding: 20px !important;
	padding-top: 0 !important;
}

#bg.manage_forms.edit_form #form_container {
	background: #fff !important;
	border: 1px solid #ccc !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

#bg.manage_forms.edit_form #main_body h1 {
	border-bottom: 1px dotted #CCCCCC !important;
	margin: 0 0 15px 0 !important;
	padding: 0 0 12px 0 !important;
}

#bg.manage_forms.edit_form #main_body h1 a {
	color: #000 !important;
	font-family: 'FZXiaoBiaoSong', "glober_regularregular", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif !important;
	font-size: 170% !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
}

#bg.manage_forms.edit_form #bottom_bar {
	position: sticky !important;
	bottom: 12px !important;
	width: calc(100% - 40px) !important;
	margin: 0 auto !important;
	left: auto !important;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
	border-radius: 10px !important;
	z-index: 5000 !important;
}

#bg.manage_forms.edit_form #bottom_bar.bottom_bar_white {
	background: rgba(255, 255, 255, 0.92) !important;
}

#bg.manage_forms.edit_form #bottom_bar_content {
	margin-left: 0 !important;
}

#main_body form li label.description,
#main_body form li span.description {
	color: var(--color-dark) !important;
	font-weight: 600 !important;
}

#main_body input.text,
#main_body input.number,
#main_body input.file,
#main_body textarea.textarea,
#main_body select.select,
#main_body select {
	border: 1px solid var(--color-border) !important;
	border-radius: 6px !important;
	background-color: var(--color-white) !important;
	padding: 10px 12px !important;
}

#main_body input.text:focus,
#main_body input.number:focus,
#main_body input.file:focus,
#main_body textarea.textarea:focus,
#main_body select.select:focus,
#main_body select:focus {
	outline: none !important;
	border-color: var(--color-primary) !important;
	box-shadow: 0 0 0 3px rgba(38, 131, 255, 0.15) !important;
}

#main_body input.button_text,
#main_body .buttons input,
#main_body .buttons button,
#main_body button.bb_button {
	background-color: var(--color-primary) !important;
	color: var(--color-white) !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	padding: 12px 20px !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 4px rgba(38, 131, 255, 0.2) !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#main_body input.button_text:hover,
#main_body .buttons input:hover,
#main_body .buttons button:hover,
#main_body button.bb_button:hover {
	background-color: var(--color-primary-hover) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(38, 131, 255, 0.3) !important;
}

#footer {
	color: #889096 !important;
}

#bg {
	background: var(--bg-gradient-soft) !important;
	background-attachment: fixed !important;
}

#header {
	margin: 0 0 18px 0 !important;
	padding: 14px 0 0 0 !important;
	background-color: #7c3aed !important;
	background-image: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

#header_content {
	background: linear-gradient(135deg, rgba(124, 58, 237, 0.38), rgba(37, 99, 235, 0.38)) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 10px !important;
	box-shadow: 0 10px 28px rgba(14, 25, 45, 0.18) !important;
	padding: 10px 14px !important;
	overflow: visible !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

#entries_container {
	background: transparent !important;
}

#logo img {
	filter: none !important;
}

#header_content #header_primary a,
#header_content #header_primary a:visited,
#header_content #header_secondary a,
#header_content #header_secondary a:visited {
	color: rgba(255, 255, 255, 0.92) !important;
}

#header_content #header_primary h6,
#header_content #header_secondary h6,
#header_content .header_user_name {
	color: rgba(255, 255, 255, 0.95) !important;
}

#header_content #header_primary span,
#header_content #header_secondary span {
	color: rgba(255, 255, 255, 0.92) !important;
}

#header_primary {
	width: auto !important;
	float: none !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
}

#header_primary div {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

#header_primary a,
#header_primary a:visited {
	padding: 10px 12px !important;
	border-radius: 8px !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#header_primary a:hover {
	text-decoration: none !important;
	background: rgba(255, 255, 255, 0.14) !important;
	transform: translateY(-1px);
}

#header_primary span {
	color: rgba(255, 255, 255, 0.92) !important;
}

#header_primary h6 {
	font-family: 'Inter', 'Noto Sans SC', 'FZXiaoBiaoSong', "globersemibold", 'Trebuchet MS', 'Lucida Grande', Tahoma, Arial, sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: -0.1px;
}

#header_primary .current_page_item a {
	background: rgba(255, 255, 255, 0.18) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10) !important;
}

#header_secondary {
	width: auto !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
}

#header_secondary div {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}

#header_secondary a,
#header_secondary a:visited {
	padding: 10px 12px !important;
	border-radius: 8px !important;
}

#header_secondary a:hover {
	text-decoration: none !important;
	background: rgba(255, 255, 255, 0.14) !important;
}

.header_user_name {
	font-weight: 600 !important;
}

.content_header {
	padding-bottom: 14px !important;
}

.content_header_title h2 {
	color: var(--color-dark) !important;
	font-family: 'FZXiaoBiaoSong', "glober_regularregular", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: 800 !important;
	letter-spacing: -0.4px;
	line-height: 40px;
}

.content_header_title p {
	color: #5b677a !important;
	font-family: 'FZXiaoBiaoSong', "glober_regularregular", "Lucida Grande", Tahoma, Arial, sans-serif;
	line-height: 10px;
}

.content_body {
	padding-top: 14px !important;
}

#entries_table {
	border: 1px solid var(--color-border) !important;
	border-radius: 10px !important;
	background: var(--surface-glass-strong) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#entries_table th {
	background: rgba(255, 255, 255, 0.60) !important;
	color: var(--color-dark) !important;
	border-bottom: 1px solid var(--color-border) !important;
	font-weight: 700 !important;
}

#entries_table td {
	border-bottom: 1px solid var(--color-border) !important;
}

#entries_table tbody tr:hover td {
	background: rgba(38, 131, 255, 0.05) !important;
}

#mf_form_list li .middle_form_bar,
#mf_form_list li .bottom_form_bar {
	background: var(--surface-glass) !important;
	border-color: var(--color-border) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

#mf_form_list li .middle_form_bar:hover,
#mf_form_list .form_option:hover {
	background: rgba(38, 131, 255, 0.06) !important;
}

#mf_form_list>li,
#mf_folder_list>li {
	color: rgba(250, 250, 250, 0.86) !important;
	text-shadow: none !important;
}

#mf_form_list>li h3,
#mf_folder_list>li h3 {
	color: rgba(14, 25, 45, 0.92) !important;
	text-shadow: none !important;
	text-align: left !important;
}

.manage_forms #mf_form_list li .middle_form_bar {
	margin-top: 20px !important;
	position: relative;
	min-height: 42px;
}

.manage_forms #mf_form_list li h3 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	float: none !important;
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: calc(100% - 360px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mf_form_list .form_option a,
#mf_form_list .form_option a:visited {
	color: rgba(14, 25, 45, 0.78) !important;
	text-shadow: none !important;
}

#mf_form_list .form_option:hover a,
#mf_form_list .form_option:hover a:visited {
	color: rgba(14, 25, 45, 0.92) !important;
}

#mf_form_list .form_option span[class^="icon-"],
#mf_form_list .form_option span[class*=" icon-"],
#mf_form_list .form_option .icon-palette1 {
	color: rgba(14, 25, 45, 0.72) !important;
}

#mf_top_pane {
	background: var(--bg-gradient) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 28px rgba(14, 25, 45, 0.18) !important;
	padding: 10px 10px !important;
	height: auto !important;
	min-height: 50px !important;
	margin-top: -20px !important;
}

.manage_forms #mf_top_pane .icon-menu2,
.manage_forms #mf_top_pane .icon-sort-amount-asc,
.manage_forms #smart_folder_list .icon-cog,
.manage_forms #mf_form_list .icon-cog,
.manage_forms #mf_form_list .icon-tag {
	color: rgba(14, 25, 45, 0.72) !important;
}

#mf_filters_toggle_button,
#mf_sort_pane_button {
	background: rgba(255, 255, 255, 0.16) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 10px !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	position: relative;
	z-index: 1000;
}

#mf_filters_toggle_button:hover,
#mf_sort_pane_button:hover {
	background: rgba(255, 255, 255, 0.22) !important;
}

#mf_search_box {
	background: rgba(255, 255, 255, 0.62) !important;
	border: 1px solid rgba(255, 255, 255, 0.26) !important;
	border-radius: 12px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 1000;
}

#filter_form_input {
	background: transparent !important;
	border: none !important;
	color: rgba(14, 25, 45, 0.86) !important;
	caret-color: rgba(14, 25, 45, 0.86);
}

#mf_search_title a,
#mf_search_tag a {
	color: rgba(14, 25, 45, 0.82) !important;
}

#mf_search_title,
#mf_search_tag {
	background: rgba(255, 255, 255, 0.60) !important;
	border: 1px solid rgba(255, 255, 255, 0.26) !important;
}

a.button_primary,
a.button_primary:visited,
a.button_primary:link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background-color: var(--color-primary) !important;
	color: rgba(255, 255, 255, 0.98) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 10px !important;
	padding: 10px 12px !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	box-shadow: 0 10px 22px rgba(14, 25, 45, 0.18) !important;
}

a.button_primary:hover {
	background-color: var(--color-primary-hover) !important;
	text-decoration: none !important;
}

#button_import_form.button_primary {
	min-width: 40px;
	height: 40px;
	padding: 0 12px !important;
}

#mf_pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0;
	margin: 16px 0 0 0;
}

#mf_pagination li {
	list-style: none;
}

#mf_pagination li.page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	padding: 8px 12px;
	border-radius: 10px;
	cursor: pointer;
	user-select: none;
	background: rgba(255, 255, 255, 0.62) !important;
	border: 1px solid rgba(255, 255, 255, 0.26) !important;
	color: rgba(14, 25, 45, 0.78) !important;
	box-shadow: 0 10px 22px rgba(14, 25, 45, 0.12);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#mf_pagination li.page:hover {
	background: rgba(255, 255, 255, 0.74) !important;
	color: rgba(14, 25, 45, 0.92) !important;
}

#mf_pagination li.current_page {
	background: var(--color-primary) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
	color: rgba(255, 255, 255, 0.98) !important;
}

/* ==========================================================================
   Login/Register Page Styles - Centered Logo & Visible Background
   ========================================================================== */

.login_page #header {
	text-align: center;
	background: transparent !important;
	padding: 20px 0;
}

.login_page #logo {
	float: none !important;
	display: block !important;
	text-align: center !important;
	margin: 0 auto !important;
	width: auto !important;
}

.login_page #logo img {
	max-width: 200px;
	margin: 0 auto;
}

.login_page #main {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.login_page #container {
	background: transparent !important;
}

/* Ensure the form card itself maintains the glass effect */
.login_page .post,
.login_page .login_main,
.login_page .register_main {
	background: var(--surface-glass-strong) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 12px !important;
	box-shadow: 0 10px 28px rgba(14, 25, 45, 0.12) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* ==========================================================================
   Form Submit Button Styles - Blue Theme
   ========================================================================== */

#main_body input.button_text,
#main_body input#submit_form,
#main_body input[type="submit"].button_text,
#main_body input.button_text:link,
#main_body input.button_text:visited {
	background: var(--color-primary) !important;
	background-color: var(--color-primary) !important;
	background-image: none !important;
	color: var(--color-white) !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	padding: 12px 20px !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 4px rgba(38, 131, 255, 0.2) !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;
	text-shadow: none !important;
}

#main_body input.button_text:hover,
#main_body input#submit_form:hover,
#main_body input[type="submit"].button_text:hover,
#main_body input.button_text:focus,
#main_body input#submit_form:focus {
	background: var(--color-primary-hover) !important;
	background-color: var(--color-primary-hover) !important;
	background-image: none !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(38, 131, 255, 0.3) !important;
}

#main_body input.button_text:active,
#main_body input#submit_form:active,
#main_body input[type="submit"].button_text:active {
	transform: translateY(0);
	box-shadow: 0 2px 4px rgba(38, 131, 255, 0.2) !important;
}