/* Modernized Admin Layout Styles */
.zted_admin_layout {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #1e293b;
    max-width: 1400px;
}
.zted_settings_split_container {
    display: flex;
    gap: 30px;
    margin-top: 25px;
    align-items: flex-start;
}
.zted_settings_left_form {
    flex: 1 1 65%;
    min-width: 0;
}
.zted_settings_right_preview {
    flex: 0 0 420px;
    position: sticky;
    top: 50px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    padding: 24px;
    box-sizing: border-box;
    transition: all 200ms ease;
}
.zted_settings_right_preview h3 {
    margin-top: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
    color: #0f172a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.zted_live_preview_box {
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #ffffff;
    box-shadow: none !important;
    transition: all 200ms ease;
}
.zted_tab h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 10px 0;
    color: #0f172a;
    letter-spacing: -0.02em;
}
.zted_tab h2:first-of-type {
    margin-top: 10px;
}
.zted_d p {
    font-size: 13px;
    color: #64748b;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.6;
}
/* Unified Card Design for Form Sections */
.zted_dashboard_details {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.01), 0 1px 2px rgba(0,0,0,0.02);
}
.donation-section {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.zted_dashboard_details li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; /* Consistently align fields to the start */
    gap: 30px;
    border-bottom: 1px solid #f1f5f9;
    padding: 16px 0 !important;
    margin: 0 !important;
    width: 100%;
}
.zted_dashboard_details li:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}
.zted_dashboard_details li:first-child {
    padding-top: 0 !important;
}
.zted_dashboard_details li h4 {
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    margin: 0;
    width: 250px !important;
    flex: 0 0 250px !important; /* Fixed width for labels */
    display: flex;
    align-items: center;
    gap: 6px;
    text-align: left;
}
/* Align wrapper containers and inline fields consistently */
.zted_dashboard_details li :is(input[type="text"], input[type="number"], select, textarea, .zted_donation_select_wrapper, .zted_donation_campaign_portionsale_wrapper, .zted_donation_switch, .zted_donation_portion_sale) {
    flex: 0 1 500px !important; /* Set input controls to take up to 500px width */
    max-width: 500px !important;
    width: 100% !important;
    box-sizing: border-box;
}
/* Special exception for checkbox alignment */
.zted_dashboard_details li .zted_donation_switch {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.zted_dashboard_details li .zted_donation_switch input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
}
.zted_dashboard_details li .zted_donation_switch label {
    flex: 1 1 auto !important;
    width: auto !important;
}
.zted_donation_portion_sale input[type="number"] {
    max-width: 100% !important;
    width: 100% !important;
}
/* Fields Styling */
.zted_admin_layout input[type="text"],
.zted_admin_layout input[type="number"],
.zted_admin_layout select,
.zted_admin_layout textarea {
    width: 100%;
    max-width: 500px !important;
    min-height: 40px;
    padding: 10px 14px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff;
    color: #1e293b;
    font-size: 14px;
    transition: all 180ms ease;
    box-shadow: none !important;
}
.zted_admin_layout input[type="text"]:focus,
.zted_admin_layout input[type="number"]:focus,
.zted_admin_layout select:focus,
.zted_admin_layout textarea:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12) !important;
    outline: none !important;
}
.zted_admin_layout textarea {
    min-height: 90px;
}
/* Switched/Toggle Design */
.zted_donation_switch {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}
.zted_donation_switch label {
    font-size: 13px;
    color: #475569;
    cursor: pointer;
}
.zted_donation_switch input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    cursor: pointer;
}
/* Hide old Switch elements if present */
.zted_donation_switch-label, .zted_donation_switch-inner, .zted_donation_switch-switch {
    display: none !important;
}
/* Presets Container styling */
.zted_presets_container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 18px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.zted_color_preset_btn {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.zted_color_preset_btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.zted_color_preset_btn:active {
    transform: translateY(0);
}
/* Custom Colors meta view list */
.zted_tab .zted_dashboard_details li input[type="color"] {
    width: 70px;
    height: 40px;
    padding: 2px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    cursor: pointer;
    background: none;
    transition: border-color 150ms ease;
}
.zted_tab .zted_dashboard_details li input[type="color"]:hover {
    border-color: #94a3b8 !important;
}
/* Support page details styles */
#zted_support_tab {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
}
#zted_support_tab h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
#zted_support_tab p a {
    background-color: #3b82f6 !important;
    font-weight: 600;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    transition: background-color 0.2s ease;
}
#zted_support_tab p a:hover {
    background-color: #2563eb !important;
}/* ------------------ frontend css -------------------*/#zted_donation_front .zted_accordion {    cursor: pointer;    padding: 15px;    width: 100%;    border: none;    text-align: left;    outline: none;    font-size: 15px;    transition: 0.4s;    border-radius: 4px 4px 0 0;    background: #000;
    color: #fff;    margin-bottom: 10px !important;}#zted_donation_front .zted_accordion.zted_active {
    margin-bottom: 0 !important;
}
#zted_donation_front .zted_active,
#zted_donation_front .zted_accordion:hover {
    filter: brightness(0.9);
}#zted_donation_front .zted_donation_front_form .zted_accordion.zted_active {    border-bottom-left-radius: 0;    border-bottom-right-radius: 0;}#zted_donation_front .zted_panel {    padding: 0 18px;    display: none;    background-color: white !important;    overflow: hidden;    width: 100%;    padding: 16px 20px;}#zted_donation_front .zted_panel .zted_donation_description:empty {    display: none;}/*price range slider css */#zted_donation_front .zted_slidecontainer {    width: 100%;    max-width: 220px;}#zted_donation_front input[type=range].zted_slider {    -webkit-appearance: none;    width: 100%;    height: 10px;    border-radius: 5px;    background: var(--progressbar);    outline: none;    margin: 10px 0;    opacity: 1;}#zted_donation_front input[type=range].zted_slider::-webkit-slider-runnable-track {    width: 100%;    height: 10px;    cursor: pointer;    background: var(--progressbar);    border-radius: 5px;}#zted_donation_front input[type=range].zted_slider::-webkit-slider-thumb {    -webkit-appearance: none;    width: 20px;    height: 20px;    border-radius: 50%;    background: white;    cursor: pointer;    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);    margin-top: -5px;}#zted_donation_front input[type=range].zted_slider:hover::-webkit-slider-thumb {    background: var(--progressbar);}#zted_donation_front .zted_donation_front_form .zted_panel {    position: relative;    padding: 16px 20px;    border: 1px solid #eee;    margin-bottom: 10px !important;}#zted_donation_front .zted_donation_front_form .zted_panel span.zted_currencyinput {    position: absolute;    left: 10px;    top: 50%;    translate: 0 -50%;}.zted_inputField {    flex: 1 0 0;    position: relative;}#zted_donation_front .zted_donation_front_form input[name="donation_input_amt"] {    padding-left: 25px;}#zted_donation_front .zted_donation_front_form input[type="text"] {    margin-bottom: 15px;    padding: 10px;    width: 150px;    float: left;    margin-right: 10px;    border: 1px solid #d6d8d7;    background-color: #f8f8f8;    font-size: 15px;}#zted_donation_front .zted_donation_front_form p {    border: none;    margin-top: 0;    margin-bottom: 10px;    display: flex;    height: auto;    font-size: 16px;    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;    margin: 0;}#zted_donation_front .zted_slidecontainer p {    margin: 0;}/* #zted_donation_front .zted_donation_front_form .zted_panel select {    margin: 0;} */#zted_donation_front .zted_donation_front_form .zted_submit_option {    display: flex;    flex-wrap: wrap;    align-items: center;    width: 100%;}#zted_donation_front.zted_checkout_wrap .zted_donation_front_form .zted_submit_option {    padding-left: 0px;}#zted_donation_front .zted_panel .zted_submit_donation {    cursor: pointer;    margin-top: 15px;    color: #ffffff;    display: flex;    height: auto;    padding: 10px 22px;    text-align: center;    border-radius: 4px;    text-decoration: none;    font-size: 14px;    align-items: center;    justify-content: center;    line-height: 22px;    box-shadow: none;    outline: none;    border: none;    /*background: #117140;*/    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}#zted_donation_front .zted_donation_front_form .zted_panel .zted_remove_donation {    background: transparent;    color: red;    font-size: 12px;    width: auto;    padding: 8px 9px;    border: none;    margin-top: 15px;}#zted_donation_front .zted_donation_front_form input[type="text"]:focus {    box-shadow: 0px 2px 4px #ccc;    outline: none;}/* #zted_donation_front .zted_donation_front_form .zted_panel select {    margin-bottom: 0px;    width: auto;    float: left;    height: auto;    padding: 10px 30px 10px 10px;    border: 1px solid #d6d8d7;    font-size: 16px;    margin-right: 10px;}#zted_donation_front .zted_donation_front_form .zted_panel select:focus {    box-shadow: 0px 2px 4px #ccc;    outline: none;} */#zted_donation_front .zted_donation_front_form .zted_panel img {    width: 80px;    height: 60px;    object-fit: cover;    flex-shrink: 0;    margin-top: 0;    margin-bottom: 10px;    border: 1px solid #ccc;    padding: 2px;    border-radius: 4px;    margin-right: 0;}#zted_donation_front .zted_donation_front_form .zted_panel .zted_slidecontainer {    width: 100%;    max-width: 220px;    float: left;    margin-right: 15px;}#zted_donation_front {    border: 1px solid #eee;    padding: 10px 15px 15px;    max-width: 100%;    background-color: #fff;    margin-top: 20px;    margin-bottom: 20px;    border-radius: 5px;    display: none;}.ct-woocommerce-checkout .zt-content-right {    text-align: end;}#zted_donation_front form.zted_donation_front_form {    display: flex;    flex-wrap: wrap;}#zted_donation_front h3 {    margin-top: 0;    margin-bottom: 15px;    font-size: 24px;    font-weight: 500;}#zted_donation_front .zted_donation_description {    margin-bottom: 16px;    width: 100%;    display: flex;    gap: 14px;    text-align: left;    align-items: flex-start;    font-size: 13px;    opacity: 0.85;}#zted_donation_front .zted_donation_front_form .zted_accordion:after {    content: "+";    font-size: 25px;    font-weight: 500;    position: absolute;    right: 21px;    top: 5px;}#zted_donation_front .zted_donation_front_form .zted_accordion.zted_active:after {    content: "_";    font-size: 20px;    font-weight: 600;    top: -1px;    right: 23px;}#zted_donation_front .zted_donation_front_form .zted_accordion {    font-size: 16px;    font-weight: 700;    padding: 12px 45px 12px 15px;    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;    position: relative;    word-break: break-word;    overflow-wrap: break-word;    box-sizing: border-box;    max-width: 100%;}.zted_wrapper {    display: flex;    flex-wrap: wrap;    width: 100%;    gap: 10px;}.zted_donation_front_form .zted_panel label[for="zted_choose_donation_amt"] {    width: 100%;    margin-bottom: 0;    display: block;    font-weight: 400;}.zted_wrapper select {    flex: 1 0 0;}#zted_donation_front .zted_donation_front_form .zted_panel label[for="zted_donation_input_amt"] {    width: 100%;    margin-bottom: 0;}div#zted-donation-option-info-metabox .zted_donation_view_type label {    font-size: 14px;    display: inline-block;    margin-bottom: 5px;}div#zted-donation-option-info-metabox .zted_donation_view_type ul {    display: flex;    align-items: center;}div#zted-donation-option-info-metabox .zted_donation_view_type li {    margin: 4px 0 0px;    padding-right: 15px;}#zted_donation_dropdown .zted_add_price_field {    background: #007cba;    color: #fff;    display: inline-block;    text-decoration: none;    font-size: 13px;    line-height: 2.15384615;    min-height: 30px;    margin: 0;    padding: 0 10px 0px 21px;    cursor: pointer;    border-width: 1px;    border-style: solid;    -webkit-appearance: none;    border-radius: 3px;    white-space: nowrap;    box-sizing: border-box;    outline: none;    position: relative;    margin-bottom: 10px;}#zted_donation_dropdown .zted_add_price_field:before {    content: "+";    font-size: 15px;    font-weight: 700;    padding-right: 5px;    position: absolute;    left: 7px;    top: -2px;}div#zted_donation_dropdown .zted_donation_dropdown_pricing {    font-size: 14px;    color: #23282d;    line-height: 1.3;    font-weight: 600;    margin: 10px 0px;    display: flex;    align-items: center;    cursor: move;}div#zted_donation_dropdown .zted_donation_dropdown_pricing input[type="number"] {    margin-left: 20px;}div#zted_donation_dropdown .zted_donation_dropdown_pricing a.zted_delete {    width: 36px;    background: #007cba;    color: #fff;    text-decoration: none;    display: inline-flex;    align-items: center;    justify-content: center;    font-size: 25px;    padding: 5px 0px 8px;    line-height: 18px;    cursor: pointer;    border-width: 1px;    border-style: solid;    -webkit-appearance: none;    border-radius: 3px;    white-space: nowrap;    box-sizing: border-box;}div#zted_other_amt_sec {    font-size: 14px;    margin-bottom: 10px;    line-height: 30px;}div#zted_other_amt_sec .zted_other_amt_field {    box-shadow: 0 0 0 transparent;    border-radius: 4px;    border: 1px solid #7e8993;    background-color: #fff;    color: #32373c;    margin-left: 10px;}div#zted_donation_pricebar label {    font-size: 14px;    font-weight: 600;    display: block;    margin-bottom: 5px;}div#zted_donation_pricebar br {    display: none;}div#zted_donation_input_field p.zted_input_amount_cntnt span {    color: #000;    display: inline-block;    border-radius: 4px;    font-weight: 600;    font-size: 14px;}div#zted_donation_input_field p.zted_input_amount_cntnt {    display: inline-block;    margin-top: 0;    font-size: 15px;}figure.zted_highcharts-figure {    margin-left: 0;}div#zted_track_donation_form a {    background: #007cba;    border-color: #007cba;    color: #fff;    text-decoration: none;    text-shadow: none;    display: inline-block;    text-decoration: none;    font-size: 13px;    line-height: 2.15384615;    min-height: 30px;    margin: 0;    padding: 0 10px;    cursor: pointer;    border-width: 1px;    border-style: solid;    -webkit-appearance: none;    border-radius: 3px;    white-space: nowrap;    box-sizing: border-box;}div#zted_track_donation_form {    display: flex;    align-items: center;    justify-content: flex-end;    margin-right: 40px;}div#zted_track_donation_form #zted_select_donation_year {    margin: 0px 5px;}div#zted_track_donation_form span.zted_tracking_status {    width: 100%;    font-size: 23px;    padding-left: 280px;    margin-top: 100px;    font-weight: 600;}#zted_donation_front+a.checkout-button:focus {    outline: none;}#zted_donation_front .zted_donation_front_form .zted_panel .zted_remove_donation:focus {    outline: none;}#zted_donation_front .zted_donation_front_form .zted_panel input[type="number"]:focus {    outline: none;}.zted_tab ul {    margin: 0;}.zted_tabs select {    max-width: 400px;    width: 100%;}.zted_tabs :is(.zted_donation_campaign_wrapper, .zted_donation_select_wrapper) {    width: 100%;}.oneclickdonation-section {    display: flex;    gap: 15px;    margin-bottom: 15px;}.zted-gallery-wrapper {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));    gap: 10px;    margin: 10px 0 0;}#zted_donation_front .zted_donation_front_form .zted_panel .zted-gallery-wrapper img {    width: 100%;    float: none;    margin: 0;}.donation-campaign-row {    padding: 15px 0;}.donation-campaign-row .donation-campaign-recipient {    display: flex;    justify-content: space-between;    margin-top: 8px;}.portion-of-sale {    padding: 10px !important;    margin-bottom: 10px !important;    border: 2px solid #fff !important;}.donation-message {    border: 1px solid;    padding: 14px;    margin-bottom: 15px;    line-height: 1;    border-color: var(--theme-table-border-color, var(--theme-border-color));}.donation-campaign-row .wc-block-components-totals-item {    flex-direction: row;    flex-wrap: nowrap;    align-items: flex-start;}.donation-campaign-row .wc-block-components-totals-item__label {    word-break: break-word;    overflow-wrap: break-word;    padding-right: 15px;}.highcharts-credits {    display: none !important;}div#zted_tracking_data_container {    padding-top: 10px;    background: white;}div#zted_tracking_data_container:empty{    display: none;}ul.zted_dashboard_details li.zted-center {    align-items: center;}td.zted_forminp textarea#zted_email_editor_content {    width: 100%;}table th span.penny_popup,td.zt-content-right span.portioncampaign_popup,.oneclickdonation-section span.penny_popup {    cursor: pointer;    color: var(--theme-button-background-initial-color, #0000EE);}.oneclickdonation-section input[name="onclick_donation_checkbox"] {    margin-right: 5px;    width: 16px;    height: 16px;    accent-color: currentColor;    vertical-align: inherit;}.oneclickdonation-section span.penny_popup {
    position: relative;
    top: -2px;
}

/* Admin Live Preview & Onboarding Layouts */
.zted_settings_split_container {
    display: flex;
    gap: 30px;
    margin-top: 20px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.zted_settings_left_form {
    flex: 1 1 60%;
    min-width: 0;
}
.zted_settings_right_preview {
    flex: 0 0 450px;
    flex-shrink: 0;
    position: sticky;
    top: 50px;
    background: #ffffff;
    border: 1px solid #ccd0d4;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    padding: 20px;
    box-sizing: border-box;
}
.zted_settings_right_preview h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    color: #1d2327;
    font-size: 16px;
}
.zted_live_preview_box {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #eee !important;
    border-radius: 5px !important;
    background-color: #ffffff;
    box-shadow: none !important;
}
/* Color preset styles */
.zted_color_preset_btn {
    display: inline-block;
    padding: 4px 10px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}
.zted_color_preset_btn:hover {
    border-color: #777;
    background: #f1f1f1;
}

/* Wizard styles */
.zted_wizard_wrap {
    max-width: 1000px;
    margin: 20px auto 0;
}
.zted_wizard_nav_tracker {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 15px;
    gap: 10px;
}
.zted_wizard_nav_step {
    font-weight: 600;
    font-size: 15px;
    color: #94a3b8;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: -17px;
    transition: all 0.2s ease;
}
.zted_wizard_nav_step.active {
    color: #2f889a;
    border-bottom: 3px solid #2f889a;
}
.zted_wizard_step_content {
    display: none;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    margin-top: 20px;
}
.zted_wizard_step_content.active {
    display: block;
}
.zted_wizard_step_content h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
}
.zted_step_desc {
    color: #64748b;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 25px;
}
.zted_wizard_card_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    margin-top: 15px;
}
.zted_wizard_card {
    flex: 1 1 calc(25% - 20px);
    min-width: 120px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 24px 16px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
}
.zted_wizard_card:hover, .zted_wizard_card.active {
    border-color: #2f889a;
    box-shadow: 0 4px 12px rgba(47, 136, 154, 0.12);
}
.zted_wizard_card.active {
    border-width: 2px;
}
.zted_wizard_card h4 {
    margin: 12px 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
}
.zted_wizard_card p {
    font-size: 12px;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
}
.zted_wizard_field_group {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    clear: both;
}
.zted_wizard_field_group label {
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    display: block !important;
    float: none !important;
    margin-bottom: 8px !important;
    position: relative !important;
    height: auto !important;
}
.zted_wizard_field_group select {
    display: block !important;
    float: none !important;
    clear: both !important;
    max-width: 450px !important;
    width: 100%;
    height: 42px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border: 1px solid #ccd0d4 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
}
.zted_wizard_field_group select[multiple="multiple"] {
    height: 130px !important;
    padding: 8px !important;
}
.zted_wizard_hint {
    font-size: 12px;
    color: #64748b;
    margin-top: 6px;
    margin-bottom: 0;
}
.zted_wizard_step3_layout {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.zted_wizard_presets_col {
    flex: 1.2;
    min-width: 320px;
}
.zted_wizard_preview_col {
    flex: 1;
    min-width: 280px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
}
.zted_wizard_preview_col h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.5px;
}
.zted_preset_card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    text-align: left;
}
.zted_preset_indicator {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.zted_preset_card h4 {
    margin: 0;
}
.zted_wizard_preview_checkbox_row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.zted_wizard_preview_checkbox_row input {
    margin: 0;
}
.zted_wizard_preview_checkbox_row span {
    font-size: 13px;
    font-weight: 500;
}
#zted_wizard_preview_btn {
    width: 100%;
    padding: 10px 12px;
    border-radius: 4px;
    border: none;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}
.zted_wizard_buttons {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zted_wizard_buttons .button {
    padding: 8px 20px !important;
    height: auto !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

/* Track Donations page customization */
.zted_track_donation_layout select {
    min-height: 38px;
    padding: 8px 32px 8px 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background-color: #ffffff;
    color: #1e293b;
    font-size: 14px;
    margin-right: 12px;
    min-width: 190px !important;
    max-width: 250px !important;
    width: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
}
.zted_track_donation_layout #zted_tracking_form_submit {
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    height: auto !important;
    line-height: normal !important;
    display: inline-flex;
    align-items: center;
}
.zted_track_donation_filter_card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px !important;
    margin-bottom: 24px !important;
}
#zted_track_donation_form {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.zted_track_chart_card {
    padding: 24px !important;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

/* Box-Sizing Reset to prevent padding overflow inside visual previews */
.zted_live_preview_box,
.zted_live_preview_box *,
#zted_wizard_live_preview,
#zted_wizard_live_preview *,
#zted_donation_front,
#zted_donation_front * {
    box-sizing: border-box !important;
}

/* Ensure preview select elements render with correct height and line-height */
#zted_preview_fields select,
#zted_wizard_preview_fields select {
    height: auto !important;
    line-height: normal !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
}

/* Center roundup donation content inside admin Live Widget Preview */
#zted_preview_fields .roundup-donation-box,
#zted_wizard_preview_fields .roundup-donation-box {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
#zted_preview_fields .roundup-donation-box > div,
#zted_wizard_preview_fields .roundup-donation-box > div {
    display: inline-flex !important;
    justify-content: center !important;
    width: auto !important;
}

/* Extracted Inline Styles from Setup Wizard */
.zted_wizard_no_campaigns {
    padding: 15px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 4px; border-left: 4px solid #f59e0b; margin-bottom: 15px;
}
.zted_wizard_no_campaigns_title {
    margin: 0 0 10px 0; font-weight: 600; color: #b45309;
}
.zted_wizard_new_campaign_input {
    width: 100%; border: 1px solid #fcd34d;
}
.zted_wizard_new_campaign_hint1 {
    margin: 8px 0 0 0; color: #b45309;
}
.zted_wizard_new_campaign_hint2 {
    margin: 6px 0 0 0; color: #666; font-style: italic; font-size: 11px;
}
.zted_wizard_new_campaign_box {
    margin-top: 15px; padding: 12px; background: #f9fafb; border: 1px dashed #d1d5db; border-radius: 4px;
}
.zted_wizard_new_campaign_title {
    margin: 0 0 8px 0; font-weight: 500; font-size: 13px;
}
.zted_wizard_new_campaign_input_alt {
    width: 100%;
}
.zted_wizard_svg_wrapper {
    display: inline-flex; align-items: center; gap: 4px;
}

/* Custom Donation Widget Layout Fix */
#zted_donation_front .zted_donation_header {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-bottom: 16px;
    align-items: flex-start;
}

#zted_donation_front .donation-featured-image {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
}

#zted_donation_front .donation-featured-image img.custom-widget-image {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    max-width: 100%;
    border: 1px solid #e5e5e5;
    padding: 3px;
    border-radius: 4px;
    background: #fff;
}

#zted_donation_front .zted_donation_description {
    flex: 1;
    min-width: 0;
    display: block; 
    margin-bottom: 0;
}

#zted_donation_front .zted_donation_front_form .zted_panel img:not(.custom-widget-image) {
    width: auto; /* Override 80px */
    height: auto; /* Override 60px */
    max-width: 100%;
    display: inline-block;
}

@media (max-width: 600px) {
    #zted_donation_front .donation-featured-image {
        flex: 0 0 100%;
    }
}