html[data-front-theme] .feedback-modern-wrap {
        background: linear-gradient(135deg,#f5f8ff 0%,#fff 50%,#f2fbf8 100%) !important;
        border: 1px solid #d9e5f4 !important;
        border-radius: 8px !important;
        box-shadow: 0 18px 48px rgba(31,53,86,.12) !important;
        box-sizing: border-box;
        margin-top: 18px;
        overflow: hidden;
        padding: 0 !important;
        position: relative;
    }
    html[data-front-theme] .feedback-modern-wrap:before {
        background: linear-gradient(90deg,#2f6fed,#16a37a,#f2b84b);
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-title {
        align-items: center;
        background: rgba(255,255,255,.58);
        border-bottom: 1px solid rgba(207,222,241,.72);
        display: flex;
        gap: 14px;
        min-height: 0;
        overflow: visible;
        padding: 22px clamp(18px,3vw,32px) 18px;
        position: relative;
    }
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-title:after {
        background: linear-gradient(90deg,#2f6fed,#16a37a);
        border-radius: 999px;
        content: "";
        bottom: -1px;
        height: 3px;
        left: clamp(76px,6vw,90px);
        opacity: .9;
        pointer-events: none;
        position: absolute;
        width: 78px;
    }
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-icon {
        align-items: center;
        background: linear-gradient(135deg,#2f6fed,#16a37a);
        border: 0;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(47,111,237,.2);
        color: #fff;
        display: inline-flex;
        flex: 0 0 auto;
        font-size: 18px;
        height: 44px;
        justify-content: center;
        position: relative;
        width: 44px;
        z-index: 1;
    }
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-title h1 {
        background: none !important;
        border: 0 !important;
        color: #172033 !important;
        font-size: clamp(22px,2vw,28px) !important;
        font-weight: 850;
        letter-spacing: 0;
        line-height: 1.15;
        margin: 0 !important;
        padding: 0 !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-title h1 {
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        display: block !important;
        height: auto !important;
        line-height: 1.15 !important;
        margin: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        position: static !important;
        width: auto !important;
        z-index: 1;
    }
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-title h1:before,
    html[data-front-theme] .feedback-modern-wrap .feedback-modern-title h1:after {
        content: none !important;
        display: none !important;
    }
    html[data-front-theme] .feedback-modern-form {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2,minmax(0,1fr));
        list-style: none;
        margin: 0 !important;
        max-width: none !important;
        padding: 24px clamp(18px,3vw,36px) 30px !important;
        width: 100% !important;
    }
    html[data-front-theme] .feedback-modern-form li {
        align-items: center;
        background: rgba(255,255,255,.92) !important;
        border: 1px solid #dce7f5 !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 26px rgba(24,39,65,.06) !important;
        box-sizing: border-box;
        display: grid !important;
        gap: 14px;
        grid-template-columns: 96px minmax(0,1fr);
        margin: 0 !important;
        padding: 17px !important;
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li:before,
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li:after {
        content: none !important;
        display: none !important;
    }
    html[data-front-theme] .feedback-modern-form li.feedback-modern-field:focus-within {
        border-color: rgba(47,111,237,.42) !important;
        box-shadow: 0 14px 30px rgba(47,111,237,.1) !important;
        transform: translateY(-1px);
    }
    html[data-front-theme] .feedback-modern-form li.feedback-modern-full {
        grid-column: 1 / -1;
    }
    html[data-front-theme] .feedback-modern-form li.feedback-member-identity {
        align-items: center;
        background: linear-gradient(135deg,rgba(238,246,255,.96),rgba(239,251,247,.96)) !important;
        border-color: #cfe1ef !important;
        grid-template-columns: 46px minmax(0,1fr);
        padding: 15px 17px !important;
    }
    html[data-front-theme] .feedback-member-icon {
        align-items: center;
        background: linear-gradient(135deg,#2f6fed,#16a37a);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 18px;
        height: 42px;
        justify-content: center;
        width: 42px;
    }
    html[data-front-theme] .feedback-member-icon svg {
        fill: none;
        height: 22px;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
        width: 22px;
    }
    html[data-front-theme] .feedback-member-copy {
        display: grid;
        gap: 3px;
        line-height: 1.5 !important;
    }
    html[data-front-theme] .feedback-member-copy b {
        color: #1f2d44;
        font-size: 15px;
    }
    html[data-front-theme] .feedback-member-copy span {
        color: #66748a;
        font-size: 13px;
    }
    html[data-front-theme] .feedback-modern-form li.feedback-modern-actions {
        align-items: center;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        gap: 12px;
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding: 2px 0 0 !important;
    }
    html[data-front-theme] .feedback-modern-form strong {
        align-self: center;
        color: #1f2d44;
        display: block;
        float: none !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 44px;
        text-align: center;
        width: auto !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li strong {
        align-items: center !important;
        align-self: stretch !important;
        display: flex !important;
        justify-content: center !important;
        line-height: 1.4 !important;
        padding: 0 !important;
        text-align: center !important;
    }
    html[data-front-theme] .feedback-modern-form li.feedback-modern-textarea strong {
        align-self: stretch;
    }
    html[data-front-theme] .feedback-modern-form p {
        float: none !important;
        line-height: 0 !important;
        margin: 0 !important;
        width: auto !important;
    }
    html[data-front-theme] .feedback-modern-form .fipt {
        background: #fbfdff !important;
        border: 1px solid #c8d4e5 !important;
        border-radius: 8px !important;
        box-shadow: inset 0 1px 2px rgba(15,23,42,.03);
        box-sizing: border-box !important;
        color: #152033;
        font-size: 15px;
        min-height: 44px;
        outline: 0;
        padding: 0 13px;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
        width: 100% !important;
    }
    html[data-front-theme] .feedback-modern-form .fipt::placeholder {
        color: #9aa8bb;
    }
    html[data-front-theme] .feedback-modern-form textarea.fipt {
        line-height: 1.7;
        min-height: 190px;
        padding-top: 12px;
        resize: vertical;
    }
    html[data-front-theme] .feedback-modern-form .fipt:focus {
        background: #fff !important;
        border-color: #2f6fed !important;
        box-shadow: 0 0 0 3px rgba(47,111,237,.12);
    }
    html[data-front-theme] .feedback-modern-form .feedback-code-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    html[data-front-theme] .feedback-modern-form #checkcode {
        flex: 0 0 160px;
        max-width: 180px;
        width: 160px !important;
    }
    html[data-front-theme] .feedback-modern-form #mycode {
        align-items: center;
        color: #66748a;
        display: inline-flex;
        gap: 7px;
        font-size: 14px;
        line-height: 1.6;
        min-width: 0;
    }
    html[data-front-theme] .feedback-modern-form .feedback-captcha-image {
        background: #fff;
        border: 1px solid #c8d4e5;
        border-radius: 8px;
        cursor: pointer;
        display: block;
        height: 44px;
        object-fit: contain;
        width: 120px;
    }
    html[data-front-theme] .feedback-modern-form .feedback-captcha-refresh {
        align-items: center;
        background: #fff;
        border: 1px solid #c8d4e5;
        border-radius: 8px;
        color: #2f6fed;
        cursor: pointer;
        display: inline-flex;
        height: 44px;
        justify-content: center;
        padding: 0;
        width: 44px;
    }
    html[data-front-theme] .feedback-modern-form .feedback-captcha-refresh:hover {
        background: #eef5ff;
        border-color: #8bb0f4;
    }
    html[data-front-theme] .feedback-modern-form .fbtn {
        border-radius: 8px !important;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 16px;
        font-weight: 800;
        height: 46px !important;
        line-height: 46px !important;
        margin: 0 !important;
        min-width: 0;
        padding: 0 26px !important;
        transition: box-shadow .18s ease, transform .18s ease, background .18s ease;
        width: auto !important;
    }
    html[data-front-theme] .feedback-modern-form .fbtn:hover {
        transform: translateY(-1px);
    }
    html[data-front-theme] .feedback-modern-form .feedback-reset-btn {
        background: #fff !important;
        border: 1px solid #c8d4e5 !important;
        color: #18243a !important;
    }
    html[data-front-theme] .feedback-modern-form .feedback-reset-btn:hover {
        background: #f7faff !important;
        box-shadow: 0 8px 18px rgba(24,39,65,.08);
    }
    html[data-front-theme] .feedback-modern-form .feedback-submit-btn {
        background: linear-gradient(135deg,#2f6fed,#16a37a) !important;
        border: 0 !important;
        box-shadow: 0 10px 22px rgba(47,111,237,.22);
        color: #fff !important;
    }
    html[data-front-theme] .feedback-modern-form .feedback-submit-btn:hover {
        box-shadow: 0 14px 26px rgba(47,111,237,.28);
    }
    html[data-front-theme] .feedback-alert {
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.7;
        margin: 18px clamp(18px,3vw,36px) 0;
        padding: 12px 15px;
    }
    html[data-front-theme] .feedback-alert-success {
        background: #ecfdf3;
        border: 1px solid #abefc6;
        color: #067647;
    }
    html[data-front-theme] .feedback-alert-error {
        background: #fef3f2;
        border: 1px solid #fecdca;
        color: #b42318;
    }
    html[data-front-theme] .feedback-visibility-options {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    html[data-front-theme] .feedback-visibility-option {
        cursor: pointer;
        display: block;
        position: relative;
    }
    html[data-front-theme] .feedback-visibility-option input {
        height: 1px;
        opacity: 0;
        position: absolute;
        width: 1px;
    }
    html[data-front-theme] .feedback-visibility-card {
        background: #fbfdff;
        border: 1px solid #c8d4e5;
        border-radius: 8px;
        display: grid;
        gap: 4px;
        min-height: 66px;
        padding: 12px 14px;
        transition: border-color .18s ease,box-shadow .18s ease,background .18s ease;
    }
    html[data-front-theme] .feedback-visibility-card b {
        color: #24334d;
        font-size: 15px;
    }
    html[data-front-theme] .feedback-visibility-card small {
        color: #738198;
        font-size: 13px;
        line-height: 1.55;
    }
    html[data-front-theme] .feedback-visibility-option input:checked + .feedback-visibility-card {
        background: #eef5ff;
        border-color: #2f6fed;
        box-shadow: 0 0 0 3px rgba(47,111,237,.1);
    }
    html[data-front-theme] .feedback-visibility-option input:focus-visible + .feedback-visibility-card {
        outline: 2px solid #2f6fed;
        outline-offset: 2px;
    }
    html[data-front-theme] .feedback-public-wrap {
        background: #fff;
        border: 1px solid #d9e5f4;
        border-radius: 8px;
        box-shadow: 0 15px 38px rgba(31,53,86,.09);
        margin-top: 20px;
        overflow: hidden;
    }
    html[data-front-theme] .feedback-public-head {
        align-items: center;
        background: linear-gradient(135deg,#f4f8ff,#f1fbf7);
        border-bottom: 1px solid #dce7f5;
        display: flex;
        justify-content: space-between;
        padding: 20px clamp(18px,3vw,30px);
    }
    html[data-front-theme] .feedback-public-head h2 {
        color: #172033;
        font-size: 21px;
        font-weight: 850;
        margin: 0;
    }
    html[data-front-theme] .feedback-public-head span {
        color: #738198;
        font-size: 13px;
    }
    html[data-front-theme] .feedback-public-list {
        display: grid;
        gap: 0;
        list-style: none;
        margin: 0;
        padding: 0 clamp(18px,3vw,30px);
    }
    html[data-front-theme] .feedback-public-item {
        border-bottom: 1px solid #e8eef6;
        padding: 21px 0;
    }
    html[data-front-theme] .feedback-public-item:last-child {
        border-bottom: 0;
    }
    html[data-front-theme] .feedback-public-meta {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 9px;
        margin-bottom: 9px;
    }
    html[data-front-theme] .feedback-public-avatar {
        align-items: center;
        background: linear-gradient(135deg,#2f6fed,#16a37a);
        border-radius: 50%;
        color: #fff;
        display: inline-flex;
        font-size: 13px;
        font-weight: 800;
        height: 30px;
        justify-content: center;
        width: 30px;
    }
    html[data-front-theme] .feedback-public-name {
        color: #24334d;
        font-size: 14px;
        font-weight: 750;
    }
    html[data-front-theme] .feedback-public-date {
        color: #8793a5;
        font-size: 12px;
    }
    html[data-front-theme] .feedback-public-content {
        color: #46556d;
        font-size: 15px;
        line-height: 1.8;
        margin: 0;
        overflow-wrap: anywhere;
        white-space: pre-wrap;
    }
    html[data-front-theme] .feedback-public-reply {
        background: #f5f8fc;
        border-left: 3px solid #16a37a;
        border-radius: 0 8px 8px 0;
        color: #526178;
        font-size: 14px;
        line-height: 1.75;
        margin-top: 13px;
        padding: 10px 13px;
    }
    html[data-front-theme] .feedback-public-empty {
        color: #7a8799;
        padding: 35px 18px;
        text-align: center;
    }
    .feedback-honeypot {
        height: 1px !important;
        left: -10000px !important;
        opacity: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        width: 1px !important;
    }
    /* Modern form layout: override the legacy feedback grid without changing site-wide styles. */
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form {
        align-items: start !important;
        background: linear-gradient(180deg,rgba(248,251,255,.72),rgba(255,255,255,.96));
        gap: 14px !important;
        min-height: 0 !important;
        padding: 18px clamp(16px,2.8vw,32px) 28px !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li.feedback-modern-field {
        align-items: start !important;
        display: grid !important;
        gap: 10px !important;
        grid-template-columns: minmax(0,1fr) !important;
        min-height: 0 !important;
        padding: 17px 18px !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li.feedback-modern-field > strong {
        align-items: center !important;
        align-self: auto !important;
        color: #1d2939 !important;
        display: flex !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        justify-content: flex-start !important;
        letter-spacing: .01em;
        line-height: 1.5 !important;
        min-height: 22px;
        text-align: left !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-field-control {
        float: none !important;
        line-height: normal !important;
        margin: 0 !important;
        min-width: 0;
        width: 100% !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-textarea textarea.fipt {
        height: 210px !important;
        min-height: 210px !important;
        padding: 14px 15px !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-identity {
        align-items: center !important;
        background: #fff !important;
        border-color: #d7e3f2 !important;
        box-shadow: 0 8px 22px rgba(31,53,86,.07) !important;
        gap: 12px !important;
        grid-template-columns: 44px minmax(0,1fr) !important;
        justify-self: start;
        max-width: 760px;
        min-height: 68px !important;
        overflow: hidden;
        padding: 11px 14px !important;
        position: relative;
        width: 100%;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li.feedback-member-identity:after {
        background: linear-gradient(180deg,#2f6fed,#16a37a);
        content: "" !important;
        display: block !important;
        inset: 0 auto 0 0;
        position: absolute;
        width: 3px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-icon {
        background: #edf4ff;
        border: 1px solid #d7e5fb;
        border-radius: 12px;
        box-shadow: none;
        color: #2f6fed;
        height: 42px;
        width: 42px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy {
        align-content: center;
        display: grid !important;
        float: none !important;
        gap: 2px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        min-width: 0;
        width: auto !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-name-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy span.feedback-member-status {
        align-items: center;
        background: #ecfdf3;
        border: 1px solid #b7ebce;
        border-radius: 999px;
        color: #087a4b !important;
        display: inline-flex !important;
        font-size: 11px !important;
        font-weight: 750;
        gap: 4px;
        line-height: 22px !important;
        padding: 0 8px;
        white-space: nowrap;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy b,
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy span {
        display: block;
        line-height: 1.5 !important;
        margin: 0 !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy b {
        font-size: 16px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-copy span {
        color: #667085;
        font-size: 13px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-options {
        gap: 12px;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        width: 100%;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-option {
        box-sizing: border-box;
        min-width: 0;
        width: 100% !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card {
        align-content: center;
        box-sizing: border-box;
        display: grid !important;
        gap: 3px !important;
        grid-template-columns: minmax(0,1fr) !important;
        min-height: 82px;
        padding: 14px 16px 14px 50px;
        position: relative;
        width: 100% !important;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card:before {
        background: #fff;
        border: 2px solid #b8c5d8;
        border-radius: 50%;
        box-sizing: border-box;
        content: "";
        height: 22px;
        left: 16px;
        position: absolute;
        top: 20px;
        transition: border-color .18s ease,box-shadow .18s ease,background .18s ease;
        width: 22px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card:after {
        background: #fff;
        border-radius: 50%;
        content: "";
        height: 8px;
        left: 23px;
        opacity: 0;
        position: absolute;
        top: 27px;
        transform: scale(.4);
        transition: opacity .18s ease,transform .18s ease;
        width: 8px;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-option input:checked + .feedback-visibility-card:before {
        background: #2f6fed;
        border-color: #2f6fed;
        box-shadow: 0 0 0 4px rgba(47,111,237,.12);
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-option input:checked + .feedback-visibility-card:after {
        opacity: 1;
        transform: scale(1);
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card b {
        font-size: 15px;
        line-height: 1.45;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card small {
        line-height: 1.55;
    }
    html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-actions {
        border-top: 1px solid #e5edf7 !important;
        margin-top: 2px !important;
        padding: 17px 0 0 !important;
    }
    @media (max-width: 860px) {
        html[data-front-theme] .feedback-modern-wrap .feedback-modern-title {
            padding: 16px 18px 14px;
        }
        html[data-front-theme] .feedback-modern-wrap .feedback-modern-title:after {
            left: 76px;
            width: 68px;
        }
        html[data-front-theme] .feedback-modern-form {
            grid-template-columns: 1fr;
            padding: 14px !important;
        }
        html[data-front-theme] .feedback-modern-form li,
        html[data-front-theme] .feedback-modern-form li.feedback-modern-actions {
            gap: 9px;
            grid-template-columns: 1fr;
            padding: 14px !important;
        }
        html[data-front-theme] .feedback-modern-form li.feedback-member-identity {
            grid-template-columns: 42px minmax(0,1fr);
        }
        html[data-front-theme] .feedback-modern-form strong {
            font-size: 15px;
            line-height: 1.4;
            text-align: left;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li strong {
            align-items: flex-start !important;
            align-self: auto !important;
            display: block !important;
            justify-content: flex-start !important;
            text-align: left !important;
            transform: none !important;
        }
        html[data-front-theme] .feedback-modern-form textarea.fipt {
            min-height: 210px;
        }
        html[data-front-theme] .feedback-modern-form #checkcode {
            flex: 1 1 150px;
            max-width: 100%;
            width: 100% !important;
        }
        html[data-front-theme] .feedback-modern-form li.feedback-modern-actions {
            display: grid !important;
            grid-template-columns: 1fr 1fr;
            padding: 0 !important;
        }
        html[data-front-theme] .feedback-modern-form .fbtn {
            width: 100% !important;
        }
        html[data-front-theme] .feedback-visibility-options {
            grid-template-columns: 1fr;
        }
        html[data-front-theme] .feedback-public-head {
            align-items: flex-start;
            flex-direction: column;
            gap: 5px;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form {
            gap: 12px !important;
            padding: 14px !important;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-form li.feedback-modern-field {
            padding: 15px !important;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-identity {
            gap: 11px !important;
            grid-template-columns: 42px minmax(0,1fr) !important;
            max-width: none;
            min-height: 66px !important;
            padding: 11px 12px !important;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-member-icon {
            height: 40px;
            width: 40px;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-modern-textarea textarea.fipt {
            height: 190px !important;
            min-height: 190px !important;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-card {
            min-height: 74px;
        }
        html[data-front-theme] #subbox.feedback-modern-wrap .feedback-visibility-options {
            grid-template-columns: minmax(0,1fr) !important;
        }
    }