@media (min-width: 0) {
	body[class*="fv_forms"] .form_menus>*:nth-child(2) {
		width: 183px;
	}
	body[class*="fv_forms"] .form_menus span {
		width: 100%;
	}
}
@media (min-width: 783px) {
    body[class*="fv_forms"] .wrap.wh-fv-form-entries {
        padding: 0 15px 15px 15px!important;
    }
}
@media screen and (min-width: 961px) {
    body[class*="fv_forms"] .wrap.wh-fv-form-entries {
        padding: 0 20px 20px 20px!important;
    }
}
@media (max-width: 600px) {
	body[class*="fv_forms"] .search-box {
		align-items: stretch;
		flex-direction: column;
	}
	body[class*="fv_forms"] .search-box .button {
		margin: 0 5px;
		width: auto;
	}
	body[class*="fv_forms"] .search-box .buttons-container {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		width: auto;
	}
	body[class*="fv_forms"] .search-box input[type="search"], body[class*="fv_forms"] .search-box select {
		width: 100%;
	}
	body[class*="fv_forms"] .tablenav .alignleft {
		width: 100%;
	}
}
@media (max-width: 782px) {
	body[class*="fv_forms"] .tablenav.top .actions {
		display: inherit;
	}
	body[class*="fv_forms"] .wrap #screen-meta-links {
    	display: none!important;
	}
}
body[class*="fv_forms"] #adv-settings>*:nth-child(1) {
    margin-bottom: 20px;
}
body[class*="fv_forms"] #screen-meta .button.button-primary {
	color: #fff;
}
body[class*="fv_forms"] #wh-fv-forms-bulk-form {
	margin-bottom: 10px;
}
body[class*="fv_forms"] #wh_fv_clear_txt_search {
	margin-bottom: 10px;
}
body[class*="fv_forms"] #wh_fv_email_search::-webkit-search-cancel-button, body[class*="fv_forms"] #wh_fv_forms_search::-webkit-search-cancel-button, body[class*="fv_forms"] #wh_fv_template_search::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
body[class*="fv_forms"] #wpbody-content .wh-fv-forms-nav-content {
	background: initial !important;
	border: none;
	padding: initial;
}
body[class*="fv_forms"] .button.button-primary {
	border: 1px solid #3858e9;
	color: #3858e9;
}
body[class*="fv_forms"] .detailsin {
    max-width: 500px;
    padding: 8px;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 4px;
}
body[class*="fv_forms"] .detailsin>p:first-child {
    margin-top: 0 !important;
}
body[class*="fv_forms"] .displaying-num {
	color: #000;
}
body[class*="fv_forms"] .form_buttons {
	display: inline-block;
}
body[class*="fv_forms"] .form_buttons .button, body[class*="fv_forms"] .wrap .button {
	background: #fff;
	margin: 0;
}
body[class*="fv_forms"] .form_buttons .button:hover, body[class*="fv_forms"] .wrap .button:hover {
	background: #f7f7f7;
}
body[class*="fv_forms"] .form_buttons input {
	padding: 0 6px;
}
body[class*="fv_forms"] .form_menu_search .form_menus input[type="search"] {
	field-sizing: content;
    width: 183px;
}
body[class*="fv_forms"] .form_menu_search .form_menus input[type="search"]:focus {
    box-shadow: none;
    border: 1px solid #949494;
}
body[class*="fv_forms"] .form_menu_search .form_menus>*:nth-child(4) {
	width: 123px;
}
body[class*="fv_forms"] .form_menus, body[class*="fv_forms"] .form_menus2 {
    overflow-x: auto;
    overflow-y: visible;
}
body[class*="fv_forms"] .form_menus input, body[class*="fv_forms"] .form_menus select, body[class*="fv_forms"] .search-box a.button {
	font-size: 14px !important;
}
body[class*="fv_forms"] .form_menus input[type="search"], body[class*="fv_forms"] .form_menus input[type="search"]::placeholder {
	color: #000 !important;
}
body[class*="fv_forms"] .form_menus label {
	display: none;
}
body[class*="fv_forms"] .form_menus span>button:nth-child(2) {
	font-size: 17px !important;
}
body[class*="fv_forms"] .form_menus>* {
	margin: 0 !important;
}
body[class*="fv_forms"] .form_rows {
	clear: both;
	color: #000;
}
body[class*="fv_forms"] .no-data {
	font-style: italic;
	padding: 20px;
	text-align: center;
}
body[class*="fv_forms"] .search-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
body[class*="fv_forms"] .search-box .button {
	flex: none;
	font-size: 16px;
	margin: 5px 0;
	max-width: 400px;
	padding: 10px;
	text-align: left;
}
body[class*="fv_forms"] .search-box input[type="search"], body[class*="fv_forms"] .search-box select {
	flex: 1 1 auto;
	font-size: 16px;
	margin: 5px 0;
	padding: 10px;
}
body[class*="fv_forms"] .tablenav {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}
body[class*="fv_forms"] .tablenav .displaying-num {
	display: none;
}
body[class*="fv_forms"] .tablenav .tablenav-pages {
	display: none !important;
}
body[class*="fv_forms"] .tablenav.bottom .actions.bulkactions, body[class*="fv_forms"] .tablenav.top .tablenav-pages, body[class*="fv_forms"] tfoot {
	display: none;
}
body[class*="fv_forms"] .tablenav.top {
	max-width: 1500px;
}
body[class*="fv_forms"] .wh-fv-builder-field-outer:hover {
	background: #f6f7f7;
}
body[class*="fv_forms"] .wh-fv-editor-search {
	margin-bottom: 10px;
	max-width: 520px;
	width: 100%;
}
body[class*="fv_forms"] .wh-fv-filter-input {
	box-sizing: border-box;
	font-size: 12px;
	height: 28px;
	padding: 5px 10px;
	width: 100%;
}
body[class*="fv_forms"] .wh-fv-filter-row-close {
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	user-select: none;
}
body[class*="fv_forms"] .wh-fv-filter-row-close:hover {
	color: #000;
}
body[class*="fv_forms"] .wh-fv-forms-wrap, body[class*="fv_forms"] .wrap>* {
	max-width: 1500px;
}
body[class*="fv_forms"] .wh-fv-pencil-icon {
	color: #0073aa;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	margin-left: 5px;
	user-select: none;
	vertical-align: middle;
}
body[class*="fv_forms"] .wh-fv-pencil-icon:hover {
	color: #005177;
}
body[class*="fv_forms"] .wh-fv-popover {
	top: 0;
}
body[class*="fv_forms"] .wh-fv-row-blocked td.column-status {
	font-weight: 500;
}
body[class*="fv_forms"] .wh-fv-sort-icon {
	color: #555;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	margin-right: 4px;
    padding: 0;
	text-decoration: none;
	vertical-align: middle;
}
body[class*="fv_forms"] .wh-fv-sort-icon:hover {
	color: #000;
}
body[class*="fv_forms"] .widefat th, body[class*="fv_forms"] .widefat thead td.check-column {
	padding: 8px;
}
body[class*="fv_forms"] .widefat thead>tr .wh-fv-filter-input {
	margin: 0;
	padding: 0 10px;
}
body[class*="fv_forms"] .widefat thead>tr:nth-child(2)>td.check-column {
	font-weight: bold;
	padding: 8px;
}
body[class*="fv_forms"] .widefat thead>tr:nth-child(2)>td.check-column>span {
	color: #000;
	font-size: 24px;
}
body[class*="fv_forms"] .widefat.striped .check-column {
	padding: 8px 10px;
	width: 2.2em;
    vertical-align: middle;
}
body[class*="fv_forms"] .wp-list-table .toggle-row:before, body[class*="fv_forms"] .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
	display: none;
}
body[class*="fv_forms"] .wp-list-table td.hidden, body[class*="fv_forms"] .wp-list-table th.hidden {
	display: none !important;
}
body[class*="fv_forms"] .wp-list-table th.column-primary~th, body[class*="fv_forms"] .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary~td:not(.check-column) {
	display: table-cell;
	padding: 8px;
}
body[class*="fv_forms"] .wrap .button, body[class*="fv_forms"] .wrap .button-primary, body[class*="fv_forms"] .wrap .button-secondary {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
body[class*="fv_forms"] .wrap .button, body[class*="fv_forms"] .wrap .button-primary, body[class*="fv_forms"] .wrap .button-secondary, body[class*="fv_forms"] .wrap .nav-tab, body[class*="fv_forms"] .wrap .page-title-action, body[class*="fv_forms"] .wrap input[type="email"], body[class*="fv_forms"] .wrap input[type="number"], body[class*="fv_forms"] .wrap input[type="search"], body[class*="fv_forms"] .wrap input[type="text"], body[class*="fv_forms"] .wrap input[type="url"], body[class*="fv_forms"] .wrap select {
	box-sizing: border-box !important;
	height: 36px !important;
	line-height: 34px !important;
	min-height: 36px !important;
	vertical-align: middle !important;
	margin: auto;
}
body[class*="fv_forms"] .wrap.wh-fv-email-templates #screen-meta-links, body[class*="fv_forms"] .wrap.wh-fv-form-builder #screen-meta-links, body[class*="fv_forms"] .wrap.wh-fv-form-templates #screen-meta-links  {
    display: none!important;
}
body[class*="fv_forms"] .wrap form>p {
	max-width: 1500px;
}
body[class*="fv_forms"] .wrap h1 {
	color: #1d2327;
	display: inline-block;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
body[class*="fv_forms"] .wrap select {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
body[class*="fv_forms"] .wrap>* {
	max-width: 1500px;
}
body[class*="fv_forms"] .wrap>details {
    margin-top: 16px;
}
body[class*="fv_forms"] .wrap>details>summary {
    max-width: fit-content;
    margin-bottom: 10px;
}
body[class*="fv_forms"] .wrap>.fheaders {
    max-width: max-content;
    width: max-content;
}
body[class*="fv_forms"] .wrap.wh-fv-form-entries #screen-meta {
    position: relative;
    width: auto;
    margin-right: 0;
}
body[class*="fv_forms"] .wrap.wh-fv-form-entries #screen-meta-links {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    text-align: right;
    z-index: 1;
}
body[class*="fv_forms"] .wrap.wh-fv-form-entries #screen-meta-links .screen-meta-toggle {
    float: right;
    margin-right: 20px;
}
body[class*="fv_forms"] .wrap.wh-fv-form-entries .screen-options,
body[class*="fv_forms"] .wrap.wh-fv-form-entries .wh-fv-plugin-scope-screen-option {
    display: inline-block;
    vertical-align: top;
}
body[class*="fv_forms"] .wrap.wh-fv-form-entries .wh-fv-plugin-scope-screen-option {
    margin-left: 30px;
}
body[class*="fv_forms"] .wrap .button a {
    text-decoration: none;
}
body[class*="fv_forms"] .wrap .button-primary {
    background: #3958e5;
}
body[class*="fv_forms"] .wrap.wh-fv-form-builder>div:last-of-type>div[data-section-content="email-templates"] {
    background: initial !important;
}
body[class*="fv_forms"] .wrap #wh-fv-builder-undo-btn {
    margin: initial !important;
}
.wrap.wh-fv-form-builder>div:last-of-type>*:nth-child(3) {
    background: #fff !important;
    min-width: 350px !important;
    border: 1px solid #cbcbcb !important;
}
.wrap.wh-fv-form-builder>div:last-of-type>*:nth-child(3) .wh-fv-sidebar-tab-panel div>button {
    background: #f5f5f5;
}
.wrap.wh-fv-form-builder>div:last-of-type>*:nth-child(3) .wh-fv-sidebar-tab-panel div>button:hover {
    background: #ffff;
}
body[class*="fv_forms"] .wrap>*:nth-child(6)>*:nth-child(3) {
	background: #fff !important;
	border: none !important;
    min-width: 300px !important;
}
body[class*="fv_forms"] input[type=checkbox] {
	height: 1rem;
	margin: 0;
	min-height: 1rem;
	width: 1rem;
}
body[class*="fv_forms"] input[type=checkbox]:checked::before {
	height: 1.3125rem;
	width: 1.3125rem;
}
body[class*="fv_forms"] input[type=radio] {
	height: 1rem;
	margin: 0;
	min-height: 1rem;
	width: 1rem;
}
body[class*="fv_forms"] table {
	border-collapse: collapse;
	display: block;
	margin-bottom: 10px;
	max-width: 1500px !important;
	overflow-x: auto;
	place-items: stretch;
	table-layout: auto;
	width: 100%;
}
body[class*="fv_forms"] table input[readonly], body[class*="fv_forms"] table input[type="text"] {
	background-color: #fff;
}
body[class*="fv_forms"] tbody td {
	color: #000;
}
body[class*="fv_forms"] tbody td.column-email, body[class*="fv_forms"] tbody td.column-external_ip {
	word-break: break-word;
}
body[class*="fv_forms"] tbody th {
	color: #000;
}
body[class*="fv_forms"] td {
	padding: 8px;
	text-align: left;
}
body[class*="fv_forms"] tfoot>tr>th>a>span:nth-child(1), body[class*="fv_forms"] thead>tr>th>a>span:nth-child(1) {
	color: #000;
}
body[class*="fv_forms"] th {
	padding: 8px;
	text-align: left;
}
body[class*="fv_forms"] th.sortable a {
	display: inline-block;
}
body[class*="fv_forms"] thead td {
	color: #000 !important;
	min-width: 39px;
}
body[class*="fv_forms"] thead th {
	color: #000 !important;
	min-width: 50px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(3) {
    min-width: 135px;
    width: 135px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(4) {
    min-width: 133px;
    width: 133px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(5) {
    min-width: 132px;
    width: 132px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(6) {
    min-width: 131px;
    width: 131px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(7) {
    min-width: 94px;
    width: 94px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(8) {
    min-width: 113px;
    width: 113px;
}
body[class*="fv_forms"] .tabletop thead th:nth-child(9) {
    min-width: 120px;
    width: 120px;
}
body[class*="fv_forms"] .tabletop .wp-list-table tr {
    display: table-row;
}
body[class*="fv_forms"] tr.wh-fv-filter-row td {
	background: #f6f7f7;
	border-bottom: 1px solid #c3c4c7;
	padding: 6px 10px;
}
body[class*="fv_forms"].wp-core-ui .button {
	background: #fff;
	margin-bottom: 0;
}
body[class*="fv_forms"].wp-core-ui .button-primary {
	background: #3958e5;
	color:#fff;
}
body[class*="fv_forms"].wp-core-ui .button-primary:hover {
	background: #4160ed !important;
}
body[class*="fv_forms"].wp-core-ui .button:hover {
	background: #f7f7f7;
}
body[class*="fv_forms"].wp-core-ui .wh-fv-sidebar-tab-btn.wh-fv-sidebar-tab-active {
	background: #ededed;
}
body[class*="fv_forms"] .wh-fv-forms-nav-content>div>.form_menu_search, body[class*="fv_forms"] #wh-fv-emails-bulk-form>div, body[class*="fv_forms"] #wh-fv-forms-bulk-form, body[class*="fv_forms"] #wh-fv-templates-bulk-form {
    gap: 5px !important;
    display: flex;
    max-width: max-content;
}
#wp-wh_fv_email_template_content-editor-container #wh_fv_email_template_content_ifr, #wp-wh_fv_email_template_content-editor-container textarea.wp-editor-area {
    height: 371px !important;
}
#screen-meta-links {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    z-index: 100;
}
.wh-fv-color-picker-wrap input.wh-fv-color-hex-visible {
    margin-left: 5px !important;
}
body.wh-fv-sidebar-dark-mode #wpbody-content #wh-fv-forms .fheaders button a {
    color: #000 !important;
}
.form-validation_page_fv_forms #wpbody .wh-fv-forms-nav-content > div[data-section-content="quiz-entries"] {
    background: initial !important;
    border: none !important;
    padding: initial;
}
#wh-fv-builder-canvas .wh-fv-builder-field-outer.wh-fv-drop-before {
    border-top: 3px solid #2271b1 !important;
}
#wh-fv-builder-canvas .wh-fv-builder-field-outer.wh-fv-drop-after {
    border-bottom: 3px solid #2271b1 !important;
}
#wh-fv-builder-canvas .wh-fv-builder-field-outer.wh-fv-drop-pair-left {
    border-left: 3px solid #2271b1 !important;
}
#wh-fv-builder-canvas .wh-fv-builder-field-outer.wh-fv-drop-pair-right {
    border-right: 3px solid #2271b1 !important;
}
table.emails th .wh-fv-pencil-icon {
    opacity: 0;
    cursor: pointer;
    margin-left: 4px;
    transition: opacity 0.1s;
}
table.emails th:hover .wh-fv-pencil-icon,
table.emails th .wh-fv-pencil-icon:focus,
table.emails th .wh-fv-pencil-icon.wh-fv-filter-row-open {
    opacity: 1;
}
table.emails th a.wh-fv-sort-icon {
    color: inherit;
    text-decoration: none;
}
table.emails th a.wh-fv-sort-icon:hover {
    text-decoration: underline;
}
.wh-fv-quiz-timer-warning {
    background: #fbeaea !important;
    border-color: #b32d2e !important;
    color: #b32d2e;
}
.wh-fv-study-guide-answer { margin-top: 8px; }
.wh-fv-study-guide-text {
    background: #f6f7f7;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    padding: 8px 10px;
}
.wh-fv-multiselect-native { display: none !important; }
.wh-fv-multiselect-wrap { position: relative; }
.wh-fv-multiselect-control {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        min-height: 38px;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 32px 6px 8px;
        border: 1px solid #dcdcde;
        border-radius: 6px;
        background: #fff;
        cursor: text;
        position: relative;
    }
.wh-fv-multiselect-control:focus-within {
        border-color: #2271b1;
        box-shadow: 0 0 0 1px #2271b1;
    }
.wh-fv-multiselect-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #2c3338;
        color: #fff;
        border-radius: 999px;
        padding: 3px 6px 3px 12px;
        font-size: 13px;
        line-height: 1.4;
        white-space: nowrap;
    }
.wh-fv-multiselect-chip button {
        background: transparent;
        border: none;
        border-left: 1px solid rgba(255,255,255,0.35);
        color: #fff;
        cursor: pointer;
        padding: 0 6px 0 8px;
        font-size: 13px;
        line-height: 1;
    }
.wh-fv-multiselect-chip button:hover {
        color: #f0b3b3;
    }
.wh-fv-multiselect-caret {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #646970;
        pointer-events: none;
        font-size: 11px;
        transition: transform 0.15s ease;
    }
.wh-fv-multiselect-wrap.wh-fv-multiselect-open .wh-fv-multiselect-caret {
        transform: translateY(-50%) rotate(180deg);
    }
.wh-fv-multiselect-dropdown {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: 4px;
        background: #f6f7f7;
        border: 1px solid #dcdcde;
        border-radius: 6px;
        max-height: 220px;
        overflow-y: auto;
        z-index: 10;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
.wh-fv-multiselect-wrap.wh-fv-multiselect-open .wh-fv-multiselect-dropdown {
        display: block;
    }
.wh-fv-multiselect-option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 14px;
        color: #2271b1;
    }
.wh-fv-multiselect-option:hover {
        background: #e5e5e5;
    }
.wh-fv-multiselect-option-hint {
        color: #8c8f94;
        font-size: 12px;
        white-space: nowrap;
    }
.wh-fv-multiselect-empty {
        padding: 8px 12px;
        color: #8c8f94;
        font-size: 13px;
    }
.fvcform {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.08);
        padding: 28px 28px 24px;
        max-width: 720px;
    }
.fvcform.wh-fv-conv-form {
        max-width: 560px;
    }
.fvcform .wh-fv-form-row {
        margin-bottom: 18px;
    }
.fvcform .wh-fv-form-row:last-of-type {
        margin-bottom: 0;
    }
.fvcform input[type="text"],
    .fvcform input[type="email"],
    .fvcform input[type="url"],
    .fvcform input[type="tel"],
    .fvcform input[type="number"],
    .fvcform input[type="datetime-local"],
    .fvcform select,
    .fvcform textarea {
        border-radius: 10px !important;
        border: 1px solid #dcdcde !important;
        padding: 10px 12px !important;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
    }
.fvcform input[type="text"]:focus,
    .fvcform input[type="email"]:focus,
    .fvcform input[type="url"]:focus,
    .fvcform input[type="tel"]:focus,
    .fvcform input[type="number"]:focus,
    .fvcform input[type="datetime-local"]:focus,
    .fvcform select:focus,
    .fvcform textarea:focus {
        border-color: #2271b1 !important;
        box-shadow: 0 0 0 3px rgba(34,113,177,0.15) !important;
        outline: none;
    }
.fvcform input[type="submit"] {
        border-radius: 999px !important;
        padding: 8px 24px !important;
        height: auto !important;
        font-weight: 600;
        box-shadow: 0 2px 8px rgba(34,113,177,0.35);
    }
.wh-fv-conv-progress-track { background:rgba(0,0,0,0.08); border-radius:999px; height:6px; overflow:hidden; margin-bottom:6px; }
.wh-fv-conv-progress-fill { background:linear-gradient(90deg,#2271b1,#4f9de0); height:100%; border-radius:999px; transition:width 0.35s ease; }
.wh-fv-conv-step-label { font-size:12px; color:#646970; margin:0 0 18px; text-transform:uppercase; letter-spacing:0.06em; font-weight:600; }
.wh-fv-conv-page { animation: wh-fv-conv-fade-in 0.35s ease; }
@keyframes wh-fv-conv-fade-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.wh-fv-conv-nav { display:flex; justify-content:space-between; align-items:center; margin-top:20px; gap:10px; }
.wh-fv-conv-nav .button { border-radius:999px !important; padding:6px 20px !important; height:auto !important; font-weight:600; }
.wh-fv-conv-next-btn, .wh-fv-conv-page[data-page-index] input[type="submit"] { box-shadow:0 2px 8px rgba(34,113,177,0.35); }
.wh-fv-conv-next-btn[disabled], .wh-fv-conv-page input[type="submit"][disabled] { opacity:0.6; cursor:wait; box-shadow:none; }
@media print {
    body * { visibility: hidden; }
    .wh-fv-quiz-results, .wh-fv-quiz-results * { visibility: visible; }
    .wh-fv-quiz-results {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        border: none !important;
        box-shadow: none !important;
    }
    .wh-fv-quiz-print-btn { display: none !important; }
}

/* The plugin's own pagination (wh_fv_render_pagination(), media.php) on
   Forms, Quiz Entries, Form Entries and the Email log shows — only the
   WordPress list table's built-in one stays hidden above. */
body[class*="fv_forms"] .tablenav.wh-fv-pages .tablenav-pages {
	display: block !important;
}
body[class*="fv_forms"] .tablenav.wh-fv-pages .displaying-num {
	display: inline !important;
}

/* =============================================================================
 * FORMS CREATOR — THE STUDIO LAYOUT (includes/forms-creator4.php)
 * The same look as the Newsletter Creator's Create Newsletter and the Image
 * Creator: top bar · tool rail + its panel · the form · the side panel.
 * Light / Dark follows html.wh-fv-img-light / -dark (the Image Creator's
 * switch), or the plugin's own dark mode.
 * ============================================================================= */
html.wh-fv-fcs-open, html.wh-fv-fcs-open body { overflow: hidden; }
html.wh-fv-fcs-open #wpadminbar { display: none; }
html.wh-fv-fcs-open.wp-toolbar { padding-top: 0; }
.fcs-moved { display: none !important; }

.wh-fv-fcs {
    --fcs-bg: #ffffff; --fcs-soft: #f6f7f7; --fcs-line: #e2e4e7; --fcs-text: #1d2327; --fcs-mute: #646970; --fcs-stage: #c9cbcf;
    position: fixed; inset: 0; z-index: 99990; display: flex; flex-direction: column; background: var(--fcs-stage); color: var(--fcs-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 13px; line-height: 1.45;
}
body.wh-fv-sidebar-dark-mode .wh-fv-fcs,
html.wh-fv-img-dark .wh-fv-fcs { --fcs-bg: #23282d; --fcs-soft: #2c3338; --fcs-line: #3c434a; --fcs-text: #f0f0f1; --fcs-mute: #a7aaad; --fcs-stage: #16191c; }
html.wh-fv-img-light .wh-fv-fcs { --fcs-bg: #ffffff; --fcs-soft: #f6f7f7; --fcs-line: #e2e4e7; --fcs-text: #1d2327; --fcs-mute: #646970; --fcs-stage: #c9cbcf; }

/* Top bar */
.fcs-top { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 12px 0 16px; background: var(--fcs-bg); border-bottom: 1px solid var(--fcs-line); overflow-x: auto; }
.fcs-title { font-size: 16px; font-weight: 700; margin-right: 8px; white-space: nowrap; }
.fcs-find { position: relative; display: flex; align-items: center; gap: 6px; width: 240px; flex: 0 0 auto; height: 32px; padding: 0 8px; border: 1px solid var(--fcs-line); border-radius: 8px; background: var(--fcs-bg); }
.fcs-find .dashicons { color: var(--fcs-mute); font-size: 16px; width: 16px; height: 16px; }
.fcs-find input[type=search] { flex: 1; min-width: 0; border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0; min-height: 0; height: 28px; color: var(--fcs-text); outline: none; }
.fcs-find kbd { font-size: 10px; padding: 1px 5px; border: 1px solid var(--fcs-line); border-radius: 4px; background: var(--fcs-soft); color: var(--fcs-mute); }
.fcs-find-list { position: fixed; z-index: 99995; width: 300px; max-height: 60vh; overflow: auto; padding: 6px; background: var(--fcs-bg); border: 1px solid var(--fcs-line); border-radius: 10px; box-shadow: 0 12px 32px rgba(0,0,0,.18); }
.fcs-find-list[hidden] { display: none; }
.fcs-find-hit { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 7px; background: transparent; color: var(--fcs-text); text-align: left; cursor: pointer; font: inherit; }
.fcs-find-hit small { margin-left: auto; color: var(--fcs-mute); }
.fcs-find-hit .dashicons { color: var(--a1); font-size: 17px; width: 17px; height: 17px; }
.fcs-find-hit.is-on, .fcs-find-hit:hover { background: var(--fcs-soft); }
.fcs-find-none { margin: 6px 8px; color: var(--fcs-mute); }
.fcs-sep { width: 1px; height: 22px; background: var(--fcs-line); margin: 0 4px; flex: 0 0 auto; }
.fcs-grow { flex: 1 1 auto; }
.fcs-ico { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--fcs-mute) !important; cursor: pointer; text-decoration: none; font-size: 17px; }
.fcs-ico:hover { background: var(--fcs-soft); color: var(--fcs-text) !important; }
.fcs-ico.is-on { color: var(--a1) !important; border-color: var(--fcs-line); background: var(--fcs-soft); }
.fcs-close .dashicons { font-size: 22px; width: 22px; height: 22px; }
.wh-fv-fcs .fcs-btn { display: inline-flex; align-items: center; gap: 5px; height: 32px; min-height: 0; flex: 0 0 auto; margin: 0; padding: 0 12px; border: 1px solid var(--fcs-line); border-radius: 8px; background: var(--fcs-bg); color: var(--fcs-text) !important; cursor: pointer; font: inherit; font-weight: 600; white-space: nowrap; text-decoration: none; box-shadow: none; line-height: 1; }
.wh-fv-fcs .fcs-btn:hover { border-color: var(--a1); }
.wh-fv-fcs .fcs-btn:disabled { opacity: .45; cursor: default; border-color: var(--fcs-line); }
.wh-fv-fcs .fcs-btn-quiet { font-weight: 500; }
.wh-fv-fcs .fcs-btn .dashicons, .wh-fv-fcs .fcs-btn svg { font-size: 16px; width: 16px; height: 16px; }
.fcs-slot { display: inline-flex; }
.fcs-saved { margin-left: 6px; color: var(--fcs-mute); white-space: nowrap; }
.fcs-zoomval { min-width: 44px; text-align: center; color: var(--fcs-mute); cursor: pointer; border-radius: 6px; padding: 4px 2px; font-variant-numeric: tabular-nums; }
.fcs-zoomval:hover { background: var(--fcs-soft); color: var(--fcs-text); }

/* Body */
.fcs-body { flex: 1 1 auto; min-height: 0; display: flex; position: relative; }
.fcs-rail { flex: 0 0 64px; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 0; background: var(--fcs-bg); border-right: 1px solid var(--fcs-line); overflow-y: auto; }
.fcs-rail-btn { display: flex; align-items: center; justify-content: center; width: 46px; height: 42px; flex: 0 0 auto; padding: 0; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--fcs-mute) !important; cursor: pointer; text-decoration: none; }
.fcs-rail-btn svg { display: block; }
.fcs-rail-btn:hover { background: var(--fcs-soft); color: var(--fcs-text) !important; }
.fcs-rail-btn.is-on { background: linear-gradient(135deg, var(--a1), var(--a2)); color: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.fcs-rail-btn.is-open { border-color: var(--a1); color: var(--a1) !important; background: color-mix(in srgb, var(--a1) 10%, transparent); }
.fcs-rail-new { border-color: var(--fcs-line); background: var(--fcs-soft); }
.fcs-rail-sep { width: 34px; height: 1px; background: var(--fcs-line); margin: 6px 0; flex: 0 0 auto; }
.fcs-rail-grow { flex: 1 1 auto; min-height: 8px; }
.fcs-swatches { position: relative; width: 46px; height: 46px; flex: 0 0 auto; margin: 4px 0 2px; }
.fcs-sw { position: absolute; width: 26px; height: 26px; padding: 0; border: 2px solid var(--fcs-bg); border-radius: 6px; box-shadow: 0 0 0 1px var(--fcs-line); cursor: pointer; }
.fcs-sw-1 { left: 2px; top: 2px; z-index: 2; }
.fcs-sw-2 { right: 2px; bottom: 2px; }
.fcs-sw-swap { position: absolute; right: -2px; top: -4px; border: 0; background: transparent; color: var(--fcs-mute); font-size: 12px; cursor: pointer; padding: 0; line-height: 1; }
.fcs-sw-reset { position: absolute; left: 0; bottom: 0; width: 11px; height: 11px; padding: 0; border: 1px solid var(--fcs-mute); background: linear-gradient(135deg, #000 50%, #fff 50%); cursor: pointer; }
/* The rail widened to show the tools' names (its top button), as in the Image Creator. */
.fcs-rail-name, .fcs-rail-sec { display: none; }
.fcs-rail.fcs-wide { flex-basis: 168px; align-items: stretch; padding: 10px 8px; }
.fcs-rail.fcs-wide .fcs-rail-btn { width: auto; height: 38px; justify-content: flex-start; gap: 10px; padding: 0 10px; }
.fcs-rail.fcs-wide .fcs-rail-btn svg { flex: 0 0 20px; }
.fcs-rail.fcs-wide .fcs-rail-wide { justify-content: center; }
.fcs-rail.fcs-wide .fcs-rail-name { display: inline; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.fcs-rail.fcs-wide .fcs-rail-sep { display: none; }
.fcs-rail.fcs-wide .fcs-rail-sec { display: block; margin: 8px 6px 2px; color: var(--fcs-mute); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.fcs-rail.fcs-wide .fcs-swatches { align-self: flex-start; margin-left: 10px; }
/* Both panel buttons, the Image Creator's icon: the pane filled while that side is open. */
.fcs-pane-fill { fill: none; transition: fill .15s; }
.fcs-rail.fcs-wide .fcs-rail-wide .fcs-pane-fill, .fcs-side-btn[aria-pressed=true] .fcs-pane-fill { fill: currentColor; fill-opacity: .55; }
.fcs-side-btn svg { display: block; }

.fcs-panel { flex: 0 0 320px; width: 320px; display: flex; flex-direction: column; background: var(--fcs-bg); border-right: 1px solid var(--fcs-line); min-height: 0; }
.fcs-left-closed .fcs-panel { display: none; }
.fcs-panel-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 10px 10px 16px; border-bottom: 1px solid var(--fcs-line); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.fcs-panel-body { flex: 1; overflow-y: auto; padding: 14px 16px 24px; }
.fcs-pane[hidden] { display: none; }
.fcs-small { margin: 0 0 10px; color: var(--fcs-mute); font-size: 12.5px; }
.fcs-pal-group { margin: 12px 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--fcs-mute); }
.fcs-palette { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.fcs-palette .fcs-pal-group { grid-column: 1 / -1; margin: 6px 0 -2px; }
.fcs-palette .fcs-pal-group:first-child { margin-top: 0; }
.wh-fv-fcs .fcs-pal { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 64px; height: auto; margin: 0; padding: 10px 6px; border: 1px solid var(--fcs-line); border-radius: 10px; background: var(--fcs-bg); color: var(--fcs-text); cursor: grab; font: inherit; font-size: 12px; font-weight: 600; line-height: 1.25; text-align: center; white-space: normal; box-shadow: none; }
.wh-fv-fcs .fcs-pal .dashicons { color: var(--a1); font-size: 22px; width: 22px; height: 22px; }
.wh-fv-fcs .fcs-pal:hover { border-color: var(--a1); transform: translateY(-1px); }
[data-fcs-slot="container"] details > summary { display: none; }
[data-fcs-slot="container"] .wh-fv-container-btn { width: 100%; margin: 0 0 8px; justify-content: center; height: 40px; }
.fcs-extra { margin-top: 18px; padding-top: 6px; border-top: 1px solid var(--fcs-line); }
.fcs-extra input[type=text] { width: 100% !important; margin-bottom: 6px; }

/* The builder's own panels, always shown where they now sit */
.wh-fv-fcs .wh-fv-sidebar-tab-panel { display: block !important; }
.wh-fv-fcs .wh-fv-form-settings-body > div, .wh-fv-fcs .wh-fv-form-settings-body > details { background: var(--fcs-soft) !important; border-color: var(--fcs-line) !important; color: var(--fcs-text); }
.wh-fv-fcs .wh-fv-form-settings-body > div[style*="display:flex"] { flex-direction: column; background: transparent !important; }
.wh-fv-fcs [data-editform-tab] { color: var(--fcs-text); }
.wh-fv-fcs .wh-fv-editform-tab-active { border-bottom-color: var(--a1) !important; }

/* Form controls inside the panels */
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is(input[type=text], input[type=email], input[type=url], input[type=number], input[type=search], input[type=password], select, textarea) { max-width: 100%; background: var(--fcs-bg); color: var(--fcs-text); border: 1px solid var(--fcs-line); border-radius: 6px; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is(input, select, textarea):focus { border-color: var(--a1); box-shadow: 0 0 0 1px var(--a1); outline: none; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) .button { background: var(--fcs-soft); color: var(--fcs-text); border-color: var(--fcs-line); border-radius: 6px; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) .button:hover { border-color: var(--a1); color: var(--fcs-text); }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) .button-primary { background: linear-gradient(135deg, var(--a1), var(--a2)); color: #fff; border-color: transparent; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is(.description, small, legend) { color: var(--fcs-mute); }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is(label, summary, h2, h3, h4, p, strong) { color: var(--fcs-text); }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) fieldset { border-color: var(--fcs-line); }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) a { color: var(--a1); }

/* Stage: the form on a page */
.fcs-stage { position: relative; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.fcs-scroll { flex: 1 1 auto; overflow: auto; padding: 28px 24px 80px; }
.fcs-banner:empty { display: none; }
.fcs-banner { max-width: 760px; margin: 0 auto 14px; }
.fcs-page { width: 760px; max-width: 100%; margin: 0 auto; padding: 28px 32px 36px; background: #fff; color: #1d2327; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 6px 22px rgba(0,0,0,.12); transition: width .2s; box-sizing: border-box; }
.fcs-page.is-mobile { width: 375px; padding: 18px 16px 24px; }
.fcs-page.is-mobile .wh-fv-builder-row { flex-direction: column; }
.fcs-msg { position: absolute; z-index: 4; top: 12px; left: 50%; transform: translateX(-50%); max-width: 80%; padding: 10px 14px; border-radius: 8px; background: #ecfdf5; color: #1d2327; font-weight: 600; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.fcs-msg[hidden] { display: none; }
.fcs-mode-hand .fcs-scroll { cursor: grab; }
.fcs-mode-hand.fcs-panning .fcs-scroll { cursor: grabbing; user-select: none; }
.fcs-mode-zoom .fcs-scroll { cursor: zoom-in; }
.fcs-mode-hand .fcs-page *, .fcs-mode-zoom .fcs-page * { pointer-events: none; }

/* Right side panel */
.fcs-right { flex: 0 0 320px; width: 320px; display: flex; flex-direction: column; background: var(--fcs-bg); border-left: 1px solid var(--fcs-line); min-height: 0; }
.fcs-right-closed .fcs-right { display: none; }
.fcs-right-scroll { flex: 1; overflow-y: auto; padding: 8px 16px 16px; }
.fcs-sec { border-bottom: 1px solid var(--fcs-line); padding: 10px 0; }
.fcs-sec > summary { cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--fcs-text); list-style: none; display: flex; align-items: center; gap: 6px; }
.fcs-sec > summary::-webkit-details-marker { display: none; }
.fcs-sec > summary::before { content: "▸"; font-size: 10px; color: var(--fcs-mute); transition: transform .15s; }
.fcs-sec[open] > summary::before { transform: rotate(90deg); }
.fcs-sec[open] > summary { margin-bottom: 10px; }
.fcs-sec [data-fcs-sec-body] > .fcs-pane { display: block; }
.fcs-name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; }
.fcs-name #wh-fv-builder-title-edit-wrap { flex-wrap: wrap; }
.fcs-name #wh-fv-builder-title-input { min-width: 0 !important; width: 100%; }
.fcs-info { display: grid; grid-template-columns: 92px 1fr; gap: 7px 10px; margin: 0; align-items: center; }
.fcs-info dt { font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--fcs-mute); }
.fcs-info dd { margin: 0; min-width: 0; word-break: break-word; display: flex; align-items: center; gap: 8px; }
.fcs-info [hidden] { display: none !important; }
.fcs-info input[type=text] { width: 100% !important; font-family: Consolas, Menlo, monospace; font-size: 11.5px !important; }
.fcs-layers { display: flex; flex-direction: column; gap: 4px; }
.fcs-layer { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 8px; border: 1px solid var(--fcs-line); border-radius: 8px; background: var(--fcs-bg); color: var(--fcs-text); cursor: pointer; text-align: left; font: inherit; }
.fcs-layer:hover { border-color: var(--a1); }
.fcs-layer.is-sel { border-color: var(--a1); box-shadow: 0 0 0 1px var(--a1) inset; }
.fcs-layer-n { flex: 0 0 22px; height: 22px; border-radius: 6px; background: var(--fcs-soft); color: var(--fcs-mute); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.fcs-layer-name { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fcs-layer-name b { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fcs-layer-name small { color: var(--fcs-mute); }
.fcs-zoom-row { display: flex; align-items: center; gap: 8px; }
.fcs-zoom-row input[type=range] { flex: 1; }
.fcs-zoom-btns, .fcs-copyrow { display: flex; gap: 6px; margin: 10px 0; }
.fcs-colors-pick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.fcs-colors-pick label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; }
.fcs-colors-pick input[type=color] { width: 100%; height: 34px; }
.fcs-actions { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px 14px; border-top: 1px solid var(--fcs-line); background: var(--fcs-bg); }
.fcs-act-slot { display: contents; }
.wh-fv-fcs .fcs-act { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex: 1 1 calc(50% - 6px); height: 34px; margin: 0; padding: 0 10px; border: 1px solid var(--fcs-line); border-radius: 8px; background: var(--fcs-soft); color: var(--fcs-text) !important; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; white-space: nowrap; box-shadow: none; line-height: 1; }
.wh-fv-fcs .fcs-act:hover { border-color: var(--a1); }
.wh-fv-fcs .fcs-act-main { background: linear-gradient(135deg, var(--a1), var(--a2)); border-color: transparent; color: #fff !important; }
.wh-fv-fcs .fcs-act-del { color: #b32d2e !important; }
.wh-fv-fcs .fcs-act-del.is-off { opacity: .5; cursor: not-allowed; }
.wh-fv-fcs .fcs-act-cancel { flex: 1 1 100%; background: transparent; }

@media (max-width: 1200px) {
    .fcs-panel, .fcs-right { flex-basis: 280px; width: 280px; }
    .fcs-find { width: 180px; }
}
@media (max-width: 900px) {
    .fcs-panel { position: absolute; z-index: 6; left: 64px; top: 0; bottom: 0; box-shadow: 8px 0 24px rgba(0,0,0,.18); }
    .fcs-rail.fcs-wide ~ .fcs-panel { left: 168px; }
    .fcs-right { position: absolute; z-index: 6; right: 0; top: 0; bottom: 0; box-shadow: -8px 0 24px rgba(0,0,0,.18); }
}

/* The builder's own boxes and tabs set their colors inline: follow Light / Dark here. */
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is([style*="background:#fff"], [style*="background: #fff"], [style*="background:#ffffff"], [style*="background:#f6f7f7"], [style*="background: #f6f7f7"], [style*="background:#f0f0f1"]) { background: var(--fcs-soft) !important; border-color: var(--fcs-line) !important; color: var(--fcs-text); }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) button[style*="background:none"] { color: var(--fcs-text) !important; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) [style*="color:#646970"], .wh-fv-fcs :is(.fcs-panel, .fcs-right) [style*="color: #646970"] { color: var(--fcs-mute) !important; }
.wh-fv-fcs :is(.fcs-panel, .fcs-right) :is([style*="border-bottom:1px solid #dcdcde"], [style*="border-top:1px solid #dcdcde"]) { border-color: var(--fcs-line) !important; }
.wh-fv-fcs .fcs-panel .notice { background: var(--fcs-soft); color: var(--fcs-text); border-left-color: #dba617; margin: 0 0 12px; }

/* The X's question — Save, Save Copy, Exit without Saving, Keep Editing (the Image Creator's). */
.fcs-ask { position: fixed; inset: 0; z-index: 99996; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); }
.fcs-ask[hidden] { display: none; }
.fcs-ask-box { max-width: 440px; padding: 18px 20px; border-radius: 8px; background: #ffffff; color: #1d2327; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.fcs-ask-box p { margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
.fcs-ask-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.wh-fv-fcs .fcs-ask-btn { margin: 0; padding: 5px 10px; border: 1px solid #8c8f94; border-radius: 3px; background: #ffffff; color: #1d2327; cursor: pointer; font-size: 13px; line-height: 1.4; }
.wh-fv-fcs .fcs-ask-btn:hover { background: #f0f0f1; }
.wh-fv-fcs .fcs-ask-btn:disabled { cursor: not-allowed; opacity: .45; }
.wh-fv-fcs .fcs-ask-main { background: #2271b1; border-color: #2271b1; color: #ffffff; font-weight: 600; }
.wh-fv-fcs .fcs-ask-main:hover { background: #135e96; border-color: #135e96; }
body.wh-fv-sidebar-dark-mode .fcs-ask-box, html.wh-fv-img-dark .fcs-ask-box { background: #2c3338; color: #f0f0f1; }
body.wh-fv-sidebar-dark-mode .wh-fv-fcs .fcs-ask-btn, html.wh-fv-img-dark .wh-fv-fcs .fcs-ask-btn { background: #3c434a; border-color: #50575e; color: #ffffff; }
body.wh-fv-sidebar-dark-mode .wh-fv-fcs .fcs-ask-btn:hover, html.wh-fv-img-dark .wh-fv-fcs .fcs-ask-btn:hover { background: #50575e; }
body.wh-fv-sidebar-dark-mode .wh-fv-fcs .fcs-ask-main, html.wh-fv-img-dark .wh-fv-fcs .fcs-ask-main { background: #2271b1; border-color: #2271b1; }
html.wh-fv-img-light .fcs-ask-box { background: #ffffff; color: #1d2327; }
html.wh-fv-img-light .wh-fv-fcs .fcs-ask-btn { background: #ffffff; border-color: #8c8f94; color: #1d2327; }
html.wh-fv-img-light .wh-fv-fcs .fcs-ask-btn:hover { background: #f0f0f1; }
html.wh-fv-img-light .wh-fv-fcs .fcs-ask-main { background: #2271b1; border-color: #2271b1; color: #ffffff; }
html.wh-fv-img-light .wh-fv-fcs .fcs-ask-main:hover { background: #135e96; border-color: #135e96; }

/* Phones (as the Image Creator, creators-common6.php): the X stays at the top right; the tools in one row across the
   top that slides sideways; then the open menu, the form, and the side panel below it — each scrolling on its own. */
@media (max-width: 782px) {
    .wh-fv-fcs .fcs-top { position: relative; flex-wrap: wrap; gap: 6px 8px; min-height: 0; padding: 8px 52px 8px 10px; overflow: visible; }
    .fcs-title { font-size: 14px; margin-right: 0; }
    .fcs-close { position: absolute; top: 8px; right: 10px; }
    .fcs-sep, .fcs-grow, .fcs-saved { display: none; }
    .fcs-find { order: 4; flex: 1 1 100%; width: 100%; }
    .wh-fv-fcs .fcs-top .fcs-btn { height: 30px; padding: 0 10px; }

    .fcs-body { flex-direction: column; }
    .fcs-rail, .fcs-rail.fcs-wide { flex: 0 0 auto; flex-direction: row; align-items: center; gap: 2px; width: 100%; min-height: 50px; padding: 5px 8px; border-right: 0; border-bottom: 1px solid var(--fcs-line); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
    .fcs-rail-wide, .fcs-rail-sec, .fcs-rail-name, .fcs-rail-grow { display: none !important; }
    .fcs-rail-btn, .fcs-rail.fcs-wide .fcs-rail-btn { flex: 0 0 40px; width: 40px; height: 40px; padding: 0; justify-content: center; }
    .fcs-rail-sep, .fcs-rail.fcs-wide .fcs-rail-sep { display: block; align-self: center; flex: 0 0 1px; width: 1px; height: 24px; margin: 0 4px; }
    .fcs-swatches, .fcs-rail.fcs-wide .fcs-swatches { align-self: center; flex: 0 0 44px; width: 44px; height: 38px; margin: 0 6px 0 4px; }
    .fcs-sw { width: 22px; height: 22px; }

    .fcs-panel, .fcs-rail.fcs-wide ~ .fcs-panel { position: static; left: auto; flex: 0 0 auto; width: 100%; max-height: 28vh; border-right: 0; border-bottom: 1px solid var(--fcs-line); box-shadow: none; }
    .fcs-stage { flex: 1 1 auto; min-height: 180px; }
    .fcs-scroll { padding: 14px 10px 40px; }
    .fcs-page { padding: 18px 16px 24px; }
    .fcs-right { position: static; flex: 0 0 auto; width: 100%; max-height: 38vh; border-left: 0; border-top: 1px solid var(--fcs-line); box-shadow: none; }
}

/* iPads (783–1194px wide), as the Image Creator (creators-common6.php): the side panel slides in over the form from the
   right, hidden until its button opens it (fcs-side-open — includes/forms-creator4.php). */
@media (min-width: 783px) and (max-width: 1194px) {
    .fcs-right { position: absolute; z-index: 7; top: 0; right: 0; bottom: 0; flex-basis: auto; width: 320px; max-width: 88vw; box-shadow: -8px 0 24px rgba(0,0,0,.35); transform: translateX(105%); transition: transform .2s ease, visibility 0s linear .2s; visibility: hidden; }
    .fcs-side-open .fcs-right { transform: none; transition: transform .2s ease, visibility 0s; visibility: visible; }
}