/*
|--------------------------------------------------------------------------
| RentalAjay Product & Store Ratings
|--------------------------------------------------------------------------
*/

.rp-rating-stars {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    color: #c9cfdb;
    line-height: 1;
    white-space: nowrap;
}

/* Menjaga keterbacaan modul ulasan saat tema gelap aktif. */
html[data-theme="dark"] .rp-public-review-block,
html[data-theme="dark"] .rp-public-review-card,
html[data-theme="dark"] .rp-review-card,
html[data-theme="dark"] .rp-review-form-card,
html[data-theme="dark"] .rp-review-summary,
html[data-theme="dark"] .rp-review-empty {
    color: var(--text);
    background: var(--surface);
    border-color: var(--border);
}

html[data-theme="dark"] .rp-public-review-block h2,
html[data-theme="dark"] .rp-public-review-card h3,
html[data-theme="dark"] .rp-public-review-card blockquote,
html[data-theme="dark"] .rp-review-card h2,
html[data-theme="dark"] .rp-review-card h3 {
    color: var(--text);
}

html[data-theme="dark"] .rp-public-review-card small,
html[data-theme="dark"] .rp-public-review-title p,
html[data-theme="dark"] .rp-review-card small {
    color: #b3c0d3;
}

html[data-theme="dark"] :is(
    .rp-review-center-header,
    .rp-seller-review-header,
    .rp-review-summary-card,
    .rp-review-item-card,
    .rp-review-form,
    .rp-review-rating-box,
    .rp-review-history-card,
    .rp-seller-review-card,
    .rp-public-review-score
) {
    color: #e8eef8;
    background: #111b2d;
    border-color: #2d3d57;
}

html[data-theme="dark"] :is(
    .rp-review-center-header,
    .rp-seller-review-header,
    .rp-review-item-card,
    .rp-review-history-card,
    .rp-seller-review-card
) :is(h1,h2,h3,strong) {
    color: #edf3fc;
}

html[data-theme="dark"] :is(
    .rp-review-center-header,
    .rp-seller-review-header,
    .rp-review-item-card,
    .rp-review-history-card,
    .rp-seller-review-card
) :is(p,small,span) {
    color: #b6c3d6;
}

html[data-theme="dark"] .rp-review-returned-badge {
    color: #9cf0bc;
    background: #123226;
}

@media (max-width: 760px) {
    .rp-review-center,.rp-seller-review-page { padding-bottom:14px; }
    .rp-review-center-header,.rp-seller-review-header { gap:8px;margin-bottom:8px;padding:11px;border-radius:11px; }
    .rp-review-center-header h1,.rp-seller-review-header h1 { font-size:1.1rem; }
    .rp-review-grid,.rp-public-review-list { gap:7px; }
    .rp-review-card,.rp-review-item-card,.rp-review-history-card,
    .rp-seller-review-card,.rp-public-review-card { padding:10px;border-radius:10px; }
    .rp-public-review-block { padding:10px; }
    .rp-public-review-header { gap:8px;margin-bottom:8px; }
    .rp-public-review-title h2 { font-size:1rem; }
    .rp-public-review-title p { margin:3px 0;font-size:.7rem; }
}

.rp-rating-stars > span {
    width: 1.15em;
    height: 1.15em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.15em;
    color: #c9cfdb;
}

.rp-rating-stars > span.is-filled {
    color: #ffb21d;
}

.rp-rating-star-icon {
    width: 100%;
    height: 100%;
    display: block;
    flex: 0 0 100%;
}

.rp-review-kicker {
    display: block;
    margin-bottom: 5px;
    color: #315ffd;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.rp-review-center,
.rp-seller-review-page {
    padding-bottom: 32px;
}

.rp-review-center-header,
.rp-seller-review-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 26px;
    border: 1px solid #dde5f1;
    border-radius: 24px;
    background: linear-gradient(
        135deg,
        #ffffff,
        #f3f6ff
    );
    box-shadow: 0 15px 40px rgba(27, 42, 79, 0.07);
}

.rp-review-center-header h1,
.rp-seller-review-header h1 {
    margin: 0;
    color: #172033;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
}

.rp-review-center-header p,
.rp-seller-review-header p {
    max-width: 730px;
    margin: 9px 0 0;
    color: #708097;
    line-height: 1.6;
}

.rp-review-center-count,
.rp-seller-rating-summary {
    min-width: 170px;
    padding: 18px;
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 10px 30px rgba(40, 58, 102, 0.08);
}

.rp-review-center-count strong,
.rp-seller-rating-summary strong {
    display: block;
    color: #172033;
    font-size: 2rem;
}

.rp-review-center-count span,
.rp-seller-rating-summary > span {
    display: block;
    margin-top: 5px;
    color: #7b879a;
    font-size: 0.82rem;
}

.rp-seller-rating-summary .rp-rating-stars {
    margin-top: 5px;
    font-size: 1.1rem;
}

.rp-review-section {
    margin-top: 26px;
}

.rp-review-section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 14px;
}

.rp-review-section-title h2 {
    margin: 0;
    color: #172033;
}

.rp-review-section-title p {
    margin: 5px 0 0;
    color: #788499;
}

.rp-review-pending-grid {
    display: grid;
    grid-template-columns: repeat(
        2,
        minmax(0, 1fr)
    );
    gap: 20px;
}

.rp-review-form-card,
.rp-review-history-card,
.rp-seller-review-card,
.rp-public-review-block {
    border: 1px solid #dfe6f1;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 14px 38px rgba(27, 43, 78, 0.07);
}

.rp-review-form-card {
    padding: 22px;
}

.rp-review-item-summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 17px;
    border-bottom: 1px solid #edf0f5;
}

.rp-review-booking-code {
    color: #5369e8;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
}

.rp-review-item-summary h3,
.rp-review-history-card h3,
.rp-seller-review-card h3 {
    margin: 6px 0 3px;
    color: #172033;
}

.rp-review-item-summary p,
.rp-review-history-card p,
.rp-seller-review-card p {
    margin: 0;
    color: #7b879a;
}

.rp-review-returned-badge {
    flex: 0 0 auto;
    padding: 8px 10px;
    border-radius: 999px;
    background: #e8f8ee;
    color: #168748;
    font-size: 0.72rem;
    font-weight: 800;
}

.rp-review-form fieldset {
    margin: 18px 0 0;
    padding: 0;
    border: 0;
}

.rp-review-form legend {
    color: #172033;
    font-weight: 800;
}

.rp-review-form fieldset > p {
    margin: 4px 0 10px;
    color: #788499;
    font-size: 0.86rem;
}

.rp-star-input {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 5px;
}

.rp-star-input input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rp-star-input label {
    color: #d1d6df;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transition:
        color 0.14s ease,
        transform 0.14s ease;
}

.rp-star-input label:hover,
.rp-star-input label:hover ~ label,
.rp-star-input input:checked ~ label {
    color: #ffb21d;
}

.rp-star-input label:hover {
    transform: scale(1.08);
}

.rp-review-text-label {
    display: block;
    margin-top: 18px;
    color: #172033;
    font-weight: 800;
}

.rp-review-text-label > span {
    margin-left: 5px;
    color: #8a96a8;
    font-size: 0.75rem;
    font-weight: 500;
}

.rp-review-text-label textarea {
    width: 100%;
    margin-top: 8px;
    resize: vertical;
    padding: 13px 14px;
    border: 1px solid #d8dfeb;
    border-radius: 14px;
    outline: none;
    font: inherit;
    line-height: 1.5;
}

.rp-review-text-label textarea:focus {
    border-color: #536ff0;
    box-shadow: 0 0 0 4px rgba(49, 95, 253, 0.1);
}

.rp-review-submit {
    width: 100%;
    min-height: 48px;
    margin-top: 16px;
    border: 0;
    border-radius: 14px;
    background: #315ffd;
    color: #ffffff;
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.rp-review-empty {
    padding: 48px 22px;
    border: 1px dashed #cdd6e5;
    border-radius: 22px;
    background: #f8faff;
    text-align: center;
}

.rp-review-empty > span {
    display: block;
    margin-bottom: 10px;
    font-size: 2rem;
}

.rp-review-empty strong {
    display: block;
    color: #172033;
}

.rp-review-empty p {
    max-width: 580px;
    margin: 8px auto 0;
    color: #7b879a;
    line-height: 1.6;
}

.rp-review-empty.is-small {
    padding: 25px;
    color: #7b879a;
}

.rp-review-history-list,
.rp-seller-review-list {
    display: grid;
    gap: 14px;
}

.rp-review-history-card,
.rp-seller-review-card {
    padding: 20px;
}

.rp-review-history-ratings,
.rp-seller-review-ratings {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 28px;
    margin-top: 14px;
}

.rp-review-history-ratings > span,
.rp-seller-review-ratings > span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #69778c;
    font-size: 0.84rem;
}

.rp-review-history-card blockquote,
.rp-seller-review-card blockquote,
.rp-public-review-card blockquote {
    margin: 15px 0 0;
    padding: 13px 15px;
    border-left: 4px solid #5369e8;
    border-radius: 0 12px 12px 0;
    background: #f6f8fd;
    color: #445168;
    line-height: 1.6;
}

.rp-review-history-card time,
.rp-seller-review-card time {
    display: block;
    margin-top: 12px;
    color: #97a0af;
    font-size: 0.72rem;
}

.rp-seller-review-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.rp-review-store-chip {
    padding: 8px 11px;
    border-radius: 999px;
    background: #edf2ff;
    color: #3159ee;
    font-size: 0.75rem;
    font-weight: 800;
}

/*
|--------------------------------------------------------------------------
| Rating publik pada halaman toko/detail produk
|--------------------------------------------------------------------------
*/

.rp-public-review-block {
    margin: 30px 0;
    padding: 24px;
}

.rp-public-review-header {
    display: grid;
    grid-template-columns:
        minmax(180px, 250px)
        minmax(0, 1fr);
    gap: 26px;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid #e8edf4;
}

.rp-public-review-score {
    text-align: center;
}

.rp-public-review-score strong {
    display: block;
    color: #172033;
    font-size: 3rem;
    line-height: 1;
}

.rp-public-review-score .rp-rating-stars {
    margin-top: 9px;
    font-size: 1.25rem;
}

.rp-public-review-score > span {
    display: block;
    margin-top: 8px;
    color: #7c8799;
    font-size: 0.8rem;
}

.rp-public-review-title h2 {
    margin: 0;
    color: #172033;
}

.rp-public-review-title p {
    margin: 7px 0 0;
    color: #788499;
    line-height: 1.6;
}

.rp-public-review-list {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

.rp-public-review-card {
    padding: 17px;
    border: 1px solid #e4e9f1;
    border-radius: 16px;
    background: #fbfcff;
}

.rp-public-review-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.rp-public-review-card h3 {
    margin: 0;
    color: #172033;
    font-size: 0.96rem;
}

.rp-public-review-card small {
    display: block;
    margin-top: 4px;
    color: #8a95a6;
}

.rp-public-review-card-ratings {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 11px;
    color: #6f7c90;
    font-size: 0.8rem;
}

.rp-public-review-card-ratings > span {
    display: flex;
    align-items: center;
    gap: 6px;
}

/*
|--------------------------------------------------------------------------
| Tombol rating customer/seller
|--------------------------------------------------------------------------
*/

.rp-review-floating-button {
    position: fixed;
    right: 94px;
    bottom: 24px;
    z-index: 1190;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border-radius: 17px;
    background: #ffffff;
    color: #9a6700;
    box-shadow: 0 14px 35px rgba(55, 65, 90, 0.2);
    font-weight: 900;
    text-decoration: none;
}

.rp-review-floating-button b {
    min-width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: #ffb21d;
    color: #ffffff;
    font-size: 0.67rem;
}

.rp-review-button-icon {
    font-size: 0 !important;
}

.rp-review-button-icon::before {
    content: "\2605";
    font-size: 1.35rem;
    line-height: 1;
}

@media (max-width: 850px) {
    .rp-review-pending-grid {
        grid-template-columns: 1fr;
    }

    .rp-review-center-header,
    .rp-seller-review-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .rp-review-center-count,
    .rp-seller-rating-summary {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .rp-public-review-header {
        grid-template-columns: 1fr;
    }

    .rp-review-item-summary,
    .rp-seller-review-top,
    .rp-public-review-card-top {
        flex-direction: column;
    }

    .rp-review-floating-button {
        right: 82px;
        bottom: 16px;
        width: 54px;
        padding: 0;
        overflow: visible;
        font-size: 0;
    }

    .rp-review-floating-button > span {
        font-size: 1.2rem;
    }

    .rp-review-floating-button b {
        position: absolute;
        top: -7px;
        right: -7px;
        border: 3px solid #ffffff;
    }
}


/*
|--------------------------------------------------------------------------
| FIX FINAL — Tombol rating mobile hanya ikon bintang
|--------------------------------------------------------------------------
*/

@media (max-width: 650px) {
    .rp-review-floating-button {
        right: 82px !important;
        bottom: 16px !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;

        padding: 0 !important;
        border: 2px solid rgba(255, 255, 255, 0.92) !important;
        border-radius: 50% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: visible !important;
        white-space: nowrap !important;

        font-size: 0 !important;
        line-height: 1 !important;

        background:
            linear-gradient(
                145deg,
                #ffd45a,
                #ff9f0a
            ) !important;
        color: #ffffff !important;
        box-shadow:
            0 10px 25px
            rgba(255, 159, 10, 0.34),
            inset 0 1px 0
            rgba(255, 255, 255, 0.5) !important;
    }

    /*
     * Span pertama adalah ikon bintang.
     */
    .rp-review-floating-button > span:first-of-type {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 1.05rem !important;
        line-height: 1 !important;
    }

    .rp-review-floating-button .rp-review-button-icon::before {
        font-size: 1.18rem !important;
        text-shadow:
            0 1px 0
            rgba(164, 91, 0, 0.24);
    }

    /*
     * Span kedua adalah teks "Beri Rating".
     * Disembunyikan hanya pada layar HP.
     */
    .rp-review-floating-button > span:nth-of-type(2) {
        display: none !important;
    }

    /*
     * Badge jumlah rating yang belum dikerjakan.
     */
    .rp-review-floating-button > b {
        position: absolute !important;
        top: -7px !important;
        right: -7px !important;

        min-width: 23px !important;
        height: 23px !important;

        display: grid !important;
        place-items: center !important;

        padding: 0 6px !important;
        border: 3px solid #ffffff !important;
        border-radius: 999px !important;

        background: #ffb21d !important;
        color: #ffffff !important;

        font-size: 0.67rem !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }
}

/* Override terakhir agar warna statis modul ulasan tidak mengalahkan tema. */
html[data-theme="dark"] .rp-public-review-block,
html[data-theme="dark"] .rp-public-review-card,
html[data-theme="dark"] .rp-review-card,
html[data-theme="dark"] .rp-review-form-card,
html[data-theme="dark"] .rp-review-summary,
html[data-theme="dark"] .rp-review-empty {
    color: var(--text);
    background: var(--surface);
    border-color: var(--border);
}

html[data-theme="dark"] .rp-public-review-block h2,
html[data-theme="dark"] .rp-public-review-card h3,
html[data-theme="dark"] .rp-public-review-card blockquote,
html[data-theme="dark"] .rp-review-card h2,
html[data-theme="dark"] .rp-review-card h3 {
    color: var(--text);
}

html[data-theme="dark"] .rp-public-review-card small,
html[data-theme="dark"] .rp-public-review-title p,
html[data-theme="dark"] .rp-review-card small {
    color: #b3c0d3;
}


/*
|--------------------------------------------------------------------------
| FIX MOBILE — ukuran bintang rating lebih proporsional
|--------------------------------------------------------------------------
*/
@media (max-width: 650px) {
    /* Bintang tampilan rating (bukan input) dibuat ringkas di HP. */
    .rp-rating-stars {
        gap: 1px !important;
        font-size: 0.88rem !important;
    }

    .rp-public-review-score .rp-rating-stars,
    .rp-seller-rating-summary .rp-rating-stars {
        font-size: 0.98rem !important;
    }

    /* Bintang yang ditekan saat memberi rating tetap mudah disentuh. */
    .rp-star-input {
        gap: 4px;
    }

    .rp-star-input label {
        font-size: 1.6rem;
    }

    /* Badge pada tombol rating ikut diperkecil agar seimbang. */
    .rp-review-floating-button > b {
        top: -6px !important;
        right: -6px !important;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;
        border-width: 2px !important;
        font-size: 0.6rem !important;
    }
}

/*
|--------------------------------------------------------------------------
| HARDENING MOBILE V2 — konsisten di HP besar, landscape, foldable & text zoom
|--------------------------------------------------------------------------
| Ukuran dibuat dalam px agar tidak membesar mengikuti font parent/text scaling.
*/
@media (max-width: 1024px) {
    .rp-review-floating-button {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        padding: 0 !important;
        border-width: 2px !important;
        border-radius: 50% !important;
        line-height: 1 !important;
        font-size: 0 !important;
        transform: none !important;
    }

    .rp-review-floating-button > span:first-of-type,
    .rp-review-floating-button .rp-review-button-icon {
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .rp-review-floating-button .rp-review-button-icon::before {
        font-size: 17px !important;
        line-height: 18px !important;
    }

    .rp-review-floating-button svg,
    .rp-review-floating-button img {
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
    }

    /* Bintang display 1–5 tidak boleh ikut font scaling parent. */
    .rp-rating-stars {
        gap: 1px !important;
        font-size: 14px !important;
        line-height: 14px !important;
        transform: none !important;
    }

    .rp-rating-stars > span {
        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        flex: 0 0 14px !important;
        font-size: 14px !important;
        line-height: 14px !important;
    }

    .rp-rating-star-icon,
    .rp-rating-stars svg,
    .rp-rating-stars img {
        width: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
    }

    .rp-public-review-score .rp-rating-stars,
    .rp-seller-rating-summary .rp-rating-stars {
        font-size: 15px !important;
        line-height: 15px !important;
    }

    .rp-public-review-score .rp-rating-stars > span,
    .rp-seller-rating-summary .rp-rating-stars > span,
    .rp-public-review-score .rp-rating-stars svg,
    .rp-seller-rating-summary .rp-rating-stars svg {
        width: 15px !important;
        min-width: 15px !important;
        max-width: 15px !important;
        height: 15px !important;
        min-height: 15px !important;
        max-height: 15px !important;
        flex-basis: 15px !important;
    }

    /* Bintang input tetap nyaman disentuh, tetapi visualnya tidak jumbo. */
    .rp-star-input {
        gap: 3px !important;
    }

    .rp-star-input label {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .rp-review-floating-button > b {
        top: -5px !important;
        right: -5px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 4px !important;
        border-width: 2px !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 430px) {
    .rp-review-floating-button {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    .rp-review-floating-button .rp-review-button-icon::before {
        font-size: 16px !important;
    }

    .rp-rating-stars,
    .rp-rating-stars > span {
        font-size: 13px !important;
        line-height: 13px !important;
    }

    .rp-rating-stars > span,
    .rp-rating-star-icon,
    .rp-rating-stars svg,
    .rp-rating-stars img {
        width: 13px !important;
        min-width: 13px !important;
        max-width: 13px !important;
        height: 13px !important;
        min-height: 13px !important;
        max-height: 13px !important;
        flex-basis: 13px !important;
    }
}


/* RentalAjay guest/public SVG rating hard guard */
.rp-rating-stars > span {
    overflow: hidden;
}

.rp-rating-stars svg.rp-rating-star-icon {
    display: block !important;
    width: 1.15em !important;
    height: 1.15em !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 1.15em !important;
    max-height: 1.15em !important;
    flex: 0 0 1.15em !important;
}

@media (max-width: 1024px) {
    body.public-body .rp-rating-stars svg.rp-rating-star-icon {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
        max-width: 14px !important;
        max-height: 14px !important;
        flex: 0 0 14px !important;
    }
}

@media (max-width: 430px) {
    body.public-body .rp-rating-stars svg.rp-rating-star-icon {
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
        max-width: 13px !important;
        max-height: 13px !important;
        flex: 0 0 13px !important;
    }
}

/* ========================================================================
   HOTFIX — Floating rating action: professional SVG, no yellow emoji button
   ======================================================================== */
.rp-review-floating-button .rp-review-button-icon {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 20px;
    font-size: 0 !important;
}

.rp-review-floating-button .rp-review-button-icon::before {
    content: none !important;
    display: none !important;
}

.rp-review-floating-button .rp-review-button-icon-svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
}

.rp-review-floating-button--seller {
    right: 24px !important;
    color: #eef4ff !important;
    background: linear-gradient(145deg, #1f5eea, #4338ca) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: 0 12px 30px rgba(31, 94, 234, .26) !important;
}

.rp-review-floating-button--seller:hover {
    color: #ffffff !important;
    background: linear-gradient(145deg, #2b6aff, #5145e5) !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .rp-review-floating-button--seller {
    color: #f5f8ff !important;
    background: linear-gradient(145deg, #245dd8, #3c35b9) !important;
    border-color: #405b85 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .30) !important;
}

@media (max-width: 1024px) {
    body.admin-body .rp-review-floating-button--seller {
        right: 18px !important;
        bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        border-radius: 13px !important;
        background: linear-gradient(145deg, #245fdc, #4437bf) !important;
        border-color: rgba(255, 255, 255, .16) !important;
    }

    body.admin-body .rp-review-floating-button--seller > span:nth-of-type(2) {
        display: none !important;
    }

    body.admin-body .rp-review-floating-button--seller .rp-review-button-icon,
    body.admin-body .rp-review-floating-button--seller .rp-review-button-icon-svg {
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
    }
}

@media (max-width: 430px) {
    body.admin-body .rp-review-floating-button--seller {
        right: 14px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}