/* Leuwongrr Online - generated from leuwongrr.online/resources/assets/design */

/* source: shared/lrr-tokens.css */
:root {
    --lrr-bg: #090b1d;
    --lrr-surface: #11142b;
    --lrr-surface-soft: #191d3a;
    --lrr-card: #ffffff;
    --lrr-text: #101325;
    --lrr-muted: #6b7280;
    --lrr-line: rgba(17, 24, 39, 0.12);
    --lrr-primary: #6c2ff2;
    --lrr-primary-dark: #4f1cc7;
    --lrr-secondary: #00c2ff;
    --lrr-success: #15b86a;
    --lrr-warning: #f59e0b;
    --lrr-danger: #ef4444;
    --lrr-radius-sm: 12px;
    --lrr-radius-md: 18px;
    --lrr-radius-lg: 28px;
    --lrr-shadow-sm: 0 8px 20px rgba(15, 23, 42, 0.08);
    --lrr-shadow-md: 0 18px 46px rgba(15, 23, 42, 0.14);
    --lrr-shadow-lg: 0 26px 70px rgba(12, 15, 35, 0.32);
    --lrr-container: 1140px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

html,
body {
    min-height: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

body {
    margin: 0;
    color: var(--lrr-text);
    background: #f5f7fb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg {
    max-width: 100%;
}

/* Responsive safety-net for content/uploaded images (avatar, chat, product).
   Branded logos keep their own dimensions via higher-specificity class rules. */
img {
    height: auto;
}

:where(.lrr-livechat-body, .lrr-chat-body-large, .lrr-admin-chat-body, .lrr-assist-body, .lrr-member-sidebar, .lrr-admin-sidebar, .lrr-product-service-grid, .lrr-history-tabs, .lrr-assist-quick-row, .lrr-assist-order-strip, .lrr-chat-role-strip) {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

.lrr-container {
    max-width: var(--lrr-container);
}

/* source: shared/lrr-components.css */
.lrr-app-shell {
    min-height: 100vh;
    background: linear-gradient(180deg, #090b1d 0%, #151936 38%, #f5f7fb 38%, #f5f7fb 100%);
}

.lrr-brand,
.lrr-auth-brand,
.lrr-member-brand,
.lrr-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.lrr-brand-mark,
.lrr-admin-brand-icon {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 14px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-secondary));
    box-shadow: 0 12px 26px rgba(108, 47, 242, 0.35);
    font-weight: 900;
}

.lrr-brand-text {
    color: #ffffff;
}

.lrr-eyebrow,
.lrr-card-label,
.lrr-admin-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lrr-primary);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lrr-btn {
    border-radius: 999px;
    font-weight: 800;
    padding-inline: 18px;
}

.lrr-btn-primary {
    border-color: var(--lrr-primary);
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-primary-dark));
    box-shadow: 0 14px 26px rgba(108, 47, 242, 0.22);
}

.lrr-btn-ghost {
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

.lrr-btn-light {
    color: var(--lrr-primary-dark);
}

.lrr-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary-dark);
    font-size: 0.78rem;
    font-weight: 800;
    padding: 7px 12px;
}

.lrr-chip-success {
    background: rgba(21, 184, 106, 0.13);
    color: #047857;
}

.lrr-status-dot {
    display: inline-flex;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--lrr-success);
    box-shadow: 0 0 0 6px rgba(21, 184, 106, 0.12);
}

.lrr-section {
    padding: 76px 0;
}

.lrr-section-soft {
    background: #eef2ff;
}

.lrr-section-heading {
    max-width: 640px;
    margin-bottom: 28px;
}

.lrr-section-heading h2,
.lrr-section h2,
.lrr-page-hero h1 {
    letter-spacing: -0.045em;
}

.lrr-section-text {
    color: var(--lrr-muted);
    line-height: 1.8;
}

.lrr-feature-card,
.lrr-info-card,
.lrr-content-card,
.lrr-catalog-card,
.lrr-invoice-card,
.lrr-checkout-card,
.lrr-order-summary,
.lrr-member-card,
.lrr-member-panel,
.lrr-admin-panel {
    border: 1px solid var(--lrr-line);
    border-radius: var(--lrr-radius-lg);
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-feature-card,
.lrr-info-card,
.lrr-content-card {
    height: 100%;
    padding: 26px;
}

.lrr-feature-number {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 16px;
    color: #ffffff;
    background: var(--lrr-primary);
    font-weight: 900;
}

.lrr-feature-card h3,
.lrr-info-card h2,
.lrr-content-card h2 {
    margin-bottom: 10px;
    font-size: 1.15rem;
    font-weight: 850;
}

.lrr-feature-card p,
.lrr-info-card p,
.lrr-content-card p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-table {
    margin-bottom: 0;
}

/* LRR dashboard growth + announcement redesign */
.lrr-member-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr);
    gap: 24px;
    padding: 30px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(27, 194, 120, .18), transparent 28%),
        radial-gradient(circle at right center, rgba(108, 47, 242, .18), transparent 32%),
        linear-gradient(135deg, #f7fffb 0%, #f8fbff 48%, #f4f1ff 100%);
    border: 1px solid rgba(31, 41, 55, .08);
    box-shadow: 0 24px 54px rgba(15, 23, 42, .08);
    margin-bottom: 22px;
}
.lrr-member-dashboard-hero-main,
.lrr-member-dashboard-hero-stats { min-width: 0; }
.lrr-member-dashboard-tier-row { margin-bottom: 16px; }
.lrr-member-tier-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff8a00, #ff6a00);
    color: #fff;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    box-shadow: 0 16px 30px rgba(255, 106, 0, .24);
}
.lrr-member-dashboard-greeting {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.lrr-member-dashboard-greeting h2 {
    margin: 0 0 8px;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
    color: #303243;
}
.lrr-member-dashboard-greeting h2 span { color: #0a8f49; }
.lrr-member-dashboard-greeting p {
    margin: 0;
    max-width: 680px;
    color: #4b5563;
    font-size: 1.08rem;
}
.lrr-member-dashboard-greeting p strong { color: #116f3d; }
.lrr-member-dashboard-glow {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #26b56d, #0c8c48 72%);
    color: #fff;
    box-shadow: 0 18px 34px rgba(38, 181, 109, .24);
    font-size: 1.32rem;
}
.lrr-member-dashboard-progress-wrap {
    padding: 18px 18px 16px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(22, 28, 45, .08);
    border-radius: 20px;
}
.lrr-member-dashboard-progress-meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
    margin-bottom: 10px;
    font-size: .95rem;
    color: #6b7280;
}
.lrr-member-dashboard-progress-meta strong {
    justify-self: center;
    color: #303243;
    font-size: .98rem;
}
.lrr-member-dashboard-progress {
    height: 9px;
    border-radius: 999px;
    overflow: hidden;
    background: #ebedf4;
}
.lrr-member-dashboard-progress .progress-bar {
    width: var(--lrr-progress, 0%);
    background: linear-gradient(90deg, #26b56d, #6c2ff2);
    border-radius: inherit;
}
.lrr-member-dashboard-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 22px;
}
.lrr-member-dashboard-hero-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.lrr-member-dashboard-stat-card {
    position: relative;
    padding: 22px;
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(20, 30, 55, .08);
    min-height: 150px;
    box-shadow: 0 18px 40px rgba(17, 24, 39, .06);
}
.lrr-member-dashboard-stat-card > span {
    display: block;
    margin: 12px 0 10px;
    font-size: .88rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    color: #6b7280;
}
.lrr-member-dashboard-stat-card strong {
    display: block;
    margin-bottom: 4px;
    font-size: clamp(1.8rem, 3vw, 2.3rem);
    line-height: 1.05;
    color: #2f3447;
}
.lrr-member-dashboard-stat-card small {
    color: #6b7280;
    font-size: .96rem;
}
.lrr-member-dashboard-stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #26b56d, #0e8d47);
    color: #fff;
    font-size: 1.15rem;
    box-shadow: 0 14px 28px rgba(38, 181, 109, .22);
}
.lrr-member-dashboard-stat-icon-warning { background: linear-gradient(135deg, #f2b11d, #ea8b0b); box-shadow: 0 14px 28px rgba(242, 177, 29, .22); }
.lrr-member-dashboard-stat-icon-danger { background: linear-gradient(135deg, #ff5978, #ef2f57); box-shadow: 0 14px 28px rgba(239, 47, 87, .22); }
.lrr-member-announcement-panel { margin-top: 22px; }
.lrr-member-announcement-grid,
.lrr-home-announcement-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.lrr-member-announcement-card,
.lrr-home-announcement-card {
    position: relative;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(38, 181, 109, .26);
    background: linear-gradient(135deg, rgba(23, 197, 112, .08), rgba(108, 47, 242, .04));
    overflow: hidden;
}
.lrr-member-announcement-card::after,
.lrr-home-announcement-card::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(31, 41, 55, .04);
}
.lrr-member-announcement-head,
.lrr-home-announcement-head,
.lrr-member-announcement-modal-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.lrr-member-announcement-icon,
.lrr-home-announcement-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 153, 78, .12);
    color: #11864a;
    font-size: 1.15rem;
    flex: 0 0 auto;
}
.lrr-member-announcement-meta,
.lrr-home-announcement-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.lrr-member-announcement-badge,
.lrr-home-announcement-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(17, 134, 74, .1);
    color: #0f7a41;
    font-weight: 700;
    font-size: .74rem;
    letter-spacing: .12em;
}
.lrr-member-announcement-card h3,
.lrr-home-announcement-card h3,
.lrr-member-announcement-modal-item h3 {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.28;
    color: #313548;
}
.lrr-member-announcement-card p,
.lrr-home-announcement-card p,
.lrr-member-announcement-modal-item p {
    position: relative;
    z-index: 1;
    margin: 12px 0 0;
    color: #4b5563;
}
.lrr-member-announcement-link {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    color: #11864a;
    font-weight: 700;
    text-decoration: none;
}
.lrr-member-announcement-modal .modal-content,
.lrr-member-announcement-modal {
    border-radius: 28px;
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 22px 50px rgba(17, 24, 39, .16);
}
.lrr-member-announcement-modal-list {
    display: grid;
    gap: 16px;
}
.lrr-member-announcement-modal-item {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(17, 24, 39, .08);
    background: #fbfcfe;
}
.lrr-home-marquee-section { padding: 4px 0 20px; }
.lrr-home-marquee-shell {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(17, 134, 74, .09), rgba(108, 47, 242, .08));
    border: 1px solid rgba(17, 24, 39, .08);
    overflow: hidden;
}
.lrr-home-marquee-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    font-weight: 800;
    color: #1f2937;
}
.lrr-home-marquee-label i { color: #0f7a41; }
.lrr-home-marquee-track {
    overflow: hidden;
    min-width: 0;
    width: 100%;
}
.lrr-home-marquee-items {
    display: flex;
    align-items: center;
    gap: 16px;
    width: max-content;
    animation: lrr-marquee-scroll 28s linear infinite;
    will-change: transform;
}
.lrr-home-marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    white-space: nowrap;
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(17, 24, 39, .06);
    color: #374151;
}
.lrr-home-marquee-item strong {
    color: #0f7a41;
    font-size: .78rem;
    letter-spacing: .1em;
}
.lrr-home-platform-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.lrr-home-platform-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(17, 134, 74, .08);
    color: #116f3d;
    font-weight: 700;
    white-space: nowrap;
}
.lrr-home-platform-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.lrr-home-platform-card,
.lrr-engagement-preview-card {
    padding: 22px 24px;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 16px 38px rgba(17, 24, 39, .05);
}
.lrr-home-platform-card span,
.lrr-engagement-preview-card span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: .78rem;
    letter-spacing: .12em;
    color: #6b7280;
}
.lrr-home-platform-card strong,
.lrr-engagement-preview-card strong {
    display: block;
    font-size: clamp(2rem, 3vw, 2.45rem);
    line-height: 1.04;
    color: #2d3142;
}
.lrr-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.lrr-admin-form-span-2 { grid-column: span 2; }
.lrr-engagement-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
@keyframes lrr-marquee-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .lrr-home-marquee-items {
        animation: none;
        transform: none;
    }
}
@media (max-width: 1199.98px) {
    .lrr-member-dashboard-hero,
    .lrr-home-platform-grid { grid-template-columns: 1fr; }
    .lrr-member-dashboard-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
    .lrr-member-dashboard-hero,
    .lrr-home-platform-heading,
    .lrr-home-marquee-shell { grid-template-columns: 1fr; }
    .lrr-member-announcement-grid,
    .lrr-home-announcement-grid,
    .lrr-home-platform-grid,
    .lrr-admin-form-grid,
    .lrr-engagement-preview-grid { grid-template-columns: 1fr; }
    .lrr-admin-form-span-2 { grid-column: span 1; }
}
@media (max-width: 767.98px) {
    .lrr-member-dashboard-hero { padding: 22px 18px; border-radius: 24px; }
    .lrr-member-dashboard-greeting { align-items: center; }
    .lrr-member-dashboard-greeting h2 { font-size: 2.2rem; }
    .lrr-member-dashboard-progress-meta { grid-template-columns: 1fr; gap: 6px; }
    .lrr-member-dashboard-progress-meta strong { justify-self: start; }
    .lrr-member-dashboard-hero-stats { grid-template-columns: 1fr; }
    .lrr-home-marquee-shell { flex-direction: column; align-items: flex-start; }
}


/* LRR mobile slide sidebar for member/admin */
.lrr-sidebar-brand-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}
.lrr-sidebar-brand-row .lrr-member-brand,
.lrr-sidebar-brand-row .lrr-admin-brand {
    flex: 1 1 auto;
    min-width: 0;
}

.lrr-member-sidebar,
.lrr-admin-sidebar {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.lrr-member-sidebar::-webkit-scrollbar,
.lrr-admin-sidebar::-webkit-scrollbar {
    width: 8px;
}

.lrr-member-sidebar::-webkit-scrollbar-thumb,
.lrr-admin-sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .22);
}

.lrr-member-sidebar::-webkit-scrollbar-track,
.lrr-admin-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.lrr-member-sidebar[aria-hidden=true],
.lrr-admin-sidebar[aria-hidden=true] {
    pointer-events: none;
}
.lrr-mobile-sidebar-toggle,
.lrr-mobile-sidebar-close,
.lrr-sidebar-overlay {
    display: none;
}
.lrr-mobile-sidebar-toggle,
.lrr-mobile-sidebar-close {
    border: 0;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}
.lrr-mobile-sidebar-toggle {
    gap: 8px;
    min-width: 46px;
    min-height: 42px;
    border-radius: 15px;
    background: linear-gradient(135deg, #6c2ff2, #198754);
    box-shadow: 0 14px 30px rgba(108, 47, 242, .22);
    font-weight: 800;
    padding: 0 14px;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.lrr-mobile-sidebar-toggle i {
    font-size: 1.35rem;
    line-height: 1;
}
.lrr-mobile-sidebar-close {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .92);
}
.lrr-mobile-sidebar-close:hover,
.lrr-mobile-sidebar-close:focus {
    background: rgba(255, 255, 255, .2);
    color: #ffffff;
}
@media (max-width: 991.98px) {
    .lrr-member-shell,
    .lrr-admin-wrapper {
        grid-template-columns: 1fr;
    }
    .lrr-member-main,
    .lrr-admin-main {
        min-width: 0;
        width: 100%;
    }
    .lrr-mobile-sidebar-toggle,
    .lrr-mobile-sidebar-close {
        display: inline-flex;
    }
    .lrr-member-sidebar,
    .lrr-admin-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 1052;
        display: block;
        width: min(360px, calc(100vw - 42px));
        max-width: 92vw;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        transform: translateX(-108%);
        transition: transform .26s ease, box-shadow .26s ease;
        box-shadow: 18px 0 44px rgba(9, 11, 29, .28);
    }
    .lrr-member-sidebar {
        background: #090b1d;
        padding: 20px;
    }
    .lrr-admin-sidebar {
        background: #343a40;
        padding: 16px;
    }
    .lrr-member-menu,
    .lrr-admin-nav {
        grid-template-columns: 1fr;
    }
    .lrr-sidebar-overlay {
        position: fixed;
        inset: 0;
        z-index: 1051;
        display: block;
        border: 0;
        background: rgba(9, 11, 29, .52);
        opacity: 0;
        pointer-events: none;
        transition: opacity .22s ease;
        backdrop-filter: blur(3px);
    }
    body.lrr-sidebar-open {
        overflow: hidden;
    }
    body.lrr-sidebar-open .lrr-member-sidebar,
    body.lrr-sidebar-open .lrr-admin-sidebar {
        transform: translateX(0);
    }
    body.lrr-sidebar-open .lrr-sidebar-overlay {
        opacity: 1;
        pointer-events: auto;
    }
    body.lrr-sidebar-open .lrr-mobile-sidebar-toggle {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: scale(.92);
    }
    body.lrr-sidebar-open .lrr-member-bottom-nav {
        opacity: 0;
        pointer-events: none;
        transform: translateY(120%);
    }
    .lrr-member-topbar,
    .lrr-admin-topbar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .lrr-member-topbar-spacer {
        display: none;
    }
    .lrr-member-profile-pill {
        width: auto;
        max-width: calc(100vw - 112px);
    }
}
@media (max-width: 767.98px) {
    .lrr-page-member {
        padding-bottom: 88px;
    }
    .lrr-member-sidebar,
    .lrr-admin-sidebar {
        width: min(336px, calc(100vw - 34px));
    }
    .lrr-member-topbar,
    .lrr-admin-topbar {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .lrr-admin-topbar > div:first-of-type {
        min-width: 0;
    }
    .lrr-admin-topbar h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 46vw;
    }
    .lrr-admin-actions {
        flex: 0 0 auto;
        gap: 6px;
    }
    .lrr-admin-actions .badge {
        display: none;
    }
    .lrr-mobile-sidebar-toggle span {
        display: none;
    }
    .lrr-member-bottom-nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }
    .lrr-member-bottom-nav a {
        min-width: 0;
    }
}
@media (min-width: 992px) {
    .lrr-member-sidebar,
    .lrr-admin-sidebar {
        transform: none;
    }
}

/* source: shared/lrr-public.css */
.lrr-public-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(9, 11, 29, 0.88);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.lrr-navbar {
    min-height: 76px;
}

.lrr-nav-state {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.lrr-public-nav-panel {
    transition: none;
}

.lrr-nav-list .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
}

.lrr-nav-list .nav-link i {
    font-size: 0.95rem;
    line-height: 1;
}

.lrr-nav-list .nav-link:hover,
.lrr-nav-list .nav-link:focus {
    color: #ffffff;
}

.lrr-nav-toggler {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
}

.lrr-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(58px, 7vw, 82px) 0 clamp(70px, 8vw, 92px);
    color: #ffffff;
}

.lrr-hero::before {
    position: absolute;
    inset: -180px auto auto 48%;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 194, 255, 0.28), transparent 68%);
    content: "";
}

.lrr-hero-title {
    max-width: 720px;
    margin: 18px 0;
    font-size: clamp(2.25rem, 4.8vw, 4.35rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.075em;
}

.lrr-hero-text {
    max-width: 620px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 1.08rem;
    line-height: 1.8;
}

.lrr-hero-actions,
.lrr-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.lrr-hero-metrics {
    gap: 22px;
    margin-top: 34px;
}

.lrr-hero-metrics div {
    display: grid;
    min-width: 94px;
}

.lrr-hero-metrics strong {
    font-size: 1.3rem;
}

.lrr-hero-metrics span {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.86rem;
}

.lrr-phone-frame {
    position: relative;
    max-width: 410px;
    margin-inline: auto 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.11);
    box-shadow: var(--lrr-shadow-lg);
    backdrop-filter: blur(24px);
    padding: 18px;
}

.lrr-phone-topbar {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 4px 0 16px;
}

.lrr-phone-topbar span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.38);
}

.lrr-rate-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-radius: 28px;
    background: #ffffff;
    color: var(--lrr-text);
    padding: 20px;
}

.lrr-rate-card h2 {
    margin: 8px 0 0;
    font-size: 1.22rem;
    font-weight: 850;
}

.lrr-product-stack {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.lrr-product-item {
    display: flex;
    align-items: center;
    gap: 13px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.93);
    color: var(--lrr-text);
    padding: 14px;
}

.lrr-product-icon,
.lrr-catalog-thumb {
    display: inline-grid;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 16px;
    background: #eef2ff;
    color: var(--lrr-primary);
    font-weight: 900;
}

.lrr-product-item div {
    display: grid;
    flex: 1;
}

.lrr-product-item small {
    color: var(--lrr-muted);
}

.lrr-product-item > span:last-child {
    color: var(--lrr-success);
    font-size: 0.8rem;
    font-weight: 900;
}

.lrr-chat-float {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 14px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-secondary));
    color: #ffffff;
    font-weight: 850;
    padding: 14px;
}

.lrr-page-hero {
    padding: 82px 0 58px;
    color: #ffffff;
    background: radial-gradient(circle at top right, rgba(0, 194, 255, 0.24), transparent 30%), linear-gradient(135deg, #090b1d, #191d3a);
}

.lrr-page-hero-compact h1 {
    max-width: 780px;
    margin: 12px 0;
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 900;
    line-height: 1;
}

.lrr-page-hero-compact p {
    max-width: 700px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.8;
}

.lrr-catalog-card,
.lrr-contact-grid article,
.lrr-status-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px;
}

.lrr-catalog-card h2,
.lrr-catalog-card h3 {
    margin: 0 0 6px;
    font-size: 1.06rem;
    font-weight: 850;
}

.lrr-catalog-card p {
    margin: 0 0 8px;
    color: var(--lrr-muted);
}

.lrr-catalog-card a {
    color: var(--lrr-primary);
    font-weight: 850;
}

.lrr-chat-preview {
    display: grid;
    gap: 12px;
    border-radius: 30px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-md);
    padding: 18px;
}

.lrr-chat-header,
.lrr-livechat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--lrr-line);
    padding-bottom: 14px;
}

.lrr-chat-header > div,
.lrr-livechat-header > div {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.lrr-chat-bubble {
    max-width: 78%;
    border-radius: 22px;
    padding: 12px 14px;
    line-height: 1.55;
}

.lrr-chat-bubble-agent {
    justify-self: start;
    background: #eef2ff;
}

.lrr-chat-bubble-user {
    justify-self: end;
    background: var(--lrr-primary);
    color: #ffffff;
}

.lrr-chat-input {
    border-radius: 18px;
    background: #f3f4f6;
    color: var(--lrr-muted);
    padding: 14px 16px;
}

.lrr-status-list {
    display: grid;
    gap: 12px;
}

.lrr-status-item {
    justify-content: space-between;
    border: 1px solid var(--lrr-line);
    border-radius: 20px;
    background: #ffffff;
}

.lrr-status-item div {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.lrr-status-overview {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    border: 1px solid var(--lrr-line);
    border-radius: var(--lrr-radius-lg);
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 22px 24px;
    margin-bottom: 24px;
}

.lrr-status-overview-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: rgba(21, 184, 106, 0.12);
    color: var(--lrr-success);
    font-size: 1.55rem;
    flex-shrink: 0;
}

.lrr-status-overview-body {
    flex: 1 1 240px;
    min-width: 0;
}

.lrr-status-overview-body strong {
    display: block;
    margin-bottom: 4px;
    font-size: 1.16rem;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.lrr-status-overview-body span {
    color: var(--lrr-muted);
    line-height: 1.6;
}

.lrr-status-overview-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: #f3f4f6;
    color: var(--lrr-muted);
    font-size: 0.85rem;
    font-weight: 700;
    padding: 8px 14px;
}

.lrr-status-board {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.lrr-status-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid var(--lrr-line);
    border-radius: var(--lrr-radius-md);
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 20px;
}

.lrr-status-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lrr-status-card-title {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 850;
}

.lrr-status-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary);
    font-size: 1.05rem;
    flex-shrink: 0;
}

.lrr-status-card-note {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.6;
    font-size: 0.94rem;
}

.lrr-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    background: rgba(21, 184, 106, 0.13);
    color: #047857;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 6px 12px;
    white-space: nowrap;
}

.lrr-status-badge-watch {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

.lrr-status-dot-watch {
    background: var(--lrr-warning);
    box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.14);
}

.lrr-status-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 22px;
    margin-top: 22px;
    color: var(--lrr-muted);
    font-size: 0.9rem;
}

.lrr-status-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .lrr-status-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .lrr-status-board {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.lrr-timeline {
    display: grid;
    gap: 16px;
}

.lrr-timeline article {
    display: flex;
    gap: 16px;
    border: 1px solid var(--lrr-line);
    border-radius: 24px;
    background: #ffffff;
    padding: 20px;
}

.lrr-timeline span,
.lrr-contact-grid article > span {
    display: inline-grid;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 15px;
    background: var(--lrr-primary);
    color: #ffffff;
    font-weight: 900;
}

.lrr-timeline h2,
.lrr-contact-grid h2 {
    margin: 0 0 6px;
    font-size: 1.1rem;
    font-weight: 850;
}

.lrr-timeline p,
.lrr-contact-grid p {
    margin: 0;
    color: var(--lrr-muted);
}

.lrr-contact-grid {
    display: grid;
    gap: 14px;
}

.lrr-contact-grid article {
    border: 1px solid var(--lrr-line);
    border-radius: 24px;
    background: #ffffff;
}

.lrr-footer {
    background: #080a18;
    color: rgba(255, 255, 255, 0.76);
    padding: 58px 0 24px;
}

.lrr-footer-brand {
    color: #ffffff;
    font-size: 1.15rem;
}

.lrr-footer-text {
    max-width: 340px;
    margin: 16px 0 0;
    line-height: 1.75;
}

.lrr-footer-title {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.lrr-footer a {
    display: block;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.68);
}

.lrr-footer-panel {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.06);
    padding: 18px;
}

.lrr-footer-panel div {
    display: grid;
    gap: 4px;
}

.lrr-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-top: 46px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 18px;
    font-size: 0.88rem;
}


.lrr-nav-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.86%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (min-width: 1200px) {
    .lrr-hero .row {
        min-height: min(620px, calc(100svh - 160px));
    }
}

/* Public credibility pages */
.lrr-home-upgrade-hero .lrr-hero-title { max-width: 760px; }
.lrr-hero-metrics-wide { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lrr-product-showcase { position: relative; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.12); backdrop-filter: blur(16px); border-radius: 2rem; padding: 1.25rem; box-shadow: 0 24px 70px rgba(20,14,50,.22); }
.lrr-showcase-top { display: flex; align-items: center; gap: .65rem; color: #fff; margin-bottom: 1rem; }
.lrr-showcase-top small { margin-left: auto; opacity: .75; }
.lrr-showcase-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.lrr-showcase-grid article { border-radius: 1.2rem; padding: 1rem; background: #fff; }
.lrr-showcase-grid span { display: block; color: #71798d; font-weight: 800; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.lrr-showcase-grid strong { display: block; font-size: 1.45rem; color: #141827; }
.lrr-showcase-grid small { color: #747c90; }
.lrr-flow-card { margin-top: .8rem; border-radius: 1.2rem; padding: 1rem; background: rgba(255,255,255,.9); color: #252a38; }
.lrr-flow-card b, .lrr-flow-card span { display: block; }
.lrr-feature-card-pro span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; background: #f0ebff; color: #5d21db; font-weight: 900; margin-bottom: .8rem; }
.lrr-admin-preview-card { border-radius: 1.4rem; background: #111827; color: #fff; padding: 1rem; box-shadow: 0 20px 60px rgba(17,24,39,.18); }
.lrr-preview-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid rgba(255,255,255,.1); }
.lrr-preview-row:last-child { border-bottom: 0; }
.lrr-preview-row strong { color: #fff; }
.lrr-preview-row span { color: rgba(255,255,255,.72); text-align: right; }
.lrr-public-info-card, .lrr-trust-card, .lrr-contact-card, .lrr-faq-card { border-radius: 1.4rem; padding: 1.25rem; background: #fff; border: 1px solid rgba(22,26,38,.08); box-shadow: 0 18px 45px rgba(22,26,38,.06); height: 100%; }
.lrr-public-info-card h3, .lrr-contact-card h2 { font-weight: 900; color: #171b29; }
.lrr-public-info-card p, .lrr-contact-card p { color: #657084; }
.lrr-public-info-card a, .lrr-contact-card a { color: #5c25db; font-weight: 900; text-decoration: none; }
.lrr-public-page-hero { padding: 5rem 0 2rem; background: radial-gradient(circle at top left, rgba(108,47,242,.14), transparent 32rem), #f7f8fc; }
.lrr-public-page-hero h1 { max-width: 880px; font-size: clamp(2rem, 5vw, 4rem); font-weight: 950; letter-spacing: -.04em; color: #151928; }
.lrr-public-page-hero p { max-width: 720px; color: #657084; font-size: 1.05rem; }
.lrr-trust-card strong, .lrr-trust-card span { display: block; }
.lrr-trust-card strong { color: #171b29; font-size: 1.05rem; margin-bottom: .35rem; }
.lrr-trust-card span { color: #687286; }
.lrr-policy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.lrr-policy-grid article { border-radius: 1.4rem; padding: 1.25rem; background: #fff; border: 1px solid rgba(22,26,38,.08); }
.lrr-policy-grid h2, .lrr-faq-card h2 { font-weight: 900; }
.lrr-policy-grid p, .lrr-policy-grid li { color: #626d80; }
.lrr-guide-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.lrr-guide-steps article { border-radius: 1.4rem; padding: 1.25rem; background: #fff; border: 1px solid rgba(22,26,38,.08); box-shadow: 0 18px 45px rgba(22,26,38,.05); }
.lrr-guide-steps span { width: 36px; height: 36px; border-radius: 50%; display: inline-grid; place-items: center; background: #5c25db; color: #fff; font-weight: 900; margin-bottom: .8rem; }
.lrr-guide-steps h2 { font-size: 1.05rem; font-weight: 900; }
.lrr-guide-steps p { color: #657084; }
.lrr-faq-card details { border-top: 1px solid rgba(22,26,38,.08); padding: .9rem 0; }
.lrr-faq-card summary { cursor: pointer; font-weight: 900; color: #171b29; }
.lrr-faq-card p { color: #657084; margin: .6rem 0 0; }
.lrr-contact-card span { display: inline-flex; border-radius: 99px; padding: .3rem .7rem; background: #f0ebff; color: #5c25db; font-weight: 900; margin-bottom: .8rem; }
.lrr-contact-warning { border-radius: 1.4rem; padding: 1.25rem; background: linear-gradient(135deg, #f7fbff, #fbf8ff); border: 1px solid rgba(108,47,242,.12); }
.lrr-contact-warning h2 { font-weight: 900; }

/* LRR 2026 secure operations upgrade */
.lrr-hero-ops { padding: 86px 0 62px; color: #fff; position: relative; overflow: hidden; }
.lrr-hero-ops::before { content: ""; position: absolute; inset: 12% -12% auto auto; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(0,194,255,.24), transparent 64%); pointer-events: none; }
.lrr-hero-badges, .lrr-hero-actions, .lrr-closing-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.lrr-hero-ops h1 { margin: 18px 0; max-width: 820px; font-size: clamp(2.55rem, 6vw, 5.2rem); line-height: .94; letter-spacing: -.075em; }
.lrr-hero-lead { max-width: 760px; color: rgba(255,255,255,.78); font-size: 1.08rem; line-height: 1.85; }
.lrr-hero-note { margin-top: 22px; max-width: 740px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; color: rgba(255,255,255,.76); background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.lrr-ops-console-card { border: 1px solid rgba(255,255,255,.16); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.07)); box-shadow: var(--lrr-shadow-lg); padding: 22px; backdrop-filter: blur(18px); }
.lrr-console-top { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #fff; }
.lrr-console-top small { margin-left: auto; color: rgba(255,255,255,.62); font-weight: 700; text-transform: uppercase; font-size: .72rem; letter-spacing: .08em; }
.lrr-console-metrics { display: grid; gap: 12px; }
.lrr-console-metrics div { display: grid; gap: 3px; padding: 15px; border-radius: 20px; background: rgba(8,11,28,.46); border: 1px solid rgba(255,255,255,.11); }
.lrr-console-metrics span, .lrr-console-flow span, .lrr-console-cache { color: rgba(255,255,255,.62); font-size: .82rem; }
.lrr-console-metrics strong { font-size: 1.18rem; }
.lrr-console-metrics em { color: rgba(255,255,255,.72); font-style: normal; }
.lrr-console-flow { display: grid; gap: 8px; margin-top: 16px; padding-left: 12px; border-left: 2px solid rgba(0,194,255,.55); }
.lrr-console-cache { margin-top: 16px; padding: 12px; border-radius: 16px; background: rgba(21,184,106,.12); border: 1px solid rgba(21,184,106,.2); }
.lrr-trust-strip-section { margin-top: -28px; position: relative; z-index: 2; }
.lrr-trust-strip-pro { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 14px; border-radius: 24px; background: #fff; border: 1px solid rgba(17,24,39,.08); box-shadow: var(--lrr-shadow-md); }
.lrr-trust-strip-pro div { padding: 14px; border-radius: 18px; background: #f8faff; }
.lrr-trust-strip-pro strong, .lrr-trust-strip-pro span { display: block; }
.lrr-trust-strip-pro span { margin-top: 4px; color: var(--lrr-muted); font-size: .86rem; line-height: 1.5; }
.lrr-section-light { background: #f7f9ff; }
.lrr-section-heading-wide { max-width: 780px; }
.lrr-workflow-grid, .lrr-feature-lab-grid, .lrr-trust-matrix, .lrr-contact-format-grid, .lrr-invoice-status-grid { display: grid; gap: 14px; }
.lrr-workflow-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lrr-workflow-grid article, .lrr-feature-lab-grid article, .lrr-trust-matrix article, .lrr-contact-format-grid article, .lrr-invoice-status-grid div { background: #fff; border: 1px solid rgba(17,24,39,.08); border-radius: 24px; padding: 20px; box-shadow: var(--lrr-shadow-sm); }
.lrr-workflow-grid b { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 14px; background: rgba(108,47,242,.12); color: var(--lrr-primary); }
.lrr-workflow-grid h3, .lrr-contact-format-grid h2 { margin: 16px 0 8px; font-size: 1.1rem; }
.lrr-workflow-grid p, .lrr-feature-lab-grid p, .lrr-contact-format-grid p { color: var(--lrr-muted); line-height: 1.7; margin: 0; }
.lrr-feature-lab-section { background: linear-gradient(180deg, #fff, #f4f7ff); }
.lrr-feature-lab-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lrr-feature-lab-grid article span { display: inline-flex; margin-bottom: 8px; color: var(--lrr-primary-dark); font-weight: 900; }
.lrr-pricing-trust-list { display: grid; gap: 10px; margin-top: 18px; }
.lrr-pricing-trust-list span { padding: 12px 14px; border-radius: 16px; background: #fff; border: 1px solid rgba(108,47,242,.12); color: #344054; font-weight: 750; }
.lrr-security-board { padding: 24px; border-radius: 28px; background: #0d1229; color: #fff; box-shadow: var(--lrr-shadow-lg); }
.lrr-security-board h3 { margin: 0 0 12px; }
.lrr-security-board ul { margin: 0 0 18px; padding-left: 18px; color: rgba(255,255,255,.76); line-height: 1.75; }
.lrr-security-board a { color: #9be8ff; font-weight: 900; }
.lrr-closing-cta-section { padding-top: 44px; }
.lrr-closing-cta-card { border-radius: 32px; padding: clamp(24px, 5vw, 44px); background: linear-gradient(135deg, #fff, #eef3ff); border: 1px solid rgba(17,24,39,.08); box-shadow: var(--lrr-shadow-md); }
.lrr-closing-cta-card h2 { max-width: 780px; letter-spacing: -.045em; }
.lrr-closing-cta-card p { max-width: 760px; color: var(--lrr-muted); line-height: 1.75; }
.lrr-trust-hero-pro, .lrr-invoice-guide-hero, .lrr-contact-hero-pro { background: radial-gradient(circle at top right, rgba(0,194,255,.18), transparent 34%), linear-gradient(135deg, #090b1d, #181d3f); color: #fff; }
.lrr-trust-matrix { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lrr-trust-matrix strong, .lrr-trust-matrix span, .lrr-invoice-status-grid strong, .lrr-invoice-status-grid span { display: block; }
.lrr-trust-matrix span, .lrr-invoice-status-grid span { color: var(--lrr-muted); line-height: 1.6; margin-top: 6px; }
.lrr-guide-steps-pro { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.lrr-invoice-status-board { padding: 24px; border-radius: 28px; background: #0e132b; color: #fff; }
.lrr-invoice-status-board h2 { margin-bottom: 16px; }
.lrr-invoice-status-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lrr-invoice-status-grid div { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.12); box-shadow: none; }
.lrr-invoice-status-grid span { color: rgba(255,255,255,.68); }
.lrr-contact-card-pro { min-height: 100%; }
.lrr-contact-format-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 991.98px) { .lrr-trust-strip-pro, .lrr-workflow-grid, .lrr-feature-lab-grid, .lrr-trust-matrix, .lrr-guide-steps-pro, .lrr-invoice-status-grid, .lrr-contact-format-grid { grid-template-columns: 1fr; } .lrr-hero-ops { padding-top: 52px; } }

/* LRR brand assets + policy pages */
.lrr-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-brand-logo {
    display: block;
    width: 144px;
    height: auto;
    max-height: 54px;
    object-fit: contain;
}

.lrr-footer-brand {
    align-items: center;
    gap: 12px;
}

.lrr-footer-logo {
    display: block;
    width: 132px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
}

.lrr-footer-bottom a {
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
}

.lrr-footer-bottom a:hover,
.lrr-footer-bottom a:focus {
    color: #ffffff;
}

.lrr-hero-visual-card {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 520px;
}

.lrr-hero-visual-card::before {
    position: absolute;
    inset: 9% 6% 10%;
    border-radius: 38px;
    background: linear-gradient(135deg, rgba(0, 194, 255, 0.2), rgba(108, 47, 242, 0.12));
    filter: blur(1px);
    content: "";
}

.lrr-hero-brand-illustration {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, 560px);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 60px rgba(0, 0, 0, 0.26));
}

.lrr-ops-console-card-floating {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: min(88%, 390px);
    padding: 16px;
}

.lrr-ops-console-card-floating .lrr-console-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.lrr-ops-console-card-floating .lrr-console-metrics div {
    padding: 11px;
    border-radius: 16px;
}

.lrr-ops-console-card-floating .lrr-console-metrics strong {
    font-size: 0.92rem;
}

.lrr-ops-console-card-floating .lrr-console-metrics span,
.lrr-ops-console-card-floating .lrr-console-metrics em,
.lrr-ops-console-card-floating .lrr-console-cache {
    font-size: 0.72rem;
}

.lrr-policy-hero {
    background: radial-gradient(circle at top right, rgba(0, 194, 255, 0.18), transparent 34%), linear-gradient(135deg, #090b1d, #171d3c);
}

.lrr-policy-hero p {
    max-width: 760px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
}

.lrr-policy-hero-note {
    max-width: 740px;
    margin-top: 20px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
}

.lrr-policy-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.lrr-policy-aside {
    position: sticky;
    top: 96px;
    display: grid;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-policy-aside strong {
    margin-bottom: 8px;
    color: #101528;
    font-size: 0.92rem;
}

.lrr-policy-aside a {
    display: block;
    padding: 10px 12px;
    border-radius: 14px;
    color: #526071;
    text-decoration: none;
    font-weight: 750;
}

.lrr-policy-aside a:hover,
.lrr-policy-aside a:focus {
    background: #f1f5ff;
    color: var(--lrr-primary-dark);
}

.lrr-policy-stack {
    display: grid;
    gap: 16px;
}

.lrr-policy-panel {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: clamp(20px, 4vw, 30px);
}

.lrr-policy-panel > span,
.lrr-policy-choice-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 34px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary-dark);
    font-weight: 900;
}

.lrr-policy-panel h2,
.lrr-policy-choice-grid h2 {
    margin-bottom: 10px;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.lrr-policy-panel p,
.lrr-policy-panel li,
.lrr-policy-choice-grid p {
    color: var(--lrr-muted);
    line-height: 1.75;
}

.lrr-policy-panel ul {
    margin-bottom: 0;
    padding-left: 1.15rem;
}

.lrr-policy-callout {
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(21, 184, 106, 0.18);
    border-radius: 18px;
    background: rgba(21, 184, 106, 0.08);
    color: #245846;
    font-weight: 750;
    line-height: 1.65;
}

.lrr-policy-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lrr-policy-choice-grid article {
    min-height: 100%;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: clamp(22px, 4vw, 32px);
}

@media (max-width: 991.98px) {
    .lrr-hero-visual-card {
        min-height: auto;
        padding-bottom: 156px;
    }

    .lrr-ops-console-card-floating {
        right: 50%;
        bottom: 0;
        transform: translateX(50%);
        width: min(96%, 430px);
    }

    .lrr-policy-layout,
    .lrr-policy-choice-grid {
        grid-template-columns: 1fr;
    }

    .lrr-policy-aside {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .lrr-brand-logo {
        width: 118px;
        max-height: 48px;
    }

    .lrr-hero-visual-card {
        padding-bottom: 184px;
    }

    .lrr-ops-console-card-floating .lrr-console-metrics {
        grid-template-columns: 1fr;
    }

    .lrr-policy-panel,
    .lrr-policy-choice-grid article {
        border-radius: 22px;
    }
}

.lrr-inline-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.lrr-inline-links a {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #f0ebff;
    color: var(--lrr-primary-dark);
    font-weight: 850;
    padding: 9px 12px;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .lrr-public-nav-panel {
        display: none;
        flex-basis: 100%;
        width: 100%;
        padding: 16px 0 8px;
    }

    .lrr-nav-state:checked ~ .lrr-public-nav-panel,
    .lrr-public-nav-panel.lrr-nav-open {
        display: block;
    }

    .lrr-nav-state:focus-visible + .lrr-nav-toggler {
        outline: 3px solid rgba(255, 255, 255, 0.58);
        outline-offset: 3px;
    }
}

@media (min-width: 992px) {
    .lrr-public-nav-panel {
        display: flex;
        flex-basis: auto;
    }
}

.lrr-catalog-card-rich {
    align-items: flex-start;
    gap: 18px;
}

.lrr-catalog-card-rich .lrr-catalog-thumb {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #eef2ff;
}

.lrr-catalog-card-rich .lrr-product-svg {
    width: 100%;
    height: 100%;
}

.lrr-catalog-card-rich .lrr-product-svg svg {
    width: 26px;
    height: 26px;
}

.lrr-catalog-body {
    display: grid;
    flex: 1;
    gap: 14px;
    min-width: 0;
}

.lrr-catalog-head {
    display: grid;
    gap: 10px;
}

.lrr-catalog-flag-badge,
.lrr-catalog-stock-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
    padding: 7px 12px;
}

.lrr-catalog-flag-badge {
    color: #4338ca;
    background: rgba(99, 102, 241, 0.12);
}

.lrr-catalog-pricing {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.lrr-catalog-pricing small,
.lrr-catalog-foot small {
    display: block;
    color: var(--lrr-muted);
}

.lrr-catalog-pricing strong {
    display: block;
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.2;
}

.lrr-catalog-stock-badge {
    color: #047857;
    background: rgba(16, 185, 129, 0.12);
}

.lrr-catalog-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    flex-wrap: wrap;
}

.lrr-catalog-foot small {
    max-width: 360px;
    line-height: 1.6;
}

@media (max-width: 575.98px) {
    .lrr-catalog-card-rich {
        flex-direction: column;
    }

    .lrr-catalog-card-rich .lrr-catalog-thumb {
        width: 52px;
        height: 52px;
    }

    .lrr-catalog-pricing,
    .lrr-catalog-foot {
        align-items: flex-start;
    }
}

.lrr-product-svg {
    display: inline-grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 16px;
}

.lrr-product-svg svg {
    width: 22px;
    height: 22px;
}

.lrr-product-svg-whatsapp { color: #128c7e; background: rgba(37, 211, 102, 0.14); }
.lrr-product-svg-telegram { color: #229ed9; background: rgba(34, 158, 217, 0.13); }
.lrr-product-svg-instagram { color: #c13584; background: rgba(193, 53, 132, 0.13); }
.lrr-product-svg-facebook { color: #1877f2; background: rgba(24, 119, 242, 0.12); }
.lrr-product-svg-google { color: #1d4ed8; background: rgba(66, 133, 244, 0.12); }
.lrr-product-svg-tiktok { color: #111827; background: rgba(17, 24, 39, 0.1); }
.lrr-product-svg-muted { color: #4b5563; background: rgba(107, 114, 128, 0.12); }

/* 2026-05-31 homepage compact precision */
.lrr-home-marquee-section {
    padding: 12px 0 6px;
}

.lrr-home-marquee-shell {
    min-height: 50px;
    align-items: center;
}

.lrr-home-platform-heading {
    align-items: center;
}

.lrr-home-platform-live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: .04em;
    min-height: 34px;
    padding: 9px 15px;
}

@media (max-width: 767.98px) {
    .lrr-home-marquee-section {
        padding: 8px 0 4px;
    }

    .lrr-home-marquee-shell {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        min-height: 0;
        padding: 10px;
    }

    .lrr-home-platform-heading {
        gap: 12px;
        text-align: left;
    }

    .lrr-home-platform-live {
        align-self: flex-start;
        min-height: 30px;
        padding: 8px 12px;
        font-size: .72rem;
    }
}

/* Public homepage human copy and FAQ */
.lrr-home-why-faq-section .lrr-section-text {
    max-width: 680px;
}

.lrr-feature-grid-compact {
    gap: 10px;
}

.lrr-feature-grid-compact article {
    padding: 16px;
}

.lrr-home-faq-card {
    border: 1px solid var(--lrr-line);
    border-radius: 26px;
    background: #ffffff;
    padding: 24px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-home-faq-card h2 {
    margin: 6px 0 14px;
    font-weight: 950;
}

.lrr-home-faq-list {
    display: grid;
    gap: 10px;
}

.lrr-home-faq-list details {
    border: 1px solid rgba(17,24,39,0.1);
    border-radius: 18px;
    background: #fbfcff;
    padding: 14px 16px;
}

.lrr-home-faq-list summary {
    cursor: pointer;
    font-weight: 900;
}

.lrr-home-faq-list p {
    margin: 10px 0 0;
    color: var(--lrr-muted);
    line-height: 1.65;
}

.lrr-home-platform-heading {
    gap: 14px;
}

.lrr-home-platform-live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    line-height: 1;
    white-space: nowrap;
}

.lrr-footer a i {
    margin-right: 5px;
}

@media (max-width: 991.98px) {
    .lrr-home-faq-card {
        padding: 20px;
    }
}

@media (max-width: 575.98px) {
    .lrr-home-faq-card {
        border-radius: 22px;
        padding: 16px;
    }

    .lrr-home-platform-live {
        width: max-content;
        max-width: 100%;
    }
}

/* Footer professional layout */
.lrr-footer-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.15fr) minmax(140px, .55fr) minmax(150px, .65fr) minmax(260px, .9fr);
    gap: clamp(18px, 3vw, 36px);
    align-items: start;
}

.lrr-footer-about,
.lrr-footer-link-group {
    min-width: 0;
}

.lrr-footer-link-group {
    display: grid;
    gap: 9px;
}

.lrr-footer-link-group a,
.lrr-footer-contact-pill {
    overflow-wrap: anywhere;
}

.lrr-footer-link-group a {
    margin-top: 0;
}

.lrr-footer-contact-pill {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    margin-top: 16px;
    padding: 9px 12px;
    color: rgba(255, 255, 255, 0.82);
    font-size: .9rem;
    font-weight: 750;
}

.lrr-footer-contact-pill i {
    margin-right: 0;
    flex: 0 0 auto;
}

.lrr-footer-panel {
    min-width: 0;
}

.lrr-footer-panel strong,
.lrr-footer-panel span {
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .lrr-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-footer-about,
    .lrr-footer-panel {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .lrr-footer-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .lrr-footer-about,
    .lrr-footer-panel {
        grid-column: auto;
    }

    .lrr-footer-brand {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .lrr-footer-contact-pill {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}


/* LRR public surface consistency */
.lrr-public-header {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

.lrr-nav-list .nav-link {
    color: #111827;
}

.lrr-nav-list .nav-link:hover,
.lrr-nav-list .nav-link:focus {
    color: #6c2ff2;
}

.lrr-nav-toggler {
    border-color: rgba(108, 47, 242, 0.18);
    background: #ffffff;
    color: #111827;
}

.lrr-hero-main,
.lrr-page-hero,
.lrr-page-hero-compact,
.lrr-policy-hero,
.lrr-public-page-hero,
.lrr-trust-hero-pro,
.lrr-invoice-guide-hero,
.lrr-contact-hero-pro {
    background: radial-gradient(circle at 90% 8%, rgba(108, 47, 242, 0.10), transparent 30%), #ffffff;
    color: #111827;
}

.lrr-hero-main h1,
.lrr-page-hero h1,
.lrr-page-hero-compact h1,
.lrr-policy-hero h1,
.lrr-public-page-hero h1,
.lrr-trust-hero-pro h1,
.lrr-invoice-guide-hero h1,
.lrr-contact-hero-pro h1 {
    color: #111827;
}

.lrr-hero-main .lrr-hero-lead,
.lrr-hero-main .lrr-hero-text,
.lrr-hero-lead,
.lrr-page-hero p,
.lrr-page-hero-compact p,
.lrr-policy-hero p,
.lrr-public-page-hero p,
.lrr-trust-hero-pro p,
.lrr-invoice-guide-hero p,
.lrr-contact-hero-pro p {
    color: #4b5563;
}

.lrr-hero-main .lrr-hero-note,
.lrr-hero-note,
.lrr-policy-hero-note {
    background: #ffffff;
    color: #4b5563;
    border-color: rgba(108, 47, 242, 0.16);
}

.lrr-public-header .btn-primary,
.lrr-hero-main .btn-primary,
.lrr-public-page-hero .btn-primary,
.lrr-page-hero .btn-primary,
.lrr-policy-hero .btn-primary {
    background: #6c2ff2;
    border-color: #6c2ff2;
    color: #ffffff;
}

.lrr-public-header .btn-outline-secondary,
.lrr-hero-main .btn-outline-secondary,
.lrr-public-page-hero .btn-outline-secondary,
.lrr-page-hero .btn-outline-secondary,
.lrr-policy-hero .btn-outline-secondary {
    background: #ffffff;
    border-color: rgba(108, 47, 242, 0.22);
    color: #5b21b6;
}

@media (max-width: 991.98px) {
    .lrr-public-nav-panel {
        background: #ffffff;
        border-color: rgba(17, 24, 39, 0.08);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
    }
}

/* source: shared/lrr-auth.css */
.lrr-auth-shell {
    display: grid;
    min-height: 100vh;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 520px);
    background: #f5f7fb;
}

.lrr-auth-brand-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    padding: 48px;
    color: #ffffff;
    background: radial-gradient(circle at top right, rgba(0, 194, 255, 0.28), transparent 34%), linear-gradient(135deg, #080a18, #1a1f43);
}

.lrr-auth-copy {
    max-width: 640px;
}

.lrr-auth-copy h1 {
    margin: 16px 0;
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.075em;
}

.lrr-auth-copy p {
    max-width: 560px;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.8;
}

.lrr-auth-trustline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lrr-auth-trustline span {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    padding: 9px 12px;
    font-weight: 750;
}

.lrr-auth-form-panel {
    display: grid;
    place-items: center;
    padding: 32px;
}

.lrr-auth-card {
    width: min(100%, 440px);
    border: 1px solid var(--lrr-line);
    border-radius: 30px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-md);
    padding: 30px;
}

.lrr-auth-card h1 {
    margin: 10px 0 8px;
    font-weight: 900;
    letter-spacing: -0.045em;
}

.lrr-auth-card p {
    color: var(--lrr-muted);
}

.lrr-auth-form {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.lrr-auth-form .form-control,
.lrr-checkout-card .form-control,
.lrr-checkout-card .form-select,
.lrr-member-panel .form-control,
.lrr-member-panel .form-select,
.lrr-admin-panel .form-control,
.lrr-admin-panel .form-select {
    min-height: 48px;
    border-radius: 14px;
}

.lrr-turnstile-box {
    display: grid;
    min-height: 58px;
    place-items: center;
    border: 1px dashed rgba(108, 47, 242, 0.34);
    border-radius: 16px;
    background: rgba(108, 47, 242, 0.06);
    color: var(--lrr-primary-dark);
    font-weight: 800;
}

.lrr-social-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.lrr-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    color: var(--lrr-text);
    font-weight: 800;
}

.lrr-social-btn span {
    display: inline-grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 7px;
    background: #eef2ff;
    color: var(--lrr-primary);
    font-size: 0.75rem;
}

.lrr-auth-switch {
    margin: 18px 0 0;
    text-align: center;
}

.lrr-auth-switch a {
    color: var(--lrr-primary);
    font-weight: 850;
}

.lrr-auth-alert {
    border-radius: 16px;
    font-weight: 700;
}

.lrr-auth-role-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.lrr-auth-role-grid div {
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-auth-role-grid strong,
.lrr-auth-role-grid span {
    display: block;
}

.lrr-auth-role-grid strong {
    margin-bottom: 3px;
    color: var(--lrr-text);
    font-weight: 900;
}

.lrr-auth-role-grid span {
    color: var(--lrr-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

/* Auth credibility upgrade */
.lrr-auth-card-pro { max-width: 520px; }
.lrr-social-auth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0; }
.lrr-social-auth-btn { display: flex; align-items: center; justify-content: center; gap: .6rem; border: 1px solid rgba(108,47,242,.18); background: #fff; border-radius: 1rem; padding: .85rem 1rem; color: #182033; text-decoration: none; box-shadow: 0 12px 28px rgba(22,26,38,.06); }
.lrr-social-auth-btn:hover { border-color: rgba(108,47,242,.45); color: #5520d9; transform: translateY(-1px); }
.lrr-social-auth-btn span { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 50%; background: #f2eeff; color: #5c25db; font-weight: 800; }
.lrr-auth-divider { display: flex; align-items: center; gap: .75rem; color: #7d8494; font-size: .85rem; margin: .8rem 0 1rem; }
.lrr-auth-divider::before, .lrr-auth-divider::after { content: ""; height: 1px; flex: 1; background: rgba(22,26,38,.1); }
.lrr-auth-mini-link { font-size: .85rem; text-decoration: none; font-weight: 700; color: #6528e0; }
.lrr-turnstile-widget { margin: .7rem 0; min-height: 65px; }
.lrr-otp-input { text-align: center; letter-spacing: .4rem; font-size: 1.35rem; font-weight: 800; }

/* Email OTP auth */
.lrr-auth-otp-card .lrr-otp-input {
    min-height: 58px;
    border-radius: 16px;
    text-align: center;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: 0.32em;
}

.lrr-auth-otp-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 14px 0;
}

.lrr-auth-otp-meta span {
    border-radius: 14px;
    background: rgba(108, 47, 242, 0.07);
    color: #4d566a;
    font-size: 0.78rem;
    font-weight: 850;
    padding: 10px;
}

@media (max-width: 575.98px) {
    .lrr-auth-otp-meta {
        grid-template-columns: 1fr;
    }
}

/* LRR auth hardening upgrade */
.lrr-auth-card-human code { color: #5c25db; background: #f4f0ff; border-radius: 8px; padding: 2px 6px; }
.lrr-social-auth-disabled { opacity: .72; cursor: not-allowed; color: #667085; }
.lrr-social-auth-disabled:hover { transform: none; border-color: rgba(108,47,242,.18); color: #667085; }
.lrr-social-auth-disabled small { display: inline-flex; margin-left: auto; font-size: .68rem; font-weight: 800; color: #98a2b3; text-transform: uppercase; letter-spacing: .06em; }
.lrr-auth-safe-note { margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: #f8faff; color: #667085; border: 1px solid rgba(108,47,242,.12); font-size: .9rem; line-height: 1.6; }

.lrr-social-auth-icon {
    display: inline-grid;
    width: 22px;
    height: 22px;
    place-items: center;
}

.lrr-social-auth-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.lrr-password-field {
    position: relative;
    display: flex;
    align-items: center;
}

.lrr-password-field .form-control {
    padding-right: 48px;
}

.lrr-password-field button {
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #64748b;
    transform: translateY(-50%);
}

.lrr-password-field button:hover,
.lrr-password-field button[aria-pressed="true"] {
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary);
}

.lrr-password-field svg {
    width: 19px;
    height: 19px;
}

/* Cloudflare Turnstile alignment */
.lrr-turnstile-widget,
.lrr-turnstile-box,
.lrr-turnstile-box-compact {
    display: flex;
    width: 100%;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.lrr-turnstile-widget > div,
.lrr-turnstile-widget iframe {
    max-width: 100%;
}

/* source: shared/lrr-livechat.css */
.lrr-livechat-panel {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--lrr-line);
    border-radius: 30px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-md);
}

.lrr-livechat-menu {
    display: grid;
    align-content: start;
    gap: 10px;
    background: #f3f4f8;
    padding: 18px;
}

.lrr-livechat-menu-item {
    border: 0;
    border-radius: 16px;
    background: #ffffff;
    color: var(--lrr-text);
    font-weight: 850;
    text-align: left;
    padding: 14px;
}

.lrr-livechat-active {
    background: var(--lrr-primary);
    color: #ffffff;
}

.lrr-livechat-room {
    display: grid;
    min-width: 0;
    min-height: 520px;
    grid-template-rows: auto 1fr auto;
}

.lrr-livechat-header {
    padding: 18px;
}

.lrr-livechat-body {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    background: #fbfcff;
    padding: 18px;
}

.lrr-livechat-compose {
    display: flex;
    gap: 10px;
    border-top: 1px solid var(--lrr-line);
    padding: 14px;
}

.lrr-livechat-compose .form-control {
    min-height: 48px;
    border-radius: 999px;
}

.lrr-chat-workspace {
    display: grid;
    gap: 18px;
}

.lrr-chat-state {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    background: #ffffff;
    font-weight: 850;
    padding: 9px 13px;
}

.lrr-livechat-panel-member {
    box-shadow: none;
}

.lrr-livechat-menu a.lrr-livechat-menu-item {
    display: block;
    text-decoration: none;
}

.lrr-livechat-compose input:disabled,
.lrr-livechat-compose button:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.lrr-livechat-public-panel {
    border-radius: 8px;
}

.lrr-livechat-public-menu {
    gap: 8px;
}

.lrr-livechat-public-menu .lrr-livechat-menu-item {
    border-radius: 8px;
    display: grid;
    gap: 3px;
    text-decoration: none;
}

.lrr-livechat-public-note {
    display: grid;
    gap: 5px;
    border: 1px solid rgba(37, 99, 235, .16);
    border-radius: 8px;
    background: #eff6ff;
    color: #475569;
    font-size: .82rem;
    line-height: 1.5;
    padding: 12px;
}

.lrr-livechat-public-note strong {
    color: #1d4ed8;
}

.lrr-livechat-public-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--lrr-line);
}

.lrr-livechat-public-head > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-livechat-public-head small {
    display: block;
    color: var(--lrr-muted);
    font-size: .78rem;
    font-weight: 760;
}

.lrr-livechat-public-compose {
    display: grid;
    grid-template-columns: minmax(190px, .7fr) minmax(220px, 1fr) auto;
    align-items: end;
}

.lrr-livechat-public-fields {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.lrr-livechat-public-compose textarea.form-control {
    min-height: 48px;
    max-height: 120px;
    border-radius: 18px;
    resize: none;
}

.lrr-livechat-public-status {
    border-top: 1px solid var(--lrr-line);
    background: #fbfcff;
    padding: 0 14px 12px;
}

.lrr-chat-pane-hidden {
    display: none;
}

@media (max-width: 991.98px) {
    .lrr-livechat-public-compose {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-livechat-public-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

.lrr-assist-room {
    background: #ffffff;
}

.lrr-assist-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--lrr-line);
}

.lrr-assist-header div {
    display: grid;
    gap: 3px;
}

.lrr-assist-header div:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lrr-assist-header small {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.lrr-assist-badge {
    border-radius: 999px;
    background: rgba(21, 184, 106, 0.13);
    color: #047857;
    font-size: 0.78rem;
    font-weight: 900;
    padding: 7px 11px;
}

.lrr-assist-guard-box {
    display: grid;
    gap: 4px;
    margin: 14px 18px 0;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.08), rgba(0, 194, 255, 0.07));
    color: var(--lrr-muted);
    padding: 14px;
}

.lrr-assist-guard-box strong {
    color: var(--lrr-text);
}

.lrr-assist-body {
    overflow-y: auto;
    max-height: 430px;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.lrr-assist-quick-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid var(--lrr-line);
    padding: 12px 14px 0;
}

.lrr-assist-quick-row button {
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--lrr-primary-dark);
    font-size: 0.82rem;
    font-weight: 850;
    padding: 8px 12px;
}

.lrr-assist-quick-row button:hover,
.lrr-assist-quick-row button:focus {
    border-color: rgba(108, 47, 242, 0.42);
    background: rgba(108, 47, 242, 0.08);
}

.lrr-chat-bubble {
    white-space: pre-wrap;
}

.lrr-assist-workspace-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lrr-assist-head-cards {
    display: grid;
    min-width: min(360px, 100%);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.lrr-assist-head-cards span {
    display: grid;
    gap: 2px;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 800;
    padding: 11px;
}

.lrr-assist-head-cards strong {
    color: var(--lrr-text);
    font-size: 0.82rem;
}

.lrr-livechat-menu-item {
    display: grid;
    gap: 3px;
}

.lrr-livechat-menu-item span {
    font-size: 1.1rem;
    line-height: 1;
}

.lrr-livechat-menu-item small {
    color: inherit;
    font-size: 0.72rem;
    font-weight: 750;
    opacity: 0.72;
}

.lrr-assist-side-note {
    display: grid;
    gap: 6px;
    margin-top: 8px;
    border: 1px solid rgba(21, 184, 106, 0.18);
    border-radius: 20px;
    background: rgba(21, 184, 106, 0.08);
    color: var(--lrr-muted);
    font-size: 0.82rem;
    line-height: 1.6;
    padding: 14px;
}

.lrr-assist-side-note strong {
    color: #047857;
}

.lrr-assist-context-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px 0;
}

.lrr-assist-context-grid article {
    display: grid;
    gap: 5px;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.07), rgba(0, 194, 255, 0.05));
    padding: 14px;
}

.lrr-assist-context-grid span,
.lrr-assist-context-grid small {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 760;
}

.lrr-assist-context-grid strong {
    color: var(--lrr-text);
    font-size: 0.92rem;
    font-weight: 900;
}

.lrr-assist-order-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 12px 18px 0;
}

.lrr-assist-order-strip > span {
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 900;
}

.lrr-assist-order-strip button {
    border: 1px solid rgba(21, 184, 106, 0.24);
    border-radius: 999px;
    background: rgba(21, 184, 106, 0.08);
    color: #047857;
    font-size: 0.78rem;
    font-weight: 850;
    padding: 7px 11px;
}

.lrr-assist-compose-note {
    display: block;
    border-top: 1px solid var(--lrr-line);
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 760;
    padding: 0 18px 14px;
}

/* source: shared/lrr-invoice.css */
.lrr-invoice-card {
    padding: 24px;
}

.lrr-invoice-track-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
    align-items: stretch;
}

.lrr-invoice-card-head,
.lrr-invoice-result-head {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
}

.lrr-invoice-card-head h2,
.lrr-invoice-result-head h2,
.lrr-invoice-help-card h2 {
    margin: 4px 0 0;
    color: #111827;
    font-size: 1.45rem;
    font-weight: 950;
}

.lrr-invoice-track-form {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.lrr-invoice-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.lrr-invoice-search-row .btn {
    min-width: 120px;
    justify-content: center;
}

.lrr-invoice-state {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 20px;
    border-radius: 20px;
    background: #f8fafc;
    padding: 18px;
}

.lrr-invoice-state-neutral {
    background: #f8fafc;
}

.lrr-invoice-state-missing {
    border: 1px solid rgba(239, 68, 68, 0.16);
    background: #fff7f7;
}

.lrr-invoice-state p {
    margin: 0;
    color: var(--lrr-muted);
}

.lrr-invoice-help-card {
    display: grid;
    align-content: start;
    gap: 12px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.lrr-invoice-help-card p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.65;
}

.lrr-invoice-help-list {
    display: grid;
    gap: 8px;
}

.lrr-invoice-help-list span {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 14px;
    background: #ffffff;
    color: #334155;
    font-weight: 850;
}

.lrr-invoice-help-list i {
    color: var(--lrr-primary);
}

.lrr-invoice-result-card {
    margin-top: 18px;
    padding: 24px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-invoice-result-head p {
    max-width: 720px;
    margin: 6px 0 0;
    color: var(--lrr-muted);
    line-height: 1.65;
}

.lrr-invoice-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.lrr-invoice-detail-grid div {
    min-width: 0;
    padding: 13px;
    border: 1px solid rgba(17, 24, 39, 0.07);
    border-radius: 16px;
    background: #f8fafc;
}

.lrr-invoice-detail-grid span {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 850;
}

.lrr-invoice-detail-grid strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 0.95rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.lrr-invoice-tone-success {
    border-color: rgba(34, 197, 94, 0.2);
    background: linear-gradient(180deg, #ffffff, #f0fdf4);
}

.lrr-invoice-tone-process {
    border-color: rgba(14, 165, 233, 0.22);
    background: linear-gradient(180deg, #ffffff, #f0f9ff);
}

.lrr-invoice-tone-pending {
    border-color: rgba(245, 158, 11, 0.24);
    background: linear-gradient(180deg, #ffffff, #fffbeb);
}

.lrr-invoice-tone-closed {
    border-color: rgba(100, 116, 139, 0.22);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

@media (max-width: 991.98px) {
    .lrr-invoice-track-grid,
    .lrr-invoice-detail-grid {
        grid-template-columns: 1fr;
    }

    .lrr-invoice-card-head,
    .lrr-invoice-result-head {
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .lrr-invoice-card,
    .lrr-invoice-result-card {
        padding: 18px;
        border-radius: 18px;
    }

    .lrr-invoice-search-row {
        grid-template-columns: 1fr;
    }

    .lrr-invoice-search-row .btn {
        width: 100%;
    }
}

/* source: shared/lrr-checkout.css */
.lrr-checkout-card,
.lrr-order-summary {
    padding: 24px;
}

.lrr-order-summary {
    position: sticky;
    top: 98px;
    display: grid;
    gap: 14px;
}

.lrr-order-summary h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 900;
}

.lrr-order-summary p {
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-order-summary div {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid var(--lrr-line);
    padding-top: 14px;
}

/* source: shared/lrr-member.css */
.lrr-page-member {
    background: #f5f7fb;
}

.lrr-member-shell {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 280px minmax(0, 1fr);
}

.lrr-member-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    background: #090b1d;
    color: #ffffff;
    padding: 24px;
}

.lrr-member-menu {
    display: grid;
    gap: 8px;
    margin-top: 28px;
}

.lrr-member-menu a {
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
    padding: 12px 14px;
}

.lrr-member-menu a:hover,
.lrr-member-menu a:focus {
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
}

.lrr-member-main {
    min-width: 0;
    padding: 28px;
}

.lrr-member-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.lrr-member-topbar h1 {
    margin: 6px 0 0;
    font-weight: 900;
    letter-spacing: -0.045em;
}

.lrr-member-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.lrr-member-card {
    padding: 22px;
}

.lrr-member-card span {
    color: var(--lrr-muted);
    font-weight: 800;
}

.lrr-member-card strong {
    display: block;
    margin: 8px 0;
    font-size: 2rem;
    font-weight: 900;
}

.lrr-member-card p {
    margin: 0;
    color: var(--lrr-muted);
}

.lrr-member-panel {
    margin-top: 18px;
    padding: 24px;
}

.lrr-member-panel h2 {
    font-size: 1.25rem;
    font-weight: 900;
}

.lrr-member-section-head,
.lrr-member-cta-panel,
.lrr-otp-order-hero,
.lrr-chat-workspace-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.lrr-member-section-head h2,
.lrr-member-cta-panel h2,
.lrr-otp-order-hero h2,
.lrr-chat-workspace-head h2 {
    margin: 6px 0 8px;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.lrr-member-section-head a {
    color: var(--lrr-primary);
    font-weight: 850;
}

.lrr-member-activity-list {
    display: grid;
    gap: 10px;
}

.lrr-member-activity-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #fbfcff;
    padding: 14px;
}

.lrr-member-activity-item div {
    display: grid;
    gap: 3px;
}

.lrr-member-activity-item span:not(.badge) {
    color: var(--lrr-muted);
    font-size: 0.9rem;
}

.lrr-otp-order-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: start;
}

.lrr-otp-order-main {
    display: grid;
    gap: 18px;
    min-width: 0;
}

.lrr-otp-order-hero p,
.lrr-member-cta-panel p,
.lrr-chat-workspace-head p,
.lrr-deposit-panel p {
    max-width: 720px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-otp-balance-card {
    display: grid;
    gap: 4px;
    min-width: 190px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.12), rgba(0, 194, 255, 0.1));
    padding: 18px;
}

.lrr-otp-balance-card span,
.lrr-otp-balance-card a {
    color: var(--lrr-muted);
    font-size: 0.9rem;
    font-weight: 800;
}

.lrr-otp-balance-card strong {
    font-size: 1.4rem;
    font-weight: 900;
}

.lrr-otp-filter-card .form-label,
.lrr-otp-create-form .form-label {
    color: #374151;
    font-weight: 850;
}

.lrr-otp-quick-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lrr-otp-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.lrr-otp-service-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 14px;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.lrr-otp-service-card:hover,
.lrr-otp-service-card-active {
    border-color: rgba(108, 47, 242, 0.42);
    box-shadow: var(--lrr-shadow-md);
    transform: translateY(-2px);
}

.lrr-otp-service-icon {
    display: inline-grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 20px;
    background: #eef2ff;
    color: var(--lrr-primary-dark);
    font-weight: 900;
}

.lrr-otp-service-body {
    min-width: 0;
}

.lrr-otp-service-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lrr-otp-service-title-row h3 {
    overflow: hidden;
    margin: 0;
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-otp-hot {
    border-radius: 999px;
    background: rgba(21, 184, 106, 0.12);
    color: #047857;
    font-size: 0.68rem;
    font-weight: 900;
    padding: 3px 7px;
}

.lrr-otp-service-code,
.lrr-otp-service-meta,
.lrr-otp-tip,
.lrr-otp-selected-box small {
    color: var(--lrr-muted);
    font-size: 0.86rem;
}

.lrr-otp-service-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 7px 0;
}

.lrr-otp-price {
    color: #047857;
    font-weight: 900;
}

.lrr-otp-select-btn {
    min-width: 84px;
}

.lrr-otp-order-aside {
    position: sticky;
    top: 96px;
    display: grid;
    gap: 14px;
}

.lrr-otp-order-aside h2 {
    margin: 0;
    font-weight: 900;
}

.lrr-otp-order-aside p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-otp-create-form {
    display: grid;
    gap: 12px;
}

.lrr-otp-selected-box {
    display: grid;
    gap: 5px;
    border: 1px dashed rgba(108, 47, 242, 0.42);
    border-radius: 20px;
    background: #fbfcff;
    padding: 14px;
}

.lrr-otp-selected-box span {
    color: var(--lrr-muted);
    font-size: 0.85rem;
    font-weight: 850;
}

.lrr-otp-selected-box strong {
    font-size: 1.08rem;
    font-weight: 900;
}

.lrr-otp-empty-state {
    grid-column: 1 / -1;
    text-align: center;
}

.lrr-deposit-panel,
.lrr-deposit-methods {
    display: grid;
    gap: 16px;
}

.lrr-deposit-methods {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-deposit-methods article {
    display: grid;
    gap: 6px;
    border: 1px solid var(--lrr-line);
    border-radius: 20px;
    background: #fbfcff;
    padding: 16px;
}

.lrr-deposit-methods span {
    color: var(--lrr-muted);
    line-height: 1.6;
}

.lrr-member-brand span:last-child {
    display: grid;
    gap: 1px;
}

.lrr-member-brand small,
.lrr-member-profile-pill small,
.lrr-member-sidebar-note small {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
}

.lrr-member-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lrr-member-menu a span {
    display: inline-grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
}

.lrr-member-menu-active {
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}

.lrr-member-sidebar-note {
    display: grid;
    gap: 5px;
    margin-top: 28px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.07);
    padding: 16px;
}

.lrr-member-sidebar-note span {
    color: #a7f3d0;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lrr-member-sidebar-note strong {
    color: #ffffff;
    font-size: 0.96rem;
}

.lrr-member-profile-pill {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 8px 10px 8px 8px;
}

.lrr-member-profile-pill div {
    display: grid;
    min-width: 0;
}

.lrr-member-profile-pill small {
    overflow: hidden;
    max-width: 220px;
    color: var(--lrr-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-avatar {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-secondary));
    color: #ffffff;
    font-weight: 900;
}

.lrr-member-home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 18px;
    align-items: stretch;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 0%, rgba(108, 47, 242, 0.18), transparent 32%),
        radial-gradient(circle at 98% 10%, rgba(0, 194, 255, 0.15), transparent 28%),
        #ffffff;
    box-shadow: var(--lrr-shadow-md);
    padding: 28px;
}

.lrr-member-home-hero h2 {
    max-width: 760px;
    margin: 8px 0 10px;
    font-size: clamp(1.7rem, 4vw, 3.1rem);
    font-weight: 950;
    letter-spacing: -0.065em;
}

.lrr-member-home-hero p {
    max-width: 680px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.75;
}

.lrr-member-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.lrr-member-hero-balance {
    display: grid;
    align-content: center;
    gap: 8px;
    border-radius: 28px;
    background: #090b1d;
    color: #ffffff;
    padding: 22px;
}

.lrr-member-hero-balance span,
.lrr-member-hero-balance a {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 800;
}

.lrr-member-hero-balance strong {
    font-size: 1.9rem;
    font-weight: 950;
    letter-spacing: -0.04em;
}

.lrr-member-grid-compact {
    margin-top: 18px;
}

.lrr-member-assist-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    gap: 18px;
    align-items: center;
}

.lrr-member-assist-summary p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-member-assist-rules {
    display: grid;
    gap: 8px;
}

.lrr-member-assist-rules span,
.lrr-member-empty-soft {
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #fbfcff;
    padding: 12px 14px;
}

.lrr-member-assist-rules span {
    color: #374151;
    font-weight: 850;
}

.lrr-member-empty-soft {
    display: grid;
    gap: 5px;
    color: var(--lrr-muted);
}

.lrr-member-empty-soft strong {
    color: var(--lrr-text);
}

.lrr-member-bottom-nav {
    display: none;
}

.lrr-order-detail-hero,
.lrr-order-detail-grid,
.lrr-order-action-row {
    display: grid;
    gap: 16px;
}

.lrr-order-detail-hero {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.lrr-order-detail-hero p,
.lrr-order-detail-note {
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 0.88rem;
    font-weight: 900;
}

.lrr-status-success {
    background: rgba(21, 184, 106, 0.12);
    color: #047857;
}

.lrr-status-waiting {
    background: rgba(245, 158, 11, 0.14);
    color: #92400e;
}

.lrr-status-info {
    background: rgba(14, 165, 233, 0.13);
    color: #0369a1;
}

.lrr-status-muted {
    background: #eef2f7;
    color: #475569;
}

.lrr-invoice-status-pair {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.lrr-status-stack {
    min-height: 48px;
    display: grid;
    gap: 2px;
    align-content: center;
    justify-items: center;
    padding: 7px 12px;
    line-height: 1.1;
}

.lrr-status-stack small {
    font-size: .66rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .82;
}

.lrr-status-stack strong {
    font-size: .85rem;
    font-weight: 950;
}

.lrr-order-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    align-items: start;
}

.lrr-order-detail-card,
.lrr-order-sms-card {
    margin-top: 0;
}

.lrr-order-detail-row {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    border-bottom: 1px solid var(--lrr-line);
    padding: 13px 0;
}

.lrr-order-detail-row:last-child {
    border-bottom: 0;
}

.lrr-order-detail-row span {
    color: var(--lrr-muted);
    font-weight: 850;
}

.lrr-order-detail-row strong,
.lrr-order-detail-row code {
    min-width: 0;
    overflow-wrap: anywhere;
}

.lrr-order-sms-card h2 {
    margin: 8px 0;
    font-size: clamp(1.7rem, 4vw, 3rem);
    font-weight: 950;
    letter-spacing: -0.05em;
}

.lrr-order-sms-card p {
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-order-action-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-order-action-row form,
.lrr-order-action-row button {
    width: 100%;
}

.lrr-order-detail-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.lrr-order-detail-note strong {
    color: var(--lrr-text);
}

@media (max-width: 991.98px) {
    .lrr-order-detail-hero,
    .lrr-order-detail-grid {
        grid-template-columns: 1fr;
    }

    .lrr-order-detail-row,
    .lrr-order-action-row,
    .lrr-order-detail-note {
        grid-template-columns: 1fr;
    }

    .lrr-order-detail-note {
        display: grid;
    }
}

.lrr-otp-service-brand-icon {
    background: transparent;
    color: inherit;
}

.lrr-otp-service-brand-icon .lrr-product-svg {
    width: 54px;
    height: 54px;
    border-radius: 20px;
}

.lrr-otp-service-brand-icon .lrr-product-svg svg {
    width: 29px;
    height: 29px;
}

.lrr-otp-operator-note {
    display: block;
    margin-top: 8px;
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.45;
}

.lrr-otp-filter-status {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.07);
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 800;
    padding: 8px 12px;
}

.lrr-otp-filter-card.lrr-otp-filter-loading {
    border-color: rgba(108, 47, 242, 0.32);
    box-shadow: 0 18px 48px rgba(108, 47, 242, 0.10);
}

.lrr-otp-filter-card.lrr-otp-filter-loading .lrr-otp-filter-status::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--lrr-primary);
    content: "";
}

.lrr-otp-service-card-match {
    border-color: rgba(21, 184, 106, 0.38);
    background: linear-gradient(135deg, #ffffff, rgba(21, 184, 106, 0.04));
}

/* Member credibility + deposit invoice */
.lrr-member-hero-split { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 1.2rem; align-items: center; }
.lrr-member-balance-card { border-radius: 1.4rem; padding: 1.2rem; background: linear-gradient(135deg, #eef4ff, #f3efff); border: 1px solid rgba(108,47,242,.14); }
.lrr-member-balance-card span, .lrr-member-balance-card a { display: block; color: #6c7488; font-size: .85rem; font-weight: 700; text-decoration: none; }
.lrr-member-balance-card strong { display: block; font-size: 1.8rem; color: #141827; margin: .2rem 0; }
.lrr-deposit-panel-pro, .lrr-deposit-guide-card, .lrr-invoice-card-pro { border: 1px solid rgba(22,26,38,.08); box-shadow: 0 20px 50px rgba(22,26,38,.06); }
.lrr-panel-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.lrr-panel-title-row h3 { margin: .15rem 0 0; font-size: 1.05rem; font-weight: 800; color: #151928; }
.lrr-status-pill { display: inline-flex; align-items: center; border-radius: 99px; padding: .35rem .7rem; font-size: .78rem; font-weight: 800; background: #edf1f7; color: #4c5668; white-space: nowrap; }
.lrr-status-success { background: rgba(25,135,84,.12); color: #087443; }
.lrr-status-warning { background: rgba(255,193,7,.18); color: #8a6100; }
.lrr-deposit-warning { border-radius: 1rem; padding: .85rem 1rem; background: rgba(255,193,7,.16); color: #6f4a00; font-weight: 700; margin-bottom: 1rem; }
.lrr-deposit-form .form-label { font-weight: 800; color: #222738; }
.lrr-money-input { display: flex; align-items: center; border: 1px solid #d9deea; border-radius: 1rem; overflow: hidden; background: #fff; }
.lrr-money-input span { padding: 0 1rem; font-weight: 900; color: #5c25db; }
.lrr-money-input .form-control { border: 0; border-radius: 0; box-shadow: none; }
.lrr-input-hint, .lrr-muted { color: #747c91; }
.lrr-step-list { margin: 0 0 1rem; padding-left: 1.2rem; color: #303747; }
.lrr-step-list li { margin-bottom: .55rem; }
.lrr-trustline-mini { border-radius: 1.1rem; padding: 1rem; background: #f6f8fc; margin-bottom: 1rem; }
.lrr-trustline-mini strong, .lrr-trustline-mini span { display: block; }
.lrr-trustline-mini span { color: #697286; font-size: .9rem; margin-top: .25rem; }
.lrr-member-table small { display: block; color: #7a8291; font-size: .75rem; }
.lrr-invoice-topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(22,26,38,.08); padding-bottom: 1rem; margin-bottom: 1rem; }
.lrr-invoice-topline h2 { font-weight: 900; margin: .2rem 0; }
.lrr-invoice-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.lrr-invoice-summary-grid div { border-radius: 1rem; padding: .9rem; background: #f7f8fc; }
.lrr-invoice-summary-grid span { display: block; color: #768095; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.lrr-invoice-summary-grid strong { display: block; margin-top: .25rem; color: #171b29; }
.lrr-payment-instruction-box { border-radius: 1.2rem; padding: 1.1rem; background: linear-gradient(135deg, #f7fbff, #fbf8ff); border: 1px solid rgba(108,47,242,.12); }
.lrr-payment-instruction-box h3 { font-size: 1rem; font-weight: 900; }
.lrr-invoice-note { margin-top: 1rem; border-radius: 1rem; padding: .9rem; background: #fffaf0; color: #624700; }
.lrr-invoice-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }

/* Email OTP member guard */
.lrr-email-otp-hero h2 {
    letter-spacing: -0.03em;
}

.lrr-email-otp-card-mini strong {
    font-size: 1.05rem;
    line-height: 1.2;
}

.lrr-email-otp-card-mini small {
    display: block;
    color: #6d768a;
    font-weight: 800;
}

.lrr-email-otp-panel,
.lrr-email-otp-summary {
    border: 1px solid rgba(22, 26, 38, 0.08);
    box-shadow: 0 20px 50px rgba(22, 26, 38, 0.06);
}

.lrr-email-otp-form .form-label {
    font-weight: 900;
    color: #222738;
}

.lrr-otp-input {
    min-height: 58px;
    border-radius: 16px;
    text-align: center;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: 0.32em;
}

.lrr-email-otp-summary h3 {
    margin: 0 0 12px;
    font-size: 1.05rem;
    font-weight: 900;
    color: #151928;
}

.lrr-email-otp-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.lrr-email-otp-summary-grid div {
    border-radius: 16px;
    background: #f7f8fc;
    padding: 12px;
}

.lrr-email-otp-summary-grid span,
.lrr-email-otp-summary-grid strong {
    display: block;
}

.lrr-email-otp-summary-grid span {
    color: #768095;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.lrr-email-otp-summary-grid strong {
    margin-top: 4px;
    color: #151928;
}

@media (max-width: 575.98px) {
    .lrr-email-otp-summary-grid {
        grid-template-columns: 1fr;
    }
}

/* LRR member mini-app upgrade */
.lrr-member-home-hero-pro { background: radial-gradient(circle at top right, rgba(0,194,255,.14), transparent 32%), linear-gradient(135deg, #101633, #ffffff 72%); }
.lrr-member-balance-pro small { display: block; color: rgba(255,255,255,.74); line-height: 1.5; margin: 4px 0 12px; }
.lrr-member-command-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lrr-member-shortcut-panel { margin-top: 16px; }
.lrr-member-shortcut-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.lrr-member-shortcut-grid a { display: grid; gap: 6px; padding: 16px; border-radius: 20px; background: #f8faff; border: 1px solid rgba(108,47,242,.12); }
.lrr-member-shortcut-grid strong { color: #182033; }
.lrr-member-shortcut-grid span { color: var(--lrr-muted); line-height: 1.5; font-size: .88rem; }
.lrr-member-empty-action div { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.lrr-status-danger { background: rgba(239,68,68,.12); color: #b42318; }
.lrr-deposit-invoice-pro { position: relative; overflow: hidden; }
.lrr-deposit-invoice-pro::before { content: ""; position: absolute; inset: 0 0 auto auto; width: 180px; height: 180px; border-radius: 50%; background: rgba(108,47,242,.08); transform: translate(38%, -42%); pointer-events: none; }
.lrr-invoice-copy-row { margin: 16px 0 0; }
.lrr-invoice-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.lrr-invoice-timeline-item { display: grid; gap: 5px; padding: 14px; border: 1px solid rgba(17,24,39,.08); border-radius: 18px; background: #f8faff; }
.lrr-invoice-timeline-item b { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 12px; background: #e8ecf7; color: #667085; }
.lrr-invoice-timeline-item span { font-weight: 900; }
.lrr-invoice-timeline-item small { color: var(--lrr-muted); }
.lrr-invoice-timeline-done b { background: rgba(21,184,106,.14); color: #087443; }
.lrr-invoice-timeline-active { border-color: rgba(245,158,11,.34); background: #fff9ed; }
.lrr-invoice-timeline-active b { background: rgba(245,158,11,.18); color: #92400e; }
@media (max-width: 991.98px) { .lrr-member-command-grid, .lrr-member-shortcut-grid, .lrr-invoice-timeline { grid-template-columns: 1fr; } }

.lrr-deposit-method-status {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.lrr-deposit-method-status span {
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #f8fafc;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 850;
    padding: 9px 10px;
}

.lrr-deposit-method-status .lrr-status-success {
    border-color: rgba(21, 184, 106, 0.22);
    background: rgba(21, 184, 106, 0.08);
    color: #047857;
}

.lrr-deposit-method-status .lrr-status-warning {
    border-color: rgba(245, 158, 11, 0.24);
    background: rgba(245, 158, 11, 0.1);
    color: #92400e;
}

.lrr-settings-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.lrr-settings-hero h2 {
    margin: 6px 0 8px;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 900;
    letter-spacing: -0.045em;
}

.lrr-settings-hero p {
    max-width: 680px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-settings-status-grid {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lrr-settings-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-weight: 850;
    padding: 9px 14px;
}

.lrr-settings-status-on {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.lrr-settings-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.lrr-settings-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: 12px;
}

.lrr-settings-card h3 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 900;
}

.lrr-settings-card p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.65;
}

.lrr-settings-form {
    display: grid;
    gap: 10px;
    margin-top: auto;
}

.lrr-totp-qr-box {
    display: grid;
    min-height: 190px;
    place-items: center;
    border: 1px dashed var(--lrr-line);
    border-radius: 24px;
    background: #fff;
    padding: 14px;
}

.lrr-totp-qr-box svg {
    max-width: 170px;
    width: 100%;
    height: auto;
}

.lrr-totp-secret {
    display: grid;
    gap: 4px;
    border-radius: 16px;
    background: #f8fafc;
    padding: 10px 12px;
}

.lrr-totp-secret span,
.lrr-totp-secret code {
    font-size: 0.82rem;
}

.lrr-totp-secret code {
    white-space: normal;
    word-break: break-all;
}

.lrr-passkey-list,
.lrr-device-list {
    display: grid;
    gap: 10px;
}

.lrr-passkey-item,
.lrr-device-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #fff;
    padding: 12px;
}

.lrr-passkey-item div,
.lrr-device-item div:first-child {
    display: grid;
    min-width: 0;
}

.lrr-passkey-item small,
.lrr-device-item small {
    color: var(--lrr-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-device-panel {
    margin-bottom: 30px;
}

.lrr-device-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    color: var(--lrr-muted);
    font-size: 0.82rem;
}

.lrr-device-current {
    border-color: rgba(108, 47, 242, 0.35);
    background: rgba(108, 47, 242, 0.04);
}

.lrr-otp-service-card-compact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
}

.lrr-otp-service-card-compact .lrr-otp-service-body {
    min-width: 0;
}

.lrr-otp-service-card-compact h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-otp-service-meta-compact {
    margin-top: 4px;
}

@media (max-width: 1199.98px) {
    .lrr-settings-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-settings-hero,
    .lrr-passkey-item,
    .lrr-device-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-settings-grid {
        grid-template-columns: 1fr;
    }

    .lrr-settings-status-grid,
    .lrr-device-meta {
        justify-content: flex-start;
    }

    .lrr-otp-service-card-compact {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .lrr-otp-service-card-compact h3 {
        white-space: normal;
    }
}

/* Deposit + livechat stabilizer */
.lrr-deposit-hero-feature h2,
.lrr-livechat-focus-head h2 {
    letter-spacing: -0.045em;
}

.lrr-deposit-form-panel .form-select,
.lrr-deposit-form-panel .form-control,
.lrr-chat-compose-large .form-control {
    min-height: 48px;
    border-radius: 16px;
}

.lrr-deposit-guide-panel h3 {
    margin: 6px 0 14px;
    font-size: 1.12rem;
    font-weight: 900;
    color: #151928;
}

.lrr-deposit-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

.lrr-deposit-guide-grid div {
    border: 1px solid rgba(108, 47, 242, 0.12);
    border-radius: 16px;
    background: #f8faff;
    padding: 12px;
}

.lrr-deposit-guide-grid strong,
.lrr-deposit-guide-grid span {
    display: block;
}

.lrr-deposit-guide-grid strong {
    color: #151928;
    font-size: 0.92rem;
}

.lrr-deposit-guide-grid span {
    margin-top: 4px;
    color: #697286;
    font-size: 0.84rem;
    line-height: 1.5;
}

.lrr-livechat-focus {
    display: grid;
    gap: 16px;
}

.lrr-livechat-focus-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.lrr-livechat-focus-head h2 {
    margin: 6px 0 8px;
    font-size: clamp(1.7rem, 3vw, 2.55rem);
    font-weight: 900;
}

.lrr-livechat-focus-head p {
    max-width: 780px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-admin-indicator {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 230px;
    border: 1px solid rgba(21, 184, 106, 0.18);
    border-radius: 20px;
    background: rgba(21, 184, 106, 0.08);
    padding: 12px 14px;
}

.lrr-admin-indicator > span {
    width: 12px;
    height: 12px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 5px rgba(21, 184, 106, 0.12);
}

.lrr-admin-indicator strong,
.lrr-admin-indicator small {
    display: block;
}

.lrr-admin-indicator strong {
    color: #151928;
    font-weight: 900;
}

.lrr-admin-indicator small {
    color: #697286;
    line-height: 1.4;
}

.lrr-chat-room-large {
    overflow: hidden;
    border: 1px solid rgba(22, 26, 38, 0.08);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(22, 26, 38, 0.06);
}

.lrr-chat-room-large-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid rgba(22, 26, 38, 0.08);
    padding: 16px 18px;
}

.lrr-chat-room-large-header > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-chat-room-large-header strong,
.lrr-chat-room-large-header small {
    display: block;
}

.lrr-chat-room-large-header small {
    color: var(--lrr-muted);
    font-size: 0.8rem;
}

.lrr-chat-body-large {
    display: flex;
    min-height: 430px;
    max-height: 62vh;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
    padding: 18px;
}

.lrr-chat-message {
    display: grid;
    gap: 6px;
    max-width: min(720px, 86%);
}

.lrr-chat-message-me {
    align-self: flex-end;
    justify-items: end;
}

.lrr-chat-message-admin,
.lrr-chat-message-assist {
    align-self: flex-start;
    justify-items: start;
}

.lrr-chat-message-assist {
    margin-right: auto;
}

.lrr-chat-message-admin {
    margin-right: auto;
}

.lrr-chat-message-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7a8291;
    font-size: 0.78rem;
}

.lrr-chat-message-meta strong {
    color: #3b4254;
}

.lrr-chat-text {
    display: block;
    white-space: normal;
}

.lrr-chat-photo {
    display: block;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(22, 26, 38, 0.08);
    background: #f3f6fb;
}

.lrr-chat-photo img {
    display: block;
    width: min(360px, 100%);
    max-height: 320px;
    object-fit: cover;
}

.lrr-chat-compose-large {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    border-top: 1px solid rgba(22, 26, 38, 0.08);
    padding: 14px;
}

.lrr-chat-upload-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px dashed rgba(108, 47, 242, 0.38);
    border-radius: 16px;
    color: var(--lrr-primary);
    background: rgba(108, 47, 242, 0.06);
    font-weight: 900;
    padding: 0 14px;
    cursor: pointer;
}

.lrr-chat-upload-button input {
    display: none;
}

.lrr-chat-upload-note {
    display: block;
    border-top: 1px solid rgba(22, 26, 38, 0.06);
    color: #7a8291;
    padding: 0 14px 14px;
}

@media (max-width: 991.98px) {
    .lrr-livechat-focus-head,
    .lrr-member-hero-split {
        flex-direction: column;
        display: flex;
        align-items: stretch;
    }

    .lrr-admin-indicator {
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .lrr-deposit-guide-grid,
    .lrr-chat-compose-large {
        grid-template-columns: 1fr;
    }

    .lrr-chat-body-large {
        min-height: 360px;
        max-height: 58vh;
        padding: 12px;
    }

    .lrr-chat-message {
        max-width: 94%;
    }

    .lrr-chat-photo img {
        width: 100%;
    }
}

.lrr-otp-service-card-disabled {
    opacity: 0.72;
}

.lrr-otp-service-card-disabled .lrr-otp-price {
    color: #64748b;
}

.lrr-chat-message-assist .lrr-chat-bubble {
    border: 1px solid rgba(108, 47, 242, 0.2);
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.08), rgba(0, 194, 255, 0.08));
    color: #1f2937;
}

.lrr-chat-message-assist .lrr-chat-message-meta strong {
    color: var(--lrr-primary);
}


/* LRR member history and overflow stabilizer */
.lrr-member-shell,
.lrr-member-main,
.lrr-member-panel,
.lrr-member-card,
.lrr-otp-order-shell,
.lrr-otp-order-main,
.lrr-settings-grid,
.lrr-livechat-member-grid,
.lrr-history-page {
    min-width: 0;
    max-width: 100%;
}

.lrr-member-main,
.lrr-member-panel,
.lrr-member-card,
.lrr-history-item,
.lrr-history-stat-card,
.lrr-member-profile-pill,
.lrr-member-profile-pill div {
    overflow-wrap: anywhere;
}

.lrr-member-profile-pill div,
.lrr-member-topbar > div:first-child {
    min-width: 0;
}

.lrr-member-profile-pill small,
.lrr-member-topbar h1 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lrr-history-page {
    position: relative;
    display: grid;
    gap: 14px;
}

.lrr-history-hero {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    overflow: hidden;
}

.lrr-history-hero h2 {
    margin: 4px 0 2px;
    font-size: clamp(1.75rem, 4vw, 2.35rem);
    font-weight: 950;
    letter-spacing: -0.055em;
}

.lrr-history-hero p {
    margin: 0;
    color: var(--lrr-muted);
    font-size: 0.95rem;
}

.lrr-history-watermark {
    pointer-events: none;
    position: absolute;
    top: -22px;
    left: min(36%, 360px);
    color: rgba(108, 47, 242, 0.07);
    font-size: 8rem;
    line-height: 1;
}

.lrr-history-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lrr-history-stat-card {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: var(--lrr-card);
    box-shadow: var(--lrr-shadow-sm);
    padding: 14px;
}

.lrr-history-stat-card div {
    min-width: 0;
}

.lrr-history-stat-card small,
.lrr-history-stat-card em {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
}

.lrr-history-stat-card strong {
    display: block;
    margin: 4px 0 2px;
    color: #242938;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.lrr-history-stat-icon {
    display: inline-grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 950;
}

.lrr-history-stat-primary { background: var(--lrr-primary); }
.lrr-history-stat-success { background: var(--lrr-success); }
.lrr-history-stat-danger { background: var(--lrr-danger); }
.lrr-history-stat-warning { background: var(--lrr-warning); }

.lrr-history-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 6px;
}

.lrr-history-tab {
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #333747;
    font-size: 0.86rem;
    font-weight: 850;
    padding: 9px 12px;
}

.lrr-history-tab-active {
    background: var(--lrr-primary);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(108, 47, 242, 0.22);
}

.lrr-history-filterbar {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 116px 150px auto;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 10px;
}

.lrr-history-search {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    border: 1px solid rgba(17, 24, 39, 0.12);
    border-radius: 12px;
    background: #ffffff;
    color: var(--lrr-muted);
    padding: 0 12px;
}

.lrr-history-search input {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--lrr-text);
    font-size: 0.88rem;
    padding: 10px 0;
}

.lrr-history-list {
    display: grid;
    gap: 10px;
}

.lrr-history-item {
    display: grid;
    grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 14px;
}

.lrr-history-item[hidden] {
    display: none;
}

.lrr-history-item-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.lrr-history-item-main div {
    min-width: 0;
}

.lrr-history-item-main strong {
    display: block;
    font-weight: 950;
    letter-spacing: -0.02em;
}

.lrr-history-item-main small {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.82rem;
}

.lrr-history-dot {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-secondary));
    box-shadow: 0 14px 26px rgba(108, 47, 242, 0.18);
}

.lrr-history-dot-topup {
    background: linear-gradient(135deg, var(--lrr-warning), var(--lrr-success));
}

.lrr-history-item-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.lrr-history-item-meta span {
    display: grid;
    gap: 2px;
    min-width: 0;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 800;
}

.lrr-history-item-meta b {
    color: var(--lrr-muted);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lrr-history-copy-value {
    font-style: normal;
    min-width: 0;
    overflow-wrap: anywhere;
}

.lrr-history-meta-copy {
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 8px;
}

.lrr-history-meta-copy b {
    grid-column: 1 / -1;
}

.lrr-history-copy-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(108, 47, 242, 0.24);
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.08);
    color: var(--lrr-primary-dark);
    padding: 4px 8px;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.lrr-history-copy-button:hover,
.lrr-history-copy-button[data-lrr-state="copied"] {
    background: rgba(21, 184, 106, 0.12);
    border-color: rgba(21, 184, 106, 0.34);
    color: #047857;
    transform: translateY(-1px);
}

.lrr-history-copy-button[data-lrr-state="failed"] {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.28);
    color: #b91c1c;
}

.lrr-history-item-side {
    display: grid;
    justify-items: end;
    gap: 6px;
    min-width: 120px;
}

.lrr-history-item-side strong {
    color: #111827;
    font-weight: 950;
    white-space: nowrap;
}

.lrr-history-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 170px;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.lrr-history-status-success { background: rgba(21, 184, 106, 0.12); color: #087344; }
.lrr-history-status-warning { background: rgba(245, 158, 11, 0.13); color: #8a5608; }
.lrr-history-status-danger { background: rgba(239, 68, 68, 0.12); color: #b42318; }
.lrr-history-status-muted { background: #eef1f6; color: #586174; }

.lrr-history-empty {
    display: grid;
    place-items: center;
    min-height: 210px;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    text-align: center;
    padding: 34px 18px;
}

.lrr-history-empty-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 18px;
    background: rgba(108, 47, 242, 0.08);
    color: var(--lrr-primary);
    font-size: 1.4rem;
    box-shadow: 0 18px 38px rgba(108, 47, 242, 0.18);
}

.lrr-history-empty h3 {
    margin: 12px 0 4px;
    font-size: 1.05rem;
    font-weight: 950;
}

.lrr-history-empty p {
    margin: 0 0 12px;
    color: var(--lrr-muted);
}

/* Member stabilizer: compact title, payment clarity, stable icons, realtime chat */
.lrr-member-topbar-compact {
    justify-content: flex-end;
    min-height: 48px;
    margin-bottom: 12px;
}

.lrr-member-topbar-spacer {
    flex: 1 1 auto;
    min-width: 0;
}

.lrr-deposit-form-panel .form-label,
.lrr-settings-card .form-label {
    display: block;
    margin-bottom: 7px;
    font-weight: 850;
}

.lrr-input-hint {
    display: block;
    margin-top: 8px;
    color: #697286;
    font-size: .84rem;
    line-height: 1.45;
}

.lrr-deposit-form-panel .form-select,
.lrr-deposit-form-panel .form-control {
    width: 100%;
    max-width: 100%;
}

.lrr-deposit-method-status {
    align-items: flex-start;
}

.lrr-deposit-method-status span {
    white-space: normal;
    line-height: 1.35;
}

.lrr-history-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.lrr-history-svg svg {
    width: 1em;
    height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.lrr-history-stat-icon .lrr-history-svg {
    font-size: 1.15rem;
}

.lrr-history-tab {
    align-items: center;
    gap: 7px;
}

.lrr-history-tab .lrr-history-svg,
.lrr-history-search .lrr-history-svg,
.lrr-history-empty .lrr-history-svg {
    flex: 0 0 auto;
}

.lrr-history-search .lrr-history-svg {
    color: #7b8495;
    font-size: .95rem;
}

.lrr-history-empty .lrr-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lrr-history-empty-icon .lrr-history-svg {
    font-size: 1.35rem;
}

.lrr-settings-compact-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 0;
    padding: 20px;
}

.lrr-settings-compact-head h2 {
    margin: 4px 0 6px;
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
    font-weight: 900;
    letter-spacing: -.045em;
}

.lrr-settings-compact-head p {
    max-width: 660px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.55;
}

.lrr-settings-grid-compact {
    align-items: stretch;
}

.lrr-settings-card-primary {
    grid-row: span 2;
}

.lrr-totp-qr-box-compact {
    min-height: 154px;
    max-height: 190px;
    padding: 12px;
}

.lrr-totp-qr-box-compact svg {
    width: min(172px, 100%);
    height: auto;
    max-height: 166px;
}

.lrr-settings-secret-detail {
    border: 1px solid rgba(108, 47, 242, .12);
    border-radius: 14px;
    background: #f8faff;
    color: #4b5567;
    font-size: .84rem;
    margin: 10px 0 12px;
    padding: 9px 11px;
}

.lrr-settings-secret-detail summary {
    cursor: pointer;
    font-weight: 850;
}

.lrr-settings-secret-detail code {
    display: block;
    overflow-wrap: anywhere;
    margin-top: 8px;
    color: var(--lrr-primary-dark);
}

.lrr-device-panel-compact {
    margin-top: 16px;
}

.lrr-device-item,
.lrr-passkey-item {
    min-width: 0;
}

.lrr-device-item small,
.lrr-device-meta span,
.lrr-passkey-item small {
    overflow-wrap: anywhere;
}

.lrr-livechat-compose[data-lrr-sending="1"] {
    opacity: .76;
}

.lrr-livechat-status-error {
    color: var(--lrr-danger);
    font-weight: 850;
}

.lrr-chat-body-large,
.lrr-livechat-body {
    scroll-behavior: smooth;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.lrr-chat-bubble,
.lrr-chat-text {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

@media (max-width: 991.98px) {
    .lrr-member-topbar-compact {
        justify-content: stretch;
    }

    .lrr-member-topbar-spacer {
        display: none;
    }

    .lrr-settings-compact-head {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-settings-card-primary {
        grid-row: auto;
    }
}

@media (max-width: 575.98px) {
    .lrr-settings-compact-head,
    .lrr-deposit-form-panel,
    .lrr-deposit-guide-panel,
    .lrr-history-page,
    .lrr-livechat-focus {
        border-radius: 22px;
        padding: 16px;
    }

    .lrr-history-hero {
        min-height: 0;
        padding: 2px 0 4px;
    }

    .lrr-history-stat-card {
        min-height: 82px;
    }

    .lrr-history-stat-card strong {
        font-size: 1.02rem;
    }

    .lrr-history-tab {
        justify-content: center;
        font-size: .78rem;
    }

    .lrr-chat-room-large {
        border-radius: 22px;
    }

    .lrr-chat-body-large {
        min-height: 360px;
    }
}

/* member lucky box */
.lrr-lucky-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 18px;
    align-items: stretch;
}

.lrr-lucky-stage {
    position: relative;
    display: grid;
    justify-items: center;
    overflow: hidden;
    border-radius: 28px;
    background: radial-gradient(circle at 80% 10%, rgba(255, 255, 255, 0.18), transparent 28%), linear-gradient(135deg, #0d4d28, #062b19);
    color: #ffffff;
    min-height: 430px;
    padding: 32px;
    text-align: center;
    box-shadow: var(--lrr-shadow-md);
}

.lrr-lucky-stage .lrr-eyebrow,
.lrr-lucky-stage p,
.lrr-lucky-stage small {
    color: rgba(255, 255, 255, 0.78);
}

.lrr-lucky-stage h2 {
    margin: 6px 0;
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 950;
    letter-spacing: -0.05em;
}

.lrr-lucky-stage p {
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.7;
}

.lrr-lucky-box-art {
    display: grid;
    place-items: center;
    width: min(220px, 52vw);
    aspect-ratio: 1;
    border: 4px solid rgba(255, 255, 255, 0.22);
    border-radius: 32px;
    background: linear-gradient(135deg, #ffd84d, #ffb400);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08), 0 24px 60px rgba(0, 0, 0, 0.24);
    margin: 22px 0 12px;
}

.lrr-lucky-box-art span {
    color: #ffffff;
    font-size: 5rem;
    line-height: 1;
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.lrr-lucky-price {
    display: grid;
    gap: 4px;
    margin-bottom: 14px;
}

.lrr-lucky-price strong {
    font-size: 1.2rem;
    font-weight: 900;
}

.lrr-lucky-note {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    margin-top: 10px;
    padding: 8px 12px;
}

.lrr-lucky-side {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.lrr-lucky-wallet {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lrr-lucky-wallet div,
.lrr-lucky-prize-row {
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    padding: 16px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-lucky-wallet span,
.lrr-lucky-wallet small,
.lrr-lucky-prize-row span,
.lrr-deposit-promo-note {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.lrr-lucky-wallet strong {
    display: block;
    margin-top: 4px;
    font-size: 1.22rem;
    font-weight: 950;
}

.lrr-lucky-prizes {
    margin-top: 0;
}

.lrr-lucky-prize-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    box-shadow: none;
    margin-top: 8px;
}

.lrr-deposit-promo-note {
    border: 1px dashed rgba(108, 47, 242, 0.35);
    border-radius: 14px;
    background: rgba(108, 47, 242, 0.06);
    margin-top: 8px;
    padding: 10px 12px;
}

@media (max-width: 991.98px) {
    .lrr-lucky-hero {
        grid-template-columns: 1fr;
    }

    .lrr-lucky-stage {
        min-height: auto;
        padding: 24px 18px;
    }
}

@media (max-width: 575.98px) {
    .lrr-lucky-wallet {
        grid-template-columns: 1fr;
    }

    .lrr-lucky-prize-row {
        align-items: flex-start;
        flex-direction: column;
    }
}


.lrr-qris-api-box {
    display: grid;
    gap: 12px;
    margin: 14px 0;
    max-width: 360px;
}

.lrr-qris-api-box img,
.lrr-qris-api-empty {
    width: 100%;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 12px;
}

.lrr-qris-api-empty {
    display: grid;
    min-height: 180px;
    place-items: center;
    color: var(--lrr-muted);
    text-align: center;
}

.lrr-qris-api-box div {
    display: grid;
    gap: 4px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
    background: #f8faff;
    padding: 12px;
}

.lrr-qris-api-box span {
    color: var(--lrr-muted);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.lrr-qris-api-box button {
    width: fit-content;
    border: 0;
    border-radius: 999px;
    background: var(--lrr-primary);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
    padding: 7px 11px;
}

@media (max-width: 575.98px) {
    .lrr-qris-api-box {
        max-width: 100%;
    }
}

/* Deposit flow: stable form, invoice, and gateway detail layout */
.lrr-page-member-deposit .lrr-deposit-form-panel,
.lrr-page-member-deposit .lrr-deposit-guide-panel,
.lrr-page-member-deposit .lrr-deposit-invoice-pro,
.lrr-page-member-deposit .lrr-member-table-panel {
    width: 100%;
    max-width: 100%;
}

.lrr-page-member-deposit .lrr-gateway-invoice-box,
.lrr-page-member-deposit .lrr-qris-api-box {
    display: grid;
    gap: 12px;
}

.lrr-page-member-deposit .lrr-gateway-invoice-box > div,
.lrr-page-member-deposit .lrr-qris-api-box > div {
    min-width: 0;
    overflow-wrap: anywhere;
}

.lrr-page-member-deposit .lrr-qris-api-box img {
    width: min(280px, 100%);
    height: auto;
    border-radius: 18px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: #fff;
    padding: 10px;
}

.lrr-page-member-deposit .lrr-gateway-url-note {
    margin: 12px 0 0;
    color: #6b7280;
    font-size: .9rem;
}

@media (max-width: 991.98px) {
    .lrr-page-member-deposit .lrr-invoice-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member-deposit .lrr-member-hero-split,
    .lrr-page-member-deposit .lrr-invoice-topline {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-page-member-deposit .lrr-member-balance-card {
        width: 100%;
    }

    .lrr-page-member-deposit .lrr-invoice-summary-grid,
    .lrr-page-member-deposit .lrr-deposit-guide-grid {
        grid-template-columns: 1fr;
    }

    .lrr-page-member-deposit .lrr-deposit-method-status {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .lrr-page-member-deposit .lrr-invoice-actions .btn {
        width: 100%;
    }

    .lrr-page-member-deposit .table-responsive .table {
        min-width: 560px;
    }
}

/* Deposit top-up redesign: compact member flow, no external invoice route */
.lrr-topup-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr);
    width: min(100%, 1180px);
    margin-inline: auto;
    gap: 20px;
    align-items: start;
}

.lrr-topup-main,
.lrr-topup-side {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.lrr-topup-side {
    align-content: start;
}

.lrr-topup-heading {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.lrr-topup-heading h2 {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.lrr-topup-heading p {
    max-width: 780px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-topup-balance-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(135deg, #064e3b, #052e25);
    color: #ffffff;
    padding: 18px;
    box-shadow: 0 18px 44px rgba(6, 78, 59, .18);
}

.lrr-topup-balance-card > div {
    min-width: 0;
}

.lrr-topup-balance-card::after {
    content: "";
    position: absolute;
    inset: -40% -14% auto auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}

.lrr-topup-balance-card span,
.lrr-topup-balance-card strong {
    position: relative;
    z-index: 1;
    display: block;
}

.lrr-topup-balance-card span {
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .84;
}

.lrr-topup-balance-card strong {
    margin-top: 6px;
    font-size: clamp(1.7rem, 4.4vw, 2.4rem);
    line-height: 1;
}

.lrr-topup-balance-card i {
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,.82);
    font-size: 2.3rem;
}

.lrr-topup-pending-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    border: 1px solid rgba(245, 158, 11, .34);
    border-radius: 22px;
    background: #fff8e6;
    color: #713f12;
    padding: 16px;
}

.lrr-topup-pending-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 16px;
    background: #f59e0b;
    color: #ffffff;
    font-size: 1.25rem;
}

.lrr-topup-pending-card strong,
.lrr-topup-pending-card span {
    display: block;
    overflow-wrap: anywhere;
}

.lrr-topup-pending-card strong {
    font-weight: 900;
}

.lrr-topup-pending-card span {
    color: #92400e;
}

.lrr-topup-card,
.lrr-topup-side-card {
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 18px;
}

.lrr-topup-card-form .lrr-panel-title-row,
.lrr-topup-side-card .lrr-panel-title-row {
    margin-bottom: 14px;
}

.lrr-topup-form {
    display: grid;
    gap: 12px;
}

.lrr-topup-method-row {
    display: grid;
    gap: 8px;
}

.lrr-topup-method-note {
    border-radius: 14px;
    background: #f8fafc;
    color: var(--lrr-muted);
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.45;
    padding: 10px 12px;
    overflow-wrap: anywhere;
}

.lrr-topup-method-row .form-select {
    min-height: 48px;
    border-radius: 14px;
    font-weight: 800;
}

.lrr-topup-amount-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lrr-topup-amount-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 6px;
    min-height: 96px;
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    color: var(--lrr-text);
    text-align: left;
    padding: 13px;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lrr-topup-amount-card:hover,
.lrr-topup-amount-card:focus {
    border-color: rgba(108, 47, 242, .46);
    box-shadow: 0 14px 30px rgba(108, 47, 242, .12);
    transform: translateY(-1px);
}

.lrr-topup-amount-active {
    border-color: rgba(108, 47, 242, .72);
    background: linear-gradient(180deg, rgba(108,47,242,.08), rgba(21,184,106,.06)), #ffffff;
    box-shadow: 0 16px 32px rgba(108, 47, 242, .14);
}

.lrr-topup-amount-card span {
    color: var(--lrr-muted);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lrr-topup-amount-card strong {
    font-size: 1.18rem;
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.lrr-topup-amount-card small {
    color: #047857;
    font-weight: 800;
    line-height: 1.35;
}

.lrr-topup-custom-input input {
    min-height: 48px;
}

.lrr-topup-history-list {
    display: grid;
    gap: 10px;
}

.lrr-topup-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    padding: 12px;
    color: inherit;
    text-decoration: none;
}

.lrr-topup-history-item > div {
    min-width: 0;
}

.lrr-topup-history-item .lrr-status-pill {
    flex: 0 0 auto;
}

.lrr-topup-history-item:hover,
.lrr-topup-history-item:focus {
    border-color: rgba(108,47,242,.34);
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
}

.lrr-topup-history-item strong,
.lrr-topup-history-item span {
    display: block;
}

.lrr-topup-history-item strong {
    font-weight: 950;
}

.lrr-topup-history-item span {
    max-width: 170px;
    overflow: hidden;
    color: var(--lrr-muted);
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-topup-guide-card {
    background: linear-gradient(180deg, rgba(21,184,106,.06), rgba(108,47,242,.04)), #ffffff;
}

.lrr-topup-guide-card h3 {
    margin: 8px 0 12px;
    font-size: 1.2rem;
    font-weight: 900;
}

@media (max-width: 1199.98px) {
    .lrr-topup-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-topup-shell,
    .lrr-topup-main,
    .lrr-topup-side {
        gap: 12px;
    }

    .lrr-topup-heading p {
        font-size: .92rem;
        line-height: 1.6;
    }

    .lrr-topup-balance-card,
    .lrr-topup-card,
    .lrr-topup-side-card,
    .lrr-topup-pending-card {
        border-radius: 18px;
        padding: 14px;
    }

    .lrr-topup-pending-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .lrr-topup-pending-card .btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .lrr-topup-amount-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-topup-amount-card {
        min-height: 98px;
        padding: 13px;
    }

    .lrr-topup-amount-card strong {
        font-size: 1.1rem;
    }
}

/* 2026-05-31 precision responsive upgrade: dashboard, order, history, settings, announcement modal */
.lrr-member-dashboard-hero {
    align-items: stretch;
    gap: 16px;
    padding: 22px;
}

.lrr-member-dashboard-hero-main {
    display: grid;
    align-content: center;
    min-height: 0;
    padding: 2px 0;
}

.lrr-member-dashboard-greeting h2 {
    font-size: clamp(1.8rem, 3.2vw, 2.45rem);
    line-height: 1.08;
}

.lrr-member-dashboard-greeting p {
    max-width: 680px;
    margin-bottom: 0;
}

.lrr-member-dashboard-progress-wrap {
    margin-top: 14px;
}

.lrr-member-dashboard-hero-actions {
    margin-top: 16px;
}

.lrr-member-dashboard-hero-stats {
    gap: 14px;
}

.lrr-member-dashboard-stat-card {
    min-height: 0;
    padding: 16px;
}

.lrr-member-dashboard-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 14px;
}

.lrr-otp-order-shell {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 16px;
}

.lrr-otp-order-main,
.lrr-otp-order-shell .lrr-member-panel {
    gap: 14px;
}

.lrr-otp-order-hero,
.lrr-otp-filter-card,
.lrr-otp-order-aside {
    padding: 18px;
    border-radius: 22px;
}

.lrr-otp-order-hero h2 {
    font-size: clamp(1.32rem, 2.2vw, 1.8rem);
}

.lrr-otp-filter-card .row {
    --bs-gutter-x: .75rem;
    --bs-gutter-y: .75rem;
}

.lrr-otp-filter-card .form-control,
.lrr-otp-filter-card .form-select,
.lrr-otp-create-form .form-select {
    min-height: 40px;
    border-radius: 12px;
    font-size: .92rem;
}

.lrr-otp-filter-card .form-label,
.lrr-otp-create-form .form-label {
    margin-bottom: 5px;
    font-size: .78rem;
    letter-spacing: .04em;
}

.lrr-otp-filter-card .lrr-btn,
.lrr-otp-quick-row .lrr-chip {
    min-height: 34px;
    padding: 7px 12px;
    font-size: .84rem;
}

.lrr-otp-quick-row {
    gap: 7px;
}

.lrr-otp-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lrr-otp-service-card-compact {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    padding: 13px;
}

.lrr-otp-service-body,
.lrr-otp-service-title-row,
.lrr-otp-service-title-row h3,
.lrr-otp-service-meta {
    min-width: 0;
}

.lrr-otp-service-title-row h3 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.lrr-otp-service-meta-compact {
    gap: 6px;
    font-size: .76rem;
}

.lrr-otp-price {
    white-space: nowrap;
    align-self: center;
}

.lrr-otp-select-btn {
    min-width: 76px;
    white-space: nowrap;
}

.lrr-otp-create-form[aria-busy="true"] {
    opacity: .82;
    pointer-events: none;
}

.lrr-history-stat-icon,
.lrr-history-empty-icon,
.lrr-history-dot {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.lrr-history-svg,
.lrr-history-svg svg {
    width: 18px;
    height: 18px;
}

.lrr-history-tab .lrr-history-svg,
.lrr-history-tab .lrr-history-svg svg,
.lrr-history-search .lrr-history-svg,
.lrr-history-search .lrr-history-svg svg {
    width: 16px;
    height: 16px;
}

.lrr-history-stat-icon .lrr-history-svg,
.lrr-history-stat-icon .lrr-history-svg svg {
    width: 19px;
    height: 19px;
}

.lrr-history-item {
    grid-template-columns: minmax(220px, 1.05fr) minmax(220px, 1fr) minmax(118px, auto);
}

.lrr-device-dropdown-panel {
    padding: 0;
    overflow: hidden;
}

.lrr-device-details {
    display: block;
}

.lrr-device-summary {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 28px;
    gap: 12px;
    align-items: center;
    cursor: pointer;
    list-style: none;
    padding: 18px;
}

.lrr-device-summary::-webkit-details-marker {
    display: none;
}

.lrr-device-summary-icon {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 14px;
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary);
    font-size: 1.15rem;
}

.lrr-device-summary-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-device-summary-copy strong {
    font-size: 1.05rem;
    font-weight: 950;
}

.lrr-device-summary-copy small,
.lrr-device-toolbar p,
.lrr-device-city-note {
    color: var(--lrr-muted);
}

.lrr-device-summary-chevron {
    display: inline-grid;
    place-items: center;
    color: var(--lrr-muted);
    transition: transform .18s ease;
}

.lrr-device-details[open] .lrr-device-summary-chevron {
    transform: rotate(180deg);
}

.lrr-device-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    border-top: 1px solid var(--lrr-line);
    padding: 0 18px 16px;
}

.lrr-device-toolbar p {
    max-width: 680px;
    margin: 0;
    font-size: .88rem;
    line-height: 1.55;
}

.lrr-device-list {
    padding: 0 18px 18px;
}

.lrr-device-meta span {
    display: grid;
    gap: 2px;
}

.lrr-device-meta b {
    color: var(--lrr-muted);
    font-size: .66rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lrr-device-revoked {
    opacity: .62;
}

.lrr-device-city-note {
    border-top: 1px solid var(--lrr-line);
    background: #fbfcff;
    padding: 12px 18px 16px;
    font-size: .84rem;
    line-height: 1.55;
}

.lrr-member-announcement-modal {
    border: 0;
    border-radius: 26px;
    overflow: hidden;
}

.lrr-member-announcement-modal .modal-body {
    padding-top: 0;
}

.lrr-member-announcement-modal-list {
    display: grid;
    gap: 12px;
    max-height: min(68vh, 620px);
    overflow: auto;
    padding-right: 4px;
}

.lrr-member-announcement-modal-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    padding: 16px;
}

.lrr-member-announcement-modal-item h3 {
    margin: 8px 0;
    font-size: 1.08rem;
    line-height: 1.25;
}

.lrr-announcement-body-text {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
    color: #3c4354;
    line-height: 1.65;
}

@media (max-width: 1199.98px) {
    .lrr-member-dashboard-hero,
    .lrr-otp-order-shell {
        grid-template-columns: 1fr;
    }

    .lrr-member-dashboard-hero-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lrr-otp-order-aside {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .lrr-member-dashboard-hero {
        padding: 18px;
    }

    .lrr-member-dashboard-hero-stats,
    .lrr-history-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-otp-service-grid {
        grid-template-columns: 1fr;
    }

    .lrr-history-item {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .lrr-history-item-side {
        display: flex;
        justify-content: space-between;
        justify-items: stretch;
        align-items: center;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    .lrr-member-dashboard-hero-actions,
    .lrr-device-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-member-dashboard-hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .lrr-member-dashboard-stat-card {
        padding: 14px;
    }

    .lrr-member-dashboard-stat-card strong {
        font-size: 1.24rem;
    }

    .lrr-otp-order-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-otp-balance-card {
        min-width: 0;
        width: 100%;
    }

    .lrr-otp-filter-card .col-md-2,
    .lrr-otp-filter-card .col-md-3 {
        width: 100%;
    }

    .lrr-otp-filter-card .col-12.d-flex {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-otp-filter-status {
        grid-column: 1 / -1;
    }

    .lrr-otp-service-card-compact {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .lrr-otp-price {
        justify-self: start;
    }

    .lrr-otp-select-btn {
        width: 100%;
    }

    .lrr-device-summary {
        grid-template-columns: 38px minmax(0, 1fr) 24px;
        padding: 16px;
    }

    .lrr-device-list {
        padding-inline: 14px;
    }

    .lrr-member-announcement-modal-item {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media (max-width: 575.98px) {
    .lrr-member-dashboard-hero {
        gap: 12px;
        padding: 16px;
        border-radius: 22px;
    }

    .lrr-member-dashboard-hero-stats {
        grid-template-columns: 1fr;
    }

    .lrr-member-dashboard-greeting h2 {
        font-size: 1.62rem;
    }

    .lrr-member-dashboard-progress-meta {
        gap: 8px;
        font-size: .72rem;
    }

    .lrr-otp-order-hero,
    .lrr-otp-filter-card,
    .lrr-otp-order-aside {
        padding: 15px;
        border-radius: 20px;
    }

    .lrr-otp-filter-card .col-12.d-flex,
    .lrr-history-item-meta,
    .lrr-history-filterbar {
        grid-template-columns: 1fr;
    }

    .lrr-otp-quick-row {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lrr-otp-quick-row .lrr-chip {
        justify-content: center;
        padding-inline: 6px;
    }

    .lrr-history-tabs {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-history-tab {
        width: 100%;
    }
}

/* Member order flow */
.lrr-otp-order-flow {
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 16px;
}

.lrr-otp-order-hero-flow {
    min-height: 0;
    padding: 20px 22px;
}

.lrr-otp-order-hero-flow h2 {
    max-width: 740px;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
}

.lrr-otp-filter-card-flow {
    padding: 18px;
}

.lrr-otp-filter-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.72fr 1.12fr 0.72fr 0.72fr;
    gap: 12px;
    align-items: end;
}

.lrr-otp-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.lrr-otp-field span {
    color: #344054;
    font-size: 0.8rem;
    font-weight: 900;
}

.lrr-otp-field small,
.lrr-otp-filter-status {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    line-height: 1.45;
}

.lrr-otp-field .form-control,
.lrr-otp-field .form-select {
    min-height: 40px;
    border-radius: 13px;
    font-size: 0.92rem;
}

.lrr-otp-filter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
    margin-top: 12px;
}

.lrr-otp-filter-actions .btn {
    min-height: 36px;
    padding: 8px 14px;
}

.lrr-otp-quick-row-flow {
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.lrr-otp-service-grid-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lrr-otp-service-card-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    min-height: 86px;
    padding: 15px 16px;
}

.lrr-otp-service-card-flow .lrr-otp-service-title-row {
    min-width: 0;
}

.lrr-otp-service-card-flow h3 {
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.12;
    font-size: 1rem;
}

.lrr-otp-service-card-flow .lrr-otp-service-meta {
    margin: 5px 0 0;
}

.lrr-otp-service-card-flow .lrr-otp-price {
    white-space: nowrap;
}

.lrr-otp-service-card-flow .lrr-otp-select-btn {
    min-width: 74px;
    border-radius: 999px;
}

.lrr-otp-service-card-active {
    border-color: rgba(108, 47, 242, 0.45);
    box-shadow: 0 14px 34px rgba(108, 47, 242, 0.13);
}

.lrr-otp-order-aside-flow {
    padding: 18px;
    border-color: rgba(108, 47, 242, 0.18);
}

.lrr-otp-selected-context {
    background: #f8fafc;
    border-style: solid;
}

@media (max-width: 1199.98px) {
    .lrr-otp-order-flow {
        grid-template-columns: 1fr;
    }

    .lrr-otp-order-aside-flow {
        position: static;
        order: -1;
    }
}

@media (max-width: 991.98px) {
    .lrr-otp-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-otp-field-country,
    .lrr-otp-field-search {
        grid-column: 1 / -1;
    }

    .lrr-otp-service-grid-flow {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .lrr-otp-order-flow {
        gap: 12px;
    }

    .lrr-otp-order-hero-flow,
    .lrr-otp-filter-card-flow,
    .lrr-otp-order-aside-flow {
        padding: 15px;
        border-radius: 20px;
    }

    .lrr-otp-filter-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .lrr-otp-field-country,
    .lrr-otp-field-search {
        grid-column: auto;
    }

    .lrr-otp-filter-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-otp-filter-actions .btn,
    .lrr-otp-filter-status {
        width: 100%;
    }

    .lrr-otp-filter-status {
        grid-column: 1 / -1;
    }

    .lrr-otp-service-card-flow {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 10px;
    }

    .lrr-otp-service-card-flow .lrr-otp-price,
    .lrr-otp-service-card-flow .lrr-otp-select-btn {
        width: 100%;
        text-align: center;
    }
}

/* Order page stability */
.lrr-otp-order-flow {
    align-items: start;
}

.lrr-otp-order-flow .lrr-member-panel {
    overflow: hidden;
}

.lrr-otp-filter-card-flow {
    box-shadow: 0 18px 52px rgba(17, 24, 39, 0.055);
}

.lrr-otp-filter-grid {
    align-items: end;
}

.lrr-otp-service-card-flow {
    min-width: 0;
}

.lrr-otp-service-card-flow h3 {
    word-break: keep-all;
    overflow-wrap: break-word;
    hyphens: manual;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lrr-otp-service-card-flow .lrr-otp-service-body,
.lrr-otp-service-card-flow .lrr-otp-service-title-row,
.lrr-otp-service-card-flow .lrr-otp-service-meta {
    min-width: 0;
}

.lrr-otp-service-card-flow .lrr-otp-service-meta span {
    white-space: nowrap;
}

.lrr-otp-order-aside-flow {
    position: sticky;
    top: 88px;
}

.lrr-otp-selected-box strong,
.lrr-otp-selected-box small {
    overflow-wrap: break-word;
}

@media (min-width: 992px) {
    .lrr-otp-filter-card-flow .lrr-otp-filter-actions {
        display: grid;
        grid-template-columns: auto minmax(180px, 1fr) repeat(4, auto);
    }
}

@media (max-width: 1199.98px) {
    .lrr-otp-order-aside-flow {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .lrr-otp-order-hero-flow {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .lrr-otp-balance-card {
        width: 100%;
    }

    .lrr-otp-filter-card-flow {
        padding: 14px;
    }

    .lrr-otp-filter-actions {
        grid-template-columns: 1fr 1fr;
    }

    .lrr-otp-filter-actions .lrr-otp-filter-status {
        grid-column: 1 / -1;
        font-size: 0.74rem;
        line-height: 1.35;
    }

    .lrr-otp-quick-row-flow {
        margin: 2px -6px 0;
        padding: 0 6px 4px;
    }

    .lrr-otp-service-grid-flow {
        gap: 10px;
    }

    .lrr-otp-service-card-flow {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 14px;
        border-radius: 18px;
    }

    .lrr-otp-service-card-flow h3 {
        font-size: 0.98rem;
        line-height: 1.2;
    }

    .lrr-otp-service-card-flow .lrr-otp-service-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .lrr-otp-service-card-flow .lrr-otp-price {
        justify-self: start;
        width: auto;
        text-align: left;
        font-size: 1rem;
    }

    .lrr-otp-service-card-flow .lrr-otp-select-btn {
        width: 100%;
        min-height: 42px;
    }

    .lrr-otp-order-aside-flow {
        margin-bottom: 6px;
    }
}

/* Member order responsive stability */
.lrr-otp-order-flow,
.lrr-otp-order-main,
.lrr-otp-service-grid-flow,
.lrr-otp-service-card-flow,
.lrr-otp-service-card-flow .lrr-otp-service-body,
.lrr-otp-service-card-flow .lrr-otp-service-title-row {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.lrr-otp-service-card-flow h3,
.lrr-otp-selected-box strong,
.lrr-otp-selected-box small {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.lrr-otp-service-card-flow h3 {
    text-overflow: clip;
}

@media (max-width: 767.98px) {
    .lrr-otp-order-flow .lrr-member-panel {
        overflow: visible;
    }

    .lrr-otp-order-hero-flow h2,
    .lrr-otp-order-aside-flow h2 {
        font-size: 1.25rem;
        line-height: 1.18;
    }

    .lrr-otp-service-card-flow {
        gap: 9px;
    }

    .lrr-otp-service-card-flow .lrr-otp-service-meta span {
        white-space: normal;
    }
}

/* Member order service catalog */
.lrr-order-service-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.lrr-order-service-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(142px, auto);
    align-items: center;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 92px;
    padding: 16px;
    border: 1px solid var(--lrr-line);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.lrr-order-service-card:hover,
.lrr-order-service-card.lrr-otp-service-card-active {
    border-color: rgba(108, 47, 242, 0.42);
    box-shadow: var(--lrr-shadow-md);
    transform: translateY(-2px);
}

.lrr-order-service-disabled {
    background: #f8fafc;
    box-shadow: none;
}

.lrr-order-service-content,
.lrr-order-service-head,
.lrr-order-service-meta,
.lrr-order-service-action {
    max-width: 100%;
    min-width: 0;
}

.lrr-order-service-content {
    display: grid;
    gap: 7px;
}

.lrr-order-service-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
}

.lrr-order-service-head h3 {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    color: #111827;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.22;
    letter-spacing: -0.012em;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.lrr-order-service-badge,
.lrr-order-service-meta span {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    border-radius: 999px;
    white-space: nowrap;
}

.lrr-order-service-badge {
    padding: 4px 8px;
    background: rgba(108, 47, 242, 0.09);
    color: var(--lrr-primary-dark);
    font-size: 0.72rem;
    font-weight: 900;
}

.lrr-order-service-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.35;
}

.lrr-order-service-meta span {
    padding: 3px 7px;
    background: #f1f5f9;
}

.lrr-order-service-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.lrr-order-service-price {
    color: #0f8a5f;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.1;
    white-space: nowrap;
}

.lrr-order-service-disabled .lrr-order-service-price {
    color: var(--lrr-muted);
}

.lrr-order-service-button {
    min-width: 78px;
    min-height: 40px;
    border-radius: 999px;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .lrr-order-service-list {
        grid-template-columns: 1fr;
    }

    .lrr-order-service-card {
        grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
    }
}

@media (max-width: 767.98px) {
    .lrr-order-service-list {
        gap: 12px;
    }

    .lrr-order-service-card {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 12px;
        min-height: 0;
        padding: 16px 17px;
        border-radius: 22px;
    }

    .lrr-order-service-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .lrr-order-service-head h3 {
        font-size: 1.04rem;
        line-height: 1.25;
    }

    .lrr-order-service-action {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-content: stretch;
        gap: 10px;
    }

    .lrr-order-service-price {
        width: 100%;
        font-size: 1.12rem;
        text-align: left;
    }

    .lrr-order-service-button {
        width: 100%;
        min-height: 48px;
        font-size: 1rem;
    }
}

@media (max-width: 420px) {
    .lrr-order-service-card {
        padding: 15px;
    }

    .lrr-order-service-meta {
        font-size: 0.76rem;
    }
}

/* Member livechat command layout */
.lrr-livechat-focus-head-compact h2 {
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
}

.lrr-livechat-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lrr-livechat-summary-grid article {
    display: grid;
    gap: 5px;
    border: 1px solid rgba(108, 47, 242, 0.12);
    border-radius: 20px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    padding: 14px;
}

.lrr-livechat-summary-grid strong {
    color: #151928;
    font-size: .92rem;
    font-weight: 900;
}

.lrr-livechat-summary-grid span {
    color: #697286;
    font-size: .82rem;
    line-height: 1.5;
}

.lrr-livechat-room-easy {
    display: grid;
    grid-template-rows: auto auto minmax(320px, 1fr) auto auto;
}

.lrr-livechat-room-head > div > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-livechat-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid rgba(22, 26, 38, 0.06);
    background: #fbfcff;
    padding: 12px 14px;
}

.lrr-livechat-quick-actions button,
.lrr-admin-chat-quick-row button {
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 999px;
    background: #ffffff;
    color: var(--lrr-primary-dark);
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.2;
    padding: 8px 12px;
}

.lrr-livechat-quick-actions button:hover,
.lrr-livechat-quick-actions button:focus,
.lrr-admin-chat-quick-row button:hover,
.lrr-admin-chat-quick-row button:focus {
    border-color: rgba(108, 47, 242, 0.38);
    background: rgba(108, 47, 242, 0.07);
}

.lrr-chat-compose-large textarea.form-control,
.lrr-admin-chat-compose textarea.form-control {
    min-height: 48px;
    max-height: 150px;
    resize: vertical;
    line-height: 1.5;
    border-radius: 18px;
}

.lrr-chat-room-large-header .lrr-status-pill {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .lrr-livechat-summary-grid {
        grid-template-columns: 1fr;
    }

    .lrr-livechat-quick-actions {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .lrr-livechat-quick-actions button {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .lrr-livechat-focus-head-compact h2 {
        font-size: 1.28rem;
        line-height: 1.2;
    }

    .lrr-livechat-summary-grid article {
        border-radius: 16px;
        padding: 11px;
    }

    .lrr-livechat-room-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-livechat-room-head .lrr-status-pill {
        width: max-content;
    }

    .lrr-chat-compose-large .lrr-btn {
        width: 100%;
    }
}

/* Member livechat focused workspace */
.lrr-livechat-command {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.lrr-livechat-command-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.lrr-livechat-command-head h2 {
    margin: .2rem 0 .35rem;
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    line-height: 1.05;
}

.lrr-livechat-command-head p {
    max-width: 780px;
    margin: 0;
    color: var(--lrr-muted);
}

.lrr-livechat-role-legend {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
    min-width: 240px;
}

.lrr-livechat-role-legend span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .65rem;
    border: 1px solid rgba(124, 58, 237, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    color: var(--lrr-text);
    font-size: .78rem;
    font-weight: 800;
}

.lrr-role-dot {
    width: .55rem;
    height: .55rem;
    border-radius: 999px;
    display: inline-block;
}

.lrr-role-member { background: #6d28d9; }
.lrr-role-assist { background: #0ea5e9; }
.lrr-role-admin { background: #16a34a; }

.lrr-livechat-room-focus {
    min-height: min(68vh, 720px);
    display: grid;
    grid-template-rows: auto auto minmax(340px, 1fr) auto auto;
}

.lrr-livechat-room-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.lrr-livechat-room-meta small {
    color: var(--lrr-muted);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-livechat-command .lrr-chat-body-large {
    min-height: 340px;
    max-height: 58vh;
    padding: 1rem;
}

.lrr-livechat-command .lrr-chat-message-meta strong {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.lrr-livechat-command .lrr-chat-message-assist .lrr-chat-message-meta strong::before,
.lrr-livechat-command .lrr-chat-message-admin .lrr-chat-message-meta strong::before,
.lrr-livechat-command .lrr-chat-message-me .lrr-chat-message-meta strong::before {
    content: '';
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    display: inline-block;
}

.lrr-livechat-command .lrr-chat-message-assist .lrr-chat-message-meta strong::before { background: #0ea5e9; }
.lrr-livechat-command .lrr-chat-message-admin .lrr-chat-message-meta strong::before { background: #16a34a; }
.lrr-livechat-command .lrr-chat-message-me .lrr-chat-message-meta strong::before { background: #6d28d9; }

.lrr-livechat-command .lrr-chat-message-assist .lrr-chat-bubble {
    border: 1px solid rgba(14, 165, 233, .16);
    background: linear-gradient(135deg, #eef9ff, #f8fbff);
    color: #0f172a;
}

.lrr-livechat-command .lrr-chat-message-admin .lrr-chat-bubble {
    border: 1px solid rgba(22, 163, 74, .16);
    background: #f4fff8;
    color: #111827;
}

@media (max-width: 767.98px) {
    .lrr-livechat-command {
        padding: .85rem;
        gap: .85rem;
    }

    .lrr-livechat-command-head {
        display: grid;
    }

    .lrr-livechat-role-legend {
        justify-content: flex-start;
        min-width: 0;
        gap: .35rem;
    }

    .lrr-livechat-role-legend span {
        padding: .38rem .55rem;
        font-size: .72rem;
    }

    .lrr-livechat-room-focus {
        min-height: calc(100vh - 170px);
        grid-template-rows: auto auto minmax(360px, 1fr) auto auto;
    }

    .lrr-livechat-command .lrr-chat-body-large {
        min-height: 360px;
        max-height: calc(100vh - 315px);
        padding: .8rem;
    }

    .lrr-livechat-command .lrr-chat-compose-large {
        grid-template-columns: auto 1fr;
    }

    .lrr-livechat-command .lrr-chat-compose-large .lrr-btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* Livechat support room */
.lrr-livechat-desk {
    padding: 18px;
}

.lrr-livechat-support-room {
    min-height: calc(100vh - 180px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(109, 40, 217, 0.12);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.lrr-chat-support-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.lrr-chat-support-title,
.lrr-chat-support-tools {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-chat-support-title > div,
.lrr-chat-support-tools {
    min-width: 0;
}

.lrr-chat-support-title strong {
    display: block;
    font-size: 1rem;
    font-weight: 900;
    color: #111827;
}

.lrr-chat-support-title small,
.lrr-chat-support-tools small {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lrr-chat-role-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: #ffffff;
    overflow-x: auto;
}

.lrr-chat-role-strip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(109, 40, 217, 0.1);
    border-radius: 999px;
    background: #fafaff;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 800;
}

.lrr-livechat-quick-actions-simple {
    padding: 10px 18px;
    background: #ffffff;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.lrr-livechat-desk .lrr-chat-body-large {
    flex: 1 1 auto;
    min-height: 420px;
    max-height: calc(100vh - 335px);
    padding: 18px;
    background: #f8fafc;
    overflow-x: hidden;
}

.lrr-livechat-desk .lrr-chat-message {
    max-width: min(760px, 78%);
    min-width: 0;
}

.lrr-livechat-desk .lrr-chat-message-me {
    margin-left: auto;
}

.lrr-livechat-desk .lrr-chat-message-assist,
.lrr-livechat-desk .lrr-chat-message-admin {
    margin-right: auto;
}

.lrr-livechat-desk .lrr-chat-message-meta strong {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 900;
}

.lrr-livechat-desk .lrr-chat-message-meta strong::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #6d28d9;
}

.lrr-livechat-desk .lrr-chat-message-assist .lrr-chat-message-meta strong::before {
    background: #0ea5e9;
}

.lrr-livechat-desk .lrr-chat-message-admin .lrr-chat-message-meta strong::before {
    background: #16a34a;
}

.lrr-livechat-desk .lrr-chat-message-assist .lrr-chat-bubble-agent {
    background: #eef7ff;
    border: 1px solid rgba(14, 165, 233, 0.18);
    color: #0f172a;
}

.lrr-livechat-desk .lrr-chat-message-admin .lrr-chat-bubble-agent {
    background: #eefdf6;
    border: 1px solid rgba(22, 163, 74, 0.18);
    color: #0f172a;
}

.lrr-livechat-desk .lrr-chat-compose-large {
    flex: 0 0 auto;
    align-items: stretch;
    padding: 12px 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
}

.lrr-livechat-desk .lrr-chat-compose-large textarea {
    min-height: 50px;
    max-height: 130px;
    resize: vertical;
}

.lrr-livechat-desk .lrr-chat-upload-note {
    display: block;
    padding: 0 18px 14px;
    background: #ffffff;
    color: #64748b;
}

@media (max-width: 767.98px) {
    .lrr-livechat-desk {
        padding: 10px;
    }

    .lrr-livechat-support-room {
        min-height: calc(100dvh - 116px);
        border-radius: 22px;
    }

    .lrr-chat-support-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    .lrr-chat-support-tools {
        width: 100%;
        justify-content: space-between;
    }

    .lrr-chat-role-strip,
    .lrr-livechat-quick-actions-simple {
        padding: 8px 12px;
    }

    .lrr-livechat-desk .lrr-chat-body-large {
        min-height: 330px;
        max-height: calc(100dvh - 310px);
        padding: 12px;
    }

    .lrr-livechat-desk .lrr-chat-message {
        max-width: 94%;
    }

    .lrr-livechat-desk .lrr-chat-compose-large {
        display: grid;
        grid-template-columns: minmax(74px, auto) minmax(0, 1fr) minmax(64px, auto);
        gap: 8px;
        padding: 10px 12px;
    }

    .lrr-livechat-desk .lrr-chat-compose-large textarea {
        min-height: 46px;
    }

    .lrr-livechat-desk .lrr-chat-upload-note {
        padding: 0 12px 12px;
        font-size: 0.72rem;
    }
}


/* LRR livechat sender identity guard */
.lrr-livechat-desk [data-lrr-chat-role="assistant"],
.lrr-livechat-desk [data-lrr-chat-role="assist"],
.lrr-livechat-desk [data-lrr-chat-role="ai"],
.lrr-livechat-desk [data-lrr-chat-role="admin"],
.lrr-livechat-desk [data-lrr-chat-role="agent"],
.lrr-livechat-desk [data-lrr-chat-role="staff"] {
    align-self: flex-start;
    justify-items: start;
    margin-right: auto;
    margin-left: 0;
}

.lrr-livechat-desk [data-lrr-chat-role="member"],
.lrr-livechat-desk [data-lrr-chat-role="guest"],
.lrr-livechat-desk [data-lrr-chat-role="user"] {
    align-self: flex-end;
    justify-items: end;
    margin-left: auto;
    margin-right: 0;
}

.lrr-livechat-desk [data-lrr-chat-role="assistant"] .lrr-chat-message-meta strong,
.lrr-livechat-desk [data-lrr-chat-role="assist"] .lrr-chat-message-meta strong,
.lrr-livechat-desk [data-lrr-chat-role="ai"] .lrr-chat-message-meta strong {
    color: #0369a1;
}

.lrr-livechat-desk [data-lrr-chat-role="admin"] .lrr-chat-message-meta strong,
.lrr-livechat-desk [data-lrr-chat-role="agent"] .lrr-chat-message-meta strong,
.lrr-livechat-desk [data-lrr-chat-role="staff"] .lrr-chat-message-meta strong {
    color: #15803d;
}

.lrr-livechat-desk [data-lrr-chat-role="assistant"] .lrr-chat-bubble-agent,
.lrr-livechat-desk [data-lrr-chat-role="assist"] .lrr-chat-bubble-agent,
.lrr-livechat-desk [data-lrr-chat-role="ai"] .lrr-chat-bubble-agent {
    background: #eef7ff;
    border: 1px solid rgba(14, 165, 233, 0.2);
    color: #0f172a;
}

.lrr-livechat-desk [data-lrr-chat-role="admin"] .lrr-chat-bubble-agent,
.lrr-livechat-desk [data-lrr-chat-role="agent"] .lrr-chat-bubble-agent,
.lrr-livechat-desk [data-lrr-chat-role="staff"] .lrr-chat-bubble-agent {
    background: #effdf4;
    border: 1px solid rgba(22, 163, 74, 0.2);
    color: #0f172a;
}


.lrr-livechat-desk .lrr-chat-bubble {
    max-width: 100%;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.lrr-livechat-desk .lrr-chat-message-meta {
    flex-wrap: wrap;
    min-width: 0;
}

.lrr-livechat-desk .lrr-chat-photo img {
    height: auto;
    object-fit: contain;
}

.lrr-chat-sensitive-warning,
.lrr-chat-photo-removed {
    display: block;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 0.86rem;
    line-height: 1.45;
}

.lrr-chat-sensitive-warning {
    border: 1px solid rgba(245, 158, 11, 0.28);
    background: rgba(255, 251, 235, 0.94);
    color: #92400e;
}

.lrr-chat-photo-removed {
    border: 1px solid rgba(100, 116, 139, 0.22);
    background: rgba(248, 250, 252, 0.96);
    color: #475569;
}

.lrr-chat-lines {
    display: grid;
    gap: .42rem;
}

.lrr-chat-line {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

.lrr-chat-line strong,
.lrr-chat-quote strong {
    font-weight: 800;
}

.lrr-chat-line em,
.lrr-chat-quote em {
    font-style: italic;
}

.lrr-chat-line code,
.lrr-chat-quote code {
    display: inline-flex;
    max-width: 100%;
    padding: .08rem .32rem;
    border-radius: .45rem;
    background: rgba(15, 23, 42, .08);
    font-size: .92em;
    overflow-wrap: break-word;
    word-break: break-word;
}

.lrr-chat-spacer {
    min-height: .2rem;
}

.lrr-chat-bullet {
    position: relative;
    padding-left: 1rem;
}

.lrr-chat-bullet::before {
    content: '•';
    position: absolute;
    left: .15rem;
    top: 0;
    font-weight: 800;
}

.lrr-chat-quote {
    margin: .15rem 0;
    padding: .55rem .7rem;
    border-left: 3px solid rgba(109, 40, 217, .38);
    border-radius: .75rem;
    background: rgba(109, 40, 217, .08);
    color: inherit;
}

/* LRR member deposit, history, lucky reward, and order discount polish */
.lrr-topup-bonus-badge {
    position: absolute;
    top: -8px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 22px;
    border-radius: 999px;
    background: #13864f;
    color: #ffffff;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .03em;
    box-shadow: 0 10px 20px rgba(19, 134, 79, .22);
}

.lrr-topup-custom-panel {
    display: grid;
    gap: 10px;
    margin-top: 8px;
    border-top: 1px solid rgba(17, 24, 39, .08);
    padding-top: 16px;
}

.lrr-topup-custom-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.lrr-topup-custom-title span {
    color: #334155;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.lrr-topup-custom-title,
.lrr-topup-custom-row,
.lrr-topup-custom-input {
    min-width: 0;
}

.lrr-topup-custom-title small {
    color: var(--lrr-muted);
    font-size: .78rem;
    font-weight: 750;
    text-align: right;
}

.lrr-topup-custom-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}

.lrr-topup-custom-row .lrr-money-input {
    margin: 0;
}

.lrr-topup-custom-apply {
    min-width: 96px;
    border-radius: 14px;
    font-weight: 950;
}

.lrr-topup-custom-warning {
    display: inline-flex;
    align-items: flex-start;
    gap: 7px;
    color: #946200;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.45;
}

@media (min-width: 1200px) {
    .lrr-topup-side {
        position: sticky;
        top: 18px;
    }
}

@media (max-width: 575.98px) {
    .lrr-topup-custom-title {
        display: grid;
        gap: 4px;
    }

    .lrr-topup-custom-title small {
        text-align: left;
    }

    .lrr-topup-custom-row {
        grid-template-columns: 1fr;
    }

    .lrr-topup-custom-apply {
        width: 100%;
        min-height: 46px;
    }
}

.lrr-history-tabs {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

.lrr-history-tab {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    white-space: nowrap;
}

.lrr-history-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.lrr-history-svg i {
    font-size: 1rem;
    line-height: 1;
}

.lrr-history-stat-icon .lrr-history-svg i,
.lrr-history-empty-icon .lrr-history-svg i {
    font-size: 1.25rem;
}

.lrr-history-item-main strong,
.lrr-history-item-main small,
.lrr-history-item-meta span,
.lrr-history-item-side strong {
    overflow-wrap: anywhere;
    word-break: normal;
}

.lrr-history-dot-reward {
    background: linear-gradient(135deg, #7c3aed, #15b86a);
}

.lrr-order-discount-banner,
.lrr-member-discount-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(21, 184, 106, .22);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(21, 184, 106, .1), rgba(108, 47, 242, .07)), #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 14px;
}

.lrr-order-discount-banner span,
.lrr-member-discount-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: #13864f;
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(19, 134, 79, .2);
}

.lrr-order-discount-banner div,
.lrr-member-discount-banner div {
    min-width: 0;
}

.lrr-order-discount-banner strong,
.lrr-member-discount-banner strong {
    display: block;
    color: #0f172a;
    font-weight: 950;
    line-height: 1.35;
}

.lrr-order-discount-banner small,
.lrr-member-discount-banner small {
    display: block;
    color: #536174;
    font-size: .82rem;
    font-weight: 750;
    line-height: 1.45;
}

.lrr-member-discount-banner {
    justify-content: space-between;
    margin: 14px 0;
}

.lrr-order-service-price-box {
    display: grid;
    justify-items: end;
    gap: 2px;
    min-width: 86px;
}

.lrr-order-service-price-box small {
    color: var(--lrr-muted);
    font-size: .72rem;
    font-weight: 850;
    text-decoration: line-through;
    white-space: nowrap;
}

.lrr-order-service-price-box em {
    color: #13864f;
    font-size: .68rem;
    font-style: normal;
    font-weight: 950;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .lrr-member-discount-banner {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .lrr-member-discount-banner .btn {
        width: 100%;
    }

    .lrr-history-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .lrr-history-item-side {
        justify-items: stretch;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
    }
}

@media (max-width: 767.98px) {
    .lrr-topup-amount-grid {
        grid-template-columns: 1fr;
    }

    .lrr-topup-custom-title {
        display: grid;
        gap: 3px;
    }

    .lrr-topup-custom-title small {
        text-align: left;
    }

    .lrr-topup-custom-row {
        grid-template-columns: 1fr;
    }

    .lrr-topup-custom-apply {
        width: 100%;
    }

    .lrr-history-tabs {
        flex-wrap: nowrap;
        width: 100%;
    }

    .lrr-history-tab {
        flex: 0 0 auto;
        padding: 8px 10px;
    }

    .lrr-history-filterbar {
        grid-template-columns: 1fr;
    }

    .lrr-history-item-meta {
        grid-template-columns: 1fr;
    }

    .lrr-history-item-side {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .lrr-order-discount-banner {
        align-items: flex-start;
    }

    .lrr-order-service-action {
        align-items: stretch;
    }

    .lrr-order-service-price-box {
        justify-items: start;
    }
}


/* LRR member deposit, history, and order precision */
.lrr-money-input {
    min-width: 0;
}

.lrr-money-input span {
    flex: 0 0 auto;
    min-width: 54px;
    padding: 0 12px;
    white-space: nowrap;
    letter-spacing: 0;
    text-align: center;
}

.lrr-money-input .form-control {
    min-width: 0;
}

.lrr-topup-custom-panel {
    gap: 10px;
}

.lrr-topup-custom-row .lrr-money-input {
    min-height: 50px;
}

.lrr-topup-custom-warning {
    color: #9a5b00;
}

.lrr-history-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, #6c2ff2, #9b7cff);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(108, 47, 242, .18);
}

.lrr-history-dot .lrr-history-svg,
.lrr-history-dot .lrr-history-svg i {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
}

.lrr-history-dot-topup {
    background: linear-gradient(135deg, #f59e0b, #15b86a);
}

.lrr-history-dot-reward {
    background: linear-gradient(135deg, #7c3aed, #15b86a);
}

.lrr-history-tabs {
    padding: 6px;
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 18px;
    background: #ffffff;
}

.lrr-history-tab {
    border: 0;
    background: transparent;
    color: #111827;
    border-radius: 14px;
}

.lrr-history-tab-active {
    background: #6c2ff2;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(108, 47, 242, .18);
}

.lrr-history-tab .lrr-history-svg i {
    font-size: .95rem;
}

.lrr-order-service-card {
    min-width: 0;
}

.lrr-order-service-content,
.lrr-order-service-head,
.lrr-order-service-meta,
.lrr-order-service-action,
.lrr-order-service-price-box {
    min-width: 0;
}

.lrr-order-service-price,
.lrr-order-service-price-box small,
.lrr-order-service-price-box em {
    white-space: nowrap;
    letter-spacing: 0;
}

.lrr-order-service-button {
    min-width: 64px;
}

.lrr-otp-service-card-active,
.lrr-order-service-card.lrr-otp-service-card-active {
    border-color: rgba(108, 47, 242, .55);
    box-shadow: 0 14px 32px rgba(108, 47, 242, .14);
}

@media (max-width: 767.98px) {
    .lrr-topup-custom-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .lrr-topup-custom-row .lrr-money-input {
        width: 100%;
    }

    .lrr-history-tabs {
        display: flex;
        gap: 6px;
        overflow-x: auto;
    }

    .lrr-history-tab {
        flex: 0 0 auto;
    }

    .lrr-order-service-action {
        align-items: stretch;
    }

    .lrr-order-service-price-box {
        justify-items: start;
    }
}

/* Member order purchase stability and compact pricing. */
.lrr-otp-order-aside .lrr-btn-primary[data-lrr-ready="1"] {
    background: #6c2ff2;
    border-color: #6c2ff2;
    color: #ffffff;
    cursor: pointer;
}

.lrr-otp-order-aside .lrr-btn-primary:disabled:not([data-lrr-ready="1"]) {
    background: #a78bfa;
    border-color: #a78bfa;
    color: #ffffff;
    cursor: not-allowed;
}

.lrr-order-service-card {
    isolation: isolate;
}

.lrr-order-service-button {
    position: relative;
    z-index: 2;
    touch-action: manipulation;
}

.lrr-order-service-price-box small,
.lrr-order-service-price,
.lrr-order-service-price-box em {
    overflow-wrap: normal;
    word-break: normal;
}

.lrr-money-input {
    display: flex;
    align-items: stretch;
}

.lrr-money-input span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 52px;
    line-height: 1;
    word-break: keep-all;
    overflow-wrap: normal;
}

.lrr-money-input .form-control {
    flex: 1 1 auto;
}

@media (max-width: 767.98px) {
    .lrr-order-service-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .lrr-order-service-action {
        grid-template-columns: minmax(0, 1fr);
        justify-items: stretch;
    }

    .lrr-order-service-button {
        width: 100%;
    }
}

/* Member OTP country selector */
.lrr-otp-country-panel {
    display: grid;
    gap: 14px;
}

.lrr-otp-mode-tabs {
    display: inline-flex;
    align-items: stretch;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    padding: 6px;
    border: 1px solid rgba(108, 47, 242, 0.12);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.lrr-otp-mode-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 134px;
    padding: 10px 14px;
    border-radius: 14px;
    color: #111827;
    text-decoration: none;
    font-weight: 900;
    line-height: 1.15;
}

.lrr-otp-mode-tab i {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.1);
    color: var(--lrr-primary);
}

.lrr-otp-mode-tab small {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.lrr-otp-mode-tab-active {
    background: linear-gradient(135deg, #16a34a, #047857);
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(4, 120, 87, 0.18);
}

.lrr-otp-mode-tab-active i {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.lrr-otp-mode-tab-active small {
    color: rgba(255, 255, 255, 0.86);
}

.lrr-otp-filter-grid-auto {
    grid-template-columns: minmax(220px, 1.25fr) minmax(150px, 0.85fr) minmax(240px, 1.25fr) minmax(140px, 0.75fr);
    align-items: end;
}

.lrr-otp-country-panel .lrr-otp-field span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lrr-otp-country-panel .form-control,
.lrr-otp-country-panel .form-select {
    min-height: 48px;
    border-color: #e2e8f0;
    border-radius: 14px;
    color: #111827;
    background-color: #ffffff;
    font-weight: 800;
    box-shadow: none;
}

.lrr-otp-country-panel .form-control:focus,
.lrr-otp-country-panel .form-select:focus {
    border-color: rgba(108, 47, 242, 0.55);
    box-shadow: 0 0 0 4px rgba(108, 47, 242, 0.12);
}

.lrr-otp-auto-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.lrr-otp-auto-status-row .lrr-btn {
    min-height: 40px;
    border-radius: 999px;
}

.lrr-otp-country-strip {
    display: flex;
    gap: 8px;
    padding: 4px 2px 10px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.lrr-otp-country-chip {
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 6px;
    row-gap: 1px;
    min-width: 128px;
    padding: 9px 12px;
    border: 1px solid rgba(108, 47, 242, 0.13);
    border-radius: 16px;
    background: #ffffff;
    color: #111827;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.lrr-otp-country-chip span:not(.lrr-otp-country-flag) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 900;
}

.lrr-otp-country-flag {
    grid-row: span 2;
    font-size: 22px;
    line-height: 1;
}

.lrr-otp-country-chip small,
.lrr-otp-country-chip em {
    font-size: 10px;
    color: #64748b;
    font-style: normal;
    font-weight: 800;
}

.lrr-otp-country-chip em {
    grid-column: 1 / -1;
    color: #047857;
}

.lrr-otp-country-chip-active {
    border-color: rgba(108, 47, 242, 0.45);
    background: linear-gradient(180deg, rgba(108, 47, 242, 0.08), #ffffff);
    box-shadow: 0 16px 34px rgba(108, 47, 242, 0.12);
}

.lrr-order-service-meta span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

@media (max-width: 991.98px) {
    .lrr-otp-filter-grid-auto {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lrr-otp-country-panel {
        gap: 12px;
    }

    .lrr-otp-mode-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .lrr-otp-mode-tab {
        min-width: 0;
        padding: 9px 10px;
        font-size: 13px;
    }

    .lrr-otp-mode-tab small {
        font-size: 10px;
    }

    .lrr-otp-filter-grid-auto {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .lrr-otp-country-panel .form-control,
    .lrr-otp-country-panel .form-select {
        min-height: 45px;
        font-size: 14px;
    }

    .lrr-otp-auto-status-row .lrr-btn {
        width: 100%;
    }

    .lrr-otp-country-chip {
        min-width: 116px;
        padding: 8px 10px;
    }
}

.lrr-otp-filter-card.lrr-otp-filter-pending {
    border-color: rgba(245, 158, 11, 0.34);
    box-shadow: 0 18px 48px rgba(245, 158, 11, 0.10);
}

.lrr-history-timeout,
.lrr-order-timeout-panel {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 7px;
    border: 1px solid rgba(245, 158, 11, 0.28);
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.10);
    color: #92400e;
    padding: 5px 10px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.25;
}

.lrr-history-timeout b,
.lrr-order-timeout-panel span {
    font-weight: 900;
}

.lrr-history-timeout strong,
.lrr-order-timeout-panel strong {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #78350f;
    padding: 2px 7px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.lrr-history-timeout-expired,
.lrr-order-timeout-expired {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(239, 68, 68, 0.10);
    color: #b91c1c;
}

.lrr-history-timeout-expired strong,
.lrr-order-timeout-expired strong {
    color: #991b1b;
}

.lrr-order-timeout-panel {
    width: 100%;
    justify-content: space-between;
    border-radius: 18px;
    margin: 2px 0 12px;
    padding: 10px 12px;
}

@media (max-width: 767.98px) {
    .lrr-history-timeout,
    .lrr-order-timeout-panel {
        align-items: flex-start;
        border-radius: 16px;
        flex-wrap: wrap;
    }

    .lrr-history-timeout {
        width: 100%;
    }
}

/* Riwayat OTP compact detail */
.lrr-history-item-otp {
    grid-template-columns: minmax(190px, 1.05fr) minmax(190px, 1fr) minmax(170px, 0.85fr) auto;
    align-items: stretch;
}

.lrr-history-item-otp .lrr-history-item-main,
.lrr-history-item-otp .lrr-history-item-meta,
.lrr-history-otp-box,
.lrr-history-item-otp .lrr-history-item-side {
    align-self: center;
}

.lrr-history-item-meta-otp {
    grid-template-columns: 1fr;
    gap: 7px;
}

.lrr-history-item-meta-otp span {
    border: 1px solid rgba(108, 47, 242, 0.10);
    border-radius: 14px;
    background: #faf9ff;
    padding: 8px 10px;
}

.lrr-history-item-meta-otp .lrr-history-meta-copy {
    grid-template-columns: minmax(0, 1fr) auto;
}

.lrr-history-otp-box {
    display: grid;
    gap: 7px;
    min-width: 0;
    border: 1px solid rgba(21, 184, 106, 0.14);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(21, 184, 106, 0.07), rgba(108, 47, 242, 0.05));
    padding: 10px 12px;
}

.lrr-history-otp-box > span:first-child {
    color: var(--lrr-muted);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lrr-history-otp-box > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.lrr-history-otp-box strong {
    color: #111827;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.lrr-history-otp-ready strong {
    color: #047857;
    font-size: 1.34rem;
    letter-spacing: 0.02em;
}

.lrr-history-copy-icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    gap: 0;
}

.lrr-history-copy-icon i {
    font-size: 0.95rem;
    line-height: 1;
}

.lrr-history-otp-box .lrr-history-timeout {
    width: 100%;
    justify-content: space-between;
    margin: 0;
    border-radius: 14px;
}

.lrr-otp-catalog-loading [data-lrr-order-service-list] {
    opacity: 0.62;
    transition: opacity 0.18s ease;
}

.lrr-otp-catalog-loading .lrr-order-service-card {
    transform: none;
}

@media (max-width: 1199.98px) {
    .lrr-history-item-otp {
        grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr);
    }

    .lrr-history-item-otp .lrr-history-item-side {
        justify-items: start;
    }
}

@media (max-width: 767.98px) {
    .lrr-history-item-otp {
        grid-template-columns: 1fr;
    }

    .lrr-history-item-meta-otp,
    .lrr-history-otp-box {
        width: 100%;
    }

    .lrr-history-otp-box strong {
        font-size: 1.12rem;
    }

    .lrr-history-otp-ready strong {
        font-size: 1.22rem;
    }
}

/* Member livechat mobile workspace */
@media (max-width: 767.98px) {
    .lrr-page-member-chat {
        height: 100dvh;
        padding-bottom: 0;
        overflow: hidden;
        background: #ffffff;
    }

    .lrr-page-member-chat .lrr-member-shell {
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    .lrr-page-member-chat .lrr-member-main {
        display: flex;
        flex-direction: column;
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
        padding: 10px 10px 0;
    }

    .lrr-page-member-chat .lrr-member-topbar-compact {
        flex: 0 0 auto;
        margin-bottom: 8px;
        min-height: 48px;
    }

    .lrr-page-member-chat .lrr-mobile-sidebar-toggle {
        min-width: 44px;
        min-height: 40px;
        padding: 0 12px;
    }

    .lrr-page-member-chat .lrr-mobile-sidebar-toggle span {
        display: none;
    }

    .lrr-page-member-chat .lrr-member-profile-pill {
        flex: 1 1 auto;
        min-width: 0;
        border-radius: 18px;
        padding: 8px 9px;
    }

    .lrr-page-member-chat .lrr-member-profile-pill div {
        min-width: 0;
    }

    .lrr-page-member-chat .lrr-member-profile-pill small {
        display: block;
        max-width: 132px;
        white-space: nowrap;
    }

    .lrr-page-member-chat .lrr-member-profile-pill .lrr-btn {
        flex: 0 0 auto;
        padding: 7px 10px;
        font-size: .75rem;
    }

    .lrr-page-member-chat .lrr-member-bottom-nav {
        display: none;
    }

    .lrr-page-member-chat .lrr-livechat-desk {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        margin-top: 0;
        padding: 0;
    }

    .lrr-page-member-chat .lrr-member-alert {
        flex: 0 0 auto;
        margin: 0 0 8px;
    }

    .lrr-page-member-chat .lrr-livechat-support-room {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        border-radius: 22px 22px 0 0;
        box-shadow: none;
    }

    .lrr-page-member-chat .lrr-chat-support-head {
        flex-direction: row;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
    }

    .lrr-page-member-chat .lrr-chat-support-title {
        flex: 1 1 auto;
    }

    .lrr-page-member-chat .lrr-chat-support-title strong {
        font-size: .95rem;
    }

    .lrr-page-member-chat .lrr-chat-support-title small {
        max-width: 185px;
        font-size: .7rem;
    }

    .lrr-page-member-chat .lrr-chat-support-tools {
        flex: 0 0 auto;
        width: auto;
        justify-content: flex-end;
    }

    .lrr-page-member-chat .lrr-chat-support-tools small {
        display: none;
    }

    .lrr-page-member-chat .lrr-chat-role-strip,
    .lrr-page-member-chat .lrr-livechat-quick-actions-simple {
        flex: 0 0 auto;
        padding: 7px 10px;
    }

    .lrr-page-member-chat .lrr-chat-role-strip span,
    .lrr-page-member-chat .lrr-livechat-quick-actions-simple button {
        font-size: .7rem;
        padding: 6px 9px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-body-large {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        padding: 10px;
        overscroll-behavior: contain;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-message {
        max-width: 94%;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-bubble {
        font-size: .88rem;
        line-height: 1.5;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large {
        flex: 0 0 auto;
        display: grid;
        grid-template-columns: minmax(52px, auto) minmax(0, 1fr) minmax(56px, auto);
        gap: 7px;
        padding: 9px 10px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large textarea {
        min-height: 42px;
        max-height: 96px;
    }

    .lrr-page-member-chat .lrr-chat-upload-button span {
        white-space: nowrap;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-upload-note {
        flex: 0 0 auto;
        padding: 0 10px 9px;
        font-size: .68rem;
    }
}

/* Member livechat compact mobile workspace */
.lrr-chat-role-strip {
    display: none;
}

.lrr-livechat-desk .lrr-chat-compose-large textarea[data-lrr-chat-autosize] {
    resize: none;
    overflow-y: auto;
}

.lrr-livechat-desk .lrr-chat-compose-large .lrr-btn,
.lrr-livechat-desk .lrr-chat-upload-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

@media (max-width: 767.98px) {
    .lrr-page-member-chat .lrr-livechat-support-room {
        border-radius: 18px 18px 0 0;
    }

    .lrr-page-member-chat .lrr-chat-support-head {
        padding: 8px 10px;
        min-height: 48px;
    }

    .lrr-page-member-chat .lrr-chat-support-title {
        gap: 7px;
    }

    .lrr-page-member-chat .lrr-chat-support-title strong {
        font-size: .88rem;
        line-height: 1.1;
    }

    .lrr-page-member-chat .lrr-chat-support-title small {
        max-width: 172px;
        font-size: .64rem;
        line-height: 1.15;
    }

    .lrr-page-member-chat .lrr-chat-support-tools .lrr-status-pill {
        padding: 5px 8px;
        font-size: .62rem;
    }

    .lrr-page-member-chat .lrr-livechat-quick-actions-simple {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding: 6px 9px;
        scrollbar-width: none;
    }

    .lrr-page-member-chat .lrr-livechat-quick-actions-simple::-webkit-scrollbar {
        display: none;
    }

    .lrr-page-member-chat .lrr-livechat-quick-actions-simple button {
        flex: 0 0 auto;
        padding: 5px 8px;
        font-size: .66rem;
        line-height: 1.05;
        white-space: nowrap;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-body-large {
        padding: 8px 9px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-message {
        max-width: 92%;
        margin-bottom: 8px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-message-meta {
        gap: 5px;
        margin-bottom: 3px;
        font-size: .66rem;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-message-meta strong {
        display: none;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-bubble {
        border-radius: 16px;
        padding: 9px 11px;
        font-size: .84rem;
        line-height: 1.45;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large {
        grid-template-columns: 42px minmax(0, 1fr) 58px;
        align-items: end;
        gap: 6px;
        padding: 8px 9px 7px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-upload-button {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        border-radius: 14px;
        font-size: 1rem;
    }

    .lrr-page-member-chat .lrr-chat-upload-label-text {
        display: none;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large textarea {
        min-height: 42px;
        max-height: 118px;
        padding: 10px 11px;
        line-height: 1.35;
        border-radius: 14px;
        overflow-y: auto;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large .lrr-btn {
        min-width: 58px;
        height: 42px;
        padding: 0 10px;
        border-radius: 14px;
        gap: 4px;
        font-size: .76rem;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-large .lrr-btn .spinner-border {
        margin: 0;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-upload-note {
        padding: 0 9px 7px;
        font-size: .62rem;
        line-height: 1.2;
    }
}

/* Member topbar notification and profile menus */
.lrr-member-topbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--lrr-text);
    text-decoration: none;
}

.lrr-member-topbar-brand:hover,
.lrr-member-topbar-brand:focus {
    color: var(--lrr-primary-dark);
}

.lrr-member-topbar-brand-mark {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--lrr-primary), var(--lrr-success));
    color: #ffffff;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(108, 47, 242, .18);
}

.lrr-member-topbar-brand span:last-child {
    display: grid;
    line-height: 1.05;
}

.lrr-member-topbar-brand strong {
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: -.03em;
}

.lrr-member-topbar-brand small {
    color: var(--lrr-muted);
    font-size: .72rem;
    font-weight: 800;
}

.lrr-member-topbar-actions {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-member-popover {
    position: relative;
}

.lrr-member-icon-button,
.lrr-member-profile-trigger {
    border: 1px solid rgba(108, 47, 242, .16);
    background: rgba(255, 255, 255, .94);
    color: var(--lrr-text);
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-member-icon-button {
    position: relative;
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 16px;
    font-size: 1.08rem;
}

.lrr-member-icon-button:hover,
.lrr-member-icon-button:focus,
.lrr-member-profile-trigger:hover,
.lrr-member-profile-trigger:focus {
    border-color: rgba(108, 47, 242, .34);
    color: var(--lrr-primary-dark);
}

.lrr-member-notification-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: var(--lrr-danger);
    color: #ffffff;
    font-size: .68rem;
    font-weight: 950;
    line-height: 1;
}

.lrr-member-topbar-actions[data-lrr-read="1"] .lrr-member-notification-badge {
    display: none;
}

.lrr-member-profile-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 310px;
    border-radius: 999px;
    padding: 7px 10px 7px 7px;
}

.lrr-member-profile-trigger-copy {
    display: grid;
    min-width: 0;
    text-align: left;
    line-height: 1.12;
}

.lrr-member-profile-trigger-copy strong,
.lrr-member-profile-trigger-copy small {
    overflow: hidden;
    max-width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-profile-trigger-copy strong {
    font-size: .92rem;
    font-weight: 950;
}

.lrr-member-profile-trigger-copy small {
    color: var(--lrr-muted);
    font-size: .72rem;
    font-weight: 800;
}

.lrr-member-popover-panel {
    position: absolute;
    z-index: 80;
    top: calc(100% + 12px);
    right: 0;
    overflow: hidden;
    width: min(420px, calc(100vw - 32px));
    border: 1px solid rgba(108, 47, 242, .14);
    border-radius: 26px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 28px 70px rgba(15, 23, 42, .18);
}

.lrr-member-popover-panel[hidden] {
    display: none;
}

.lrr-member-profile-panel {
    width: min(370px, calc(100vw - 32px));
}

.lrr-member-popover-head,
.lrr-member-popover-foot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
}

.lrr-member-popover-head {
    border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.lrr-member-popover-head div {
    display: grid;
    min-width: 0;
    line-height: 1.15;
}

.lrr-member-popover-head strong {
    font-size: 1rem;
    font-weight: 950;
}

.lrr-member-popover-head small {
    color: var(--lrr-muted);
    font-weight: 800;
}

.lrr-member-popover-icon,
.lrr-member-notification-icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 16px;
}

.lrr-member-popover-icon {
    width: 46px;
    height: 46px;
    background: rgba(21, 184, 106, .12);
    color: #047857;
    font-size: 1.2rem;
}

.lrr-member-popover-close {
    display: inline-grid;
    width: 36px;
    height: 36px;
    margin-left: auto;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
}

.lrr-member-notification-list {
    display: grid;
    max-height: min(420px, calc(100vh - 240px));
    overflow-y: auto;
}

.lrr-member-notification-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(17, 24, 39, .07);
    color: var(--lrr-text);
    text-decoration: none;
}

.lrr-member-notification-item:hover,
.lrr-member-notification-item:focus {
    background: linear-gradient(90deg, rgba(108, 47, 242, .07), rgba(21, 184, 106, .06));
    color: var(--lrr-text);
}

.lrr-member-notification-icon {
    width: 46px;
    height: 46px;
    background: rgba(59, 130, 246, .1);
    color: #2563eb;
    font-size: 1.15rem;
}

.lrr-member-notification-success .lrr-member-notification-icon {
    background: rgba(21, 184, 106, .13);
    color: #047857;
}

.lrr-member-notification-danger .lrr-member-notification-icon {
    background: rgba(239, 68, 68, .12);
    color: #be123c;
}

.lrr-member-notification-warning .lrr-member-notification-icon {
    background: rgba(245, 158, 11, .14);
    color: #b45309;
}

.lrr-member-notification-copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.lrr-member-notification-copy strong {
    overflow: hidden;
    color: #22243a;
    font-size: .96rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-notification-copy small {
    overflow: hidden;
    color: #6b7280;
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-notification-copy em {
    color: #9ca3af;
    font-size: .78rem;
    font-style: normal;
    font-weight: 800;
}

.lrr-member-notification-empty {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 28px 18px;
    color: var(--lrr-muted);
    text-align: center;
}

.lrr-member-notification-empty i {
    color: var(--lrr-primary);
    font-size: 1.5rem;
}

.lrr-member-notification-empty strong {
    color: var(--lrr-text);
    font-weight: 950;
}

.lrr-member-popover-foot {
    justify-content: space-between;
    border-top: 1px solid rgba(17, 24, 39, .08);
    background: #fbfcff;
}

.lrr-member-popover-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    color: #667085;
    font-size: .88rem;
    font-weight: 900;
    text-decoration: none;
}

.lrr-member-popover-link:hover,
.lrr-member-popover-link:focus,
.lrr-member-popover-link-strong {
    color: var(--lrr-primary-dark);
}

.lrr-member-profile-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
    background: linear-gradient(135deg, rgba(108, 47, 242, .98), rgba(0, 148, 103, .92));
    color: #ffffff;
}

.lrr-member-profile-card-avatar {
    display: inline-grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 18px;
    background: rgba(255, 255, 255, .16);
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 950;
}

.lrr-member-profile-card div {
    display: grid;
    align-content: center;
    min-width: 0;
}

.lrr-member-profile-card strong,
.lrr-member-profile-card small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-profile-card strong {
    font-size: 1.06rem;
    font-weight: 950;
}

.lrr-member-profile-card small {
    color: rgba(255, 255, 255, .78);
    font-size: .84rem;
    font-weight: 800;
}

.lrr-member-profile-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 16px;
}

.lrr-member-profile-stats span {
    display: grid;
    gap: 3px;
    min-width: 0;
    border: 1px solid rgba(108, 47, 242, .12);
    border-radius: 16px;
    background: #f8fafc;
    padding: 11px 12px;
}

.lrr-member-profile-stats small {
    color: var(--lrr-muted);
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.lrr-member-profile-stats strong {
    overflow: hidden;
    color: var(--lrr-text);
    font-size: .98rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-member-profile-links {
    display: grid;
    padding: 0 16px 16px;
}

.lrr-member-profile-links a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    border-radius: 16px;
    color: #3f4656;
    font-weight: 900;
    text-decoration: none;
}

.lrr-member-profile-links a:hover,
.lrr-member-profile-links a:focus {
    background: rgba(108, 47, 242, .07);
    color: var(--lrr-primary-dark);
}

.lrr-member-profile-links a > i:first-child {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 12px;
    background: rgba(108, 47, 242, .09);
    color: var(--lrr-primary);
}

.lrr-member-profile-logout {
    margin-top: 6px;
    background: rgba(239, 68, 68, .08);
    color: #be123c;
}

.lrr-member-profile-logout:hover,
.lrr-member-profile-logout:focus {
    background: rgba(239, 68, 68, .12);
    color: #9f1239;
}

@media (max-width: 991.98px) {
    .lrr-member-topbar-actions {
        margin-left: auto;
    }

    .lrr-member-profile-trigger-copy,
    .lrr-member-profile-trigger > .bi-chevron-down {
        display: none;
    }

    .lrr-member-profile-trigger {
        width: 48px;
        height: 48px;
        justify-content: center;
        padding: 5px;
    }
}

@media (max-width: 767.98px) {
    .lrr-member-topbar-compact {
        position: relative;
        gap: 9px;
        margin: 0 -2px 12px;
    }

    .lrr-member-topbar-brand {
        flex: 1 1 auto;
        max-width: 150px;
    }

    .lrr-member-topbar-brand-mark {
        width: 38px;
        height: 38px;
        border-radius: 13px;
    }

    .lrr-member-topbar-brand strong {
        max-width: 94px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lrr-member-topbar-brand small {
        display: none;
    }

    .lrr-member-topbar-actions {
        gap: 7px;
    }

    .lrr-member-icon-button,
    .lrr-member-profile-trigger {
        width: 44px;
        height: 44px;
        border-radius: 15px;
    }

    .lrr-member-popover-panel {
        position: fixed;
        top: 74px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: calc(100vh - 96px);
        overflow-y: auto;
        border-radius: 24px;
    }

    .lrr-member-notification-list {
        max-height: min(390px, calc(100vh - 260px));
    }

    .lrr-member-notification-item {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 13px 14px;
    }

    .lrr-member-notification-icon {
        width: 42px;
        height: 42px;
    }

    .lrr-member-notification-copy strong,
    .lrr-member-notification-copy small {
        white-space: normal;
    }

    .lrr-member-popover-foot {
        gap: 10px;
        padding: 12px 14px;
    }
}

@media (max-width: 420px) {
    .lrr-member-topbar-brand span:last-child {
        display: none;
    }

    .lrr-member-topbar-brand {
        max-width: 48px;
    }
}

/* Member livechat message composer */
.lrr-livechat-desk .lrr-chat-compose-bundle {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0 18px 12px;
    padding: 10px;
    border: 1px solid rgba(108, 47, 242, .20);
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

.lrr-livechat-desk .lrr-chat-compose-bundle .lrr-chat-compose-message {
    min-width: 0;
}

.lrr-livechat-desk .lrr-chat-compose-bundle textarea.form-control {
    width: 100%;
    min-height: 48px;
    max-height: 148px;
    border: 0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: none;
    line-height: 1.45;
    padding: 11px 12px 7px;
    resize: none;
}

.lrr-livechat-desk .lrr-chat-compose-bundle textarea.form-control:focus {
    background: #ffffff;
    box-shadow: none;
}

.lrr-livechat-desk .lrr-chat-compose-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.lrr-livechat-desk .lrr-chat-upload-action {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-style: solid;
    border-color: rgba(108, 47, 242, .22);
    border-radius: 15px;
    background: rgba(108, 47, 242, .07);
    padding: 0;
    font-size: 1.05rem;
}

.lrr-livechat-desk .lrr-chat-upload-action.lrr-chat-upload-button-selected {
    border-color: rgba(21, 184, 106, .34);
    background: rgba(21, 184, 106, .10);
    color: #047857;
}

.lrr-livechat-desk .lrr-chat-upload-action .lrr-chat-upload-label-text {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.lrr-livechat-desk .lrr-chat-compose-hint {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #7a8291;
    font-size: .78rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-livechat-desk .lrr-chat-send-action {
    flex: 0 0 auto;
    min-width: 104px;
    height: 42px;
    border-radius: 999px;
    padding: 0 16px;
    white-space: nowrap;
}

.lrr-livechat-desk .lrr-chat-send-action i {
    font-size: 1rem;
}

.lrr-member-notification-item.lrr-member-notification-read {
    background: #ffffff;
}

.lrr-member-notification-item.lrr-member-notification-read .lrr-member-notification-icon {
    opacity: .72;
}

@media (max-width: 767.98px) {
    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-bundle {
        gap: 5px;
        margin: 0 8px 7px;
        padding: 7px;
        border-radius: 20px;
        box-shadow: 0 14px 32px rgba(15, 23, 42, .08);
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-bundle textarea.form-control {
        min-height: 38px;
        max-height: 118px;
        border-radius: 15px;
        padding: 9px 10px 4px;
        font-size: .95rem;
        line-height: 1.35;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-actions {
        gap: 6px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-upload-action {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        border-radius: 14px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-hint {
        font-size: .64rem;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-send-action {
        min-width: 44px;
        width: 44px;
        height: 40px;
        border-radius: 14px;
        padding: 0;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-send-action span {
        display: none;
    }
}

@media (max-width: 420px) {
    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-compose-hint {
        display: none;
    }
}

/* Member livechat two-level composer */
.lrr-livechat-desk form.lrr-chat-compose-bundle.lrr-chat-compose-large {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 8px;
    margin: 0 18px 12px;
    padding: 12px;
    border: 1px solid rgba(108, 47, 242, .22);
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .08);
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-message,
.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-actions {
    min-width: 0;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-message {
    grid-column: 1;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle textarea.form-control {
    display: block;
    width: 100%;
    min-height: 52px;
    max-height: 156px;
    border: 0;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: none;
    color: var(--lrr-text);
    font-size: 1rem;
    line-height: 1.5;
    padding: 13px 14px 8px;
    resize: none;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle textarea.form-control::placeholder {
    color: #8d94a3;
    font-weight: 800;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle textarea.form-control:focus {
    background: #ffffff;
    box-shadow: none;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-actions {
    grid-column: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-upload-action {
    flex: 0 0 auto;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-style: solid;
    border-color: rgba(108, 47, 242, .24);
    border-radius: 16px;
    background: rgba(108, 47, 242, .07);
    color: var(--lrr-primary);
    padding: 0;
    font-size: 1.1rem;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-upload-action.lrr-chat-upload-button-selected {
    border-color: rgba(21, 184, 106, .35);
    background: rgba(21, 184, 106, .10);
    color: #047857;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-upload-label-text {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-hint {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: #7a8291;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-send-action {
    flex: 0 0 auto;
    min-width: 104px;
    height: 44px;
    border-radius: 999px;
    padding: 0 18px;
    white-space: nowrap;
}

.lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-send-action i {
    font-size: 1.04rem;
}

@media (max-width: 991.98px) {
    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle.lrr-chat-compose-large {
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: 7px;
        margin: 0 12px 10px;
        padding: 10px;
        border-radius: 24px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle textarea.form-control {
        min-height: 48px;
        max-height: 144px;
        border-radius: 20px;
        padding: 12px 13px 7px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-actions {
        gap: 8px;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle.lrr-chat-compose-large {
        grid-template-columns: 1fr;
        gap: 6px;
        margin: 0 8px 7px;
        padding: 8px;
        border-radius: 20px;
        box-shadow: 0 14px 32px rgba(15, 23, 42, .08);
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle textarea.form-control {
        min-height: 42px;
        max-height: 120px;
        border-radius: 15px;
        font-size: .96rem;
        line-height: 1.38;
        padding: 10px 11px 5px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-actions {
        gap: 7px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-upload-action {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        border-radius: 14px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-hint {
        font-size: .66rem;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-send-action {
        min-width: 44px;
        width: 44px;
        height: 40px;
        border-radius: 14px;
        padding: 0;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-send-action span {
        display: none;
    }
}

@media (max-width: 420px) {
    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle .lrr-chat-compose-hint {
        display: none;
    }
}



.lrr-livechat-ticket-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.lrr-livechat-ticket-board article {
    display: grid;
    gap: 4px;
    border: 1px solid rgba(108, 47, 242, 0.14);
    border-radius: 22px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
    padding: 14px;
}

.lrr-livechat-ticket-board span,
.lrr-livechat-ticket-board small {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 780;
}

.lrr-livechat-ticket-board strong {
    color: var(--lrr-text);
    font-size: 1rem;
    font-weight: 950;
}

.lrr-livechat-ticket-helper {
    display: grid;
    gap: 4px;
    margin: 0 18px 12px;
    border: 1px solid rgba(21, 184, 106, 0.18);
    border-radius: 20px;
    background: rgba(21, 184, 106, 0.08);
    color: var(--lrr-muted);
    padding: 12px 14px;
}

.lrr-livechat-ticket-helper strong {
    color: var(--lrr-text);
    font-weight: 950;
}

@media (max-width: 991.98px) {
    .lrr-livechat-ticket-board {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-livechat-ticket-board article {
        border-radius: 18px;
        padding: 12px;
    }

    .lrr-livechat-ticket-helper {
        margin-inline: 12px;
    }
}

/* Livechat compact refresh */
.lrr-chat-support-head-compact {
    padding-block: 12px;
}

.lrr-chat-support-head-compact .lrr-chat-support-title {
    gap: 0;
}

.lrr-chat-support-head-compact .lrr-chat-support-title > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lrr-livechat-thread-closed-note {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px dashed rgba(148, 163, 184, 0.55);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(148, 163, 184, 0.12), rgba(226, 232, 240, 0.42));
    color: #475569;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.lrr-livechat-thread-closed-note strong {
    color: #111827;
    font-size: 0.92rem;
    font-weight: 900;
}

.lrr-livechat-thread-closed-note span {
    font-size: 0.8rem;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .lrr-chat-support-head-compact {
        padding: 10px 12px;
    }

    .lrr-livechat-thread-closed-note {
        padding: 10px 12px;
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member-chat .lrr-chat-support-head-compact {
        min-height: 0;
        padding: 8px 10px;
    }

    .lrr-page-member-chat .lrr-chat-support-head-compact .lrr-chat-support-title strong {
        font-size: 0.9rem;
    }

    .lrr-page-member-chat .lrr-livechat-thread-closed-note {
        padding: 9px 10px;
        border-radius: 14px;
    }

    .lrr-page-member-chat .lrr-livechat-thread-closed-note strong {
        font-size: 0.82rem;
    }

    .lrr-page-member-chat .lrr-livechat-thread-closed-note span {
        font-size: 0.72rem;
    }
}

/* Member order detail compact refresh */
.lrr-order-detail-hero-pro {
    gap: 14px;
    padding: 22px;
}

.lrr-order-detail-title-group {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.lrr-order-detail-title-group h2 {
    margin: 0;
    letter-spacing: -0.045em;
}

.lrr-order-detail-title-group p {
    max-width: 760px;
    margin: 0;
}

.lrr-status-danger {
    background: rgba(244, 63, 94, 0.12);
    color: #be123c;
}

.lrr-status-pill i,
.lrr-order-mini-status i {
    margin-right: 6px;
}

.lrr-order-state-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    border: 1px solid rgba(108, 47, 242, 0.12);
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    padding: 16px 18px;
}

.lrr-order-state-card > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.lrr-order-state-card strong {
    color: var(--lrr-text);
    font-weight: 920;
}

.lrr-order-state-card span {
    color: var(--lrr-muted);
    font-size: 0.84rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.lrr-order-state-terminal {
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.08), rgba(255, 255, 255, 0.96));
    border-color: rgba(244, 63, 94, 0.16);
}

.lrr-order-state-active {
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.06), rgba(255, 255, 255, 0.96));
}

.lrr-order-detail-grid-pro {
    gap: 18px;
    margin-top: 14px;
}

.lrr-order-detail-card-pro,
.lrr-order-sms-card-pro {
    padding: 22px;
}

.lrr-order-detail-card-pro .lrr-order-detail-row {
    grid-template-columns: 132px minmax(0, 1fr) minmax(76px, auto);
    gap: 10px;
    padding: 11px 0;
}

.lrr-order-detail-card-pro .lrr-order-detail-row span {
    font-size: 0.9rem;
}

.lrr-order-detail-card-pro .lrr-order-detail-row strong {
    font-size: 0.95rem;
}

.lrr-order-sms-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.lrr-order-mini-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 0.74rem;
    font-weight: 900;
    white-space: nowrap;
}

.lrr-order-sms-card-pro h2 {
    margin: 8px 0 6px;
    font-size: clamp(1.6rem, 4vw, 2.5rem);
}

.lrr-order-sms-card-pro p {
    margin-bottom: 16px;
}

.lrr-order-action-row-locked button:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.lrr-order-detail-note-pro {
    margin-top: 14px;
}

@media (max-width: 991.98px) {
    .lrr-order-state-card {
        align-items: stretch;
        display: grid;
    }

    .lrr-order-detail-card-pro .lrr-order-detail-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .lrr-order-detail-card-pro .lrr-order-detail-row .btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .lrr-order-detail-hero-pro,
    .lrr-order-detail-card-pro,
    .lrr-order-sms-card-pro {
        padding: 18px;
    }

    .lrr-order-detail-hero-pro {
        align-items: stretch;
    }

    .lrr-order-detail-hero-pro .lrr-status-pill {
        width: 100%;
    }

    .lrr-order-state-card {
        padding: 14px;
    }

    .lrr-order-sms-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-order-action-row {
        gap: 10px;
    }
}

/* Livechat fullscreen mobile/tablet precision */
@media (max-width: 991.98px) {
    body.lrr-page-member-chat {
        background: #ffffff;
        overflow: hidden;
    }

    .lrr-page-member-chat .lrr-member-main {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    .lrr-page-member-chat .lrr-member-topbar-compact {
        margin: 0;
        padding: 10px 16px;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
        background: #ffffff;
    }

    .lrr-page-member-chat .lrr-livechat-desk {
        flex: 1 1 auto;
        width: 100%;
        max-width: none;
        min-height: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    .lrr-page-member-chat .lrr-livechat-support-room {
        width: 100%;
        height: 100%;
        min-height: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
    }

    .lrr-page-member-chat .lrr-chat-support-head-compact {
        padding: 8px 14px;
        min-height: 42px;
        gap: 8px;
    }

    .lrr-page-member-chat .lrr-chat-support-head-compact .lrr-chat-support-title strong {
        overflow-wrap: anywhere;
        letter-spacing: -0.025em;
    }

    .lrr-page-member-chat .lrr-livechat-quick-actions-simple {
        padding-left: 14px;
        padding-right: 14px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle.lrr-chat-compose-large {
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member-chat .lrr-member-topbar-compact {
        padding: 8px 12px;
    }

    .lrr-page-member-chat .lrr-chat-support-head-compact {
        padding: 7px 12px;
        min-height: 38px;
    }

    .lrr-page-member-chat .lrr-chat-support-tools .lrr-status-pill {
        flex: 0 0 auto;
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lrr-page-member-chat .lrr-livechat-quick-actions-simple {
        padding-left: 12px;
        padding-right: 12px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-body-large {
        padding-left: 12px;
        padding-right: 12px;
    }

    .lrr-page-member-chat .lrr-livechat-desk form.lrr-chat-compose-bundle.lrr-chat-compose-large {
        margin-left: 12px;
        margin-right: 12px;
    }

    .lrr-page-member-chat .lrr-livechat-desk .lrr-chat-upload-note {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Livechat reply + lightweight vision polish */
.lrr-chat-message-meta {
    align-items: center;
}

.lrr-chat-reply-action {
    border: 0;
    border-radius: 999px;
    background: rgba(108, 47, 242, 0.08);
    color: #6d28d9;
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1;
    padding: 5px 8px;
}

.lrr-chat-reply-action:hover,
.lrr-chat-reply-action:focus {
    background: rgba(108, 47, 242, 0.14);
}

.lrr-chat-reply-quote {
    display: grid;
    gap: 2px;
    margin-bottom: 7px;
    border-left: 3px solid rgba(108, 47, 242, 0.42);
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.86);
    color: #64748b;
    padding: 7px 9px;
    max-width: 100%;
}

.lrr-chat-bubble-user .lrr-chat-reply-quote {
    background: rgba(255, 255, 255, 0.16);
    border-left-color: rgba(255, 255, 255, 0.48);
    color: rgba(255, 255, 255, 0.86);
}

.lrr-chat-reply-quote strong,
.lrr-chat-reply-quote span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lrr-chat-reply-quote strong {
    color: inherit;
    font-size: 0.72rem;
    font-weight: 950;
    white-space: nowrap;
}

.lrr-chat-reply-quote span {
    font-size: 0.78rem;
    line-height: 1.35;
    word-break: break-word;
}

.lrr-chat-reply-preview {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 16px;
    background: rgba(108, 47, 242, 0.06);
    color: #475569;
    padding: 8px 10px;
    min-width: 0;
}

.lrr-chat-reply-preview > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-chat-reply-preview strong,
.lrr-chat-reply-preview span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-chat-reply-preview strong {
    color: #111827;
    font-size: 0.72rem;
    font-weight: 950;
}

.lrr-chat-reply-preview span {
    font-size: 0.78rem;
}

.lrr-chat-reply-preview button {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #ffffff;
    color: #6d28d9;
    font-weight: 950;
}

@media (max-width: 767.98px) {
    .lrr-chat-reply-action {
        font-size: 0.62rem;
        padding: 4px 7px;
    }

    .lrr-chat-reply-preview {
        border-radius: 14px;
        padding: 7px 9px;
    }

    .lrr-chat-reply-preview span,
    .lrr-chat-reply-quote span {
        font-size: 0.72rem;
    }
}

.lrr-livechat-compose .lrr-chat-reply-preview {
    flex: 1 0 100%;
}

.lrr-qris-checkout-shell {
    display: grid;
    gap: 14px;
    width: min(100%, 720px);
    margin: 0 auto;
}

.lrr-qris-checkout-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.lrr-qris-checkout-head h2 {
    margin: 0;
    color: #111827;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    font-weight: 950;
    overflow-wrap: anywhere;
}

.lrr-qris-total-panel {
    display: grid;
    gap: 4px;
    border-radius: 8px;
    background: #111827;
    color: #ffffff;
    padding: 18px;
}

.lrr-qris-total-panel span,
.lrr-qris-total-panel small {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 800;
}

.lrr-qris-total-panel strong {
    font-size: clamp(2rem, 8vw, 3.4rem);
    line-height: 1;
    letter-spacing: 0;
}

.lrr-qris-checkout-grid {
    display: grid;
    grid-template-columns: minmax(240px, 330px) minmax(0, 1fr);
    gap: 14px;
}

.lrr-qris-scan-panel,
.lrr-qris-breakdown-panel,
.lrr-qris-instruction-panel {
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #ffffff;
    padding: 14px;
}

.lrr-qris-scan-panel {
    display: grid;
    place-items: center;
}

.lrr-qris-scan-panel img {
    width: min(100%, 300px);
    aspect-ratio: 1;
    object-fit: contain;
}

.lrr-qris-breakdown-panel {
    display: grid;
    gap: 10px;
}

.lrr-qris-breakdown-panel > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #eef2f7;
    padding-bottom: 8px;
}

.lrr-qris-breakdown-panel > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.lrr-qris-breakdown-panel span {
    color: var(--lrr-muted);
    font-size: 0.86rem;
    font-weight: 750;
}

.lrr-qris-breakdown-panel strong {
    color: #111827;
    font-weight: 950;
    text-align: right;
    overflow-wrap: anywhere;
}

.lrr-qris-instruction-panel {
    display: grid;
    gap: 8px;
}

.lrr-qris-instruction-panel strong {
    color: #111827;
    font-weight: 950;
}

.lrr-qris-instruction-panel ol {
    margin: 0;
    padding-left: 18px;
    color: #475569;
    font-weight: 720;
}

.lrr-qris-checkout-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lrr-qris-closed-box {
    display: grid;
    place-items: center;
    gap: 8px;
    min-height: 240px;
    color: #64748b;
    text-align: center;
}

.lrr-qris-closed-box i {
    font-size: 3rem;
}

@media (max-width: 767.98px) {
    .lrr-qris-checkout-head,
    .lrr-qris-checkout-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-qris-checkout-grid {
        grid-template-columns: 1fr;
    }

    .lrr-qris-breakdown-panel > div {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-qris-breakdown-panel strong {
        text-align: left;
    }
}
/* Compact deposit invoice + payment admin method dropdowns */
.lrr-deposit-invoice-compact {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.lrr-invoice-compact-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.lrr-invoice-compact-head h2 {
    margin: 2px 0 4px;
    font-size: 1.45rem;
    font-weight: 900;
}

.lrr-invoice-compact-head p {
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.5;
}

.lrr-invoice-summary-grid-compact {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-invoice-summary-grid-compact > div {
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #ffffff;
    padding: 10px 12px;
}

.lrr-invoice-summary-grid-compact span,
.lrr-payment-copy-stack span,
.lrr-payment-qr-panel > span {
    display: block;
    color: var(--lrr-muted);
    font-size: .75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.lrr-invoice-summary-grid-compact strong,
.lrr-payment-copy-stack strong {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 900;
}

.lrr-payment-instruction-compact {
    padding: 14px;
}

.lrr-payment-main-grid {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.lrr-payment-qr-panel,
.lrr-payment-copy-panel,
.lrr-payment-copy-stack > div {
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #ffffff;
    padding: 12px;
}

.lrr-payment-qr-panel {
    display: grid;
    gap: 10px;
    place-items: center;
    text-align: center;
}

.lrr-payment-qr-panel img {
    width: min(238px, 100%);
    height: auto;
    border-radius: 10px;
    background: #fff;
}

.lrr-payment-qr-empty {
    display: grid;
    min-height: 170px;
    place-items: center;
    gap: 8px;
    color: var(--lrr-muted);
}

.lrr-payment-copy-stack {
    display: grid;
    gap: 8px;
}

.lrr-payment-copy-stack > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    align-items: center;
}

.lrr-payment-copy-stack > div > span,
.lrr-payment-copy-stack > div > strong {
    grid-column: 1;
}

.lrr-payment-copy-stack button {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    border: 1px solid var(--lrr-line);
    border-radius: 10px;
    background: #f8fafc;
    color: #111827;
    font-weight: 850;
    padding: 7px 10px;
}

.lrr-payment-safe-list {
    display: grid;
    gap: 4px;
    margin: 12px 0 0;
    padding-left: 18px;
    color: var(--lrr-muted);
    font-size: .9rem;
}

.lrr-invoice-timeline-compact {
    margin-top: 0;
}

.lrr-admin-method-card-details {
    display: block;
}

.lrr-admin-method-card-details > summary {
    cursor: pointer;
    list-style: none;
}

.lrr-admin-method-card-details > summary::-webkit-details-marker {
    display: none;
}

.lrr-admin-method-summary-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.lrr-admin-method-card-details[open] .lrr-admin-method-summary-actions i {
    transform: rotate(180deg);
}

.lrr-admin-method-body {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

@media (max-width: 991.98px) {
    .lrr-invoice-summary-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-payment-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .lrr-deposit-invoice-compact {
        padding: 14px;
    }

    .lrr-invoice-compact-head {
        display: grid;
    }

    .lrr-invoice-summary-grid-compact {
        grid-template-columns: 1fr;
    }

    .lrr-payment-copy-stack > div {
        grid-template-columns: 1fr;
    }

    .lrr-payment-copy-stack button {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
    }
}


/* Deposit invoice: clear numbered "Cara transaksi" steps (compact, method-aware) */
.lrr-invoice-steps {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    border: 1px solid rgba(108, 47, 242, .14);
    border-radius: 12px;
    background: #ffffff;
    padding: 12px 14px;
}

.lrr-invoice-steps .lrr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lrr-invoice-steps-list {
    display: grid;
    gap: 6px;
    margin: 0;
    padding-left: 1.15rem;
    color: #303747;
}

.lrr-invoice-steps-list li {
    margin: 0;
    font-size: .92rem;
    line-height: 1.5;
}

.lrr-invoice-steps-list li::marker {
    color: #6c2ff2;
    font-weight: 900;
}

/* Deposit invoice: collapsible dropdown for cara transaksi & ketentuan (minimalist) */
.lrr-invoice-accordion {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.lrr-invoice-dropdown {
    border: 1px solid rgba(108, 47, 242, .14);
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}

.lrr-invoice-dropdown-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    list-style: none;
    padding: 11px 14px;
    color: #1f2433;
    font-weight: 850;
}

.lrr-invoice-dropdown-head::-webkit-details-marker {
    display: none;
}

.lrr-invoice-dropdown-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .95rem;
}

.lrr-invoice-dropdown-title i {
    color: #6c2ff2;
}

.lrr-invoice-dropdown-caret {
    color: #9aa3b5;
    transition: transform .2s ease;
}

.lrr-invoice-dropdown[open] .lrr-invoice-dropdown-caret {
    transform: rotate(180deg);
}

.lrr-invoice-dropdown[open] .lrr-invoice-dropdown-head {
    border-bottom: 1px solid rgba(108, 47, 242, .12);
}

.lrr-invoice-dropdown-body {
    padding: 12px 14px;
}

.lrr-invoice-dropdown-body .lrr-invoice-steps-list,
.lrr-invoice-dropdown-body .lrr-payment-safe-list {
    margin: 0;
}

/* Focused member deposit polish: compact top-up and invoice surfaces */
.lrr-topup-shell-member,
.lrr-deposit-invoice-compact {
    width: min(100%, 1180px);
    margin-inline: auto;
}

.lrr-topup-card,
.lrr-topup-side-card,
.lrr-topup-pending-card,
.lrr-deposit-invoice-compact,
.lrr-payment-instruction-compact {
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}

.lrr-topup-heading h2,
.lrr-invoice-compact-head h2 {
    line-height: 1.12;
}

.lrr-topup-heading,
.lrr-topup-card,
.lrr-topup-side-card,
.lrr-topup-form,
.lrr-invoice-compact-head,
.lrr-payment-main-grid,
.lrr-payment-copy-stack,
.lrr-invoice-actions {
    min-width: 0;
}

.lrr-topup-form .form-control,
.lrr-topup-form .form-select {
    min-height: 46px;
    border-radius: 14px;
    border-color: #d9e1ee;
    box-shadow: none;
}

.lrr-topup-form textarea.form-control {
    min-height: 86px;
    resize: vertical;
}

.lrr-topup-amount-card {
    isolation: isolate;
}

.lrr-topup-amount-card:focus-visible,
.lrr-topup-custom-apply:focus-visible,
.lrr-payment-copy-stack button:focus-visible {
    outline: 3px solid rgba(108, 47, 242, .22);
    outline-offset: 2px;
}

.lrr-topup-amount-card small,
.lrr-topup-method-note,
.lrr-topup-custom-warning,
.lrr-payment-copy-stack strong,
.lrr-payment-safe-list li,
.lrr-invoice-steps-list li,
.lrr-invoice-compact-head p {
    overflow-wrap: anywhere;
}

.lrr-topup-custom-panel {
    border-top-color: rgba(17, 24, 39, .08);
}

.lrr-topup-history-item {
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lrr-topup-history-item:hover,
.lrr-topup-history-item:focus {
    transform: translateY(-1px);
}

.lrr-invoice-summary-grid-compact > div,
.lrr-payment-qr-panel,
.lrr-payment-copy-panel,
.lrr-payment-copy-stack > div,
.lrr-invoice-steps {
    border-radius: 16px;
}

.lrr-payment-qr-panel img {
    max-height: min(280px, 70vw);
    object-fit: contain;
}

.lrr-payment-copy-stack button {
    min-height: 38px;
    white-space: nowrap;
}

.lrr-payment-provider-link {
    width: fit-content;
}

.lrr-invoice-actions {
    align-items: center;
}

.lrr-invoice-actions .btn,
.lrr-invoice-actions form {
    min-width: 0;
}

.lrr-invoice-closed-alert {
    border-radius: 16px;
}

@media (max-width: 767.98px) {
    .lrr-topup-shell-member,
    .lrr-deposit-invoice-compact {
        width: 100%;
    }

    .lrr-topup-heading h2,
    .lrr-invoice-compact-head h2 {
        font-size: 1.45rem;
    }

    .lrr-topup-balance-card strong {
        font-size: 1.65rem;
    }

    .lrr-invoice-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .lrr-invoice-actions .btn,
    .lrr-invoice-actions form,
    .lrr-invoice-actions form .btn,
    .lrr-payment-provider-link {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .lrr-topup-card,
    .lrr-topup-side-card,
    .lrr-topup-pending-card,
    .lrr-deposit-invoice-compact,
    .lrr-payment-instruction-compact {
        border-radius: 16px;
        padding: 12px;
    }
}

/* Member deposit responsive reinforcement */
.lrr-page-member-deposit .lrr-member-main {
    min-width: 0;
}

.lrr-topup-method-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.lrr-topup-method-strip span {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 4px 7px;
    align-items: center;
    min-width: 0;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 14px;
    background: #ffffff;
    color: #111827;
    font-size: 0.84rem;
    font-weight: 900;
    line-height: 1.25;
    padding: 9px 10px;
}

.lrr-topup-method-strip i {
    grid-row: span 2;
    color: #15b86a;
}

.lrr-topup-method-strip small {
    grid-column: 2;
    min-width: 0;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-topup-method-offline {
    opacity: 0.72;
}

.lrr-topup-method-offline i {
    color: #94a3b8;
}

.lrr-topup-method-strip span,
.lrr-topup-custom-title,
.lrr-topup-pending-card,
.lrr-payment-copy-stack > div,
.lrr-invoice-summary-grid-compact > div {
    overflow-wrap: anywhere;
}

.lrr-page-member-deposit .lrr-topup-card-form,
.lrr-page-member-deposit .lrr-deposit-invoice-compact {
    border-radius: 18px;
}

.lrr-page-member-deposit .lrr-topup-amount-card {
    min-height: 108px;
}

.lrr-page-member-deposit .lrr-topup-custom-row {
    align-items: stretch;
}

.lrr-page-member-deposit .lrr-topup-custom-apply {
    min-width: 94px;
}

.lrr-page-member-deposit .lrr-payment-main-grid {
    grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
}

.lrr-page-member-deposit .lrr-payment-qr-panel img {
    width: min(100%, 280px);
}

.lrr-page-member-deposit .lrr-payment-copy-stack > div {
    grid-template-columns: minmax(0, 1fr) minmax(92px, auto);
}

@media (max-width: 1199.98px) {
    .lrr-topup-method-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lrr-page-member-deposit .lrr-member-main {
        padding-inline: 18px;
    }

    .lrr-page-member-deposit .lrr-payment-main-grid {
        grid-template-columns: 1fr;
    }

    .lrr-page-member-deposit .lrr-payment-qr-panel {
        justify-items: center;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member-deposit .lrr-member-main {
        padding-inline: 12px;
    }

    .lrr-topup-method-strip,
    .lrr-topup-amount-grid {
        grid-template-columns: 1fr;
    }

    .lrr-page-member-deposit .lrr-topup-amount-card {
        min-height: 92px;
    }

    .lrr-page-member-deposit .lrr-topup-custom-row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lrr-page-member-deposit .lrr-topup-custom-apply,
    .lrr-page-member-deposit .lrr-money-input {
        width: 100%;
    }

    .lrr-page-member-deposit .lrr-payment-copy-stack > div {
        grid-template-columns: 1fr;
    }
}


/* =====================================================================
   Top Up Game - wizard mini-app public
   ===================================================================== */
.lrr-page-game .lrr-main-content {
    background: #f7f9fc;
    padding: clamp(18px, 3vw, 34px) 0 44px;
}

.lrr-game-shell {
    width: min(100% - 24px, 980px);
    margin: 0 auto;
}

.lrr-game-head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: center;
    margin-bottom: 16px;
}

.lrr-game-head-icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: #112238;
    color: #5eead4;
    font-size: 1.55rem;
    box-shadow: 0 14px 32px rgba(17, 34, 56, .18);
}

.lrr-game-head h1 {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    line-height: 1.05;
    color: #101828;
}

.lrr-game-head p {
    margin: 6px 0 0;
    color: #667085;
    max-width: 620px;
}

.lrr-game-maintenance,
.lrr-game-card,
.lrr-game-note-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.lrr-game-maintenance {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 18px;
    color: #475467;
}

.lrr-game-maintenance i {
    color: #d97706;
    font-size: 1.45rem;
}

.lrr-game-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
}

.lrr-game-step-dot {
    min-height: 42px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #667085;
    background: #fff;
    font-size: .9rem;
    font-weight: 800;
}

.lrr-game-step-dot span {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #eef2ff;
    color: #344054;
    font-size: .78rem;
}

.lrr-game-step-active {
    border-color: #0f766e;
    color: #0f766e;
}

.lrr-game-step-active span {
    background: #0f766e;
    color: #fff;
}

.lrr-game-alert {
    border-radius: 8px;
    padding: 12px 14px;
    margin: 0 0 12px;
    font-weight: 800;
}

.lrr-game-alert-error {
    background: #fff1f2;
    color: #be123c;
    border: 1px solid #fecdd3;
}

.lrr-game-alert-info {
    background: #ecfeff;
    color: #0e7490;
    border: 1px solid #a5f3fc;
}

.lrr-game-card {
    padding: clamp(16px, 3vw, 24px);
}

.lrr-game-card-title {
    margin: 0 0 14px;
    font-size: 1.15rem;
    color: #101828;
}

.lrr-game-catalog-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.lrr-game-search {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 0 12px;
    background: #fff;
    color: #667085;
}

.lrr-game-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    font: inherit;
    font-weight: 800;
    color: #101828;
    background: transparent;
}

.lrr-game-search-count {
    color: #667085;
    font-size: .82rem;
    font-weight: 850;
    white-space: nowrap;
}

.lrr-game-card-hint,
.lrr-game-note {
    color: #667085;
    margin: 8px 0 0;
}

.lrr-game-category-menu {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 0 12px;
    scrollbar-width: thin;
}

.lrr-game-category-pill {
    flex: 0 0 auto;
    min-height: 40px;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    padding: 0 14px;
    background: #fff;
    color: #344054;
    font-weight: 900;
    white-space: nowrap;
}

.lrr-game-category-pill:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.lrr-game-category-active {
    border-color: #0f766e;
    background: #ccfbf1;
    color: #0f766e;
}

.lrr-game-catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
}

.lrr-game-products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.lrr-game-catalog-card,
.lrr-game-product-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #101828;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.lrr-game-catalog-card {
    min-height: 128px;
    padding: 14px;
    display: grid;
    align-content: space-between;
    gap: 8px;
}

.lrr-game-catalog-card:hover,
.lrr-game-catalog-active,
.lrr-game-product-card:hover {
    transform: translateY(-2px);
    border-color: #0f766e;
    box-shadow: 0 16px 34px rgba(15, 118, 110, .14);
}

.lrr-game-catalog-card i {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #0f766e;
    background: #ccfbf1;
}

.lrr-game-catalog-card strong,
.lrr-game-product-card strong {
    display: block;
    font-size: .98rem;
    line-height: 1.25;
}

.lrr-game-catalog-card small {
    display: block;
    color: #667085;
    font-size: .78rem;
    line-height: 1.35;
    max-height: 3.1em;
    overflow: hidden;
}

.lrr-game-product-card small {
    display: block;
    color: #667085;
    font-size: .78rem;
    line-height: 1.42;
    max-height: none;
    overflow: visible;
    overflow-wrap: anywhere;
}

.lrr-game-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lrr-game-field {
    display: grid;
    gap: 6px;
    color: #344054;
    font-weight: 800;
}

.lrr-game-field[data-lrr-game-additional-wrap] {
    grid-column: 1 / -1;
}

.lrr-game-field input,
.lrr-game-field textarea {
    width: 100%;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    font: inherit;
    color: #101828;
    background: #fff;
}

.lrr-game-field input {
    min-height: 48px;
    padding: 0 13px;
}

.lrr-game-field textarea {
    min-height: 96px;
    padding: 12px 13px;
    resize: vertical;
}

.lrr-game-field input:focus,
.lrr-game-field textarea:focus {
    outline: none;
    border-color: #0f766e;
    box-shadow: 0 0 0 4px rgba(20, 184, 166, .14);
}

.lrr-game-nickname {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
}

.lrr-game-nickname span,
.lrr-game-summary-row span,
.lrr-game-method-label,
.lrr-game-bank-row span {
    color: #667085;
    font-size: .83rem;
    font-weight: 800;
}

.lrr-game-product-card {
    min-height: 142px;
    padding: 12px;
    display: grid;
    gap: 7px;
    align-content: space-between;
}

.lrr-game-product-code,
.lrr-game-product-tag {
    width: max-content;
    max-width: 100%;
    padding: 3px 8px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    font-size: .72rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.lrr-game-product-price,
.lrr-game-invoice-total strong {
    color: #0f766e;
    font-weight: 900;
    font-size: 1.05rem;
}

.lrr-game-loading {
    grid-column: 1 / -1;
    min-height: 110px;
    display: grid;
    place-items: center;
    color: #667085;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
}

.lrr-game-summary {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.lrr-game-notify-field {
    margin: 12px 0 14px;
}

.lrr-game-summary-row,
.lrr-game-bank-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 8px;
    background: #f8fafc;
}

.lrr-game-summary-row strong,
.lrr-game-bank-row strong {
    color: #101828;
    text-align: right;
    overflow-wrap: anywhere;
}

.lrr-game-summary-total,
.lrr-game-bank-total {
    background: #112238;
}

.lrr-game-summary-total span,
.lrr-game-summary-total strong,
.lrr-game-bank-total span,
.lrr-game-bank-total strong {
    color: #fff;
}

.lrr-game-method-options,
.lrr-game-step-actions,
.lrr-game-invoice-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lrr-game-method-options {
    margin-top: 8px;
}

.lrr-game-method-pill {
    cursor: pointer;
}

.lrr-game-method-pill input {
    position: absolute;
    opacity: 0;
}

.lrr-game-method-pill span {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid #d0d5dd;
    background: #fff;
    font-weight: 900;
}

.lrr-game-method-pill input:checked + span {
    border-color: #0f766e;
    background: #ccfbf1;
    color: #0f766e;
}

.lrr-game-step-actions {
    margin-top: 14px;
    justify-content: space-between;
}

.lrr-game-btn {
    min-height: 46px;
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 900;
    text-decoration: none;
}

.lrr-game-btn-primary {
    background: #0f766e;
    color: #fff;
}

.lrr-game-btn-primary:disabled {
    opacity: .65;
    cursor: progress;
}

.lrr-game-btn-ghost {
    background: #fff;
    color: #344054;
    border-color: #d0d5dd;
}

.lrr-game-note-box,
.lrr-game-pay-block {
    margin-top: 12px;
    padding: 14px;
}

.lrr-game-note-box summary {
    cursor: pointer;
    font-weight: 900;
    color: #344054;
}

.lrr-game-note-box p {
    margin: 10px 0 0;
    color: #667085;
}

.lrr-game-pay-block {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.lrr-game-pay-block h3 {
    margin: 0 0 12px;
    font-size: 1.05rem;
}

.lrr-game-qr {
    width: min(100%, 280px);
    margin: 0 auto;
    padding: 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.lrr-game-qr img {
    width: 100%;
    height: auto;
    display: block;
}

.lrr-game-pay-amount {
    margin: 12px 0 0;
    text-align: center;
    color: #475467;
}

.lrr-game-bank {
    display: grid;
    gap: 8px;
}

@media (max-width: 767.98px) {
    .lrr-game-shell {
        width: min(100% - 16px, 560px);
    }

    .lrr-game-head,
    .lrr-game-catalog-grid,
    .lrr-game-field-grid {
        grid-template-columns: 1fr;
    }

    .lrr-game-catalog-tools {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .lrr-game-search-count {
        justify-self: start;
    }

    .lrr-game-products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-game-step-dot {
        min-height: 54px;
        flex-direction: column;
        gap: 4px;
        font-size: .76rem;
    }

    .lrr-game-step-actions .lrr-game-btn {
        flex: 1 1 150px;
    }

    .lrr-game-category-menu {
        margin-right: -8px;
        padding-bottom: 10px;
    }

    .lrr-game-category-pill {
        min-height: 38px;
        padding: 0 12px;
        font-size: .84rem;
    }

    .lrr-game-summary-row,
    .lrr-game-bank-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-game-summary-row strong,
    .lrr-game-bank-row strong {
        text-align: left;
    }
}

@media (max-width: 420px) {
    .lrr-game-products {
        grid-template-columns: 1fr;
    }
}

/* =====================================================================
   Top Up Robux - wizard mini-app member
   ===================================================================== */
.lrr-page-robux .lrr-main-content {
    background: #f7f8fc;
    padding: clamp(24px, 5vw, 56px) 14px clamp(36px, 6vw, 72px);
}

.lrr-robux-shell {
    display: grid;
    gap: 14px;
    max-width: 640px;
    margin: 0 auto;
}

.lrr-robux-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lrr-robux-head-icon {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: linear-gradient(135deg, #6c2ff2, #9b5cff);
    color: #fff;
    font-size: 1.3rem;
}

.lrr-robux-head h1 {
    font-size: 1.25rem;
    font-weight: 900;
    margin: 0;
    color: #171b29;
}

.lrr-robux-head p {
    margin: 2px 0 0;
    color: var(--lrr-muted);
    font-size: .9rem;
}

.lrr-robux-maintenance {
    display: grid;
    justify-items: center;
    gap: 8px;
    text-align: center;
    padding: 28px 18px;
    border-radius: 16px;
    background: #fff7ed;
    border: 1px solid rgba(245, 158, 11, .26);
    color: #92400e;
}

.lrr-robux-maintenance i {
    font-size: 1.8rem;
}

.lrr-robux-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.lrr-robux-step-dot {
    display: grid;
    justify-items: center;
    gap: 4px;
    font-size: .72rem;
    font-weight: 800;
    color: #9aa3b5;
    text-align: center;
}

.lrr-robux-step-dot span {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eef0f6;
    color: #9aa3b5;
    font-weight: 900;
}

.lrr-robux-step-active span {
    background: #6c2ff2;
    color: #fff;
}

.lrr-robux-step-active {
    color: #6c2ff2;
}

.lrr-robux-alert {
    border-radius: 12px;
    padding: 10px 14px;
    font-size: .88rem;
    font-weight: 700;
}

.lrr-robux-alert-error {
    background: rgba(239, 68, 68, .12);
    color: #b42318;
}

.lrr-robux-alert-info {
    background: rgba(13, 110, 253, .1);
    color: #0b5ed7;
}

.lrr-robux-card {
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #fff;
    padding: 18px;
    display: grid;
    gap: 12px;
}

.lrr-robux-card-title {
    font-size: 1.05rem;
    font-weight: 900;
    margin: 0;
    color: #171b29;
}

.lrr-robux-card-hint {
    margin: 0;
    color: var(--lrr-muted);
    font-size: .88rem;
}

.lrr-robux-field {
    position: relative;
    display: flex;
    align-items: center;
}

.lrr-robux-field i {
    position: absolute;
    left: 14px;
    color: #9aa3b5;
}

.lrr-robux-field input {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    padding: 0 14px 0 40px;
    font-size: 1rem;
    font-weight: 700;
}

.lrr-robux-field input:focus {
    outline: none;
    border-color: #6c2ff2;
    box-shadow: 0 0 0 3px rgba(108, 47, 242, .14);
}

.lrr-robux-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    font-size: .95rem;
    cursor: pointer;
    padding: 0 18px;
    text-decoration: none;
}

.lrr-robux-btn-primary {
    background: #6c2ff2;
    color: #fff;
    width: 100%;
}

.lrr-robux-btn-primary:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.lrr-robux-btn-ghost {
    background: #f3f4f8;
    color: #475569;
}

.lrr-robux-step-actions {
    display: flex;
    gap: 10px;
}

.lrr-robux-step-actions .lrr-robux-btn-ghost {
    width: auto;
    flex: 0 0 auto;
}

.lrr-robux-step-actions .lrr-robux-btn-primary {
    flex: 1 1 auto;
}

.lrr-robux-idcard {
    border: 1px solid rgba(108, 47, 242, .18);
    border-radius: 16px;
    background: linear-gradient(160deg, #faf8ff, #f1ecff);
    padding: 14px;
    display: grid;
    gap: 12px;
    overflow: hidden;
}

.lrr-robux-idcard-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lrr-robux-idcard-avatar {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    background: #eef0f6;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 4px 12px rgba(108, 47, 242, .16);
    flex: 0 0 auto;
}

.lrr-robux-idcard-id {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-robux-idcard-label {
    color: #7c3aed;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.lrr-robux-idcard-name {
    font-size: 1.15rem;
    font-weight: 900;
    color: #171b29;
    overflow-wrap: anywhere;
}

.lrr-robux-idcard-verified {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #15803d;
    font-size: .76rem;
    font-weight: 800;
}

.lrr-robux-idcard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(108, 47, 242, .08);
}

.lrr-robux-idcard-grid > div {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.lrr-robux-idcard-wide {
    grid-column: 1 / -1;
}

.lrr-robux-idcard-grid dt {
    color: var(--lrr-muted);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lrr-robux-idcard-grid dd {
    margin: 0;
    font-size: .95rem;
    font-weight: 900;
    color: #171b29;
    overflow-wrap: anywhere;
}

.lrr-robux-gamepass-preview {
    display: grid;
    gap: 8px;
    border: 1px solid rgba(108, 47, 242, .14);
    border-radius: 14px;
    background: rgba(108, 47, 242, .05);
    padding: 12px;
}

.lrr-robux-gamepass-preview-title {
    color: #4c1d95;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lrr-robux-gamepass-preview > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lrr-robux-gamepass-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(108, 47, 242, .12);
    padding: 7px 10px;
    max-width: 100%;
}

.lrr-robux-gamepass-pill strong {
    color: #6c2ff2;
    font-size: .82rem;
    font-weight: 900;
    white-space: nowrap;
}

.lrr-robux-gamepass-pill small {
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.lrr-robux-gamepass-preview em {
    align-self: center;
    color: #64748b;
    font-size: .8rem;
    font-style: normal;
    font-weight: 800;
}

.lrr-robux-passes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.lrr-robux-pass-card {
    position: relative;
    display: grid;
    gap: 2px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #fff;
    padding: 14px 12px;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.lrr-robux-pass-card:hover {
    border-color: #6c2ff2;
    box-shadow: 0 6px 16px rgba(108, 47, 242, .12);
}

.lrr-robux-pass-card-disabled,
.lrr-robux-pass-card:disabled {
    cursor: not-allowed;
    background: #f8fafc;
    color: #94a3b8;
}

.lrr-robux-pass-card-disabled:hover,
.lrr-robux-pass-card:disabled:hover {
    border-color: var(--lrr-line);
    box-shadow: none;
}

.lrr-robux-pass-no {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: .72rem;
    font-weight: 900;
    color: #c2c7d4;
}

.lrr-robux-pass-amount {
    font-size: 1.1rem;
    font-weight: 900;
    color: #171b29;
}

.lrr-robux-pass-net {
    justify-self: start;
    color: #15803d;
    background: rgba(34, 197, 94, .12);
    border-radius: 999px;
    padding: 1px 8px;
    font-size: .72rem;
    font-weight: 800;
}

.lrr-robux-pass-match {
    color: #475569;
    font-size: .72rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.lrr-robux-pass-card-disabled .lrr-robux-pass-match,
.lrr-robux-pass-card:disabled .lrr-robux-pass-match {
    color: #b42318;
}

.lrr-robux-pass-price {
    margin-top: 4px;
    font-weight: 850;
    color: #6c2ff2;
}

.lrr-robux-loading {
    grid-column: 1 / -1;
    text-align: center;
    color: var(--lrr-muted);
    padding: 18px;
    font-weight: 700;
}

.lrr-robux-create-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px dashed rgba(108, 47, 242, .3);
    border-radius: 12px;
    background: rgba(108, 47, 242, .04);
    color: #6c2ff2;
    font-size: .82rem;
    font-weight: 800;
    padding: 10px 12px;
    text-decoration: none;
}

.lrr-robux-create-link:hover {
    background: rgba(108, 47, 242, .09);
    border-color: rgba(108, 47, 242, .45);
}

.lrr-robux-create-link i {
    flex: 0 0 auto;
}

.lrr-robux-summary {
    display: grid;
    gap: 8px;
    border-radius: 14px;
    background: #f8fafc;
    padding: 14px;
}

.lrr-robux-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: .92rem;
}

.lrr-robux-summary-row span {
    color: var(--lrr-muted);
    font-weight: 700;
}

.lrr-robux-summary-row strong {
    color: #171b29;
    font-weight: 850;
    text-align: right;
}

.lrr-robux-summary-total {
    border-top: 1px dashed rgba(17, 24, 39, .14);
    padding-top: 8px;
    font-size: 1rem;
}

.lrr-robux-summary-total strong {
    color: #6c2ff2;
    font-weight: 900;
}

.lrr-robux-notify-field {
    display: grid;
    gap: 6px;
    color: #171b29;
    font-size: .9rem;
    font-weight: 800;
}

.lrr-robux-notify-field input {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    padding: 0 13px;
    font: inherit;
    color: #171b29;
    background: #fff;
}

.lrr-robux-notify-field input:focus {
    outline: none;
    border-color: #6c2ff2;
    box-shadow: 0 0 0 3px rgba(108, 47, 242, .14);
}

.lrr-robux-method-label {
    display: block;
    font-weight: 800;
    color: #171b29;
    margin-bottom: 6px;
}

.lrr-robux-method-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lrr-robux-method-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    padding: 8px 14px;
    cursor: pointer;
    font-weight: 800;
    font-size: .9rem;
}

.lrr-robux-method-pill input {
    accent-color: #6c2ff2;
}

.lrr-robux-note {
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #fff;
    padding: 12px 14px;
}

.lrr-robux-note summary {
    cursor: pointer;
    font-weight: 800;
    color: #475569;
}

.lrr-robux-note p {
    margin: 8px 0 0;
    color: var(--lrr-muted);
    font-size: .88rem;
}

/* Robux invoice */
.lrr-robux-pay-block {
    display: grid;
    gap: 10px;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #fff;
    padding: 16px;
    margin-top: 12px;
}

.lrr-robux-pay-block h3 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

.lrr-robux-qr {
    display: grid;
    justify-items: center;
}

.lrr-robux-qr img {
    width: 220px;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid var(--lrr-line);
    background: #fff;
    padding: 8px;
}

.lrr-robux-pay-amount {
    margin: 0;
    text-align: center;
    color: #475569;
    font-size: .92rem;
}

.lrr-robux-bank {
    display: grid;
    gap: 8px;
}

.lrr-robux-bank-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: .92rem;
}

.lrr-robux-bank-row span {
    color: var(--lrr-muted);
    font-weight: 700;
}

.lrr-robux-bank-row strong {
    color: #171b29;
    font-weight: 850;
    text-align: right;
    word-break: break-all;
}

.lrr-robux-bank-total {
    border-top: 1px dashed rgba(17, 24, 39, .14);
    padding-top: 8px;
}

.lrr-robux-bank-total strong {
    color: #6c2ff2;
    font-weight: 900;
}

.lrr-robux-invoice-total strong {
    color: #6c2ff2;
}

.lrr-robux-invoice-actions {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.lrr-robux-invoice-actions .lrr-robux-btn {
    flex: 1 1 auto;
}

/* Livechat quick-link ke robux */
.lrr-livechat-quick-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: linear-gradient(135deg, #6c2ff2, #9b5cff);
    color: #fff;
    font-weight: 800;
    font-size: .85rem;
    padding: 7px 14px;
    text-decoration: none;
}

@media (max-width: 575.98px) {
    .lrr-page-robux .lrr-main-content {
        padding: 18px 10px 42px;
    }

    .lrr-robux-card {
        padding: 14px;
    }

    .lrr-robux-idcard-grid {
        grid-template-columns: 1fr;
    }

    .lrr-robux-passes {
        grid-template-columns: repeat(2, 1fr);
    }

    .lrr-robux-pass-amount {
        font-size: 1rem;
    }

    .lrr-robux-step-dot {
        font-size: .66rem;
    }

    .lrr-robux-step-actions {
        flex-wrap: wrap;
    }

    .lrr-robux-step-actions .lrr-robux-btn-ghost,
    .lrr-robux-step-actions .lrr-robux-btn-primary {
        flex: 1 1 100%;
    }
}

/* source: admin/lrr-admin.css */
.lrr-page-admin {
    background: #f4f6f9;
    color: #1f2937;
}

.lrr-admin-wrapper {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 270px minmax(0, 1fr);
}

.lrr-admin-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    background: #343a40;
    color: #c2c7d0;
    box-shadow: 8px 0 26px rgba(15, 23, 42, 0.12);
    padding: 16px;
}

.lrr-admin-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 850;
    padding: 8px 8px 18px;
}

.lrr-admin-brand-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    box-shadow: none;
}

.lrr-admin-nav {
    display: grid;
    gap: 6px;
    margin-top: 18px;
}

.lrr-admin-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    color: #c2c7d0;
    font-weight: 700;
    padding: 11px 12px;
}

.lrr-admin-nav a[data-lrr-admin-livechat-link] span {
    min-width: 0;
}

.lrr-admin-nav-badge,
.lrr-admin-menu-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
    padding: 0 6px;
}

.lrr-admin-nav-badge {
    margin-left: auto;
}

.lrr-admin-menu-badge {
    margin-left: 2px;
}

.lrr-admin-nav-badge[hidden],
.lrr-admin-menu-badge[hidden] {
    display: none;
}

.lrr-admin-nav-alert {
    background: rgba(239, 68, 68, 0.14);
    color: #ffffff;
}

.lrr-admin-nav a:hover,
.lrr-admin-nav a:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.lrr-admin-main {
    min-width: 0;
}

.lrr-admin-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 74px;
    border-bottom: 1px solid #dee2e6;
    background: #ffffff;
    padding: 14px 24px;
}

.lrr-admin-topbar h1 {
    margin: 2px 0 0;
    font-size: 1.45rem;
    font-weight: 700;
}

.lrr-admin-actions {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.lrr-admin-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(21, 184, 106, 0.12);
    color: #047857;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 7px 11px;
}

.lrr-admin-content {
    padding: 24px;
}

.lrr-admin-stat {
    min-height: 132px;
    border-radius: 12px;
    color: #ffffff;
    padding: 18px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-stat span,
.lrr-admin-stat small {
    display: block;
    color: rgba(255, 255, 255, 0.82);
    font-weight: 750;
}

.lrr-admin-stat strong {
    display: block;
    margin: 8px 0;
    font-size: 2.2rem;
    line-height: 1;
}

.lrr-admin-stat-primary {
    background: #0d6efd;
}

.lrr-admin-stat-success {
    background: #198754;
}

.lrr-admin-stat-warning {
    background: #ffc107;
    color: #1f2937;
}

.lrr-admin-stat-warning span,
.lrr-admin-stat-warning small {
    color: rgba(31, 41, 55, 0.75);
}

.lrr-admin-stat-dark {
    background: #343a40;
}

.lrr-admin-panel {
    border-radius: 12px;
    padding: 20px;
}

.lrr-admin-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.lrr-admin-panel-header h2 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 750;
}

.lrr-admin-panel-header span {
    color: var(--lrr-muted);
}

.lrr-admin-provider-hero {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.08), rgba(108, 47, 242, 0.08)), #ffffff;
}

.lrr-stat-card {
    display: grid;
    gap: 6px;
    min-height: 112px;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #ffffff;
    padding: 18px;
}

.lrr-stat-card span {
    color: var(--lrr-muted);
    font-size: 0.86rem;
    font-weight: 750;
}

.lrr-stat-card strong {
    color: #111827;
    font-size: 2rem;
    line-height: 1;
}

.lrr-admin-form .form-label {
    color: #374151;
    font-weight: 800;
}

.lrr-admin-help {
    color: var(--lrr-muted);
    font-size: 0.92rem;
    line-height: 1.7;
}

.lrr-alert {
    border-radius: 12px;
    font-weight: 700;
}

.lrr-sync-log-list {
    display: grid;
    gap: 10px;
}

.lrr-sync-log-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-sync-log-item div {
    display: grid;
    gap: 4px;
}

.lrr-sync-log-item strong {
    color: #111827;
}

.lrr-sync-log-item span:not(.badge) {
    color: var(--lrr-muted);
    font-size: 0.88rem;
    line-height: 1.5;
}

.lrr-admin-chat-panel {
    min-height: 680px;
}

.lrr-admin-chat-grid {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
}

.lrr-admin-chat-list {
    display: grid;
    align-content: start;
    gap: 10px;
    border-right: 1px solid var(--lrr-line);
    background: #f8fafc;
    padding: 14px;
}

.lrr-admin-chat-thread {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: #ffffff;
    padding: 13px;
}

.lrr-admin-chat-thread-active {
    border-color: rgba(13, 110, 253, 0.32);
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-chat-thread div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.lrr-admin-chat-thread strong,
.lrr-admin-chat-thread span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-chat-thread span,
.lrr-admin-chat-thread small {
    color: var(--lrr-muted);
    font-size: 0.84rem;
}

.lrr-admin-chat-room {
    display: grid;
    min-height: 540px;
    grid-template-rows: auto 1fr auto;
}

.lrr-admin-chat-thread {
    color: inherit;
    text-decoration: none;
}

.lrr-admin-chat-thread:hover {
    border-color: rgba(13, 110, 253, 0.22);
}

.lrr-admin-sync-monitor-card {
    height: 100%;
    border: 1px solid var(--lrr-line);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 18px;
}

.lrr-admin-sync-monitor-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.lrr-admin-sync-monitor-head h3 {
    margin: 4px 0 0;
    font-size: 1.05rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.lrr-admin-sync-meter-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-admin-sync-meter-grid div {
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-admin-sync-meter-grid span {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 850;
}

.lrr-admin-sync-meter-grid strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 1rem;
    font-weight: 950;
}

@media (max-width: 991.98px) {
    .lrr-admin-sync-meter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.lrr-admin-dashboard-hero,
.lrr-admin-payment-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 18px;
    align-items: stretch;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.1), rgba(108, 47, 242, 0.1)), #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 22px;
}

.lrr-admin-hero-copy h2,
.lrr-admin-payment-hero h2 {
    margin: 3px 0 8px;
    color: #111827;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
    font-weight: 950;
}

.lrr-admin-hero-copy p,
.lrr-admin-payment-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-admin-hero-side,
.lrr-admin-payment-live-card {
    display: grid;
    align-content: center;
    gap: 8px;
    border: 1px solid rgba(13, 110, 253, 0.18);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    padding: 18px;
}

.lrr-admin-hero-side strong,
.lrr-admin-payment-live-card strong {
    color: #111827;
    font-size: 1.35rem;
    font-weight: 950;
}

.lrr-admin-hero-side small,
.lrr-admin-payment-live-card small {
    color: var(--lrr-muted);
    font-weight: 750;
}

.lrr-admin-mini-chart {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
    min-height: 240px;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #f8fafc;
    padding: 16px;
}

.lrr-admin-mini-chart-item {
    display: grid;
    align-items: end;
    gap: 8px;
    min-height: 190px;
    text-align: center;
}

.lrr-admin-mini-chart-bar {
    display: block;
    width: 100%;
    min-height: 10px;
    border-radius: 999px 999px 8px 8px;
    background: linear-gradient(180deg, #0d6efd, #6c2ff2);
}

.lrr-admin-mini-chart-bar-1 { height: 10%; }
.lrr-admin-mini-chart-bar-2 { height: 20%; }
.lrr-admin-mini-chart-bar-3 { height: 30%; }
.lrr-admin-mini-chart-bar-4 { height: 40%; }
.lrr-admin-mini-chart-bar-5 { height: 50%; }
.lrr-admin-mini-chart-bar-6 { height: 60%; }
.lrr-admin-mini-chart-bar-7 { height: 70%; }
.lrr-admin-mini-chart-bar-8 { height: 80%; }
.lrr-admin-mini-chart-bar-9 { height: 90%; }
.lrr-admin-mini-chart-bar-10 { height: 100%; }

.lrr-admin-mini-chart-item strong {
    color: #111827;
    font-size: 0.86rem;
}

.lrr-admin-mini-chart-item small {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.lrr-admin-soft-metric,
.lrr-admin-soft-note {
    display: grid;
    gap: 4px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    padding: 14px;
}

.lrr-admin-soft-metric span,
.lrr-admin-soft-note span {
    color: var(--lrr-muted);
    font-size: 0.86rem;
    font-weight: 800;
}

.lrr-admin-soft-metric strong,
.lrr-admin-soft-note strong {
    color: #111827;
    font-size: 1.2rem;
    font-weight: 950;
}

.lrr-admin-payment-status-card,
.lrr-admin-server-card,
.lrr-admin-system-card {
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 16px;
}

.lrr-admin-payment-status-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lrr-admin-payment-status-card div {
    display: grid;
    gap: 4px;
}

.lrr-admin-payment-status-card span:not(.badge) {
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.lrr-admin-payment-status-card strong {
    color: #111827;
    font-weight: 950;
}

.lrr-admin-channel-grid,
.lrr-admin-channel-stack,
.lrr-admin-server-grid,
.lrr-admin-product-mini-list,
.lrr-admin-payment-toggle-grid {
    display: grid;
    gap: 12px;
}

.lrr-admin-channel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-admin-channel-grid span,
.lrr-admin-channel-stack div {
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 12px;
    font-weight: 850;
    text-align: center;
}

.lrr-channel-on {
    color: #047857;
}

.lrr-channel-off {
    color: #6b7280;
}

.lrr-admin-server-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-admin-server-card h3 {
    margin: 4px 0 0;
    font-size: 1.2rem;
    font-weight: 950;
}

.lrr-admin-server-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 14px 0;
}

.lrr-admin-server-metrics div {
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-admin-server-metrics span {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.8rem;
    font-weight: 850;
}

.lrr-admin-server-metrics strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 0.95rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.lrr-admin-product-mini-list article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-admin-product-mini-list strong,
.lrr-admin-product-mini-list span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-product-mini-list b {
    color: #111827;
    font-size: 0.9rem;
}

.lrr-admin-system-card {
    height: 100%;
}

.lrr-admin-system-card h3 {
    margin: 12px 0 6px;
    color: #111827;
    font-size: 1rem;
    font-weight: 950;
}

.lrr-admin-system-card p {
    margin: 0;
    color: var(--lrr-muted);
    font-size: 0.92rem;
    line-height: 1.6;
}

.lrr-product-svg {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: #0d6efd;
    background: rgba(13, 110, 253, 0.1);
}

.lrr-product-svg svg {
    width: 24px;
    height: 24px;
}

.lrr-product-svg-success { color: #047857; background: rgba(21, 184, 106, 0.12); }
.lrr-product-svg-danger { color: #b91c1c; background: rgba(239, 68, 68, 0.12); }
.lrr-product-svg-warning { color: #92400e; background: rgba(245, 158, 11, 0.14); }
.lrr-product-svg-primary { color: #1d4ed8; background: rgba(13, 110, 253, 0.12); }
.lrr-product-svg-info { color: #0e7490; background: rgba(6, 182, 212, 0.12); }
.lrr-product-svg-dark { color: #111827; background: rgba(17, 24, 39, 0.1); }
.lrr-product-svg-muted { color: #4b5563; background: rgba(107, 114, 128, 0.12); }

.lrr-admin-product-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.7fr) auto;
    gap: 12px;
    align-items: end;
}

.lrr-admin-search-field {
    display: grid;
    gap: 6px;
}

.lrr-admin-search-field span {
    color: #374151;
    font-weight: 850;
}

.lrr-product-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-height: 520px;
    overflow: auto;
    padding-right: 4px;
}

.lrr-product-service-card {
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    padding: 12px;
}

.lrr-product-service-card div {
    min-width: 0;
}

.lrr-product-service-card strong,
.lrr-product-service-card span,
.lrr-product-table-name strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-product-service-card span {
    color: var(--lrr-muted);
    font-size: 0.82rem;
}

.lrr-product-table-name {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.lrr-admin-payment-toggle-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-payment-toggle-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #f8fafc;
    padding: 14px;
    cursor: pointer;
}

.lrr-payment-toggle-card-wide {
    background: #ffffff;
}

.lrr-payment-toggle-card input {
    margin-top: 4px;
}

.lrr-payment-toggle-card span {
    display: grid;
    gap: 3px;
}

.lrr-payment-toggle-card strong {
    color: #111827;
    font-weight: 950;
}

.lrr-payment-toggle-card small {
    color: var(--lrr-muted);
    line-height: 1.5;
}

.lrr-admin-channel-stack div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
}

.lrr-admin-payment-savebar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.lrr-admin-payment-savebar h2 {
    margin: 0 0 4px;
    font-size: 1.15rem;
    font-weight: 950;
}

.lrr-admin-payment-savebar span {
    color: var(--lrr-muted);
}

.lrr-notification-root {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1080;
    display: grid;
    gap: 10px;
    width: min(390px, calc(100vw - 28px));
    pointer-events: none;
}

.lrr-notification {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: flex-start;
    border: 1px solid var(--lrr-line);
    border-left: 4px solid #0d6efd;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-md);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.22s ease, transform 0.22s ease;
    padding: 14px;
    pointer-events: auto;
}

.lrr-notification-show {
    opacity: 1;
    transform: translateY(0);
}

.lrr-notification-success { border-left-color: #15b86a; }
.lrr-notification-error { border-left-color: #ef4444; }
.lrr-notification-warning { border-left-color: #f59e0b; }
.lrr-notification-info { border-left-color: #0d6efd; }

.lrr-notification-icon {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #eff6ff;
    color: #0d6efd;
    font-weight: 950;
}

.lrr-notification-success .lrr-notification-icon { background: rgba(21, 184, 106, 0.12); color: #047857; }
.lrr-notification-error .lrr-notification-icon { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.lrr-notification-warning .lrr-notification-icon { background: rgba(245, 158, 11, 0.14); color: #92400e; }

.lrr-notification-body {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-notification-body strong {
    color: #111827;
    font-size: 0.95rem;
}

.lrr-notification-body span {
    color: var(--lrr-muted);
    font-size: 0.9rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.lrr-notification-close {
    border: 0;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 1.1rem;
    line-height: 1;
    width: 28px;
    height: 28px;
}

@media (max-width: 1199.98px) {
    .lrr-product-service-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lrr-admin-wrapper {
        grid-template-columns: 1fr;
    }

    /* Sidebar/nav layout stays off-canvas on tablet/mobile; legacy horizontal nav is intentionally disabled. */

    .lrr-admin-topbar {
        align-items: center;
        flex-direction: row;
    }

    .lrr-admin-actions {
        flex-wrap: wrap;
    }

    .lrr-admin-dashboard-hero,
    .lrr-admin-payment-hero,
    .lrr-admin-product-toolbar,
    .lrr-admin-server-grid {
        grid-template-columns: 1fr;
    }

    .lrr-product-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }

    .lrr-admin-payment-toggle-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .lrr-admin-content {
        padding: 14px;
    }

    .lrr-admin-panel,
    .lrr-admin-dashboard-hero,
    .lrr-admin-payment-hero {
        border-radius: 14px;
        padding: 14px;
    }

    .lrr-admin-mini-chart {
        gap: 6px;
        padding: 10px;
    }

    .lrr-admin-mini-chart-item {
        min-height: 150px;
    }

    .lrr-product-service-grid,
    .lrr-admin-sync-meter-grid,
    .lrr-admin-server-metrics,
    .lrr-admin-channel-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-product-mini-list article {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .lrr-admin-product-mini-list b {
        grid-column: 2;
    }

    .lrr-admin-payment-savebar {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-notification-root {
        right: 10px;
        bottom: 10px;
        width: calc(100vw - 20px);
    }
}

.lrr-admin-product-hero {
    background:
        radial-gradient(circle at top right, rgba(13, 110, 253, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #f8f5ff 100%);
}

.lrr-admin-pricing-panel {
    border-color: rgba(13, 110, 253, 0.18);
}

.lrr-admin-pricing-summary {
    display: grid;
    gap: 3px;
    min-width: min(100%, 330px);
    border: 1px solid rgba(13, 110, 253, 0.16);
    border-radius: 18px;
    background: #f8fbff;
    padding: 12px 14px;
}

.lrr-admin-pricing-summary span,
.lrr-admin-pricing-summary small {
    color: var(--lrr-muted);
    font-size: 0.84rem;
    font-weight: 800;
}

.lrr-admin-pricing-summary strong {
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 950;
}

.lrr-admin-sync-center {
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.lrr-admin-flow-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 100%;
    border: 1px solid var(--lrr-line);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 18px;
}

.lrr-admin-flow-card h3 {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 950;
}

.lrr-admin-flow-card p {
    margin: 0;
    color: var(--lrr-muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.lrr-admin-flow-step {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: #eef5ff;
    color: #0d6efd;
    font-weight: 950;
}

.lrr-admin-sync-monitor-card-pro {
    overflow: hidden;
}

.lrr-admin-sync-meter-grid-pro div small {
    display: block;
    margin-top: 2px;
    color: var(--lrr-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.lrr-admin-progress-stack {
    display: grid;
    gap: 10px;
}

.lrr-admin-progress-stack span {
    color: var(--lrr-muted);
    font-size: 0.84rem;
    font-weight: 850;
}

.lrr-admin-progress-stack strong {
    color: #111827;
    font-size: 0.84rem;
}

.lrr-admin-progress {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e5e7eb;
}

.lrr-admin-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #0d6efd, #6f2cf4);
}

.lrr-admin-monitor-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-admin-monitor-timeline div {
    display: grid;
    gap: 3px;
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    padding: 12px;
}

.lrr-admin-monitor-timeline span,
.lrr-admin-monitor-timeline small {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.lrr-admin-monitor-timeline strong {
    color: #111827;
    font-weight: 950;
}

.lrr-admin-monitor-timeline small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-monitor-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 991.98px) {
    .lrr-admin-pricing-summary {
        width: 100%;
    }

    .lrr-admin-monitor-timeline {
        grid-template-columns: 1fr;
    }
}

.lrr-admin-product-console {
    background: linear-gradient(135deg, #ffffff 0%, #f6f8ff 58%, #f9f5ff 100%);
}

.lrr-admin-product-console h2 {
    max-width: 820px;
    margin: 4px 0 8px;
    color: #111827;
    font-size: clamp(1.32rem, 1.8vw, 2rem);
    font-weight: 950;
    letter-spacing: -0.035em;
}

.lrr-admin-product-console-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.lrr-admin-product-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-product-kpi-grid div,
.lrr-admin-pricing-current,
.lrr-admin-guide-steps div,
.lrr-admin-empty-card {
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    padding: 16px;
}

.lrr-admin-product-kpi-grid span,
.lrr-admin-pricing-current span,
.lrr-admin-guide-steps span,
.lrr-admin-empty-card span {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 850;
}

.lrr-admin-product-kpi-grid strong,
.lrr-admin-pricing-current strong,
.lrr-admin-guide-steps strong,
.lrr-admin-empty-card strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-weight: 950;
}

.lrr-admin-product-kpi-grid strong {
    font-size: 1.55rem;
    letter-spacing: -0.03em;
}

.lrr-admin-product-kpi-grid small,
.lrr-admin-pricing-current small {
    display: block;
    margin-top: 4px;
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.lrr-admin-product-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.8fr);
    gap: 16px;
}

.lrr-admin-pricing-current {
    background: linear-gradient(135deg, #f8fbff, #ffffff);
}

.lrr-admin-pricing-current strong {
    font-size: 1.32rem;
    letter-spacing: -0.025em;
}

.lrr-admin-guide-steps {
    display: grid;
    gap: 10px;
}

.lrr-admin-guide-steps div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
    padding: 13px;
}

.lrr-admin-guide-steps b {
    display: inline-grid;
    grid-row: span 2;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 12px;
    background: #eef5ff;
    color: #0d6efd;
    font-weight: 950;
}

.lrr-admin-guide-steps strong,
.lrr-admin-guide-steps span {
    margin: 0;
}

.lrr-admin-json-guide-actions {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.lrr-admin-json-guide-actions small {
    color: var(--lrr-muted);
    line-height: 1.55;
}

.lrr-admin-server-actionbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0;
}

.lrr-admin-server-actionbar form {
    margin: 0;
}

.lrr-admin-sync-monitor-head small {
    display: block;
    margin-top: 3px;
    color: var(--lrr-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.lrr-admin-progress-native {
    display: block;
    width: 100%;
    height: 10px;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: #e5e7eb;
}

.lrr-admin-progress-native::-webkit-progress-bar {
    border-radius: 999px;
    background: #e5e7eb;
}

.lrr-admin-progress-native::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, #0d6efd, #6f2cf4);
}

.lrr-admin-progress-native::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, #0d6efd, #6f2cf4);
}

.lrr-admin-member-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-member-product-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--lrr-line);
    border-radius: 18px;
    background: #ffffff;
    padding: 13px;
}

.lrr-admin-member-product-card div,
.lrr-product-table-name span {
    min-width: 0;
}

.lrr-admin-member-product-card strong,
.lrr-admin-member-product-card span,
.lrr-admin-member-product-card small,
.lrr-product-table-name small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-member-product-card strong,
.lrr-product-table-name strong {
    color: #111827;
    font-weight: 950;
}

.lrr-admin-member-product-card span,
.lrr-admin-member-product-card small,
.lrr-product-table-name small {
    color: var(--lrr-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.lrr-admin-member-product-card b {
    color: #047857;
    font-size: 0.88rem;
    white-space: nowrap;
}

.lrr-product-svg-whatsapp { color: #128c7e; background: rgba(37, 211, 102, 0.14); }
.lrr-product-svg-telegram { color: #229ed9; background: rgba(34, 158, 217, 0.13); }

@media (max-width: 1199.98px) {
    .lrr-admin-member-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lrr-admin-product-layout,
    .lrr-admin-product-kpi-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-product-console-actions,
    .lrr-admin-server-actionbar {
        justify-content: stretch;
    }

    .lrr-admin-product-console-actions form,
    .lrr-admin-product-console-actions a,
    .lrr-admin-server-actionbar form,
    .lrr-admin-server-actionbar a {
        width: 100%;
    }

    .lrr-admin-product-console-actions .btn,
    .lrr-admin-server-actionbar .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .lrr-admin-member-product-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-member-product-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .lrr-admin-member-product-card b {
        grid-column: 2;
    }
}

/* Admin/member OTP brand SVG tones: no Bootstrap icon dependency. */
.lrr-product-svg-instagram { color: #c13584; background: rgba(193, 53, 132, 0.13); }
.lrr-product-svg-facebook { color: #1877f2; background: rgba(24, 119, 242, 0.12); }
.lrr-product-svg-google { color: #1d4ed8; background: rgba(66, 133, 244, 0.12); }
.lrr-product-svg-tiktok { color: #111827; background: rgba(17, 24, 39, 0.1); }
.lrr-product-svg-discord { color: #5865f2; background: rgba(88, 101, 242, 0.13); }
.lrr-product-svg-shopee { color: #ee4d2d; background: rgba(238, 77, 45, 0.13); }
.lrr-product-svg-tokopedia { color: #03ac0e; background: rgba(3, 172, 14, 0.12); }
.lrr-product-svg-gojek { color: #00880d; background: rgba(0, 136, 13, 0.12); }
.lrr-product-svg-grab { color: #00b14f; background: rgba(0, 177, 79, 0.12); }
.lrr-product-svg-dana { color: #118eea; background: rgba(17, 142, 234, 0.13); }
.lrr-product-svg-ovo { color: #4c2a86; background: rgba(76, 42, 134, 0.13); }
.lrr-product-svg-netflix { color: #e50914; background: rgba(229, 9, 20, 0.12); }
.lrr-product-svg-spotify { color: #1db954; background: rgba(29, 185, 84, 0.13); }
.lrr-product-svg-steam { color: #171a21; background: rgba(23, 26, 33, 0.1); }
.lrr-product-svg-tinder { color: #ff4458; background: rgba(255, 68, 88, 0.12); }
.lrr-product-svg-line { color: #06c755; background: rgba(6, 199, 85, 0.12); }
.lrr-product-svg-microsoft { color: #5e5e5e; background: rgba(94, 94, 94, 0.12); }
.lrr-product-svg-amazon { color: #ff9900; background: rgba(255, 153, 0, 0.14); }
.lrr-product-svg-paypal { color: #003087; background: rgba(0, 48, 135, 0.12); }
.lrr-product-svg-binance { color: #f0b90b; background: rgba(240, 185, 11, 0.16); }
.lrr-product-svg-wechat { color: #07c160; background: rgba(7, 193, 96, 0.12); }
.lrr-product-svg-signal { color: #3a76f0; background: rgba(58, 118, 240, 0.12); }
.lrr-product-svg-viber { color: #7360f2; background: rgba(115, 96, 242, 0.12); }
.lrr-product-svg-skype { color: #00aff0; background: rgba(0, 175, 240, 0.12); }
.lrr-product-svg-linkedin { color: #0a66c2; background: rgba(10, 102, 194, 0.12); }
.lrr-product-svg-snapchat { color: #b59d00; background: rgba(255, 252, 0, 0.2); }
.lrr-product-svg-airbnb { color: #ff385c; background: rgba(255, 56, 92, 0.12); }

/* Admin Produk: staged JSON helper for shared hosting/cPanel. */
.lrr-admin-code-helper {
    display: grid;
    gap: 0.45rem;
    padding: 0.9rem;
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(14, 165, 233, 0.06));
}

.lrr-admin-code-helper strong {
    color: #111827;
}

.lrr-admin-code-helper span {
    color: #64748b;
    font-size: 0.88rem;
}

.lrr-admin-code-helper code {
    display: block;
    width: 100%;
    overflow-x: auto;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.92);
    color: #312e81;
    font-size: 0.78rem;
    white-space: nowrap;
}

.lrr-admin-progress-stack small {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.78rem;
}

@media (max-width: 575.98px) {
    .lrr-admin-code-helper code {
        font-size: 0.72rem;
    }
}

/* Admin Produk: Cron Job panel. */
.lrr-admin-cron-panel {
    border: 1px solid rgba(22, 163, 74, 0.16);
    background: linear-gradient(135deg, rgba(240, 253, 244, 0.88), rgba(255, 255, 255, 0.96));
}

.lrr-admin-cron-grid,
.lrr-admin-cron-status-grid,
.lrr-admin-cron-tips {
    display: grid;
    gap: 0.85rem;
}

.lrr-admin-cron-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-admin-cron-card,
.lrr-admin-cron-server,
.lrr-admin-cron-command,
.lrr-admin-cron-tips div {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.lrr-admin-cron-card,
.lrr-admin-cron-server {
    padding: 0.95rem;
}

.lrr-admin-cron-card span,
.lrr-admin-cron-server span,
.lrr-admin-cron-command label {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.lrr-admin-cron-card strong {
    display: block;
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1.1;
}

.lrr-admin-cron-card small,
.lrr-admin-cron-server small,
.lrr-admin-cron-command small,
.lrr-admin-cron-tips span {
    display: block;
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.45;
}

.lrr-admin-cron-card-primary {
    background: linear-gradient(135deg, #16a34a, #2563eb);
    color: #fff;
}

.lrr-admin-cron-card-primary span,
.lrr-admin-cron-card-primary strong,
.lrr-admin-cron-card-primary small {
    color: #fff;
}

.lrr-admin-cron-command {
    display: grid;
    gap: 0.5rem;
    padding: 0.95rem;
}

.lrr-admin-cron-command code {
    display: block;
    width: 100%;
    overflow-x: auto;
    padding: 0.75rem 0.85rem;
    border-radius: 0.85rem;
    background: #0f172a;
    color: #d1fae5;
    font-size: 0.79rem;
    white-space: nowrap;
}

.lrr-admin-cron-status-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-admin-cron-server strong {
    color: #0f172a;
}

.lrr-admin-cron-server b {
    color: #16a34a;
}

.lrr-admin-cron-tips {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-admin-cron-tips div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.85rem;
}

.lrr-admin-cron-tips b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

@media (max-width: 991.98px) {
    .lrr-admin-cron-grid,
    .lrr-admin-cron-status-grid,
    .lrr-admin-cron-tips {
        grid-template-columns: 1fr;
    }
}

/* LRR admin control room upgrade */
.lrr-admin-control-hero { background: radial-gradient(circle at top right, rgba(0,194,255,.18), transparent 38%), linear-gradient(135deg, #111827, #2b195d); color: #fff; }
.lrr-admin-shortcuts { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.lrr-admin-shortcuts a { display: inline-flex; padding: 9px 13px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); color: #fff; font-weight: 800; font-size: .86rem; }
.lrr-admin-operator-card { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.16); color: #fff; }
.lrr-admin-operator-card small { color: rgba(255,255,255,.74); }
.lrr-admin-ops-overview, .lrr-admin-payment-compact, .lrr-admin-provider-room, .lrr-admin-support-health { overflow: hidden; }
.lrr-admin-server-card-pro { border-left: 4px solid rgba(108,47,242,.55); }
.lrr-admin-health-list { display: grid; gap: 10px; }
.lrr-admin-health-list div { display: grid; grid-template-columns: 110px 1fr auto; gap: 10px; align-items: center; padding: 13px; border-radius: 16px; background: #f8faff; border: 1px solid rgba(17,24,39,.07); }
.lrr-admin-health-list span { color: var(--lrr-muted); font-size: .85rem; font-weight: 800; }
.lrr-admin-health-list strong { color: #182033; }
.lrr-admin-timeline { display: grid; gap: 12px; }
.lrr-admin-timeline article { display: grid; grid-template-columns: 16px 1fr; gap: 12px; }
.lrr-admin-timeline article > span { width: 12px; height: 12px; margin-top: 6px; border-radius: 50%; background: var(--lrr-primary); box-shadow: 0 0 0 6px rgba(108,47,242,.1); }
.lrr-admin-timeline p { margin: 4px 0; color: var(--lrr-muted); line-height: 1.55; }
.lrr-admin-timeline small { color: #98a2b3; }
.lrr-admin-empty-state { display: grid; gap: 6px; padding: 16px; border: 1px dashed rgba(108,47,242,.28); border-radius: 18px; background: #fafbff; color: #667085; }
.lrr-admin-empty-state strong { color: #182033; }
.lrr-admin-next-actions .lrr-admin-guide-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 991.98px) { .lrr-admin-health-list div, .lrr-admin-next-actions .lrr-admin-guide-steps { grid-template-columns: 1fr; } }

.lrr-admin-seo-hero {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    border-radius: 24px;
    color: #ffffff;
    background: linear-gradient(135deg, #111827, #25215d 52%, #0f766e);
    box-shadow: var(--lrr-shadow-md);
}

.lrr-admin-seo-hero h2 {
    max-width: 760px;
    margin: 6px 0 10px;
    font-weight: 900;
    letter-spacing: -0.035em;
}

.lrr-admin-seo-hero p {
    max-width: 780px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.7;
}

.lrr-admin-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lrr-admin-grid {
    display: grid;
    gap: 14px;
}

.lrr-admin-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lrr-admin-metrics {
    margin: 18px 0;
}

.lrr-admin-metrics article {
    display: grid;
    gap: 4px;
    padding: 18px;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-metrics span,
.lrr-admin-metrics small {
    color: #64748b;
    font-size: .82rem;
    font-weight: 800;
}

.lrr-admin-metrics strong {
    color: #111827;
    font-size: 1.55rem;
    font-weight: 950;
}

.lrr-admin-alert {
    border-radius: 16px;
    font-weight: 800;
}

.lrr-seo-layout {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.lrr-seo-page-list,
.lrr-seo-card {
    border: 1px solid #e5e7eb;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-seo-page-list {
    position: sticky;
    top: 90px;
    padding: 16px;
}

.lrr-admin-card-head {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

.lrr-admin-card-head h3 {
    margin: 4px 0 4px;
    font-size: 1.2rem;
    font-weight: 900;
}

.lrr-admin-card-head p {
    margin: 0;
    color: #64748b;
    line-height: 1.65;
}

.lrr-seo-page-stack {
    display: grid;
    gap: 8px;
    max-height: 68vh;
    overflow: auto;
    padding-right: 4px;
}

.lrr-seo-page-item {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid #edf0f6;
    border-radius: 16px;
    background: #f8fafc;
}

.lrr-seo-page-item:hover,
.lrr-seo-page-item:focus,
.lrr-seo-page-active {
    border-color: rgba(108, 47, 242, .34);
    background: #f4f0ff;
}

.lrr-seo-page-item span {
    color: #111827;
    font-weight: 900;
}

.lrr-seo-page-item small,
.lrr-seo-page-item em {
    color: #64748b;
    font-size: .78rem;
    font-style: normal;
    font-weight: 700;
}

.lrr-seo-editor {
    display: grid;
    gap: 18px;
}

.lrr-seo-card {
    padding: 20px;
}

.lrr-seo-form .form-label,
.lrr-seo-ai-form .form-label {
    color: #334155;
    font-weight: 900;
}

.lrr-codearea {
    font-family: Consolas, Monaco, monospace;
    font-size: .82rem;
    line-height: 1.6;
}

.lrr-admin-check {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #f8fafc;
    font-weight: 900;
}

.lrr-seo-draft-preview {
    margin-top: 18px;
    padding: 16px;
    border-radius: 18px;
    background: #f8fafc;
}

.lrr-seo-draft-preview h4,
.lrr-seo-draft-preview h5 {
    margin: 0 0 10px;
    font-weight: 900;
}

.lrr-seo-serp-preview {
    display: grid;
    gap: 5px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #ffffff;
}

.lrr-seo-serp-preview span {
    color: #047857;
    font-size: .82rem;
}

.lrr-seo-serp-preview strong {
    color: #1d4ed8;
    font-size: 1.05rem;
}

.lrr-seo-serp-preview p {
    margin: 0;
    color: #475569;
    line-height: 1.55;
}

.lrr-seo-draft-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.lrr-seo-draft-grid div {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 14px;
    background: #ffffff;
}

.lrr-seo-draft-grid b {
    color: #64748b;
    font-size: .77rem;
    text-transform: uppercase;
}

.lrr-seo-draft-grid span {
    color: #111827;
    font-weight: 800;
}

.lrr-seo-intent-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lrr-seo-intent-list span {
    padding: 7px 10px;
    border-radius: 999px;
    color: #3730a3;
    background: #eef2ff;
    font-size: .82rem;
    font-weight: 900;
}

.lrr-seo-empty-note {
    margin-top: 16px;
    padding: 14px;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    color: #64748b;
    background: #f8fafc;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .lrr-admin-grid-4,
    .lrr-seo-layout,
    .lrr-seo-draft-grid {
        grid-template-columns: 1fr;
    }

    .lrr-seo-page-list {
        position: static;
    }

    .lrr-admin-seo-hero {
        flex-direction: column;
    }
}

.lrr-seo-quality-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 22px;
}

.lrr-seo-site-card {
    margin: 0 0 18px;
}

.lrr-seo-site-form {
    display: grid;
    gap: 16px;
}

.lrr-seo-site-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.lrr-seo-fieldset {
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: #fbfcff;
}

.lrr-seo-fieldset-wide {
    grid-column: 1 / -1;
}

.lrr-seo-fieldset legend {
    float: none;
    width: auto;
    margin: 0 0 12px;
    padding: 0;
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.lrr-seo-field-stack {
    display: grid;
    gap: 12px;
}

.lrr-seo-field-stack label:not(.lrr-admin-check) {
    display: grid;
    gap: 6px;
    margin: 0;
}

.lrr-seo-field-stack label span {
    color: #475569;
    font-size: 12px;
    font-weight: 900;
}

.lrr-seo-field-stack .lrr-admin-check {
    justify-self: start;
    margin: -2px 0 4px;
}

.lrr-seo-site-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.lrr-seo-site-actions small {
    line-height: 1.55;
}

.lrr-seo-quality-strip article {
    padding: 16px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.lrr-seo-quality-strip span,
.lrr-seo-quality-strip small {
    display: block;
    color: #667085;
    font-size: 12px;
}

.lrr-seo-quality-strip strong {
    display: block;
    margin: 4px 0;
    color: #101828;
    font-size: 24px;
    letter-spacing: -0.04em;
}

.lrr-seo-max-rules {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 12px;
    border: 1px dashed rgba(108, 47, 242, 0.32);
    border-radius: 18px;
    background: rgba(108, 47, 242, 0.06);
}

.lrr-seo-max-rules span {
    color: #5426b7;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lrr-seo-max-rules b {
    padding: 7px 10px;
    border-radius: 999px;
    background: #ffffff;
    color: #344054;
    font-size: 12px;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
}

.lrr-seo-ai-message {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(21, 184, 106, 0.18);
    border-radius: 16px;
    background: rgba(21, 184, 106, 0.08);
    color: #067647;
    font-size: 13px;
    font-weight: 700;
}

.lrr-seo-empty-note strong,
.lrr-seo-empty-note span {
    display: block;
}

.lrr-seo-empty-note span {
    margin-top: 6px;
    color: #667085;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .lrr-seo-quality-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-seo-site-grid {
        grid-template-columns: 1fr;
    }

    .lrr-seo-fieldset-wide {
        grid-column: auto;
    }
}

@media (max-width: 575px) {
    .lrr-seo-quality-strip {
        grid-template-columns: 1fr;
    }
}

/* Payment control stabilizer: compact AdminLTE-style, per-method schedules. */
.lrr-admin-wrapper {
    grid-template-columns: 238px minmax(0, 1fr);
}

.lrr-admin-sidebar {
    padding: 12px;
}

.lrr-admin-brand {
    padding: 6px 8px 14px;
    gap: 10px;
    font-size: 0.92rem;
}

.lrr-admin-nav {
    gap: 4px;
    margin-top: 14px;
}

.lrr-admin-nav a {
    border-radius: 7px;
    padding: 9px 10px;
    font-size: 0.9rem;
}

.lrr-admin-topbar {
    min-height: 62px;
    padding: 10px 18px;
}

.lrr-admin-topbar h1 {
    font-size: 1.22rem;
}

.lrr-admin-kicker {
    font-size: 0.72rem;
}

.lrr-admin-content {
    padding: 16px;
}

.lrr-admin-panel {
    border-radius: 14px;
    padding: 16px;
}

.lrr-admin-panel-header {
    margin-bottom: 14px;
}

.lrr-admin-panel-header-compact {
    align-items: flex-start;
    margin-bottom: 12px;
}

.lrr-admin-panel-header-compact h2 {
    font-size: 1rem;
}

.lrr-admin-panel-header-compact span {
    display: block;
    max-width: 760px;
    font-size: 0.84rem;
    line-height: 1.45;
}

.lrr-admin-payment-hero-compact {
    grid-template-columns: minmax(0, 1fr) 230px;
    padding: 16px;
    border-radius: 14px;
}

.lrr-admin-payment-hero-compact h2 {
    font-size: clamp(1.22rem, 2.2vw, 1.72rem);
    margin-bottom: 6px;
}

.lrr-admin-payment-hero-compact p {
    font-size: 0.92rem;
    line-height: 1.55;
}

.lrr-admin-payment-live-card {
    border-radius: 14px;
    padding: 14px;
}

.lrr-admin-payment-live-card strong {
    font-size: 1.12rem;
}

.lrr-admin-payment-form .form-label {
    margin-bottom: 5px;
    font-size: 0.82rem;
}

.lrr-admin-payment-form .form-control,
.lrr-admin-payment-form .form-select {
    min-height: 40px;
    border-radius: 10px;
    font-size: 0.92rem;
}

.lrr-admin-payment-form textarea.form-control {
    min-height: 78px;
}

.lrr-admin-payment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 14px;
    align-items: start;
}

.lrr-admin-payment-card {
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
}

.lrr-payment-compact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-payment-span-2 {
    grid-column: span 2;
}

.lrr-admin-method-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-method-card {
    display: grid;
    gap: 10px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #fbfcff;
    padding: 12px;
}

.lrr-admin-method-card-head,
.lrr-admin-method-switch-row,
.lrr-admin-method-status-item,
.lrr-admin-maintenance-grid,
.lrr-admin-payment-savebar {
    display: flex;
    gap: 12px;
}

.lrr-admin-method-card-head,
.lrr-admin-method-status-item,
.lrr-admin-payment-savebar {
    align-items: center;
    justify-content: space-between;
}

.lrr-admin-method-card h3 {
    margin: 2px 0 0;
    color: #111827;
    font-size: 1rem;
    font-weight: 950;
}

.lrr-admin-method-type {
    color: var(--lrr-primary-dark);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.12em;
}

.lrr-admin-method-switch-row {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    background: #f3f4f8;
    padding: 8px 10px;
}

.lrr-admin-method-switch-row .form-check-label {
    color: #374151;
    font-size: 0.86rem;
    font-weight: 850;
}

.lrr-admin-method-time-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lrr-admin-method-help {
    color: var(--lrr-muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.lrr-admin-method-status-list {
    display: grid;
    gap: 8px;
}

.lrr-admin-method-status-item {
    border: 1px solid var(--lrr-line);
    border-radius: 12px;
    background: #f8fafc;
    padding: 9px 10px;
}

.lrr-admin-method-status-item span {
    display: grid;
    gap: 2px;
    color: #111827;
    font-size: 0.88rem;
    font-weight: 900;
}

.lrr-admin-method-status-item small {
    color: var(--lrr-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.lrr-admin-maintenance-grid {
    align-items: stretch;
}

.lrr-admin-maintenance-grid > * {
    flex: 1 1 0;
}

.lrr-admin-payment-save-panel {
    position: sticky;
    bottom: 12px;
    z-index: 5;
}

@media (max-width: 1199.98px) {
    .lrr-admin-method-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-payment-compact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lrr-admin-wrapper,
    .lrr-admin-payment-layout,
    .lrr-admin-payment-hero-compact {
        grid-template-columns: 1fr;
    }

    /* Payment pages inherit the same off-canvas sidebar behavior. */

    .lrr-admin-topbar {
        padding: 12px 14px;
    }

    .lrr-admin-content {
        padding: 14px;
    }

    .lrr-admin-payment-sticky-summary,
    .lrr-admin-payment-save-panel {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-method-grid,
    .lrr-payment-compact-grid,
    .lrr-admin-maintenance-grid,
    .lrr-admin-method-time-grid {
        grid-template-columns: 1fr;
    }

    .lrr-payment-span-2 {
        grid-column: auto;
    }

    .lrr-admin-method-card-head,
    .lrr-admin-method-status-item,
    .lrr-admin-payment-savebar {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* LRR admin responsive stabilizer */
.lrr-admin-wrapper,
.lrr-admin-main,
.lrr-admin-content,
.lrr-admin-panel,
.lrr-admin-table-wrap,
.lrr-admin-payment-layout,
.lrr-admin-method-grid,
.lrr-payment-compact-grid {
    min-width: 0;
    max-width: 100%;
}

.lrr-admin-panel,
.lrr-admin-topbar,
.lrr-admin-method-card,
.lrr-admin-payment-card {
    overflow-wrap: anywhere;
}

.lrr-admin-nav-active {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.lrr-admin-nav-active.lrr-admin-nav-alert {
    background: rgba(239, 68, 68, 0.18);
}

.lrr-admin-panel .table-responsive,
.lrr-admin-content .table-responsive,
.lrr-admin-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.lrr-admin-content input,
.lrr-admin-content select,
.lrr-admin-content textarea,
.lrr-admin-content .form-control,
.lrr-admin-content .form-select,
.lrr-admin-content .input-group {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .lrr-admin-wrapper {
        display: block;
    }

    .lrr-admin-nav {
        scrollbar-width: thin;
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-content {
        padding: 12px;
    }

    .lrr-admin-panel {
        padding: 16px;
    }

    .lrr-admin-actions {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .lrr-admin-panel-header,
    .lrr-admin-payment-savebar,
    .lrr-admin-method-card-head {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Admin livechat realtime stabilizer */
.lrr-admin-chat-panel[data-lrr-livechat-root] .lrr-livechat-compose[data-lrr-sending="1"] {
    opacity: .76;
}

.lrr-admin-chat-panel .lrr-livechat-body {
    max-height: 62vh;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.lrr-admin-chat-panel .lrr-chat-bubble {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

@media (max-width: 767.98px) {
    .lrr-admin-chat-panel .lrr-livechat-compose {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* admin growth controls */
.lrr-admin-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 22px;
}

.lrr-admin-hero-soft {
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.10), rgba(13, 110, 253, 0.08)), #ffffff;
    border: 1px solid var(--lrr-line);
}

.lrr-admin-hero h2 {
    margin: 4px 0 6px;
    font-size: clamp(1.3rem, 2vw, 2rem);
    font-weight: 900;
    letter-spacing: -0.035em;
}

.lrr-admin-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--lrr-muted);
    line-height: 1.7;
}

.lrr-admin-mini-stat {
    display: grid;
    gap: 8px;
    min-height: 108px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    padding: 18px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-mini-stat span,
.lrr-admin-note,
.lrr-admin-table small {
    color: var(--lrr-muted);
}

.lrr-admin-mini-stat strong {
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.1;
}

.lrr-admin-filterbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px 180px auto;
    gap: 10px;
    align-items: center;
}

.lrr-admin-table td,
.lrr-admin-table th {
    vertical-align: middle;
}

.lrr-admin-table td > strong,
.lrr-admin-table td > small {
    display: block;
}

.lrr-admin-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lrr-admin-tabs a {
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    color: #374151;
    font-weight: 800;
    padding: 9px 14px;
}

.lrr-admin-tabs .lrr-admin-tab-active {
    border-color: rgba(108, 47, 242, 0.35);
    background: var(--lrr-primary);
    color: #ffffff;
}

.lrr-admin-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lrr-admin-form-grid {
    display: grid;
    gap: 12px;
}

.lrr-admin-form-grid label {
    display: grid;
    gap: 6px;
    color: #374151;
    font-weight: 800;
}

.lrr-admin-form-grid label.lrr-admin-toggle,
.lrr-admin-toggle {
    display: flex;
    grid-template-columns: none;
    align-items: center;
    gap: 8px;
}

.lrr-admin-balance-box {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lrr-admin-balance-box div {
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 14px;
}

.lrr-admin-balance-box span,
.lrr-admin-balance-box small {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.lrr-admin-balance-box strong {
    display: block;
    margin-top: 4px;
    font-size: 1.2rem;
    font-weight: 900;
}

.lrr-admin-save-button {
    min-height: 46px;
    border-radius: 12px;
    font-weight: 850;
}

.lrr-admin-inline-edit summary {
    cursor: pointer;
    color: var(--lrr-primary);
    font-weight: 850;
}

.lrr-admin-prize-edit {
    display: grid;
    gap: 8px;
    min-width: 240px;
    max-width: 360px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    margin-top: 8px;
    padding: 12px;
}

@media (max-width: 991.98px) {
    .lrr-admin-hero,
    .lrr-admin-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-admin-filterbar {
        grid-template-columns: 1fr;
    }

    .lrr-admin-balance-box {
        grid-template-columns: 1fr;
    }
}

/* 2026-05-31 engagement admin precision */
.lrr-admin-announcement-body-preview {
    margin-top: 8px;
    white-space: pre-line;
    color: #4b5563;
    line-height: 1.5;
    max-height: 96px;
    overflow: auto;
}

.lrr-page-admin-engagement textarea[name="body"] {
    min-height: 180px;
    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .lrr-page-admin-engagement .lrr-admin-grid-2 {
        grid-template-columns: 1fr;
    }
}

/* Admin dashboard compact control room */
.lrr-admin-dashboard-pro {
    display: grid;
    gap: 16px;
}

.lrr-admin-dashboard-pro-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 18px;
    align-items: stretch;
    border-radius: 18px;
    background: linear-gradient(135deg, #111827, #1f1856 58%, #343a40);
    color: #ffffff;
    padding: 22px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-dashboard-pro-head h2 {
    margin: 5px 0 8px;
    color: #ffffff;
    font-size: clamp(1.5rem, 2.4vw, 2.1rem);
    font-weight: 950;
}

.lrr-admin-dashboard-pro-head p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,0.78);
    line-height: 1.65;
}

.lrr-admin-shortcuts-compact {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 16px;
}

.lrr-admin-shortcuts-compact a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    font-weight: 850;
    padding: 9px 13px;
}

.lrr-admin-ops-card {
    display: grid;
    align-content: center;
    gap: 8px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 16px;
    background: rgba(255,255,255,0.12);
    padding: 16px;
}

.lrr-admin-ops-card strong {
    font-size: 1.2rem;
}

.lrr-admin-ops-card small {
    color: rgba(255,255,255,0.78);
    font-weight: 750;
}

.lrr-admin-kpi-compact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-kpi-compact {
    display: grid;
    gap: 7px;
    min-height: 112px;
    border-radius: 16px;
    color: #ffffff;
    padding: 16px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-admin-kpi-compact i {
    font-size: 1.25rem;
}

.lrr-admin-kpi-compact span,
.lrr-admin-kpi-compact small {
    color: rgba(255,255,255,0.84);
    font-weight: 750;
}

.lrr-admin-kpi-compact strong {
    font-size: clamp(1.55rem, 2.4vw, 2rem);
    line-height: 1;
    font-weight: 950;
}

.lrr-admin-kpi-blue { background: #0d6efd; }
.lrr-admin-kpi-green { background: #198754; }
.lrr-admin-kpi-yellow { background: #ffc107; color: #111827; }
.lrr-admin-kpi-yellow span,
.lrr-admin-kpi-yellow small { color: rgba(17,24,39,0.72); }
.lrr-admin-kpi-dark { background: #343a40; }

.lrr-admin-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 365px;
    gap: 18px;
    align-items: stretch;
}

.lrr-admin-dashboard-grid-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-admin-panel-compact {
    padding: 18px;
    border-radius: 16px;
}

.lrr-admin-mini-chart-compact {
    min-height: 168px;
    padding: 12px;
}

.lrr-admin-mini-chart-compact .lrr-admin-mini-chart-item {
    min-height: 122px;
}

.lrr-admin-soft-metric-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.lrr-admin-soft-metric-row div,
.lrr-admin-method-list div,
.lrr-admin-system-list div,
.lrr-admin-feed-list div {
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #fbfcff;
    padding: 12px;
}

.lrr-admin-soft-metric-row span,
.lrr-admin-method-list span,
.lrr-admin-system-list span {
    display: block;
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 850;
}

.lrr-admin-soft-metric-row strong {
    display: block;
    margin-top: 4px;
    font-size: 1.35rem;
    font-weight: 950;
}

.lrr-admin-method-list,
.lrr-admin-system-list,
.lrr-admin-feed-list {
    display: grid;
    gap: 9px;
}

.lrr-admin-method-list div,
.lrr-admin-feed-list div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lrr-admin-feed-list span {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.lrr-admin-feed-list strong,
.lrr-admin-feed-list small,
.lrr-admin-system-list small {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lrr-admin-feed-list small,
.lrr-admin-system-list small {
    color: var(--lrr-muted);
    font-size: 0.82rem;
}

.lrr-admin-system-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px 10px;
}

.lrr-admin-system-list small {
    grid-column: 1 / -1;
}

.lrr-admin-server-grid-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-admin-product-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-admin-product-strip article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 15px;
    background: #fbfcff;
    padding: 12px;
}

.lrr-admin-product-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #e9f5ff;
    color: #0d6efd;
    font-weight: 950;
}

.lrr-admin-product-strip div {
    min-width: 0;
}

.lrr-admin-product-strip strong,
.lrr-admin-product-strip small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-product-strip b {
    grid-column: 1 / -1;
    color: #047857;
}

@media (max-width: 1199.98px) {
    .lrr-admin-dashboard-pro-head,
    .lrr-admin-dashboard-grid,
    .lrr-admin-dashboard-grid-secondary {
        grid-template-columns: 1fr;
    }

    .lrr-admin-kpi-compact-grid,
    .lrr-admin-product-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-dashboard-pro-head {
        padding: 18px;
    }

    .lrr-admin-kpi-compact-grid,
    .lrr-admin-soft-metric-row,
    .lrr-admin-server-grid-compact,
    .lrr-admin-product-strip {
        grid-template-columns: 1fr;
    }

    .lrr-admin-method-list div,
    .lrr-admin-feed-list div {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Admin dashboard and product stability */
.lrr-admin-dashboard-pro-head {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
    min-height: 190px;
    background:
        radial-gradient(circle at 12% 12%, rgba(108, 47, 242, 0.26), transparent 30%),
        linear-gradient(135deg, #111827 0%, #14143f 58%, #253048 100%);
}

.lrr-admin-dashboard-pro-head p {
    max-width: 850px;
}

.lrr-admin-control-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-control-strip div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 3px 10px;
    align-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 12px 34px rgba(17, 24, 39, 0.05);
}

.lrr-admin-control-strip i {
    grid-row: 1 / span 3;
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: #eef2ff;
    color: #5c25db;
    font-size: 1.05rem;
}

.lrr-admin-control-strip span {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lrr-admin-control-strip strong {
    color: var(--lrr-text);
    font-size: 1.08rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-control-strip small {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.lrr-admin-product-console-actions form[aria-busy="true"] .btn,
.lrr-admin-server-actionbar form[aria-busy="true"] .btn,
.lrr-admin-json-guide-actions form[aria-busy="true"] .btn {
    opacity: 0.78;
    cursor: wait;
}

.lrr-admin-server-actionbar {
    align-items: stretch;
}

.lrr-admin-server-actionbar .btn,
.lrr-admin-product-console-actions .btn {
    min-height: 38px;
}

.lrr-admin-sync-monitor-card-pro {
    overflow: hidden;
}

.lrr-admin-monitor-timeline div,
.lrr-sync-log-item {
    min-width: 0;
}

.lrr-admin-monitor-timeline small,
.lrr-sync-log-item span {
    overflow-wrap: break-word;
}

@media (max-width: 1199.98px) {
    .lrr-admin-control-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-dashboard-pro-head {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .lrr-admin-shortcuts-compact {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-admin-shortcuts-compact a {
        justify-content: center;
        text-align: center;
        padding: 8px 10px;
    }

    .lrr-admin-control-strip {
        grid-template-columns: 1fr;
    }

    .lrr-admin-control-strip div {
        padding: 12px;
    }

    .lrr-admin-server-actionbar {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lrr-admin-server-actionbar form,
    .lrr-admin-server-actionbar .btn,
    .lrr-admin-product-console-actions form,
    .lrr-admin-product-console-actions .btn {
        width: 100%;
    }
}

/* Admin livechat command layout */
.lrr-admin-chat-toolbar {
    align-items: flex-start;
}

.lrr-admin-chat-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(88px, 1fr));
    gap: 8px;
    min-width: min(390px, 100%);
}

.lrr-admin-chat-stats span {
    display: grid;
    gap: 2px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    color: var(--lrr-muted);
    font-size: .78rem;
    font-weight: 800;
    padding: 10px 12px;
}

.lrr-admin-chat-stats strong {
    color: #111827;
    font-size: 1rem;
    font-weight: 900;
}

.lrr-admin-chat-list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 2px;
}

.lrr-admin-chat-list-head div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-admin-chat-list-head strong {
    color: #111827;
    font-weight: 900;
}

.lrr-admin-chat-list-head small {
    color: var(--lrr-muted);
    font-size: .78rem;
}

.lrr-admin-chat-thread-stack {
    display: grid;
    align-content: start;
    gap: 10px;
    max-height: 68vh;
    overflow-y: auto;
    padding-right: 2px;
}

.lrr-admin-chat-thread-status {
    flex: 0 0 auto;
    border-radius: 999px;
    font-size: .68rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    padding: 7px 9px;
}

.lrr-admin-chat-thread-status.lrr-status-success {
    background: rgba(21, 184, 106, .12);
    color: #047857;
}

.lrr-admin-chat-thread-status.lrr-status-warning {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
}

.lrr-admin-chat-thread-status.lrr-status-info {
    background: rgba(108, 47, 242, .1);
    color: var(--lrr-primary-dark);
}

.lrr-admin-chat-room-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--lrr-line);
}

.lrr-admin-chat-room-head > div:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.lrr-admin-chat-room-head > div:first-child > div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.lrr-admin-chat-room-head strong,
.lrr-admin-chat-room-head small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lrr-admin-chat-room-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.lrr-admin-chat-room-tags span {
    border: 1px solid var(--lrr-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--lrr-muted);
    font-size: .78rem;
    font-weight: 850;
    padding: 7px 10px;
}

.lrr-admin-chat-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);
}

.lrr-admin-chat-body .lrr-chat-message {
    display: grid;
    gap: 6px;
    max-width: min(720px, 86%);
}

.lrr-admin-chat-body .lrr-chat-message-me {
    align-self: flex-end;
    justify-items: end;
}

.lrr-admin-chat-body .lrr-chat-message-admin,
.lrr-admin-chat-body .lrr-chat-message-assist {
    align-self: flex-start;
}

.lrr-admin-chat-quick-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid var(--lrr-line);
    background: #fbfcff;
    padding: 12px 14px 0;
}

.lrr-admin-chat-compose {
    align-items: end;
}

.lrr-admin-chat-empty-state {
    display: grid;
    gap: 5px;
    border: 1px dashed rgba(108, 47, 242, .22);
    border-radius: 16px;
    background: rgba(108, 47, 242, .05);
    color: var(--lrr-muted);
    padding: 14px;
}

.lrr-admin-chat-empty-state strong {
    color: #111827;
}

.lrr-admin-chat-empty-room {
    align-self: center;
    justify-self: center;
    max-width: 440px;
    text-align: center;
}

@media (max-width: 1199.98px) {
    .lrr-admin-chat-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-chat-stats,
    .lrr-admin-chat-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-chat-thread-stack {
        max-height: 260px;
    }

    .lrr-admin-chat-room-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-admin-chat-room-tags {
        justify-content: flex-start;
    }

    .lrr-admin-chat-body .lrr-chat-message {
        max-width: 94%;
    }

    .lrr-admin-chat-quick-row {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .lrr-admin-chat-quick-row button {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* Admin livechat focused workspace */
.lrr-admin-chat-panel {
    padding: 1rem;
}

.lrr-admin-chat-toolbar {
    align-items: center;
    gap: .8rem;
    margin-bottom: .85rem;
}

.lrr-admin-chat-toolbar h2 {
    margin: .15rem 0 .25rem;
    font-size: clamp(1.2rem, 1.6vw, 1.65rem);
}

.lrr-admin-chat-toolbar span:not(.lrr-admin-kicker) {
    color: var(--lrr-muted);
}

.lrr-admin-chat-grid {
    min-height: min(70vh, 760px);
}

.lrr-admin-chat-list {
    min-height: 0;
}

.lrr-admin-chat-room {
    min-height: min(70vh, 760px);
    display: grid;
    grid-template-rows: auto minmax(360px, 1fr) auto auto;
}

.lrr-admin-chat-body {
    min-height: 360px;
    max-height: 58vh;
}

.lrr-admin-chat-body .lrr-chat-message-meta strong {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.lrr-admin-chat-body .lrr-chat-message-assist .lrr-chat-message-meta strong::before,
.lrr-admin-chat-body .lrr-chat-message-admin .lrr-chat-message-meta strong::before,
.lrr-admin-chat-body .lrr-chat-message-me .lrr-chat-message-meta strong::before {
    content: '';
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    display: inline-block;
}

.lrr-admin-chat-body .lrr-chat-message-assist .lrr-chat-message-meta strong::before { background: #0ea5e9; }
.lrr-admin-chat-body .lrr-chat-message-admin .lrr-chat-message-meta strong::before { background: #6d28d9; }
.lrr-admin-chat-body .lrr-chat-message-me .lrr-chat-message-meta strong::before { background: #16a34a; }

.lrr-admin-chat-body .lrr-chat-message-assist .lrr-chat-bubble {
    border: 1px solid rgba(14, 165, 233, .16);
    background: #eef9ff;
    color: #0f172a;
}

.lrr-admin-chat-body .lrr-chat-message-admin .lrr-chat-bubble {
    border: 1px solid rgba(124, 58, 237, .14);
}

@media (max-width: 991.98px) {
    .lrr-admin-chat-grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .lrr-admin-chat-room,
    .lrr-admin-chat-body {
        min-height: 360px;
    }

    .lrr-admin-chat-thread-stack {
        max-height: 260px;
    }
}

/* Livechat compact workspace */
.lrr-admin-chat-panel {
    padding: 16px;
}

.lrr-admin-chat-toolbar {
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.lrr-admin-chat-toolbar h2 {
    margin: 0;
    font-size: 1.2rem;
}

.lrr-admin-chat-toolbar span:not(.lrr-admin-kicker) {
    font-size: 0.82rem;
}

.lrr-admin-chat-grid {
    min-height: calc(100vh - 185px);
}

.lrr-admin-chat-room {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 185px);
    overflow: hidden;
}

.lrr-admin-chat-body {
    flex: 1 1 auto;
    max-height: calc(100vh - 355px);
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    background: #f8fafc;
}

.lrr-admin-chat-body .lrr-chat-message {
    max-width: min(760px, 78%);
    min-width: 0;
}

.lrr-admin-chat-body .lrr-chat-message-assist .lrr-chat-bubble-agent {
    background: #eef7ff;
    border: 1px solid rgba(14, 165, 233, 0.18);
    color: #0f172a;
}

.lrr-admin-chat-body .lrr-chat-message-admin .lrr-chat-bubble-agent {
    background: #f6f7fb;
    border: 1px solid rgba(100, 116, 139, 0.16);
    color: #0f172a;
}

.lrr-admin-chat-compose textarea {
    min-height: 48px;
    max-height: 120px;
    resize: vertical;
}

@media (max-width: 991.98px) {
    .lrr-admin-chat-grid {
        min-height: auto;
    }

    .lrr-admin-chat-room {
        min-height: calc(100dvh - 240px);
    }

    .lrr-admin-chat-body {
        max-height: calc(100dvh - 410px);
    }

    .lrr-admin-chat-body .lrr-chat-message {
        max-width: 94%;
    }
}


/* LRR admin livechat sender identity guard */
.lrr-admin-chat-body [data-lrr-chat-role="assistant"],
.lrr-admin-chat-body [data-lrr-chat-role="assist"],
.lrr-admin-chat-body [data-lrr-chat-role="ai"],
.lrr-admin-chat-body [data-lrr-chat-role="member"],
.lrr-admin-chat-body [data-lrr-chat-role="guest"],
.lrr-admin-chat-body [data-lrr-chat-role="user"] {
    align-self: flex-start;
    justify-items: start;
    margin-right: auto;
    margin-left: 0;
}

.lrr-admin-chat-body [data-lrr-chat-role="admin"],
.lrr-admin-chat-body [data-lrr-chat-role="agent"],
.lrr-admin-chat-body [data-lrr-chat-role="staff"] {
    align-self: flex-end;
    justify-items: end;
    margin-left: auto;
    margin-right: 0;
}

.lrr-admin-chat-body [data-lrr-chat-role="assistant"] .lrr-chat-message-meta strong,
.lrr-admin-chat-body [data-lrr-chat-role="assist"] .lrr-chat-message-meta strong,
.lrr-admin-chat-body [data-lrr-chat-role="ai"] .lrr-chat-message-meta strong {
    color: #0369a1;
}

.lrr-admin-chat-body [data-lrr-chat-role="member"] .lrr-chat-message-meta strong,
.lrr-admin-chat-body [data-lrr-chat-role="guest"] .lrr-chat-message-meta strong,
.lrr-admin-chat-body [data-lrr-chat-role="user"] .lrr-chat-message-meta strong {
    color: #6d28d9;
}


.lrr-admin-chat-body .lrr-chat-bubble {
    max-width: 100%;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
}

.lrr-admin-chat-body .lrr-chat-message-meta {
    flex-wrap: wrap;
    min-width: 0;
}

.lrr-admin-chat-body .lrr-chat-photo img {
    height: auto;
    object-fit: contain;
}

.lrr-admin-chat-body .lrr-chat-sensitive-warning,
.lrr-admin-chat-body .lrr-chat-photo-removed {
    display: block;
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 0.86rem;
    line-height: 1.45;
}

.lrr-admin-chat-body .lrr-chat-sensitive-warning {
    border: 1px solid rgba(245, 158, 11, 0.28);
    background: rgba(255, 251, 235, 0.94);
    color: #92400e;
}

.lrr-admin-chat-body .lrr-chat-photo-removed {
    border: 1px solid rgba(100, 116, 139, 0.22);
    background: rgba(248, 250, 252, 0.96);
    color: #475569;
}

.lrr-admin-chat-body .lrr-chat-lines {
    display: grid;
    gap: .42rem;
}

.lrr-admin-chat-body .lrr-chat-line {
    display: block;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}

.lrr-admin-chat-body .lrr-chat-line strong,
.lrr-admin-chat-body .lrr-chat-quote strong {
    font-weight: 800;
}

.lrr-admin-chat-body .lrr-chat-line em,
.lrr-admin-chat-body .lrr-chat-quote em {
    font-style: italic;
}

.lrr-admin-chat-body .lrr-chat-line code,
.lrr-admin-chat-body .lrr-chat-quote code {
    display: inline-flex;
    max-width: 100%;
    padding: .08rem .32rem;
    border-radius: .45rem;
    background: rgba(15, 23, 42, .08);
    font-size: .92em;
    overflow-wrap: break-word;
    word-break: break-word;
}

.lrr-admin-chat-body .lrr-chat-spacer {
    min-height: .2rem;
}

.lrr-admin-chat-body .lrr-chat-bullet {
    position: relative;
    padding-left: 1rem;
}

.lrr-admin-chat-body .lrr-chat-bullet::before {
    content: '•';
    position: absolute;
    left: .15rem;
    top: 0;
    font-weight: 800;
}

.lrr-admin-chat-body .lrr-chat-quote {
    margin: .15rem 0;
    padding: .55rem .7rem;
    border-left: 3px solid rgba(109, 40, 217, .38);
    border-radius: .75rem;
    background: rgba(109, 40, 217, .08);
    color: inherit;
}

.lrr-field-help {
    display: block;
    margin-top: 6px;
    color: #6b7280;
    font-size: .82rem;
    line-height: 1.45;
}

.lrr-qris-manual-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 12px;
    align-items: center;
    min-height: 126px;
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(108, 47, 242, .06), rgba(21, 184, 106, .06));
    padding: 14px;
}

.lrr-qris-manual-preview strong,
.lrr-qris-manual-preview span {
    display: block;
}

.lrr-qris-manual-preview span {
    color: #6b7280;
    font-size: .9rem;
    line-height: 1.5;
}

.lrr-qris-manual-preview img,
.lrr-qris-manual-empty {
    width: 112px;
    height: 112px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, .12);
    background: #fff;
}

.lrr-qris-manual-preview img {
    object-fit: contain;
    padding: 6px;
}

.lrr-qris-manual-empty {
    display: grid;
    place-items: center;
    color: var(--lrr-primary);
    font-size: 2rem;
}

.lrr-payment-toggle-card-inline {
    width: 100%;
    padding: 10px;
}

.lrr-qris-dynamic-panel {
    display: grid;
    gap: 12px;
    border: 1px solid rgba(13, 110, 253, 0.18);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.06), rgba(21, 184, 106, 0.06));
    padding: 14px;
}

.lrr-qris-dynamic-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.lrr-qris-dynamic-head div {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.lrr-qris-dynamic-head strong,
.lrr-qris-dynamic-test strong {
    color: #111827;
    font-weight: 950;
}

.lrr-qris-dynamic-head span:not(.badge),
.lrr-qris-dynamic-test span {
    color: var(--lrr-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}

.lrr-qris-dynamic-payload {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.82rem;
    overflow-wrap: anywhere;
}

.lrr-qris-dynamic-test {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.lrr-qris-dynamic-test img {
    width: 180px;
    height: 180px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #ffffff;
    object-fit: contain;
    padding: 6px;
}

@media (max-width: 575.98px) {
    .lrr-qris-dynamic-head,
    .lrr-qris-dynamic-test {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .lrr-qris-dynamic-test img {
        justify-self: center;
    }
}

@media (max-width: 575.98px) {
    .lrr-qris-manual-preview {
        grid-template-columns: 1fr;
    }

    .lrr-qris-manual-preview img,
    .lrr-qris-manual-empty {
        width: min(180px, 100%);
        height: 180px;
        justify-self: center;
    }
}


.lrr-admin-chat-status-form {
    display: flex;
    align-items: center;
    gap: 8px;
    width: min(320px, 100%);
}

.lrr-admin-chat-status-form .form-select {
    min-width: 124px;
    border-radius: 999px;
    font-weight: 850;
}

.lrr-admin-chat-status-form .btn {
    border-radius: 999px;
    font-weight: 850;
    white-space: nowrap;
}

.lrr-admin-chat-ticket-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    border-top: 1px solid var(--lrr-line);
    background: linear-gradient(135deg, rgba(108, 47, 242, 0.07), rgba(21, 184, 106, 0.07));
    color: var(--lrr-muted);
    font-size: 0.82rem;
    font-weight: 760;
    padding: 10px 14px;
}

.lrr-admin-chat-ticket-note strong {
    color: var(--lrr-text);
    font-weight: 950;
}

@media (max-width: 767.98px) {
    .lrr-admin-chat-status-form {
        width: 100%;
    }
}

/* Livechat closed-thread guard */
.lrr-admin-chat-closed-note {
    display: grid;
    gap: 4px;
    border-top: 1px solid var(--lrr-line);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12), rgba(248, 250, 252, 0.96));
    color: var(--lrr-muted);
    padding: 10px 14px 2px;
}

.lrr-admin-chat-closed-note strong {
    color: #111827;
    font-weight: 950;
}

.lrr-admin-chat-closed-note span {
    font-size: 0.8rem;
    line-height: 1.5;
}

.lrr-admin-chat-compose-locked {
    opacity: 0.96;
}

.lrr-admin-chat-compose-locked textarea,
.lrr-admin-chat-compose-locked input,
.lrr-admin-chat-compose-locked button {
    cursor: not-allowed;
}

.lrr-admin-chat-compose-locked textarea {
    background: #f8fafc;
}

.lrr-admin-chat-quick-row button:disabled {
    opacity: 0.56;
    box-shadow: none;
    cursor: not-allowed;
}

/* Admin livechat reply controls */
.lrr-admin-chat-panel .lrr-chat-reply-preview {
    margin: 0;
}

.lrr-admin-chat-panel .lrr-chat-reply-action:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.lrr-qris-admin-shell {
    display: grid;
    gap: 14px;
}

.lrr-qris-status-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lrr-qris-status-strip > div {
    display: grid;
    gap: 3px;
    min-width: 0;
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
    padding: 12px;
}

.lrr-qris-status-strip span,
.lrr-qris-status-strip small {
    color: var(--lrr-muted);
    font-size: .76rem;
    font-weight: 820;
}

.lrr-qris-status-strip strong {
    color: var(--lrr-dark);
    font-size: .98rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.lrr-qris-settings-card,
.lrr-qris-test-card {
    overflow: hidden;
}

.lrr-qris-form textarea,
.lrr-qris-payload-output,
.lrr-qris-payload-input {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.84rem;
    word-break: break-all;
}

.lrr-qris-test-grid,
.lrr-qris-detail-grid {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.lrr-qris-image-box {
    display: grid;
    place-items: center;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #ffffff;
    padding: 16px;
    min-height: 260px;
}

.lrr-qris-image-box img {
    display: block;
    width: min(100%, 280px);
    aspect-ratio: 1;
    object-fit: contain;
}

.lrr-qris-detail-stack {
    display: grid;
    gap: 10px;
}

.lrr-qris-detail-stack > div {
    display: grid;
    gap: 2px;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-qris-detail-stack span,
.lrr-qris-detail-stack small {
    color: var(--lrr-muted);
    font-size: 0.8rem;
}

.lrr-qris-detail-stack strong {
    color: var(--lrr-text);
    font-weight: 900;
    overflow-wrap: anywhere;
}

.lrr-qris-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .lrr-qris-test-grid,
    .lrr-qris-detail-grid {
        grid-template-columns: 1fr;
    }

    .lrr-qris-table-wrap {
        font-size: 0.86rem;
    }
}


/* QRIS admin redesign: Setting + Test side-by-side on desktop, stack on tablet/mobile */
.lrr-qris-admin-top {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.lrr-qris-admin-top > .lrr-admin-card {
    margin: 0;
    height: 100%;
}

.lrr-qris-listener-card {
    display: grid;
    gap: 12px;
}

.lrr-qris-listener-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.lrr-qris-listener-grid h3 {
    font-size: .98rem;
    font-weight: 900;
    color: #111827;
    margin: 0 0 8px;
}

@media (max-width: 991.98px) {
    .lrr-qris-status-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-qris-admin-top,
    .lrr-qris-listener-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .lrr-qris-status-strip {
        grid-template-columns: 1fr;
    }
}

/* Focused admin UI polish: QRIS settings, payment settings, promo, and dense forms */
.lrr-admin-section,
.lrr-admin-payment-form,
.lrr-admin-hero-soft + form {
    min-width: 0;
}

.lrr-admin-card,
.lrr-admin-panel,
.lrr-admin-payment-card,
.lrr-qris-settings-card,
.lrr-qris-test-card,
.lrr-qris-listener-card,
.lrr-admin-hero-soft + form .lrr-admin-panel {
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .06);
}

.lrr-admin-card-head,
.lrr-admin-panel-header,
.lrr-qris-dynamic-head,
.lrr-admin-payment-savebar {
    min-width: 0;
}

.lrr-admin-card-head,
.lrr-admin-panel-header {
    align-items: flex-start;
}

.lrr-admin-card-head h2,
.lrr-admin-panel-header h2,
.lrr-qris-listener-card h3,
.lrr-admin-hero-soft + form h2 {
    line-height: 1.18;
}

.lrr-admin-card-head > div,
.lrr-admin-panel-header > div,
.lrr-admin-payment-live-card,
.lrr-admin-payment-savebar > div,
.lrr-qris-dynamic-head > div,
.lrr-admin-hero-soft + form label,
.lrr-admin-hero-soft + form .table-responsive {
    min-width: 0;
}

.lrr-admin-form .form-control,
.lrr-admin-form .form-select,
.lrr-qris-form .form-control,
.lrr-qris-form .form-select,
.lrr-admin-hero-soft + form .form-control,
.lrr-admin-hero-soft + form .form-select {
    min-height: 44px;
    border-radius: 12px;
    border-color: #d9e1ee;
    box-shadow: none;
}

.lrr-admin-form textarea.form-control,
.lrr-qris-form textarea.form-control,
.lrr-admin-hero-soft + form textarea.form-control {
    min-height: 112px;
    resize: vertical;
}

.lrr-payment-compact-grid,
.lrr-admin-method-grid,
.lrr-qris-test-grid,
.lrr-qris-listener-grid {
    min-width: 0;
}

.lrr-payment-compact-grid > *,
.lrr-admin-method-grid > *,
.lrr-qris-listener-grid > *,
.lrr-qris-test-grid > *,
.lrr-admin-hero-soft + form .col-lg-5,
.lrr-admin-hero-soft + form .col-lg-7 {
    min-width: 0;
}

.lrr-admin-method-status-list {
    display: grid;
    gap: 10px;
}

.lrr-admin-method-status-item {
    min-width: 0;
}

.lrr-admin-method-status-item span,
.lrr-admin-method-status-item strong,
.lrr-admin-soft-note span,
.lrr-qris-dynamic-head span,
.lrr-qris-listener-card td,
.lrr-qris-listener-card th {
    overflow-wrap: anywhere;
}

.lrr-qris-payload-input,
.lrr-qris-payload-output,
.lrr-qris-dynamic-payload,
.lrr-qris-listener-card textarea {
    max-width: 100%;
    min-width: 0;
}

.lrr-qris-image-box {
    border-radius: 18px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .62);
}

.lrr-qris-listener-card .table-responsive,
.lrr-admin-hero-soft + form .table-responsive {
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 14px;
    background: #ffffff;
}

.lrr-qris-listener-card .table,
.lrr-admin-hero-soft + form .table {
    margin-bottom: 0;
}

.lrr-admin-hero-soft + form .table {
    min-width: 680px;
}

.lrr-admin-hero-soft + form .lrr-admin-form-grid {
    gap: 14px;
}

.lrr-admin-hero-soft + form .lrr-admin-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    border: 1px solid rgba(17, 24, 39, .08);
    border-radius: 14px;
    background: #f8fafc;
    padding: 10px 12px;
}

.lrr-admin-hero-soft + form .lrr-admin-save-button {
    min-height: 46px;
    border-radius: 999px;
    font-weight: 900;
    padding-inline: 22px;
}

@media (min-width: 1200px) {
    .lrr-admin-payment-sticky-summary {
        position: sticky;
        top: 18px;
    }
}

@media (max-width: 991.98px) {
    .lrr-admin-payment-hero,
    .lrr-admin-dashboard-hero,
    .lrr-qris-admin-top,
    .lrr-qris-listener-grid,
    .lrr-qris-test-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-card-head,
    .lrr-admin-panel-header,
    .lrr-admin-payment-savebar {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-admin-payment-savebar .btn,
    .lrr-admin-card-head .btn,
    .lrr-qris-listener-card .lrr-admin-card-head form,
    .lrr-qris-listener-card .lrr-admin-card-head .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .lrr-admin-content {
        padding: 14px;
    }

    .lrr-admin-card,
    .lrr-admin-panel,
    .lrr-admin-payment-card,
    .lrr-qris-dynamic-panel,
    .lrr-qris-manual-preview {
        border-radius: 16px;
        padding: 14px;
    }

    .lrr-admin-payment-hero,
    .lrr-admin-dashboard-hero,
    .lrr-admin-hero-soft {
        border-radius: 16px;
        padding: 16px;
    }

    .lrr-qris-image-box {
        min-height: 220px;
    }
}

/* AdminLTE payment/member control polish */
.lrr-page-admin-api-settings .lrr-admin-content,
.lrr-page-admin-payment-settings .lrr-admin-content,
.lrr-page-admin-qris .lrr-admin-content,
.lrr-page-admin-history .lrr-admin-content,
.lrr-page-admin-users .lrr-admin-content {
    display: grid;
    gap: 16px;
}

.lrr-page-admin-api-settings .lrr-admin-hero,
.lrr-page-admin-payment-settings .lrr-admin-payment-hero,
.lrr-page-admin-qris .lrr-admin-hero,
.lrr-page-admin-history .lrr-admin-hero,
.lrr-page-admin-users .lrr-admin-hero {
    margin-bottom: 0;
    border-radius: 8px;
    border-left: 4px solid #0d6efd;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.lrr-page-admin-history .lrr-admin-panel,
.lrr-page-admin-users .lrr-admin-panel,
.lrr-page-admin-api-settings .lrr-admin-panel,
.lrr-page-admin-qris .lrr-admin-card,
.lrr-page-admin-qris .lrr-admin-panel,
.lrr-page-admin-payment-settings .lrr-admin-panel {
    border-radius: 8px;
}

.lrr-admin-api-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px);
    align-items: stretch;
}

.lrr-admin-api-score,
.lrr-admin-qris-health-grid > div {
    display: grid;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(13, 110, 253, 0.14);
    border-radius: 8px;
    background: #ffffff;
    padding: 14px;
}

.lrr-admin-api-score span,
.lrr-admin-api-score small,
.lrr-admin-qris-health-grid span {
    color: #6b7280;
    font-size: 0.8rem;
    font-weight: 800;
}

.lrr-admin-api-score strong,
.lrr-admin-qris-health-grid strong {
    color: #111827;
    font-size: 1.4rem;
    font-weight: 950;
}

.lrr-admin-api-grid,
.lrr-admin-api-ops-grid {
    display: grid;
    gap: 14px;
}

.lrr-admin-api-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lrr-admin-api-ops-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-admin-api-card,
.lrr-admin-api-ops-grid > div {
    display: grid;
    align-content: start;
    gap: 10px;
    min-width: 0;
    background: #ffffff;
}

.lrr-admin-api-card {
    min-height: 240px;
    border-top: 3px solid #6b7280;
}

.lrr-admin-api-card-ready {
    border-top-color: #15b86a;
}

.lrr-admin-api-card-missing {
    border-top-color: #f59e0b;
}

.lrr-admin-api-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.lrr-admin-api-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #eef5ff;
    color: #0d6efd;
    font-size: 1.25rem;
}

.lrr-admin-api-card h3,
.lrr-admin-api-ops-grid strong {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.2;
}

.lrr-admin-api-card p,
.lrr-admin-api-card small,
.lrr-admin-api-ops-grid span {
    color: #6b7280;
    line-height: 1.55;
}

.lrr-admin-api-key-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lrr-admin-api-key-list code {
    border-radius: 6px;
    background: #f3f4f6;
    color: #111827;
    font-size: 0.74rem;
    padding: 5px 7px;
    overflow-wrap: anywhere;
}

.lrr-admin-api-ops-grid > div {
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 8px;
    padding: 14px;
}

.lrr-admin-api-ops-grid .btn {
    width: fit-content;
}

.lrr-admin-qris-health-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    min-width: min(100%, 430px);
}

.lrr-page-admin-history .row.g-3,
.lrr-page-admin-users .row.g-3 {
    margin-bottom: 0;
}

.lrr-page-admin-history .lrr-admin-mini-stat,
.lrr-page-admin-users .lrr-admin-mini-stat {
    min-height: 96px;
    border-radius: 8px;
    border-left: 4px solid #0d6efd;
}

.lrr-admin-user-cell {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 240px;
}

.lrr-admin-user-avatar {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0d6efd, #20c997);
    color: #ffffff;
    font-weight: 950;
}

.lrr-admin-user-cell div {
    min-width: 0;
}

.lrr-admin-user-cell strong,
.lrr-admin-user-cell small,
.lrr-admin-table td > strong,
.lrr-admin-table td > small {
    overflow-wrap: anywhere;
}

.lrr-admin-action-row form,
.lrr-admin-action-row button,
.lrr-admin-action-row .btn {
    width: 100%;
}

.lrr-admin-action-done {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    border-radius: 999px;
    background: #eef2f7;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 850;
    padding: 7px 10px;
    white-space: nowrap;
}

.lrr-admin-action-done-success {
    background: rgba(21, 184, 106, 0.14);
    color: #0f7a44;
}

.lrr-admin-action-done-danger {
    background: rgba(239, 68, 68, 0.14);
    color: #b42318;
}

.lrr-admin-action-done-neutral {
    background: #eef2f7;
    color: #475569;
}

.lrr-admin-action-done-info {
    background: rgba(13, 110, 253, 0.12);
    color: #0b5ed7;
}

.lrr-admin-method-card-online {
    border-top: 3px solid #15b86a;
}

.lrr-admin-method-card-offline {
    border-top: 3px solid #94a3b8;
}

.lrr-admin-method-card-maintenance {
    border-top: 3px solid #ef4444;
}

.lrr-admin-method-card-details .lrr-admin-method-summary-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.lrr-page-admin-payment-settings .lrr-admin-payment-save-panel {
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10);
}

@media (max-width: 1199.98px) {
    .lrr-admin-api-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .lrr-admin-api-hero,
    .lrr-admin-api-ops-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-qris-health-grid {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-admin-history .lrr-admin-table,
    .lrr-page-admin-users .lrr-admin-table {
        min-width: 760px;
    }

    .lrr-page-admin-history .table-responsive,
    .lrr-page-admin-users .table-responsive,
    .lrr-page-admin-qris .table-responsive {
        border: 1px solid rgba(17, 24, 39, 0.08);
        border-radius: 8px;
        background: #ffffff;
    }

    .lrr-admin-qris-health-grid,
    .lrr-admin-api-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-api-ops-grid .btn,
    .lrr-admin-filterbar .btn,
    .lrr-page-admin-users .lrr-admin-table .btn,
    .lrr-page-admin-history .lrr-admin-table .btn {
        width: 100%;
    }

    .lrr-admin-api-card {
        min-height: 0;
    }
}


/* AdminLTE responsive hardening: qris/settings, users, riwayat, setting-payment, setting-api */
.lrr-admin-qris-hero .lrr-admin-qris-health-grid {
    flex: 0 0 auto;
}

.lrr-qris-listener-card .lrr-admin-soft-note form .d-flex {
    gap: 8px;
}

@media (max-width: 991.98px) {
    .lrr-admin-qris-hero,
    .lrr-admin-api-hero {
        align-items: stretch;
    }

    .lrr-admin-qris-hero .lrr-admin-qris-health-grid {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .lrr-page-admin-qris .lrr-qris-listener-card .lrr-admin-soft-note form .d-flex {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-page-admin-qris .lrr-qris-listener-card .lrr-admin-soft-note form .d-flex .btn {
        width: 100%;
    }

    .lrr-page-admin-qris .lrr-admin-hero .btn,
    .lrr-page-admin-users .lrr-admin-hero .btn,
    .lrr-page-admin-history .lrr-admin-hero .btn {
        width: 100%;
    }

    .lrr-page-admin-qris .lrr-admin-qris-health-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lrr-page-admin-qris .lrr-admin-qris-health-grid > div {
        padding: 10px;
    }
}


/* =====================================================================
   Setting Roblox (Top Up Robux) - AdminLTE
   ===================================================================== */
.lrr-admin-robux-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.lrr-admin-robux-score {
    display: grid;
    gap: 2px;
    text-align: right;
    padding: 12px 16px;
    border-radius: 16px;
    background: rgba(108, 47, 242, 0.08);
    min-width: 200px;
}

.lrr-admin-robux-score span {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.lrr-admin-robux-score strong {
    font-size: 1.05rem;
    font-weight: 900;
    color: #1f2433;
}

.lrr-admin-robux-score small {
    color: var(--lrr-muted);
    font-size: 0.8rem;
}

.lrr-admin-robux-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-robux-stat {
    border: 1px solid var(--lrr-line);
    border-radius: 16px;
    background: #ffffff;
    padding: 14px;
    display: grid;
    gap: 3px;
}

.lrr-admin-robux-stat span {
    color: var(--lrr-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lrr-admin-robux-stat strong {
    font-size: 1.2rem;
    font-weight: 900;
    color: #1f2433;
}

.lrr-admin-robux-stat small {
    color: var(--lrr-muted);
    font-size: 0.8rem;
}

.lrr-admin-robux-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.lrr-admin-robux-hint {
    color: #b45309;
    font-size: 0.85rem;
    font-weight: 700;
}

.lrr-admin-robux-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lrr-admin-robux-card {
    display: grid;
    gap: 12px;
    align-content: start;
}

.lrr-admin-robux-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-robux-rate-lock {
    display: grid;
    gap: 6px;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    background: #f0f9ff;
    padding: 12px;
}

.lrr-admin-robux-rate-lock span,
.lrr-admin-robux-rate-lock small {
    display: block;
    color: #0369a1;
    font-size: .82rem;
    font-weight: 800;
}

.lrr-admin-robux-rate-lock strong {
    display: block;
    color: #0f172a;
    font-size: .98rem;
    overflow-wrap: anywhere;
}

.lrr-admin-robux-methods {
    display: grid;
    gap: 8px;
    border: 1px solid var(--lrr-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 12px;
}

.lrr-admin-robux-tax-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
    padding: 10px 12px;
    font-size: 0.88rem;
}

.lrr-admin-robux-tax-note i {
    margin-top: 2px;
}

.lrr-admin-robux-submit {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .lrr-admin-robux-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-admin-robux-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .lrr-admin-robux-hero {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-admin-robux-score {
        text-align: left;
        min-width: 0;
    }

    .lrr-admin-robux-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-robux-actions form,
    .lrr-admin-robux-actions .btn {
        width: 100%;
    }

    .lrr-admin-robux-submit .btn {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .lrr-admin-robux-stat-grid {
        gap: 8px;
    }

    .lrr-admin-robux-stat {
        padding: 11px;
    }

    .lrr-admin-robux-stat strong {
        font-size: 1.02rem;
    }

    .lrr-admin-robux-stat span {
        font-size: 0.72rem;
    }
}

/* =====================================================================
   Setting Game - VIP Reseller mapping
   ===================================================================== */
.lrr-admin-game-hero {
    background: linear-gradient(135deg, #12333f, #0f766e);
}

.lrr-admin-game-score {
    min-width: 220px;
    padding: 14px 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    text-align: right;
}

.lrr-admin-game-score span,
.lrr-admin-game-score small {
    display: block;
    color: rgba(255, 255, 255, .78);
}

.lrr-admin-game-score strong {
    display: block;
    font-size: 1.12rem;
}

.lrr-admin-game-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.lrr-admin-game-stat {
    background: #fff;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    padding: 14px;
    box-shadow: var(--lrr-admin-shadow-soft);
}

.lrr-admin-game-stat span,
.lrr-admin-game-stat small {
    display: block;
    color: var(--lrr-muted);
    font-size: .82rem;
}

.lrr-admin-game-stat strong {
    display: block;
    color: var(--lrr-dark);
    font-size: 1.35rem;
    line-height: 1.15;
}

.lrr-admin-game-actions,
.lrr-admin-game-danger-form,
.lrr-admin-game-product-tools,
.lrr-admin-game-product-submit,
.lrr-admin-game-submit {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.lrr-admin-game-submit,
.lrr-admin-game-product-submit {
    justify-content: flex-end;
}

.lrr-admin-game-danger-form .form-control {
    width: 118px;
}

.lrr-admin-game-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lrr-admin-game-card {
    display: grid;
    gap: 12px;
    align-content: start;
}

.lrr-admin-game-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lrr-admin-game-methods,
.lrr-admin-game-catalog,
.lrr-admin-game-product-group {
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #f8fafc;
}

.lrr-admin-game-methods {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.lrr-admin-game-sync-note {
    display: grid;
    gap: 3px;
    padding: 12px;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #f8fafc;
}

.lrr-admin-game-sync-note span,
.lrr-admin-game-sync-note small {
    color: var(--lrr-muted);
    font-size: .82rem;
}

.lrr-admin-game-sync-note strong {
    color: var(--lrr-dark);
    font-size: .95rem;
}

.lrr-admin-game-catalog-list {
    display: grid;
    gap: 12px;
}

.lrr-admin-game-catalog {
    overflow: hidden;
}

.lrr-admin-game-catalog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 12px 14px;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.lrr-admin-game-catalog-head::marker,
.lrr-admin-game-catalog-subdetails > summary::marker,
.lrr-admin-game-product-group summary::marker {
    content: '';
}

.lrr-admin-game-catalog-head > div {
    min-width: 0;
}

.lrr-admin-game-catalog-head strong,
.lrr-admin-game-product-group summary strong {
    display: block;
    color: var(--lrr-dark);
}

.lrr-admin-game-catalog-head small,
.lrr-admin-game-product-group summary small,
.lrr-admin-game-product-table small {
    display: block;
    color: var(--lrr-muted);
    font-size: .78rem;
}

.lrr-admin-game-catalog-head small a {
    color: #2563eb;
    overflow-wrap: anywhere;
}

.lrr-admin-game-header-actions,
.lrr-admin-game-catalog-summary-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.lrr-admin-game-header-actions {
    justify-content: flex-end;
}

.lrr-admin-game-catalog-summary-actions {
    flex-shrink: 0;
    justify-content: flex-end;
}

.lrr-admin-game-catalog-summary-actions > i,
.lrr-admin-game-catalog-subdetails > summary i,
.lrr-admin-game-product-group summary > i {
    transition: transform .18s ease;
}

.lrr-admin-game-catalog[open] .lrr-admin-game-catalog-summary-actions > i,
.lrr-admin-game-catalog-subdetails[open] > summary i,
.lrr-admin-game-product-group[open] summary > i {
    transform: rotate(180deg);
}

.lrr-admin-game-catalog-body {
    display: grid;
    gap: 12px;
    padding: 12px 14px 14px;
    border-top: 1px solid var(--lrr-line);
    background: #f8fafc;
}

.lrr-admin-game-catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-admin-game-catalog-grid .form-label {
    margin-bottom: 4px;
    color: var(--lrr-muted);
    font-size: .78rem;
}

.lrr-admin-game-toggle-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lrr-admin-game-toggle-row-primary {
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #fff;
}

.lrr-admin-game-toggle-row-primary .lrr-admin-toggle {
    flex: 1 1 180px;
    min-width: 180px;
}

.lrr-admin-game-catalog-subdetails {
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.lrr-admin-game-catalog-subdetails > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    color: var(--lrr-dark);
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.lrr-admin-game-catalog-subdetails > .lrr-admin-game-grid {
    padding: 0 12px 12px;
}

.lrr-admin-game-product-group {
    margin-top: 10px;
    overflow: hidden;
}

.lrr-admin-game-product-group summary {
    min-height: 56px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    background: #fff;
}

.lrr-admin-game-product-tools {
    padding: 12px 14px;
    border-top: 1px solid var(--lrr-line);
    justify-content: space-between;
}

.lrr-admin-game-product-range,
.lrr-admin-game-page-text {
    color: var(--lrr-muted);
    font-size: .82rem;
}

.lrr-admin-game-product-group > form,
.lrr-admin-game-product-group > .text-muted {
    padding: 0 14px 14px;
}

.lrr-admin-game-product-table input,
.lrr-admin-game-product-table select {
    min-width: 120px;
}

.lrr-admin-game-product-table select {
    min-width: 150px;
}

.lrr-admin-game-product-list {
    display: grid;
    gap: 10px;
}

.lrr-admin-game-product-card {
    display: grid;
    grid-template-columns: minmax(220px, .92fr) minmax(220px, .78fr) minmax(300px, 1.2fr);
    gap: 12px;
    align-items: start;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #fff;
    padding: 12px;
}

.lrr-admin-game-product-main,
.lrr-admin-game-product-meta,
.lrr-admin-game-product-fields {
    min-width: 0;
}

.lrr-admin-game-product-main {
    display: grid;
    gap: 5px;
}

.lrr-admin-game-product-main strong {
    color: var(--lrr-dark);
    font-size: .95rem;
    font-weight: 950;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.lrr-admin-game-product-main small {
    color: var(--lrr-muted);
    font-size: .78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.lrr-admin-game-product-code {
    width: max-content;
    max-width: 100%;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: .72rem;
    font-weight: 950;
    padding: 4px 9px;
    overflow-wrap: anywhere;
}

.lrr-admin-game-product-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.lrr-admin-game-product-meta > span {
    display: grid;
    gap: 2px;
    border: 1px solid var(--lrr-line);
    border-radius: 8px;
    background: #f8fafc;
    padding: 8px;
}

.lrr-admin-game-product-meta small,
.lrr-admin-game-product-fields label > span,
.lrr-admin-game-product-toggle > span:first-child {
    color: var(--lrr-muted);
    font-size: .74rem;
    font-weight: 850;
}

.lrr-admin-game-product-meta strong {
    color: var(--lrr-dark);
    font-size: .82rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.lrr-admin-game-product-fields {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(120px, .75fr) minmax(112px, .7fr) minmax(84px, .5fr) auto;
    gap: 8px;
    align-items: end;
}

.lrr-admin-game-product-fields label {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.lrr-admin-game-product-toggle {
    justify-items: center;
}

.lrr-admin-game-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    padding-top: 12px;
}

.lrr-admin-game-catalog-pagination {
    justify-content: space-between;
    margin-top: 12px;
    border-top: 1px solid var(--lrr-line);
}

.lrr-admin-switch-mini {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.lrr-admin-switch-mini input {
    position: absolute;
    opacity: 0;
}

.lrr-admin-switch-mini span {
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    transition: background .18s ease;
}

.lrr-admin-switch-mini span::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    top: 2px;
    left: 2px;
    transition: transform .18s ease;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .22);
}

.lrr-admin-switch-mini input:checked + span {
    background: #0f766e;
}

.lrr-admin-switch-mini input:checked + span::after {
    transform: translateX(16px);
}

@media (max-width: 991.98px) {
    .lrr-admin-game-stat-grid,
    .lrr-admin-game-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-admin-game-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-admin-game-product-card {
        grid-template-columns: 1fr;
    }

    .lrr-admin-game-product-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .lrr-admin-game-hero {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-admin-game-score {
        min-width: 0;
        text-align: left;
    }

    .lrr-admin-game-stat-grid,
    .lrr-admin-game-layout,
    .lrr-admin-game-grid {
        grid-template-columns: 1fr;
    }

    .lrr-admin-game-actions .btn,
    .lrr-admin-game-actions form,
    .lrr-admin-game-header-actions .btn,
    .lrr-admin-game-danger-form .form-control,
    .lrr-admin-game-submit .btn,
    .lrr-admin-game-product-submit .btn,
    .lrr-admin-game-pagination .btn,
    .lrr-admin-game-product-tools form,
    .lrr-admin-game-product-tools .btn {
        width: 100%;
    }

    .lrr-admin-game-product-tools,
    .lrr-admin-game-header-actions,
    .lrr-admin-game-pagination {
        align-items: stretch;
    }

    .lrr-admin-game-catalog-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-admin-game-catalog-summary-actions,
    .lrr-admin-game-header-actions {
        width: 100%;
        justify-content: space-between;
    }

    .lrr-admin-game-toggle-row-primary .lrr-admin-toggle {
        min-width: 0;
        width: 100%;
    }

    .lrr-admin-game-product-range,
    .lrr-admin-game-page-text {
        width: 100%;
        text-align: center;
    }

    .lrr-admin-game-product-fields,
    .lrr-admin-game-product-meta {
        grid-template-columns: 1fr;
    }

    .lrr-admin-game-product-toggle {
        justify-items: start;
    }
}

/* source: shared/lrr-clarity.css */
/* LRR clarity UI pass: white pages, black text, branded purple actions, compact hero/auth. */
:root {
    --lrr-bg: #ffffff;
    --lrr-surface: #f7f7fb;
    --lrr-surface-soft: #f3f1ff;
    --lrr-card: #ffffff;
    --lrr-text: #151821;
    --lrr-muted: #5f6673;
    --lrr-line: rgba(21, 24, 33, 0.12);
    --lrr-primary: #6c2ff2;
    --lrr-primary-dark: #5420cf;
    --lrr-secondary: #7c3cff;
    --lrr-shadow-sm: 0 10px 24px rgba(21, 24, 33, 0.06);
    --lrr-shadow-md: 0 18px 44px rgba(21, 24, 33, 0.09);
    --lrr-shadow-lg: 0 24px 60px rgba(21, 24, 33, 0.14);
}

body.lrr-page,
body.lrr-page-auth,
body.lrr-page-member {
    color: var(--lrr-text);
    background: #ffffff;
}

body[data-lrr-protect-copy="1"] {
    -webkit-user-select: none;
    user-select: none;
}

body[data-lrr-protect-copy="1"] input,
body[data-lrr-protect-copy="1"] textarea,
body[data-lrr-protect-copy="1"] select,
body[data-lrr-protect-copy="1"] option,
body[data-lrr-protect-copy="1"] code,
body[data-lrr-protect-copy="1"] pre,
body[data-lrr-protect-copy="1"] .lrr-allow-copy {
    -webkit-user-select: text;
    user-select: text;
}

.lrr-app-shell {
    background: #ffffff;
}

.lrr-public-header {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(21, 24, 33, 0.08);
    box-shadow: 0 8px 28px rgba(21, 24, 33, 0.05);
}

.lrr-navbar {
    min-height: 70px;
}

.lrr-nav-list .nav-link {
    color: #252936;
}

.lrr-nav-list .nav-link:hover,
.lrr-nav-list .nav-link:focus {
    color: var(--lrr-primary-dark);
}

.lrr-nav-toggler {
    border-color: rgba(21, 24, 33, 0.18);
    background: #ffffff;
}

.lrr-brand-logo {
    width: 118px;
    max-height: 42px;
}

.lrr-footer-logo {
    width: 112px;
    max-height: 42px;
}

.lrr-btn-primary,
.btn-primary.lrr-btn {
    border-color: var(--lrr-primary);
    background: var(--lrr-primary);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(108, 47, 242, 0.22);
}

.lrr-btn-primary:hover,
.lrr-btn-primary:focus,
.btn-primary.lrr-btn:hover,
.btn-primary.lrr-btn:focus {
    border-color: var(--lrr-primary-dark);
    background: var(--lrr-primary-dark);
    color: #ffffff;
}

.btn-outline-secondary.lrr-btn,
.lrr-btn-ghost {
    border-color: rgba(108, 47, 242, 0.24);
    background: #ffffff;
    color: var(--lrr-primary-dark);
}

.btn-outline-secondary.lrr-btn:hover,
.btn-outline-secondary.lrr-btn:focus,
.lrr-btn-ghost:hover,
.lrr-btn-ghost:focus {
    border-color: var(--lrr-primary);
    background: #f3f0ff;
    color: var(--lrr-primary-dark);
}

.lrr-btn-light,
.btn-light.lrr-btn {
    border-color: var(--lrr-primary);
    background: var(--lrr-primary);
    color: #ffffff;
}

.lrr-chip {
    background: #f3f0ff;
    color: var(--lrr-primary-dark);
}

.lrr-chip-success {
    background: #f3f0ff;
    color: var(--lrr-primary-dark);
}

.lrr-hero-main {
    padding: clamp(42px, 7vw, 78px) 0 clamp(34px, 6vw, 62px);
    color: var(--lrr-text);
    background:
        radial-gradient(circle at 90% 12%, rgba(108, 47, 242, 0.09), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fbfbff 100%);
}

.lrr-hero-main::before {
    display: none;
}

.lrr-hero-main h1 {
    max-width: 780px;
    margin: 18px 0;
    color: #121521;
    font-size: clamp(2.35rem, 5.8vw, 4.7rem);
    line-height: 0.98;
    letter-spacing: -0.07em;
}

.lrr-hero-main .lrr-hero-lead {
    max-width: 700px;
    color: #444b59;
    font-size: 1.06rem;
    line-height: 1.78;
}

.lrr-hero-note {
    max-width: 690px;
    margin-top: 18px;
    border: 1px solid rgba(108, 47, 242, 0.16);
    border-radius: 18px;
    background: #ffffff;
    color: #4c5565;
    padding: 14px 16px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-hero-compact-stage {
    position: relative;
    display: grid;
    gap: 18px;
    align-content: center;
    max-width: 430px;
    min-height: 340px;
    margin-inline: auto;
    border: 1px solid rgba(21, 24, 33, 0.08);
    border-radius: 32px;
    background:
        linear-gradient(135deg, #ffffff, #f7f5ff),
        radial-gradient(circle at top right, rgba(108, 47, 242, 0.16), transparent 42%);
    box-shadow: var(--lrr-shadow-md);
    padding: 24px;
    overflow: hidden;
}

.lrr-hero-mini-logo {
    width: 148px;
    height: auto;
}

.lrr-hero-chat-card {
    display: grid;
    gap: 10px;
    border: 1px solid rgba(108, 47, 242, 0.14);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 16px;
    animation: lrr-chat-soft-float 5.5s ease-in-out infinite;
}

.lrr-hero-chat-top {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #222735;
}

.lrr-hero-chat-top small {
    margin-left: auto;
    color: var(--lrr-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.lrr-hero-chat-line {
    max-width: 92%;
    border-radius: 16px;
    color: #252936;
    line-height: 1.45;
    padding: 11px 12px;
}

.lrr-hero-chat-line-user {
    justify-self: end;
    background: var(--lrr-primary);
    color: #ffffff;
}

.lrr-hero-chat-line-bot {
    justify-self: start;
    background: #f4f5f8;
}

.lrr-hero-chat-typing {
    display: inline-flex;
    gap: 5px;
    width: max-content;
    border-radius: 999px;
    background: #f4f5f8;
    padding: 9px 11px;
}

.lrr-hero-chat-typing span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--lrr-primary);
    animation: lrr-chat-dot 1.2s ease-in-out infinite;
}

.lrr-hero-chat-typing span:nth-child(2) {
    animation-delay: 0.16s;
}

.lrr-hero-chat-typing span:nth-child(3) {
    animation-delay: 0.32s;
}

@keyframes lrr-chat-soft-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

@keyframes lrr-chat-dot {
    0%, 80%, 100% { opacity: 0.28; transform: translateY(0); }
    40% { opacity: 1; transform: translateY(-3px); }
}

.lrr-trust-section {
    margin-top: 0;
    background: #ffffff;
}

.lrr-trust-strip-panel {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    border: 1px solid rgba(21, 24, 33, 0.08);
    border-radius: 24px;
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
    padding: 12px;
}

.lrr-trust-strip-panel div {
    border-radius: 18px;
    background: #f8f8fb;
    padding: 14px;
}

.lrr-trust-strip-panel strong,
.lrr-trust-strip-panel span {
    display: block;
}

.lrr-trust-strip-panel strong {
    color: #1d2230;
}

.lrr-trust-strip-panel span {
    margin-top: 4px;
    color: var(--lrr-muted);
    font-size: 0.86rem;
    line-height: 1.5;
}

.lrr-section-panel,
.lrr-section-white,
.lrr-closing-section {
    background: #ffffff;
}

.lrr-section-muted,
.lrr-section-soft {
    background: #f6f6fb;
}

.lrr-section-heading h2,
.lrr-section h2,
.lrr-section h3,
.lrr-page-hero h1,
.lrr-closing-cta-card h2 {
    color: #151821;
}

.lrr-section-text,
.lrr-section-heading p,
.lrr-workflow-grid p,
.lrr-feature-lab-grid p,
.lrr-pricing-trust-list span,
.lrr-closing-cta-card p {
    color: #4f5867;
}

.lrr-workflow-grid article,
.lrr-feature-grid article,
.lrr-trust-list span,
.lrr-closing-cta-surface {
    border-color: rgba(21, 24, 33, 0.08);
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-workflow-grid b {
    background: #f3f0ff;
    color: var(--lrr-primary-dark);
}

.lrr-feature-grid article span {
    color: var(--lrr-primary-dark);
}

.lrr-boundary-board {
    border: 1px solid rgba(21, 24, 33, 0.08);
    background: #ffffff;
    color: #151821;
    box-shadow: var(--lrr-shadow-md);
}

.lrr-boundary-board ul {
    color: #4f5867;
}

.lrr-boundary-board a {
    color: var(--lrr-primary-dark);
}

.lrr-closing-cta-surface {
    background: #ffffff;
}

.lrr-page-hero,
.lrr-trust-hero-pro,
.lrr-invoice-guide-hero,
.lrr-contact-hero-pro,
.lrr-policy-hero {
    color: #151821;
    background: linear-gradient(180deg, #ffffff, #f8f8fb);
    border-bottom: 1px solid rgba(21, 24, 33, 0.08);
}

.lrr-page-hero-compact p,
.lrr-policy-hero p,
.lrr-trust-hero-pro p,
.lrr-invoice-guide-hero p,
.lrr-contact-hero-pro p {
    color: #4f5867;
}

.lrr-auth-shell-minimal {
    display: grid;
    min-height: 100vh;
    grid-template-columns: 1fr;
    place-items: center;
    background:
        radial-gradient(circle at top, rgba(108, 47, 242, 0.09), transparent 32%),
        #ffffff;
    padding: 24px;
}

.lrr-auth-minimal-card-wrap {
    width: min(100%, 430px);
}

.lrr-auth-minimal-brand {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.lrr-auth-minimal-brand img {
    width: 128px;
    height: auto;
}

.lrr-auth-card-compact {
    width: 100%;
    max-width: 430px;
    border: 1px solid rgba(21, 24, 33, 0.1);
    border-radius: 24px;
    box-shadow: var(--lrr-shadow-md);
    padding: clamp(22px, 5vw, 30px);
}

.lrr-auth-card-compact h1 {
    margin: 8px 0 6px;
    color: #151821;
    font-size: clamp(1.75rem, 6vw, 2.25rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.lrr-auth-card-compact p {
    margin-bottom: 14px;
    color: #586171;
    line-height: 1.6;
}

.lrr-auth-form {
    gap: 9px;
}

.lrr-auth-form .form-label {
    color: #252936;
    font-size: 0.9rem;
    font-weight: 800;
}

.lrr-auth-form .form-control {
    min-height: 48px;
    border-color: rgba(21, 24, 33, 0.14);
    border-radius: 14px;
    color: #151821;
    background: #ffffff;
}

.lrr-auth-form .form-control:focus {
    border-color: rgba(108, 47, 242, 0.55);
    box-shadow: 0 0 0 0.2rem rgba(108, 47, 242, 0.12);
}

.lrr-auth-small-state,
.lrr-turnstile-box-compact {
    border: 1px solid rgba(108, 47, 242, 0.14);
    border-radius: 14px;
    background: #f8f6ff;
    color: #5f6673;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1.5;
    padding: 11px 12px;
}

.lrr-turnstile-box-compact {
    min-height: auto;
    place-items: start;
    text-align: left;
}

.lrr-social-auth-grid-compact {
    grid-template-columns: 1fr;
    margin: 12px 0;
}

.lrr-social-auth-grid-compact .lrr-social-auth-btn {
    min-height: 44px;
    box-shadow: none;
}

.lrr-auth-footer-note {
    margin: 14px 0 0;
    color: #6c7280;
    font-size: 0.82rem;
    text-align: center;
}

.lrr-page-member {
    color: #151821;
    background: #ffffff;
}

.lrr-member-main {
    background: #ffffff;
}

.lrr-member-sidebar {
    background: #151821;
}

.lrr-member-topbar h1,
.lrr-member-card strong,
.lrr-member-panel h2,
.lrr-member-home-hero h2,
.lrr-member-section-head h2,
.lrr-member-cta-panel h2,
.lrr-otp-order-hero h2,
.lrr-chat-workspace-head h2 {
    color: #151821;
}

.lrr-member-home-hero,
.lrr-member-home-hero-pro,
.lrr-member-panel,
.lrr-member-card,
.lrr-member-shortcut-grid a,
.lrr-member-activity-item,
.lrr-otp-service-card,
.lrr-deposit-panel {
    border-color: rgba(21, 24, 33, 0.09);
    background: #ffffff;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-member-home-hero,
.lrr-member-home-hero-pro {
    background: #ffffff;
}

.lrr-member-home-hero p,
.lrr-member-panel p,
.lrr-member-card p,
.lrr-member-shortcut-grid span,
.lrr-otp-order-hero p,
.lrr-chat-workspace-head p,
.lrr-deposit-panel p {
    color: #535d6c;
}

.lrr-member-hero-balance {
    background: #151821;
    color: #ffffff;
}

.lrr-member-hero-balance a,
.lrr-member-hero-balance span,
.lrr-member-hero-balance small {
    color: rgba(255, 255, 255, 0.82);
}

.lrr-member-bottom-nav {
    background: #151821;
}

.lrr-member-bottom-nav a {
    color: rgba(255, 255, 255, 0.74);
}

.lrr-member-bottom-active,
.lrr-member-bottom-nav a.lrr-member-bottom-active {
    background: #ffffff;
    color: var(--lrr-primary-dark);
}

.lrr-footer {
    background: #151821;
    color: #ffffff;
}

@media (max-width: 991.98px) {
    .lrr-hero-main {
        padding-top: 34px;
    }

    .lrr-hero-main h1 {
        font-size: clamp(2.1rem, 9vw, 3.15rem);
    }

    .lrr-hero-compact-stage {
        max-width: 100%;
        min-height: 292px;
        padding: 18px;
    }

    .lrr-trust-strip-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-public-header {
        position: sticky;
    }

    .lrr-hero-actions,
    .lrr-closing-cta-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-hero-actions .btn,
    .lrr-closing-cta-actions .btn {
        width: 100%;
    }

    .lrr-hero-compact-stage {
        min-height: 260px;
        border-radius: 26px;
    }

    .lrr-hero-chat-card {
        border-radius: 20px;
    }

    .lrr-member-main {
        padding: 18px;
    }

    .lrr-member-profile-pill {
        background: #ffffff;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lrr-hero-chat-card,
    .lrr-hero-chat-typing span {
        animation: none;
    }
}

.lrr-auth-shell-minimal .lrr-auth-card {
    width: 100%;
    max-width: 430px;
    border-radius: 24px;
    box-shadow: var(--lrr-shadow-md);
}

.lrr-page .lrr-security-board,
.lrr-page .lrr-invoice-status-board,
.lrr-page .lrr-contact-warning {
    border: 1px solid rgba(21, 24, 33, 0.08);
    background: #ffffff;
    color: #151821;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-page .lrr-security-board ul,
.lrr-page .lrr-invoice-status-board span,
.lrr-page .lrr-contact-warning p,
.lrr-page .lrr-contact-warning li {
    color: #4f5867;
}

.lrr-page .lrr-security-board a,
.lrr-page .lrr-invoice-status-board a,
.lrr-page .lrr-contact-warning a {
    color: var(--lrr-primary-dark);
}

/* LRR stability layer: compact white UI, precise hero image, custom invoice. */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        scroll-behavior: auto;
        transition-duration: 0.01ms;
    }
}

.lrr-hero-visual-card {
    position: relative;
    min-height: auto;
    width: min(100%, 580px);
    margin-inline: auto;
    border: 1px solid rgba(21, 24, 33, 0.08);
    border-radius: clamp(22px, 4vw, 34px);
    background: linear-gradient(180deg, #ffffff, #f7f8ff);
    box-shadow: var(--lrr-shadow-md);
    padding: clamp(12px, 2vw, 18px);
    overflow: hidden;
}

.lrr-hero-visual-card::before {
    inset: auto 8% 8% 8%;
    height: 32%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(108, 47, 242, 0.16), transparent 68%);
    filter: blur(22px);
}

.lrr-hero-illustration {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 760 / 612;
    object-fit: contain;
    object-position: center;
    transform: translateZ(0);
}

.lrr-hero-chat-float {
    position: absolute;
    z-index: 2;
    right: clamp(12px, 4vw, 24px);
    bottom: clamp(12px, 4vw, 24px);
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    gap: 4px 9px;
    width: min(78%, 280px);
    border: 1px solid rgba(108, 47, 242, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 44px rgba(21, 24, 33, 0.12);
    backdrop-filter: blur(12px);
    padding: 12px 14px;
    animation: lrr-chat-soft-float 5.5s ease-in-out infinite;
}

.lrr-hero-chat-float small {
    grid-column: 1 / -1;
    color: #5a6270;
    font-size: 0.82rem;
    line-height: 1.45;
}

.lrr-hero-chat-float strong {
    color: #151821;
    font-size: 0.95rem;
}

.lrr-deposit-panel-pro .lrr-panel-title-row small {
    display: block;
    margin-top: 4px;
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 700;
}

.lrr-deposit-method-status {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.lrr-deposit-method-status span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(21, 24, 33, 0.08);
    background: #f8f8fb;
    color: #384152;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.35;
    padding: 7px 10px;
}

.lrr-deposit-method-status .lrr-status-success {
    border-color: rgba(21, 184, 106, 0.2);
    background: rgba(21, 184, 106, 0.08);
    color: #047857;
}

.lrr-deposit-method-status .lrr-status-warning {
    border-color: rgba(245, 158, 11, 0.24);
    background: rgba(245, 158, 11, 0.09);
    color: #92400e;
}

.lrr-gateway-invoice-box {
    display: grid;
    gap: 10px;
    margin: 14px 0;
}

.lrr-gateway-invoice-box > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    align-items: center;
    border: 1px solid rgba(21, 24, 33, 0.08);
    border-radius: 16px;
    background: #ffffff;
    padding: 12px;
}

.lrr-gateway-invoice-box span {
    grid-column: 1 / -1;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.lrr-gateway-invoice-box strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #151821;
    font-size: 0.95rem;
}

.lrr-gateway-invoice-box button {
    border: 0;
    border-radius: 999px;
    background: #6c2ff2;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
    padding: 7px 10px;
}

.lrr-gateway-address {
    grid-template-columns: minmax(0, 1fr) auto;
}

.lrr-gateway-url-note {
    margin: 6px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
}

@media (max-width: 991.98px) {
    .lrr-hero-visual-card {
        width: min(100%, 620px);
        margin-top: 10px;
        padding: 10px;
    }
}

@media (max-width: 575.98px) {
    .lrr-hero-visual-card {
        border-radius: 24px;
    }

    .lrr-hero-chat-float {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 8px;
        box-shadow: var(--lrr-shadow-sm);
        animation: none;
    }

    .lrr-gateway-invoice-box > div {
        grid-template-columns: 1fr;
    }

    .lrr-gateway-invoice-box button {
        justify-self: start;
    }
}


/* LRR responsive baseline: public white surface, centered auth, compact member mobile. */
.lrr-auth-shell-minimal {
    width: 100%;
    min-height: 100svh;
    place-content: center;
    place-items: center;
}

.lrr-auth-minimal-card-wrap {
    display: grid;
    justify-items: center;
    width: min(100%, 430px);
    margin-inline: auto;
}

.lrr-auth-minimal-card-wrap .lrr-auth-card,
.lrr-auth-minimal-card-wrap .lrr-auth-card-compact,
.lrr-auth-minimal-card-wrap form {
    width: 100%;
}

.lrr-nav-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2821,24,33,.86%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 767.98px) {
    .lrr-auth-shell-minimal {
        min-height: 100svh;
        padding: 14px;
    }

    .lrr-auth-minimal-brand {
        margin-bottom: 10px;
    }

    .lrr-auth-minimal-brand img {
        width: 104px;
    }

    .lrr-auth-card,
    .lrr-auth-card-compact {
        padding: 20px;
        border-radius: 22px;
    }

    .lrr-member-main {
        min-height: auto;
        padding: 12px 10px 96px;
    }

    .lrr-member-topbar {
        position: sticky;
        top: 0;
        z-index: 24;
        margin: -12px -10px 12px;
        border-bottom: 1px solid rgba(17, 24, 39, 0.08);
        background: rgba(255, 255, 255, 0.96);
        padding: 8px 10px;
        backdrop-filter: blur(12px);
    }

    .lrr-member-profile-pill {
        max-width: calc(100vw - 74px);
        border-radius: 18px;
        padding: 6px;
    }

    .lrr-member-profile-pill .btn {
        min-height: 34px;
        padding-inline: 10px;
        font-size: 0.74rem;
    }

    .lrr-member-avatar {
        width: 34px;
        height: 34px;
    }

    .lrr-member-profile-pill strong,
    .lrr-member-profile-pill small {
        max-width: 136px;
    }

    .lrr-member-panel,
    .lrr-member-card,
    .lrr-member-home-hero,
    .lrr-deposit-panel-pro,
    .lrr-deposit-guide-card {
        border-radius: 20px;
        padding: 16px;
    }

    .lrr-member-hero-split,
    .lrr-panel-title-row,
    .lrr-invoice-topline {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-money-input span {
        padding-inline: 12px;
    }

    .lrr-invoice-summary-grid,
    .lrr-deposit-guide-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .lrr-member-main,
    .lrr-admin-content {
        padding: 22px;
    }

    .lrr-member-grid,
    .lrr-history-stats-grid,
    .lrr-invoice-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* 2026-05-31 focused rebuild: deposit invoice, luckybox, homepage ticker */
.lrr-home-marquee-section {
    padding: 14px 0 10px;
    background: #ffffff;
    border-bottom: 1px solid rgba(108, 47, 242, 0.08);
}

.lrr-home-marquee-shell {
    min-height: 48px;
    box-shadow: 0 12px 30px rgba(17, 24, 39, 0.05);
}

.lrr-home-platform-heading {
    align-items: center;
    gap: 18px;
}

.lrr-home-platform-live {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.lrr-topup-shell-member {
    align-items: start;
}

.lrr-topup-heading-primary h2,
.lrr-topup-card-form h3 {
    letter-spacing: -0.04em;
}

.lrr-topup-balance-card-main {
    min-height: 120px;
}

.lrr-deposit-invoice-compact {
    max-width: 1080px;
    margin-inline: auto;
    padding: 24px;
}

.lrr-invoice-compact-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(108, 47, 242, 0.12);
}

.lrr-invoice-compact-head h2 {
    margin: 4px 0;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    letter-spacing: 0.08em;
}

.lrr-invoice-compact-head p {
    margin: 0;
    max-width: 680px;
    color: var(--lrr-muted);
}

.lrr-invoice-closed-alert {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #eefbf4;
    border: 1px solid rgba(21, 184, 106, 0.22);
    color: #075c32;
}

.lrr-invoice-closed-alert i {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: #d6f7e5;
}

.lrr-invoice-closed-alert strong,
.lrr-invoice-closed-alert span {
    display: block;
}

.lrr-invoice-summary-grid-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

.lrr-payment-instruction-compact {
    margin-top: 12px;
    padding: 12px;
    border-radius: 18px;
}

.lrr-payment-main-grid {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.lrr-payment-main-grid-no-media {
    grid-template-columns: 1fr;
}

.lrr-payment-qr-panel,
.lrr-payment-copy-panel,
.lrr-payment-method-card,
.lrr-payment-copy-stack > div {
    border: 1px solid rgba(108, 47, 242, 0.12);
    border-radius: 18px;
    background: #ffffff;
}

.lrr-payment-qr-panel {
    padding: 16px;
    text-align: center;
}

.lrr-payment-qr-panel > span,
.lrr-payment-copy-panel > span,
.lrr-payment-method-card > span,
.lrr-payment-copy-stack span {
    display: block;
    margin-bottom: 6px;
    color: var(--lrr-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lrr-payment-qr-panel img {
    display: block;
    width: min(100%, 230px);
    aspect-ratio: 1;
    object-fit: contain;
    margin-inline: auto;
    border-radius: 18px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: #ffffff;
    padding: 10px;
}

.lrr-payment-qr-empty {
    display: grid;
    place-items: center;
    min-height: 188px;
    gap: 8px;
    color: var(--lrr-muted);
    background: #f8fafc;
    border-radius: 18px;
}

.lrr-payment-qr-empty i {
    font-size: 2.4rem;
    color: var(--lrr-primary);
}

.lrr-payment-copy-stack {
    display: grid;
    gap: 10px;
}

.lrr-payment-main-grid-media .lrr-payment-detail-grid,
.lrr-payment-main-grid-no-media .lrr-payment-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-payment-main-grid-no-media .lrr-payment-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lrr-payment-copy-stack > div,
.lrr-payment-copy-panel,
.lrr-payment-method-card {
    padding: 14px 16px;
}

.lrr-payment-copy-stack > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 10px;
    align-items: center;
}

.lrr-payment-copy-panel-wide {
    grid-column: 1 / -1;
}

.lrr-payment-method-card {
    display: grid;
    gap: 2px;
    background: linear-gradient(135deg, #ffffff, #f8faff);
}

.lrr-payment-copy-stack strong,
.lrr-payment-copy-panel strong,
.lrr-payment-method-card strong {
    display: block;
    color: var(--lrr-text);
    word-break: break-word;
}

.lrr-payment-method-card small {
    color: var(--lrr-muted);
    font-size: 0.86rem;
    line-height: 1.45;
}

.lrr-payment-copy-stack > div > span,
.lrr-payment-copy-stack > div > strong {
    grid-column: 1;
    margin-bottom: 0;
}

.lrr-payment-copy-stack button {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    margin-top: 0;
    border: 0;
    border-radius: 999px;
    background: var(--lrr-primary);
    color: #ffffff;
    min-height: 38px;
    padding: 7px 12px;
    font-weight: 800;
    white-space: nowrap;
}

.lrr-payment-note-row,
.lrr-gateway-address,
.lrr-payment-provider-link {
    grid-column: 1 / -1;
}

.lrr-payment-provider-link {
    justify-self: start;
}

.lrr-payment-safe-list {
    margin: 8px 0 0;
}

.lrr-invoice-timeline-compact {
    margin-top: 12px;
}

.lrr-lucky-pro {
    max-width: 1080px;
    margin-inline: auto;
}

.lrr-lucky-pro-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

.lrr-lucky-pro-head > div {
    display: flex;
    gap: 12px;
    align-items: center;
}

.lrr-lucky-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #218c4a;
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(33, 140, 74, 0.25);
}

.lrr-lucky-pro-head h2,
.lrr-lucky-pro-head p {
    margin: 0;
}

.lrr-lucky-pro-head p {
    color: var(--lrr-muted);
}

/* Lucky Box: badge kredibilitas + animasi ringan */
.lrr-lucky-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.lrr-lucky-trust-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(20, 118, 59, 0.18);
    background: rgba(20, 118, 59, 0.07);
    color: #0f6235;
    font-size: 0.82rem;
    font-weight: 800;
}

.lrr-lucky-trust-badge i {
    font-size: 0.95rem;
}

.lrr-lucky-box-visual {
    animation: lrrLuckyFloat 4.5s ease-in-out infinite;
}

.lrr-lucky-box-visual::after {
    content: "";
    position: absolute;
    inset: -16px;
    z-index: -1;
    border-radius: 46px;
    background: radial-gradient(circle, rgba(255, 217, 64, 0.5), transparent 70%);
    animation: lrrLuckyGlow 3s ease-in-out infinite;
}

.lrr-lucky-spin-btn {
    animation: lrrLuckyPulse 2.4s ease-in-out infinite;
}

@keyframes lrrLuckyFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

@keyframes lrrLuckyGlow {
    0%, 100% { opacity: 0.4; transform: scale(0.95); }
    50% { opacity: 0.85; transform: scale(1.05); }
}

@keyframes lrrLuckyPulse {
    0%, 100% { box-shadow: 0 18px 40px rgba(108, 47, 242, 0.28); }
    50% { box-shadow: 0 20px 54px rgba(108, 47, 242, 0.5); }
}

@media (prefers-reduced-motion: reduce) {
    .lrr-lucky-spark,
    .lrr-lucky-box-visual,
    .lrr-lucky-box-visual::after,
    .lrr-lucky-spin-btn {
        animation: none;
    }
}

.lrr-lucky-pro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
    gap: 18px;
}

.lrr-lucky-main-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.lrr-lucky-stage-pro {
    position: relative;
    overflow: hidden;
    padding: 26px 24px 28px;
    border-radius: 28px;
    background: radial-gradient(circle at 50% 24%, rgba(34, 197, 94, 0.18), transparent 36%), linear-gradient(135deg, #14763b, #04391e);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    box-shadow: 0 26px 60px rgba(4, 57, 30, 0.18);
}

.lrr-lucky-stage-pro .lrr-eyebrow,
.lrr-lucky-stage-pro small {
    color: rgba(255, 255, 255, 0.72);
}

.lrr-lucky-box-visual {
    position: relative;
    display: grid;
    place-items: center;
    width: min(196px, 56vw);
    aspect-ratio: 1;
    border-radius: 34px;
    background: linear-gradient(135deg, #ffd940, #ffc31a);
    border: 4px solid rgba(113, 71, 0, 0.22);
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.18);
}

.lrr-lucky-box-visual i {
    font-size: 3.4rem;
    color: #ffffff;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.14));
}

.lrr-lucky-spark {
    position: absolute;
    color: #fff27a;
    font-size: 1.6rem;
    animation: lrrLuckySpark 1.8s ease-in-out infinite;
}

.lrr-lucky-spark-1 { right: -18px; top: -20px; }
.lrr-lucky-spark-2 { left: -26px; bottom: 32px; animation-delay: 0.35s; }

@keyframes lrrLuckySpark {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.55; }
    50% { transform: translateY(-8px) rotate(12deg); opacity: 1; }
}

.lrr-lucky-price-pro strong {
    display: block;
    font-size: clamp(1.55rem, 4vw, 2.6rem);
    line-height: 1;
}

.lrr-lucky-pay-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: min(100%, 560px);
    margin: 14px auto;
}

.lrr-lucky-pay-option {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 10px;
    align-items: center;
    text-align: left;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.lrr-lucky-pay-option i {
    grid-row: span 2;
    font-size: 1.2rem;
}

.lrr-lucky-pay-option span,
.lrr-lucky-pay-option strong {
    line-height: 1.1;
}

.lrr-lucky-pay-active {
    background: #ffffff;
    color: #064723;
}

.lrr-lucky-spin-btn {
    min-width: 210px;
    box-shadow: 0 18px 40px rgba(108, 47, 242, 0.28);
}

.lrr-lucky-peek-card {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px 18px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 20px;
    background: #ffffff;
    color: var(--lrr-text);
    text-align: left;
    box-shadow: var(--lrr-shadow-sm);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lrr-lucky-peek-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--lrr-shadow-md);
}

.lrr-lucky-peek-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #e7f8ee;
    color: #14763b;
    font-size: 1.25rem;
}

.lrr-lucky-peek-text {
    display: grid;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.lrr-lucky-peek-text strong {
    font-size: 1rem;
    font-weight: 800;
}

.lrr-lucky-peek-text small {
    color: var(--lrr-muted);
    line-height: 1.4;
}

.lrr-lucky-peek-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    padding: 9px 18px;
    border-radius: 999px;
    background: #14763b;
    color: #ffffff;
    font-weight: 800;
    font-size: 0.9rem;
}

.lrr-lucky-side-pro {
    display: grid;
    gap: 14px;
}

.lrr-lucky-history-card,
.lrr-lucky-tips-card {
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 24px;
    padding: 18px;
    box-shadow: var(--lrr-shadow-sm);
}

.lrr-lucky-history-list {
    display: grid;
    gap: 10px;
}

.lrr-lucky-history-list article {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 16px;
}

.lrr-lucky-history-list i {
    color: #14763b;
}

.lrr-lucky-history-list strong,
.lrr-lucky-history-list small {
    display: block;
}

.lrr-lucky-history-list small,
.lrr-lucky-tips-card li {
    color: var(--lrr-muted);
}

.lrr-lucky-tips-card ul {
    margin: 10px 0 0;
    padding-left: 18px;
}

.lrr-lucky-modal[hidden] {
    display: none;
}

.lrr-lucky-modal {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    place-items: center;
    padding: 18px;
}

.lrr-lucky-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(2, 6, 23, 0.62);
    backdrop-filter: blur(8px);
}

.lrr-lucky-modal-card {
    position: relative;
    z-index: 1;
    width: min(100%, 440px);
    max-height: min(720px, 92vh);
    overflow: auto;
    border-radius: 24px;
    background: #ffffff;
    padding: 18px;
    transform: translateY(16px) scale(0.96);
    opacity: 0;
    transition: 0.18s ease;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.lrr-lucky-modal-show .lrr-lucky-modal-card {
    transform: translateY(0) scale(1);
    opacity: 1;
}

.lrr-modal-x {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: #f3f4f6;
}

.lrr-lucky-modal-head {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-right: 32px;
    margin-bottom: 14px;
}

.lrr-lucky-modal-head > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #218c4a;
    color: #ffffff;
}

.lrr-lucky-prize-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.lrr-lucky-prize-preview-grid > div {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, 0.1);
    background: #f8fafc;
}

.lrr-lucky-prize-preview-grid i {
    color: #14763b;
}

.lrr-admin-method-expiry {
    display: grid;
    gap: 6px;
}

.lrr-admin-method-expiry small {
    color: #6b7280;
}

.lrr-admin-lucky-layout {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 16px;
    align-items: start;
}

.lrr-admin-lucky-card {
    border-radius: 22px;
}

.lrr-admin-lucky-settings-grid,
.lrr-admin-lucky-prize-form {
    display: grid;
    gap: 12px;
}

.lrr-admin-lucky-cost-grid,
.lrr-admin-lucky-prize-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lrr-admin-lucky-prize-form .btn,
.lrr-admin-toggle-wide,
.lrr-admin-lucky-settings-grid > label:nth-child(3) {
    grid-column: 1 / -1;
}

@media (max-width: 991.98px) {
    .lrr-home-marquee-section {
        padding-top: 10px;
    }

    .lrr-invoice-summary-grid-compact,
    .lrr-payment-main-grid,
    .lrr-lucky-pro-grid,
    .lrr-admin-lucky-layout {
        grid-template-columns: 1fr;
    }

    .lrr-payment-main-grid-no-media .lrr-payment-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-deposit-invoice-compact {
        padding: 18px;
    }

    .lrr-lucky-stage-pro {
        min-height: 460px;
    }
}

@media (max-width: 575.98px) {
    .lrr-invoice-compact-head,
    .lrr-lucky-pro-head {
        flex-direction: column;
        align-items: stretch;
    }

    .lrr-payment-qr-empty {
        min-height: 190px;
    }

    .lrr-payment-main-grid-media .lrr-payment-detail-grid,
    .lrr-payment-main-grid-no-media .lrr-payment-detail-grid {
        grid-template-columns: 1fr;
    }

    .lrr-payment-copy-stack > div {
        grid-template-columns: 1fr;
    }

    .lrr-payment-copy-stack button {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
    }

    .lrr-lucky-stage-pro {
        min-height: auto;
        padding: 20px 14px;
        border-radius: 22px;
    }

    .lrr-lucky-box-visual {
        width: min(210px, 72vw);
    }

    .lrr-lucky-pay-switch,
    .lrr-admin-lucky-cost-grid,
    .lrr-admin-lucky-prize-form,
    .lrr-lucky-prize-preview-grid {
        grid-template-columns: 1fr;
    }

    .lrr-lucky-peek-card {
        grid-template-columns: auto 1fr;
    }

    .lrr-lucky-peek-card b {
        grid-column: 1 / -1;
        grid-row: auto;
        text-align: center;
    }
}

/* Public surface baseline: white page, black copy, purple primary action. */
body.lrr-page {
    background: #ffffff;
    color: #111827;
}

.lrr-public-header {
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
}

.lrr-public-header .lrr-nav-list .nav-link {
    color: #111827;
}

.lrr-public-header .lrr-nav-list .nav-link:hover,
.lrr-public-header .lrr-nav-list .nav-link:focus {
    color: #5b21b6;
}

.lrr-public-header .btn-primary,
.lrr-public-header .lrr-btn-primary,
.lrr-hero-main .btn-primary,
.lrr-hero-main .lrr-btn-primary,
.lrr-public-page-hero .btn-primary,
.lrr-page-hero .btn-primary,
.lrr-policy-hero .btn-primary {
    background: #6c2ff2;
    border-color: #6c2ff2;
    color: #ffffff;
}

.lrr-public-header .btn-outline-primary,
.lrr-public-header .btn-outline-light,
.lrr-public-header .lrr-btn-ghost {
    background: #ffffff;
    border-color: rgba(108, 47, 242, .26);
    color: #5b21b6;
}

.lrr-public-header .btn-outline-primary:hover,
.lrr-public-header .btn-outline-light:hover,
.lrr-public-header .lrr-btn-ghost:hover,
.lrr-public-header .btn-outline-primary:focus,
.lrr-public-header .btn-outline-light:focus,
.lrr-public-header .lrr-btn-ghost:focus {
    background: #f4f0ff;
    border-color: rgba(108, 47, 242, .44);
    color: #4c1d95;
}

.lrr-hero-main,
.lrr-page-hero,
.lrr-page-hero-compact,
.lrr-policy-hero,
.lrr-public-page-hero,
.lrr-trust-hero-pro,
.lrr-invoice-guide-hero,
.lrr-contact-hero-pro {
    background: radial-gradient(circle at 90% 8%, rgba(108, 47, 242, .10), transparent 30%), #ffffff;
    color: #111827;
}

.lrr-hero-main h1,
.lrr-page-hero h1,
.lrr-page-hero-compact h1,
.lrr-policy-hero h1,
.lrr-public-page-hero h1,
.lrr-trust-hero-pro h1,
.lrr-invoice-guide-hero h1,
.lrr-contact-hero-pro h1 {
    color: #111827;
}

.lrr-hero-main p,
.lrr-hero-main .lrr-hero-lead,
.lrr-hero-main .lrr-hero-text,
.lrr-page-hero p,
.lrr-page-hero-compact p,
.lrr-policy-hero p,
.lrr-public-page-hero p,
.lrr-trust-hero-pro p,
.lrr-invoice-guide-hero p,
.lrr-contact-hero-pro p {
    color: #4b5563;
}

.lrr-hero-main .lrr-chip,
.lrr-hero-main .lrr-pill,
.lrr-hero-badges .lrr-chip {
    background: #f3efff;
    color: #5b21b6;
}

/* source: mobile/lrr-mobile.css */
@media (max-width: 991.98px) {
    .lrr-auth-shell,
    .lrr-member-shell,
    .lrr-admin-wrapper,
    .lrr-livechat-panel {
        grid-template-columns: 1fr;
    }

    .lrr-auth-brand-panel {
        min-height: auto;
        padding: 34px 24px;
    }

    .lrr-auth-trustline,
    .lrr-auth-copy p {
        display: none;
    }

    .lrr-auth-form-panel {
        padding: 22px;
    }

    /* Sidebar/mobile menu positioning is controlled by shared/lrr-components.css.
       Do not reset it here; resetting position/display breaks editable member/admin panels. */

    .lrr-member-grid {
        grid-template-columns: 1fr;
    }

    .lrr-phone-frame {
        margin-inline: auto;
    }

    .lrr-navbar-actions {
        padding-top: 12px;
    }
}

@media (max-width: 767.98px) {
    .lrr-hero,
    .lrr-section,
    .lrr-page-hero {
        padding-block: 42px;
    }

    .lrr-hero-title,
    .lrr-page-hero-compact h1 {
        letter-spacing: -0.055em;
    }

    .lrr-hero-actions,
    .lrr-livechat-compose,
    .lrr-admin-panel-header,
    .lrr-footer-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-chat-bubble {
        max-width: 92%;
    }

    .lrr-social-row,
    .lrr-auth-role-grid,
    .lrr-member-menu,
    .lrr-admin-nav {
        grid-template-columns: 1fr;
    }

    .lrr-admin-content,
    .lrr-member-main {
        padding: 18px;
    }

    .lrr-footer {
        padding-top: 42px;
    }
}

@media (max-width: 1199.98px) {
    .lrr-otp-order-shell,
    .lrr-admin-chat-grid {
        grid-template-columns: 1fr;
    }

    .lrr-otp-order-aside {
        position: static;
    }

    .lrr-admin-chat-list {
        border-right: 0;
        border-bottom: 1px solid var(--lrr-line);
    }
}

@media (max-width: 767.98px) {
    .lrr-member-section-head,
    .lrr-member-cta-panel,
    .lrr-otp-order-hero,
    .lrr-chat-workspace-head {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-otp-service-grid,
    .lrr-deposit-methods {
        grid-template-columns: 1fr;
    }

    .lrr-otp-service-card {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .lrr-otp-select-btn {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .lrr-member-home-hero,
    .lrr-member-assist-summary {
        grid-template-columns: 1fr;
    }

    .lrr-member-profile-pill {
        border-radius: 22px;
        justify-content: space-between;
    }

    .lrr-member-sidebar-note {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .lrr-page-member {
        padding-bottom: 86px;
    }

    /* Member sidebar remains available as an off-canvas panel on mobile. */

    .lrr-member-home-hero {
        border-radius: 26px;
        padding: 20px;
    }

    .lrr-member-hero-balance {
        border-radius: 22px;
    }

    .lrr-member-bottom-nav {
        position: fixed;
        right: 12px;
        bottom: 12px;
        left: 12px;
        z-index: 1000;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
        border: 1px solid rgba(255, 255, 255, 0.32);
        border-radius: 24px;
        background: rgba(9, 11, 29, 0.92);
        box-shadow: 0 18px 42px rgba(9, 11, 29, 0.28);
        padding: 7px;
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        will-change: transform, opacity;
    }

    .lrr-member-bottom-nav a {
        display: grid;
        gap: 2px;
        place-items: center;
        border-radius: 18px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.68rem;
        font-weight: 850;
        text-decoration: none;
        padding: 7px 2px;
    }

    .lrr-member-bottom-nav span {
        font-size: 1rem;
        line-height: 1;
    }

    .lrr-member-bottom-active {
        background: #ffffff;
        color: var(--lrr-primary-dark);
    }

    .lrr-assist-header,
    .lrr-assist-header div:first-child {
        align-items: flex-start;
        flex-direction: column;
    }

    .lrr-assist-quick-row {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .lrr-assist-quick-row button {
        flex: 0 0 auto;
    }
}

@media (max-width: 767.98px) {
    .lrr-member-bottom-nav a.lrr-member-bottom-active {
        background: #ffffff;
        color: var(--lrr-primary-dark);
    }
}

@media (max-width: 767.98px) {
    .lrr-otp-filter-status {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .lrr-assist-workspace-head,
    .lrr-assist-workspace-head > div:first-child {
        align-items: stretch;
        flex-direction: column;
    }

    .lrr-assist-head-cards {
        grid-template-columns: 1fr;
    }

    .lrr-assist-context-grid {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .lrr-assist-order-strip {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 10px 12px 0;
    }

    .lrr-assist-order-strip button {
        flex: 0 0 auto;
    }

    .lrr-assist-compose-note {
        padding: 0 14px 14px;
    }
}

@media (max-width: 768px) {
  .lrr-member-hero-split { grid-template-columns: 1fr; }
  .lrr-invoice-summary-grid, .lrr-showcase-grid, .lrr-policy-grid, .lrr-guide-steps { grid-template-columns: 1fr; }
  .lrr-social-auth-grid { grid-template-columns: 1fr; }
  .lrr-preview-row { display: block; }
  .lrr-preview-row span { display: block; text-align: left; margin-top: .25rem; }
  .lrr-public-page-hero { padding-top: 3rem; }
}


/* LRR mobile overflow stabilizer */
@media (max-width: 991.98px) {
    .lrr-member-shell,
    .lrr-admin-wrapper {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .lrr-member-main,
    .lrr-admin-main,
    .lrr-admin-content {
        width: 100%;
        max-width: 100%;
    }

    .lrr-history-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lrr-history-filterbar {
        grid-template-columns: 1fr 1fr;
    }

    .lrr-history-search {
        grid-column: 1 / -1;
    }

    .lrr-history-item {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .lrr-history-item-side {
        justify-items: start;
        min-width: 0;
    }
}

@media (max-width: 767.98px) {
    body.lrr-page-member,
    body.lrr-page-admin {
        overflow-x: clip;
    }

    .lrr-member-main {
        padding: 16px 12px 100px;
    }

    .lrr-member-topbar,
    .lrr-admin-topbar {
        align-items: center;
        flex-direction: row;
    }

    .lrr-member-profile-pill {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        max-width: calc(100vw - 82px);
    }

    .lrr-admin-actions {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .lrr-history-stats-grid,
    .lrr-history-filterbar,
    .lrr-history-item-meta,
    .lrr-settings-grid,
    .lrr-deposit-summary-grid,
    .lrr-member-grid,
    .lrr-member-grid-compact,
    .lrr-member-command-grid {
        grid-template-columns: 1fr;
    }

    .lrr-history-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .lrr-history-tab {
        min-width: 0;
        padding-inline: 8px;
    }

    .lrr-history-filterbar .btn,
    .lrr-history-filterbar .form-select {
        width: 100%;
    }

    .lrr-history-watermark {
        left: auto;
        right: -20px;
        font-size: 5.5rem;
    }

    .lrr-otp-order-shell,
    .lrr-chat-member-shell,
    .lrr-livechat-member-grid {
        grid-template-columns: 1fr;
    }

    .lrr-otp-service-card,
    .lrr-chat-compose-large {
        max-width: 100%;
    }
}

@media (max-width: 420px) {
    .lrr-member-bottom-nav {
        right: 8px;
        left: 8px;
        border-radius: 20px;
        padding: 6px;
    }

    .lrr-member-bottom-nav a {
        font-size: 0.58rem;
        padding: 6px 1px;
    }

    .lrr-history-stat-card {
        padding: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .lrr-member-bottom-nav {
        display: none;
    }
}

/* Lucky Box: stack + compact di tablet/mobile */
@media (max-width: 991.98px) {
    .lrr-lucky-pro-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .lrr-lucky-stage-pro {
        min-height: auto;
        padding: 22px 16px;
    }

    .lrr-lucky-box-visual {
        width: min(176px, 58vw);
    }

    .lrr-lucky-box-visual i {
        font-size: 3rem;
    }

    .lrr-lucky-trust-badge {
        font-size: 0.76rem;
        padding: 6px 10px;
    }

    .lrr-lucky-prize-preview-grid {
        grid-template-columns: 1fr;
    }

    .lrr-lucky-peek-card {
        flex-wrap: wrap;
        gap: 12px;
    }

    .lrr-lucky-peek-cta {
        width: 100%;
        justify-content: center;
    }
}

/* Admin/member off-canvas sidebar must stay last in the public bundle.
   This prevents later admin/theme rules from turning mobile menus back into sticky desktop sidebars. */
@media (max-width: 991.98px) {
    .lrr-member-sidebar,
    .lrr-admin-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 1052;
        display: block;
        width: min(360px, calc(100vw - 42px));
        max-width: 92vw;
        height: 100dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        transform: translateX(-108%);
        transition: transform .26s ease, box-shadow .26s ease;
        box-shadow: 18px 0 44px rgba(9, 11, 29, .28);
        will-change: transform;
    }

    .lrr-admin-sidebar {
        background: #343a40;
        padding: 16px;
    }

    body.lrr-sidebar-open .lrr-member-sidebar,
    body.lrr-sidebar-open .lrr-admin-sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 767.98px) {
    .lrr-public-header,
    .lrr-member-bottom-nav,
    .lrr-sidebar-overlay {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (min-width: 992px) {
    .lrr-member-sidebar,
    .lrr-admin-sidebar {
        transform: none;
    }
}

/* source: desktop/lrr-desktop.css */
@media (min-width: 992px) {
    .lrr-main-content {
        min-height: 520px;
    }

    .lrr-navbar .dropdown-menu {
        border-radius: 18px;
        box-shadow: var(--lrr-shadow-sm);
    }

    .lrr-admin-content,
    .lrr-member-main {
        min-height: calc(100vh - 74px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html,
    .lrr-chat-body-large,
    .lrr-livechat-body,
    .lrr-admin-chat-body,
    .lrr-assist-body {
        scroll-behavior: auto;
    }

    .lrr-home-marquee-items {
        animation: none;
        transform: none;
    }

    .lrr-member-sidebar,
    .lrr-admin-sidebar,
    .lrr-sidebar-overlay,
    .lrr-member-bottom-nav,
    .lrr-lucky-modal-card {
        transition-duration: 0.01ms;
    }
}