/* RRR Customer App v0.7.0 - isolated professional app UI */
.rrr-customer-app,
.rrr-customer-app * { box-sizing: border-box !important; }

.rrr-customer-app {
    --rrr-bg: #f5f7fb;
    --rrr-surface: #ffffff;
    --rrr-surface-2: #f9fbff;
    --rrr-ink: #172033;
    --rrr-text: #172033;
    --rrr-muted: #667085;
    --rrr-soft: #8a94a6;
    --rrr-line: #e3e8f2;
    --rrr-blue: #2f6fed;
    --rrr-blue-dark: #1d4ed8;
    --rrr-green: #16a34a;
    --rrr-orange: #f97316;
    --rrr-yellow: #eab308;
    --rrr-purple: #7c3aed;
    --rrr-red: #ef4444;
    --rrr-slate: #1f2937;
    --rrr-radius-xl: 30px;
    --rrr-radius-lg: 22px;
    --rrr-radius-md: 16px;
    --rrr-shadow: 0 24px 70px rgba(15,23,42,.11);
    --rrr-shadow-soft: 0 14px 34px rgba(15,23,42,.08);
    width: min(1440px, 100%) !important;
    margin: 0 auto !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: 265px minmax(0, 1fr) !important;
    gap: 18px !important;
    background: var(--rrr-bg) !important;
    color: var(--rrr-ink) !important;
    border: 1px solid var(--rrr-line) !important;
    border-radius: 32px !important;
    box-shadow: var(--rrr-shadow) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.rrr-customer-app a,
.rrr-customer-app a:hover,
.rrr-customer-app a:focus { text-decoration: none !important; }

.rrr-customer-app h1,
.rrr-customer-app h2,
.rrr-customer-app h3,
.rrr-customer-app h4,
.rrr-customer-app h5,
.rrr-customer-app p,
.rrr-customer-app ul { margin-top: 0 !important; }

.rrr-customer-app h2,
.rrr-customer-app h3,
.rrr-customer-app h4 { color: var(--rrr-ink) !important; }

.rrr-customer-app p { color: var(--rrr-muted) !important; }

.rrr-customer-app button,
.rrr-customer-app input,
.rrr-customer-app select,
.rrr-customer-app textarea {
    font-family: inherit !important;
}

.rrr-customer-app button {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    cursor: pointer !important;
    box-shadow: none;
}

.rrr-app-rail {
    position: sticky !important;
    top: 18px !important;
    align-self: start !important;
    min-height: calc(100vh - 96px) !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important;
    gap: 18px !important;
    background: #fff !important;
    border: 1px solid var(--rrr-line) !important;
    border-radius: 28px !important;
    box-shadow: var(--rrr-shadow-soft) !important;
}

.rrr-brand-lockup {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 4px 4px 12px !important;
    border-bottom: 1px solid var(--rrr-line) !important;
}

.rrr-brand-mark {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 16px !important;
    background: var(--rrr-slate) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: -.06em !important;
}

.rrr-brand-lockup strong {
    display: block !important;
    color: var(--rrr-ink) !important;
    font-size: .98rem !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.rrr-brand-lockup span {
    display: block !important;
    color: var(--rrr-muted) !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.rrr-side-nav {
    display: grid !important;
    gap: 9px !important;
}

.rrr-side-nav button {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    border-radius: 16px !important;
    background: #f7f9fd !important;
    border: 1px solid #e6ebf4 !important;
    color: var(--rrr-ink) !important;
    text-align: left !important;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.rrr-side-nav button span {
    font-size: .9rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    color: inherit !important;
}

.rrr-side-nav button em {
    font-style: normal !important;
    color: #798396 !important;
    font-size: .66rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.rrr-side-nav button:nth-child(1).is-active,
.rrr-side-nav button:nth-child(1):hover { background: #2f6fed !important; border-color: #2f6fed !important; color: #fff !important; }
.rrr-side-nav button:nth-child(2).is-active,
.rrr-side-nav button:nth-child(2):hover { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
.rrr-side-nav button:nth-child(3).is-active,
.rrr-side-nav button:nth-child(3):hover { background: #7c3aed !important; border-color: #7c3aed !important; color: #fff !important; }
.rrr-side-nav button:nth-child(4).is-active,
.rrr-side-nav button:nth-child(4):hover { background: #f97316 !important; border-color: #f97316 !important; color: #fff !important; }
.rrr-side-nav button:nth-child(5).is-active,
.rrr-side-nav button:nth-child(5):hover { background: #1f2937 !important; border-color: #1f2937 !important; color: #fff !important; }
.rrr-side-nav button:nth-child(6).is-active,
.rrr-side-nav button:nth-child(6):hover { background: #eab308 !important; border-color: #eab308 !important; color: #172033 !important; }

.rrr-side-nav button:hover,
.rrr-side-nav button.is-active {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(15,23,42,.12) !important;
}
.rrr-side-nav button:hover em,
.rrr-side-nav button.is-active em { color: currentColor !important; opacity: .78 !important; }

.rrr-cart-mini {
    align-self: end !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 16px !important;
    border-radius: 22px !important;
    border: 1px solid var(--rrr-line) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}
.rrr-cart-mini::before {
    content: "" !important;
    position: absolute !important;
    inset: auto -28px -28px auto !important;
    width: 110px !important;
    height: 110px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(47,111,237,.12) 0%, rgba(47,111,237,0) 68%) !important;
    pointer-events: none !important;
}
.rrr-cart-mini-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
}
.rrr-cart-mini-head span,
.rrr-cart-mini-copy strong {
    display:block !important;
    color: var(--rrr-ink) !important;
}
.rrr-cart-mini-head span {
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--rrr-muted) !important;
}
.rrr-cart-mini-head em {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    color: var(--rrr-blue) !important;
    font-size: .72rem !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .03em !important;
}
.rrr-cart-preview {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 72px !important;
    margin-bottom: 12px !important;
    padding-left: 2px !important;
}
.rrr-cart-orb {
    --rrr-orb-size: 58px;
    width: var(--rrr-orb-size) !important;
    height: var(--rrr-orb-size) !important;
    min-width: var(--rrr-orb-size) !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    border: 1px solid #dbe6f3 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,.10) !important;
    margin-left: -11px !important;
    animation: rrrCartFloat calc(4.6s + (var(--rrr-orb-index, 0) * .25s)) ease-in-out infinite !important;
    animation-delay: calc(var(--rrr-orb-index, 0) * .18s) !important;
}
.rrr-cart-orb:first-child { margin-left: 0 !important; }
.rrr-cart-orb img,
.rrr-cart-orb .attachment-woocommerce_thumbnail,
.rrr-cart-orb .woocommerce-placeholder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 999px !important;
}
.rrr-cart-orb-qty {
    position: absolute !important;
    right: -1px !important;
    bottom: -1px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: var(--rrr-green) !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.rrr-cart-orb-more {
    background: linear-gradient(135deg, #eef4ff 0%, #dde8ff 100%) !important;
    color: var(--rrr-blue) !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
}
.rrr-cart-orb-ghost {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%) !important;
}
.rrr-cart-orb-ghost::before {
    content: "" !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    background: rgba(47,111,237,.10) !important;
}
.rrr-cart-mini-copy strong {
    margin: 0 0 4px !important;
    color: var(--rrr-ink) !important;
    font-size: 1.16rem !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}
.rrr-cart-mini-copy p {
    margin: 0 !important;
    color: var(--rrr-muted) !important;
    font-size: .84rem !important;
    line-height: 1.45 !important;
}
.rrr-cart-mini-link {
    margin-top: 14px !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 12px 14px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 4px 12px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #2f6fed 0%, #4c7df1 100%) !important;
    border: 1px solid #2f6fed !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(47,111,237,.22) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease !important;
}
.rrr-cart-mini-link::after {
    content: "↗" !important;
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.rrr-cart-mini-link span {
    display: block !important;
    color: #ffffff !important;
    font-size: .84rem !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
.rrr-cart-mini-link em {
    display: block !important;
    color: rgba(255,255,255,.84) !important;
    font-size: .72rem !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
}
.rrr-cart-mini-link:hover,
.rrr-cart-mini-link:focus {
    transform: translateY(-1px) !important;
    filter: brightness(1.03) !important;
    box-shadow: 0 18px 34px rgba(47,111,237,.28) !important;
}
@keyframes rrrCartFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}

.rrr-app-stage {
    min-width: 0 !important;
    display: block !important;
}

.rrr-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
    padding: 8px 4px !important;
}
.rrr-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
    color: var(--rrr-blue) !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}
.rrr-eyebrow::before {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}
.rrr-blue { color: var(--rrr-blue) !important; }
.rrr-green { color: var(--rrr-green) !important; }
.rrr-orange { color: var(--rrr-orange) !important; }
.rrr-yellow { color: #b58100 !important; }

.rrr-topbar h2 {
    margin: 0 !important;
    color: var(--rrr-ink) !important;
    font-size: clamp(2.2rem, 4vw, 4.15rem) !important;
    line-height: .92 !important;
    letter-spacing: -.07em !important;
    font-weight: 950 !important;
}

.rrr-top-actions,
.rrr-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.rrr-pill,
.rrr-cta,
.rrr-outline-button,
.rrr-save-button,
.rrr-product-btn,
.rrr-product-hide,
.rrr-segmented button {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    font-size: .84rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .15s ease !important;
}
.rrr-pill:hover,
.rrr-cta:hover,
.rrr-outline-button:hover,
.rrr-save-button:hover,
.rrr-product-btn:hover,
.rrr-product-hide:hover { transform: translateY(-1px) !important; }

.rrr-pill { background: var(--rrr-green) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(22,163,74,.18) !important; }
.rrr-pill-shop { background: var(--rrr-blue) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(47,111,237,.18) !important; }
.rrr-cta-blue { background: var(--rrr-blue) !important; color: #fff !important; }
.rrr-cta-soft { background: var(--rrr-slate) !important; color: #fff !important; }
.rrr-outline-button { background: #fff !important; color: var(--rrr-slate) !important; border: 1px solid var(--rrr-line) !important; }
.rrr-save-button { width: fit-content !important; background: var(--rrr-blue) !important; color: #fff !important; box-shadow: 0 12px 24px rgba(47,111,237,.18) !important; }

.rrr-view {
    display: none !important;
    animation: rrrFadeIn .18s ease both !important;
}
.rrr-view.is-active { display: block !important; }
@keyframes rrrFadeIn { from { opacity:0; transform: translateY(6px); } to { opacity:1; transform: translateY(0); } }

.rrr-home-grid,
.rrr-split-grid,
.rrr-form-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .8fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
}
.rrr-split-grid { margin-top: 18px !important; }

.rrr-hero-card,
.rrr-credit-glance,
.rrr-panel,
.rrr-page-title,
.rrr-app-form,
.rrr-login-card,
.rrr-empty-state {
    background: var(--rrr-surface) !important;
    border: 1px solid var(--rrr-line) !important;
    border-radius: var(--rrr-radius-xl) !important;
    box-shadow: var(--rrr-shadow-soft) !important;
}

.rrr-hero-card {
    position: relative !important;
    min-height: 330px !important;
    padding: clamp(22px, 3.2vw, 42px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}
.rrr-hero-card::after {
    content: "" !important;
    position: absolute !important;
    right: 26px !important;
    top: 26px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 34px !important;
    background: #edf4ff !important;
    border: 1px solid #d9e7ff !important;
    transform: rotate(12deg) !important;
    z-index: 0 !important;
}
.rrr-hero-card > * { position: relative !important; z-index: 1 !important; }
.rrr-hero-card h3,
.rrr-page-title h3 {
    max-width: 760px !important;
    margin: 0 0 12px !important;
    color: var(--rrr-ink) !important;
    font-size: clamp(2rem, 4.1vw, 4.25rem) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
    font-weight: 950 !important;
}
.rrr-hero-card p,
.rrr-page-title p {
    max-width: 680px !important;
    margin: 0 0 18px !important;
    color: var(--rrr-muted) !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
}

.rrr-action-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin-top: 18px !important;
}
.rrr-action-tile {
    min-height: 118px !important;
    padding: 18px !important;
    display: grid !important;
    justify-items: start !important;
    align-content: space-between !important;
    gap: 10px !important;
    border-radius: 24px !important;
    color: #fff !important;
    text-align: left !important;
    box-shadow: var(--rrr-shadow-soft) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
}
.rrr-action-tile:hover { transform: translateY(-2px) !important; box-shadow: 0 22px 44px rgba(15,23,42,.16) !important; }
.rrr-action-tile span { width: 38px !important; height: 8px !important; border-radius: 99px !important; background: rgba(255,255,255,.65) !important; }
.rrr-action-tile strong { display:block !important; color: inherit !important; font-size: 1.08rem !important; font-weight: 950 !important; line-height: 1.1 !important; }
.rrr-action-tile em { color: inherit !important; opacity:.86 !important; font-style: normal !important; font-size: .84rem !important; font-weight: 800 !important; }
.rrr-tile-blue { background: var(--rrr-blue) !important; }
.rrr-tile-green { background: var(--rrr-green) !important; }
.rrr-tile-orange { background: var(--rrr-orange) !important; }
.rrr-tile-yellow { background: var(--rrr-yellow) !important; color: #172033 !important; }
.rrr-tile-yellow span { background: rgba(23,32,51,.35) !important; }

.rrr-panel,
.rrr-page-title,
.rrr-app-form,
.rrr-empty-state { padding: 22px !important; }
.rrr-page-title { margin-bottom: 18px !important; }
.rrr-page-title-row,
.rrr-section-head,
.rrr-credit-head,
.rrr-form-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
}
.rrr-section-head { margin-bottom: 16px !important; }
.rrr-section-head h3,
.rrr-credit-head h3,
.rrr-form-head h4 {
    margin: 0 0 6px !important;
    color: var(--rrr-ink) !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
}
.rrr-section-head h3 { font-size: 1.55rem !important; }
.rrr-section-head p { margin: 0 !important; color: var(--rrr-muted) !important; font-size: .94rem !important; }

.rrr-credit-glance { padding: 18px !important; }
.rrr-credit-module { height: 100% !important; display: grid !important; gap: 16px !important; }
.rrr-credit-head h3 { font-size: clamp(1.3rem, 2vw, 1.85rem) !important; }
.rrr-segmented {
    display: inline-grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 5px !important;
    padding: 5px !important;
    border-radius: 999px !important;
    background: #edf2f8 !important;
    border: 1px solid #dde5f0 !important;
}
.rrr-segmented button {
    min-height: 36px !important;
    padding: 0 12px !important;
    background: transparent !important;
    color: var(--rrr-muted) !important;
    box-shadow: none !important;
}
.rrr-segmented button.is-active {
    background: var(--rrr-slate) !important;
    color: #fff !important;
}
.rrr-credit-body { min-height: 250px !important; }
.rrr-credit-pane { display: none !important; }
.rrr-credit-pane.is-active { display: block !important; }
.rrr-credit-label {
    margin-bottom: 10px !important;
    color: var(--rrr-muted) !important;
    font-size: .75rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.rrr-credit-output {
    width: 100% !important;
    min-height: 165px !important;
    display: grid !important;
    place-items: center !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #f8fafc !important;
    border: 1px solid #dbe4ee !important;
    color: var(--rrr-ink) !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}
.rrr-credit-balance-output,
.rrr-credit-balance-output * {
    color: var(--rrr-ink) !important;
    font-size: clamp(1rem, 1.55vw, 1.45rem) !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    max-width: 100% !important;
}
.rrr-credit-balance-output a { color: var(--rrr-blue) !important; }
.rrr-credit-barcode-output,
.rrr-credit-barcode-output * { max-width: 100% !important; }
.rrr-credit-barcode-output img,
.rrr-credit-barcode-output svg,
.rrr-credit-output img,
.rrr-credit-output svg { max-width: 100% !important; height: auto !important; }
.rrr-credit-pane p { margin: 12px 0 0 !important; color: var(--rrr-muted) !important; font-size: .9rem !important; line-height: 1.45 !important; }

.rrr-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
}
.rrr-product-grid.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.rrr-product-card {
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid var(--rrr-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 24px rgba(15,23,42,.07) !important;
    transition: transform .15s ease, opacity .15s ease !important;
}
.rrr-product-card:hover { transform: translateY(-2px) !important; }
.rrr-product-card.is-removing { opacity: .45 !important; }
.rrr-product-image {
    aspect-ratio: 1.15 / .75 !important;
    display: grid !important;
    place-items: center !important;
    background: #f3f6fb !important;
    border-bottom: 1px solid var(--rrr-line) !important;
}
.rrr-product-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.rrr-product-image span { color: var(--rrr-soft) !important; font-weight: 900 !important; }
.rrr-product-body { padding: 14px !important; display: grid !important; gap: 10px !important; }
.rrr-product-body h4 { margin: 0 !important; color: var(--rrr-ink) !important; font-size: .98rem !important; line-height: 1.25 !important; font-weight: 950 !important; }
.rrr-product-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
.rrr-product-price { color: var(--rrr-ink) !important; font-weight: 950 !important; }
.rrr-stock-badge { padding: 6px 9px !important; border-radius: 999px !important; background: #e8f8ee !important; color: #166534 !important; font-size: .72rem !important; font-weight: 950 !important; }
.rrr-stock-badge.is-out { background: #fee2e2 !important; color: #991b1b !important; }
.rrr-product-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
.rrr-product-btn { min-height: 36px !important; padding: 0 12px !important; color: #fff !important; background: var(--rrr-blue) !important; font-size: .78rem !important; }
.rrr-product-btn.is-secondary { background: var(--rrr-green) !important; }
.rrr-product-hide { min-height: 34px !important; padding: 0 10px !important; background: #eef2f7 !important; color: var(--rrr-muted) !important; font-size: .74rem !important; }

.rrr-orders-list { display: grid !important; gap: 12px !important; }
.rrr-order-card {
    background: #fff !important;
    border: 1px solid var(--rrr-line) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.06) !important;
}
.rrr-order-summary {
    width: 100% !important;
    min-height: 66px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto auto !important;
    align-items: center !important;
    gap: 12px !important;
    background: #fff !important;
    color: var(--rrr-ink) !important;
    text-align: left !important;
}
.rrr-order-id { color: var(--rrr-blue) !important; font-weight: 950 !important; }
.rrr-order-summary strong { color: var(--rrr-ink) !important; font-weight: 950 !important; }
.rrr-order-meta { color: var(--rrr-muted) !important; font-size: .85rem !important; }
.rrr-status-badge { padding: 7px 10px !important; border-radius: 999px !important; background: #eef2ff !important; color: #3730a3 !important; font-size: .73rem !important; font-weight: 950 !important; white-space: nowrap !important; }
.rrr-order-chevron { color: var(--rrr-muted) !important; font-weight: 950 !important; transition: transform .16s ease !important; }
.rrr-order-card.is-open .rrr-order-chevron { transform: rotate(180deg) !important; }
.rrr-order-details { display: none !important; padding: 0 16px 16px !important; color: var(--rrr-muted) !important; }
.rrr-order-card.is-open .rrr-order-details { display: block !important; }
.rrr-order-details ul { margin: 10px 0 0 18px !important; padding: 0 !important; color: var(--rrr-muted) !important; }

.rrr-app-form { display: grid !important; gap: 14px !important; }
.rrr-form-head h4 { font-size: 1.35rem !important; }
.rrr-form-head span { color: var(--rrr-muted) !important; font-size: .82rem !important; text-align: right !important; max-width: 240px !important; }
.rrr-field-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
.rrr-field { display: grid !important; gap: 7px !important; color: var(--rrr-ink) !important; font-weight: 900 !important; font-size: .86rem !important; }
.rrr-field span { color: var(--rrr-ink) !important; }
.rrr-field input {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    border: 1px solid #d9e1ec !important;
    background: #f9fbff !important;
    padding: 0 13px !important;
    color: var(--rrr-ink) !important;
    outline: none !important;
    box-shadow: none !important;
}
.rrr-field input:focus { border-color: var(--rrr-blue) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(47,111,237,.10) !important; }
.rrr-field-error { color: #b91c1c !important; font-weight: 850 !important; font-size: .86rem !important; }
.rrr-field-success { color: #166534 !important; font-weight: 850 !important; font-size: .86rem !important; }

.rrr-empty-state {
    min-height: 160px !important;
    display: grid !important;
    place-content: center !important;
    gap: 8px !important;
    text-align: center !important;
    color: var(--rrr-muted) !important;
}
.rrr-empty-state strong { color: var(--rrr-ink) !important; font-size: 1.2rem !important; font-weight: 950 !important; }
.rrr-empty-state span { color: var(--rrr-muted) !important; }

.rrr-mobile-nav { display: none !important; }
.rrr-toast {
    position: fixed !important;
    left: 50% !important;
    bottom: 24px !important;
    z-index: 999999 !important;
    transform: translate(-50%, 14px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    background: var(--rrr-slate) !important;
    color: #fff !important;
    box-shadow: 0 18px 44px rgba(15,23,42,.22) !important;
    font-weight: 900 !important;
    transition: opacity .18s ease, transform .18s ease !important;
}
.rrr-toast.is-visible { opacity: 1 !important; transform: translate(-50%, 0) !important; }
.rrr-toast[data-type="success"] { background: var(--rrr-green) !important; }
.rrr-toast[data-type="error"] { background: var(--rrr-red) !important; }

.rrr-login-shell { display: grid !important; place-items: center !important; min-height: 520px !important; grid-template-columns: 1fr !important; }
.rrr-login-card { max-width: 560px !important; padding: 34px !important; }
.rrr-login-card h2 { margin: 0 0 10px !important; color: var(--rrr-ink) !important; font-size: clamp(2.1rem, 5vw, 4rem) !important; line-height: .93 !important; letter-spacing: -.07em !important; font-weight: 950 !important; }

@media (max-width: 1180px) {
    .rrr-customer-app { grid-template-columns: 1fr !important; padding: 14px !important; padding-bottom: 92px !important; }
    .rrr-app-rail { display: none !important; }
    .rrr-home-grid,
    .rrr-split-grid,
    .rrr-form-grid { grid-template-columns: 1fr !important; }
    .rrr-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .rrr-product-grid,
    .rrr-product-grid.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .rrr-mobile-nav {
        position: fixed !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        z-index: 99998 !important;
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 6px !important;
        padding: 8px !important;
        border: 1px solid rgba(15,23,42,.12) !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 18px 46px rgba(15,23,42,.18) !important;
        backdrop-filter: blur(16px) !important;
    }
    .rrr-mobile-nav button { min-height: 50px !important; border-radius: 16px !important; display: grid !important; place-items: center !important; font-size: .72rem !important; font-weight: 950 !important; color: var(--rrr-muted) !important; background: transparent !important; }
    .rrr-mobile-nav button span { width: 18px !important; height: 5px !important; border-radius: 999px !important; background: currentColor !important; display: block !important; margin-bottom: 3px !important; opacity: .7 !important; }
    .rrr-mobile-nav button.is-active { background: var(--rrr-slate) !important; color: #fff !important; }
}

@media (max-width: 720px) {
    .rrr-customer-app { border-radius: 0 !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: 100vw !important; border-left: 0 !important; border-right: 0 !important; }
    .rrr-topbar { align-items: flex-start !important; flex-direction: column !important; }
    .rrr-top-actions { width: 100% !important; justify-content: stretch !important; }
    .rrr-pill { flex: 1 !important; }
    .rrr-hero-card { min-height: 280px !important; }
    .rrr-hero-card::after { width: 86px !important; height: 86px !important; opacity: .8 !important; }
    .rrr-action-grid,
    .rrr-product-grid,
    .rrr-product-grid.is-compact { grid-template-columns: 1fr !important; }
    .rrr-order-summary { grid-template-columns: 1fr auto !important; }
    .rrr-order-meta,
    .rrr-status-badge { grid-column: 1 / -1 !important; }
    .rrr-page-title-row,
    .rrr-section-head,
    .rrr-credit-head,
    .rrr-form-head { display: grid !important; }
    .rrr-form-head span { text-align: left !important; max-width: none !important; }
    .rrr-field-row { grid-template-columns: 1fr !important; }
}


/* v0.5.0 focused polish: cleaner navigation, better action buttons, softer color system */
.rrr-customer-app-v080 {
    --rrr-blue: #2563eb;
    --rrr-green: #16a34a;
    --rrr-orange: #f97316;
    --rrr-amber: #f59e0b;
    --rrr-purple: #7c3aed;
    --rrr-slate: #172033;
    --rrr-ink: #121827;
    --rrr-muted: #64748b;
}

.rrr-customer-app-v080 .rrr-side-nav button:nth-child(1).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(1):hover { background: var(--rrr-blue) !important; border-color: var(--rrr-blue) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(2).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(2):hover { background: var(--rrr-green) !important; border-color: var(--rrr-green) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(3).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(3):hover { background: var(--rrr-orange) !important; border-color: var(--rrr-orange) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(4).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(4):hover { background: var(--rrr-slate) !important; border-color: var(--rrr-slate) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(5).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(5):hover { background: var(--rrr-purple) !important; border-color: var(--rrr-purple) !important; color: #fff !important; }

.rrr-customer-app-v080 .rrr-side-nav button,
.rrr-customer-app-v080 .rrr-side-nav button span,
.rrr-customer-app-v080 .rrr-side-nav button em { text-shadow: none !important; }

.rrr-customer-app-v080 .rrr-tile-amber,
.rrr-customer-app-v080 .rrr-tile-yellow {
    background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important;
    color: #fff !important;
}
.rrr-customer-app-v080 .rrr-tile-amber span,
.rrr-customer-app-v080 .rrr-tile-yellow span { background: rgba(255,255,255,.65) !important; }
.rrr-customer-app-v080 .rrr-yellow { color: var(--rrr-purple) !important; }

.rrr-customer-app-v080 .rrr-view-all-button {
    min-height: 48px !important;
    min-width: 94px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
    letter-spacing: .045em !important;
    box-shadow: 0 12px 24px rgba(15,23,42,.13) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    text-align: center !important;
}
.rrr-customer-app-v080 .rrr-view-all-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 34px rgba(15,23,42,.18) !important;
    filter: brightness(1.02) !important;
}
.rrr-customer-app-v080 .rrr-view-all-green { background: var(--rrr-green) !important; }
.rrr-customer-app-v080 .rrr-view-all-orange { background: var(--rrr-orange) !important; }

.rrr-customer-app-v080 .rrr-credit-glance { padding: 16px !important; }
.rrr-customer-app-v080 .rrr-credit-module { align-content: start !important; }
.rrr-customer-app-v080 .rrr-credit-compact .rrr-credit-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}
.rrr-customer-app-v080 .rrr-credit-full .rrr-credit-head {
    align-items: center !important;
}
.rrr-customer-app-v080 .rrr-credit-head h3 {
    max-width: 100% !important;
    font-size: clamp(1.35rem, 1.75vw, 2.05rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
}
.rrr-customer-app-v080 .rrr-credit-compact .rrr-credit-head h3 {
    max-width: 260px !important;
}
.rrr-customer-app-v080 .rrr-credit-body { min-height: 0 !important; }
.rrr-customer-app-v080 .rrr-credit-output {
    min-height: 150px !important;
    padding: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid #dbe7f3 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 14px 30px rgba(15,23,42,.07) !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-balance {
    width: 100% !important;
    display: grid !important;
    gap: 14px !important;
    text-align: left !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row {
    display: grid !important;
    gap: 6px !important;
    padding: 0 2px !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row span,
.rrr-customer-app-v080 .rrr-credit-code-card span {
    color: var(--rrr-muted) !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row strong {
    color: var(--rrr-green) !important;
    font-size: clamp(2rem, 4vw, 3.2rem) !important;
    line-height: .95 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
}
.rrr-customer-app-v080 .rrr-credit-code-card {
    display: grid !important;
    gap: 8px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: #f1f5f9 !important;
    border: 1px solid #dbe4ee !important;
}
.rrr-customer-app-v080 .rrr-credit-code-card code {
    display: block !important;
    white-space: normal !important;
    word-break: break-word !important;
    color: var(--rrr-blue) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: clamp(.95rem, 1.3vw, 1.15rem) !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
    background: transparent !important;
    padding: 0 !important;
}
.rrr-customer-app-v080 .rrr-credit-balance-output,
.rrr-customer-app-v080 .rrr-credit-balance-output * {
    text-align: left !important;
}
.rrr-customer-app-v080 .rrr-credit-pane p {
    color: #718096 !important;
}

@media (max-width: 1180px) {
    .rrr-customer-app-v080 .rrr-mobile-nav { grid-template-columns: repeat(5, 1fr) !important; }
}
@media (max-width: 720px) {
    .rrr-customer-app-v080 .rrr-credit-full .rrr-credit-head,
    .rrr-customer-app-v080 .rrr-credit-compact .rrr-credit-head { display: grid !important; grid-template-columns: 1fr !important; }
    .rrr-customer-app-v080 .rrr-view-all-button { min-height: 42px !important; min-width: 86px !important; }
}


/* v0.7.0 - profile/address/order premium polish */
.rrr-customer-app-v080 .rrr-page-title {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(22px, 3vw, 38px) !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 54%, #eef6ff 100%) !important;
    border-color: #dce8f7 !important;
}
.rrr-customer-app-v080 .rrr-page-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 8px !important;
    background: var(--rrr-blue) !important;
}
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="orders"] .rrr-page-title::before { background: var(--rrr-orange) !important; }
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="profile"] .rrr-page-title::before { background: var(--rrr-blue) !important; }
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="addresses"] .rrr-page-title::before { background: var(--rrr-purple) !important; }
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="profile"] .rrr-page-title {
    background: linear-gradient(135deg, #ffffff 0%, #f6f9ff 55%, #edf5ff 100%) !important;
}
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="addresses"] .rrr-page-title {
    background: linear-gradient(135deg, #ffffff 0%, #fbf8ff 54%, #f0ecff 100%) !important;
}
.rrr-customer-app-v080 .rrr-page-title .rrr-eyebrow {
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: #eef4ff !important;
    width: fit-content !important;
}
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="orders"] .rrr-page-title .rrr-eyebrow { background: #fff2e8 !important; color: var(--rrr-orange) !important; }
.rrr-customer-app-v080 .rrr-view[data-rrr-panel="addresses"] .rrr-page-title .rrr-eyebrow { background: #f2efff !important; color: var(--rrr-purple) !important; }

.rrr-customer-app-v080 .rrr-form-grid {
    align-items: start !important;
}
.rrr-customer-app-v080 .rrr-app-form {
    position: relative !important;
    overflow: hidden !important;
    padding: 18px !important;
    background: #f8fafc !important;
    border-color: #dde6f2 !important;
}
.rrr-customer-app-v080 .rrr-app-form::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 7px !important;
    background: var(--rrr-blue) !important;
}
.rrr-customer-app-v080 .rrr-app-form.rrr-form-password::before { background: var(--rrr-slate) !important; }
.rrr-customer-app-v080 .rrr-app-form.rrr-form-address-billing::before { background: var(--rrr-purple) !important; }
.rrr-customer-app-v080 .rrr-app-form.rrr-form-address-shipping::before { background: var(--rrr-green) !important; }
.rrr-customer-app-v080 .rrr-form-head {
    margin: -2px -2px 4px !important;
    padding: 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border-radius: 20px !important;
    border: 1px solid #e3eaf5 !important;
    background: #ffffff !important;
}
.rrr-customer-app-v080 .rrr-form-kicker {
    display: inline-flex !important;
    width: fit-content !important;
    margin-bottom: 7px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #eaf1ff !important;
    color: var(--rrr-blue) !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .10em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}
.rrr-customer-app-v080 .rrr-form-password .rrr-form-kicker { background: #eef2f7 !important; color: var(--rrr-slate) !important; }
.rrr-customer-app-v080 .rrr-form-address-billing .rrr-form-kicker { background: #f2efff !important; color: var(--rrr-purple) !important; }
.rrr-customer-app-v080 .rrr-form-address-shipping .rrr-form-kicker { background: #e8f8ee !important; color: var(--rrr-green) !important; }
.rrr-customer-app-v080 .rrr-form-head h4 {
    margin: 0 !important;
    font-size: 1.55rem !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
    color: var(--rrr-ink) !important;
}
.rrr-customer-app-v080 .rrr-form-head > span {
    margin-top: 4px !important;
    color: #697386 !important;
    text-align: right !important;
    font-size: .82rem !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}
.rrr-customer-app-v080 .rrr-field {
    padding: 10px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #e5ebf4 !important;
}
.rrr-customer-app-v080 .rrr-field span {
    color: #475467 !important;
    font-size: .75rem !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.rrr-customer-app-v080 .rrr-field input {
    background: #f4f7fb !important;
    border-color: #dbe4ee !important;
    font-weight: 750 !important;
}
.rrr-customer-app-v080 .rrr-save-button {
    margin-top: 2px !important;
    min-height: 48px !important;
    padding: 0 20px !important;
}
.rrr-customer-app-v080 .rrr-form-password .rrr-save-button { background: var(--rrr-slate) !important; box-shadow: 0 12px 24px rgba(31,41,55,.18) !important; }
.rrr-customer-app-v080 .rrr-form-address-billing .rrr-save-button { background: var(--rrr-purple) !important; box-shadow: 0 12px 24px rgba(124,58,237,.16) !important; }
.rrr-customer-app-v080 .rrr-form-address-shipping .rrr-save-button { background: var(--rrr-green) !important; box-shadow: 0 12px 24px rgba(22,163,74,.16) !important; }

.rrr-customer-app-v080 .rrr-order-card {
    border-color: #dfe7f2 !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.07) !important;
}
.rrr-customer-app-v080 .rrr-order-card:hover {
    border-color: #cdd9ea !important;
    box-shadow: 0 16px 34px rgba(15,23,42,.09) !important;
}
.rrr-customer-app-v080 .rrr-order-summary {
    grid-template-columns: auto 1fr auto auto !important;
    background: linear-gradient(180deg, #fff 0%, #fbfcff 100%) !important;
}
.rrr-customer-app-v080 .rrr-order-details {
    padding: 14px 16px 16px !important;
    background: #f7f9fc !important;
    border-top: 1px solid #e5ebf4 !important;
}
.rrr-customer-app-v080 .rrr-order-items {
    display: grid !important;
    gap: 8px !important;
}
.rrr-customer-app-v080 .rrr-order-item-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    border: 1px solid #e4eaf3 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}
.rrr-customer-app-v080 .rrr-order-item-row span {
    min-width: 0 !important;
    color: var(--rrr-ink) !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}
.rrr-customer-app-v080 .rrr-order-item-row em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: #eaf1ff !important;
    color: var(--rrr-blue) !important;
    font-style: normal !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}
.rrr-customer-app-v080 .rrr-order-foot {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
}
.rrr-customer-app-v080 .rrr-order-foot span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
    background: #eef2f7 !important;
    color: #475467 !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
}
.rrr-customer-app-v080 .rrr-order-foot strong {
    color: var(--rrr-slate) !important;
    font-weight: 950 !important;
}

@media (max-width: 760px) {
    .rrr-customer-app-v080 .rrr-form-head { display: grid !important; }
    .rrr-customer-app-v080 .rrr-form-head > span { text-align: left !important; max-width: none !important; }
    .rrr-customer-app-v080 .rrr-field-row { grid-template-columns: 1fr !important; }
    .rrr-customer-app-v080 .rrr-order-summary { grid-template-columns: 1fr auto !important; }
    .rrr-customer-app-v080 .rrr-status-badge { justify-self: start !important; }
}


/* v0.7.0 - store credit centering, colored controls, and no-black-button pass */
.rrr-customer-app-v080 {
    --rrr-navy: #172033;
    --rrr-blue: #2563eb;
    --rrr-green: #16a34a;
    --rrr-orange: #f97316;
    --rrr-amber: #f59e0b;
    --rrr-purple: #7c3aed;
    --rrr-slate: #334155;
}

/* Keep dark text, but stop using black/dark pill buttons as primary actions */
.rrr-customer-app-v080 .rrr-cta-soft,
.rrr-customer-app-v080 .rrr-pill:not(.rrr-pill-shop),
.rrr-customer-app-v080 .rrr-save-button,
.rrr-customer-app-v080 .rrr-form-password .rrr-save-button,
.rrr-customer-app-v080 .rrr-mobile-nav button.is-active,
.rrr-customer-app-v080 .rrr-toast {
    background: var(--rrr-purple) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(124,58,237,.18) !important;
}
.rrr-customer-app-v080 .rrr-pill-shop,
.rrr-customer-app-v080 .rrr-cta-blue,
.rrr-customer-app-v080 .rrr-form-profile .rrr-save-button { background: var(--rrr-blue) !important; color:#fff !important; }
.rrr-customer-app-v080 .rrr-form-address-billing .rrr-save-button { background: var(--rrr-purple) !important; color:#fff !important; }
.rrr-customer-app-v080 .rrr-form-address-shipping .rrr-save-button { background: var(--rrr-green) !important; color:#fff !important; }

/* Sidebar active colors stay colorful and readable */
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(1).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(1):hover { background: var(--rrr-blue) !important; border-color: var(--rrr-blue) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(2).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(2):hover { background: var(--rrr-green) !important; border-color: var(--rrr-green) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(3).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(3):hover { background: var(--rrr-orange) !important; border-color: var(--rrr-orange) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(4).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(4):hover { background: var(--rrr-purple) !important; border-color: var(--rrr-purple) !important; color: #fff !important; }
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(5).is-active,
.rrr-customer-app-v080 .rrr-side-nav button:nth-child(5):hover { background: var(--rrr-amber) !important; border-color: var(--rrr-amber) !important; color: #fff !important; }

/* Store credit panel: remove duplicate visual label space and center the shortcode content */
.rrr-customer-app-v080 .rrr-credit-label { display: none !important; }
.rrr-customer-app-v080 .rrr-credit-body { display: grid !important; align-content: start !important; gap: 12px !important; }
.rrr-customer-app-v080 .rrr-credit-output {
    min-height: 168px !important;
    place-items: center !important;
    text-align: center !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border: 1px solid #dbe7f3 !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-balance {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: grid !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
    gap: 7px !important;
    padding: 0 !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row span,
.rrr-customer-app-v080 .rrr-credit-code-card span {
    text-align: center !important;
    color: #667085 !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}
.rrr-customer-app-v080 .rrr-credit-smart-row strong {
    text-align: center !important;
    color: var(--rrr-green) !important;
    font-size: clamp(2.25rem, 4vw, 3.35rem) !important;
    line-height: .95 !important;
    font-weight: 950 !important;
    letter-spacing: -.055em !important;
}
.rrr-customer-app-v080 .rrr-credit-code-card {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
    gap: 9px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: #eef6ff !important;
    border: 1px solid #cfe2ff !important;
    text-align: center !important;
}
.rrr-customer-app-v080 .rrr-credit-code-card code {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    color: var(--rrr-blue) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: clamp(.96rem, 1.3vw, 1.15rem) !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
    background: transparent !important;
    padding: 0 !important;
}
.rrr-customer-app-v080 .rrr-credit-balance-output,
.rrr-customer-app-v080 .rrr-credit-balance-output * { text-align: center !important; }

/* Color the Balance / Barcode slider instead of using black */
.rrr-customer-app-v080 .rrr-segmented {
    background: #eef4ff !important;
    border-color: #d7e5ff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.75) !important;
}
.rrr-customer-app-v080 .rrr-segmented button {
    background: transparent !important;
    color: #64748b !important;
}
.rrr-customer-app-v080 .rrr-segmented button[data-rrr-credit-tab="balance"].is-active {
    background: var(--rrr-green) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(22,163,74,.18) !important;
}
.rrr-customer-app-v080 .rrr-segmented button[data-rrr-credit-tab="barcode"].is-active {
    background: var(--rrr-orange) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(249,115,22,.18) !important;
}

/* Barcode pane gets a warmer color family so it matches the rest of the dashboard */
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-credit-output {
    background: linear-gradient(180deg, #fffaf2 0%, #fff7ed 100%) !important;
    border-color: #fed7aa !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 14px 30px rgba(249,115,22,.08) !important;
}
.rrr-customer-app-v080 .rrr-credit-barcode-output,
.rrr-customer-app-v080 .rrr-credit-barcode-output * { text-align: center !important; color: #9a3412 !important; }
.rrr-customer-app-v080 .rrr-credit-barcode-output img,
.rrr-customer-app-v080 .rrr-credit-barcode-output svg {
    margin: 0 auto !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #ffedd5 !important;
}

/* Turn credit instructions into small information notes */
.rrr-customer-app-v080 .rrr-info-note {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    margin: 12px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: #f1f7ff !important;
    border: 1px solid #dbeafe !important;
    color: #475569 !important;
    font-size: .84rem !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}
.rrr-customer-app-v080 .rrr-info-note span {
    width: 22px !important;
    height: 22px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: var(--rrr-blue) !important;
    color: #fff !important;
    font-size: .75rem !important;
    font-weight: 950 !important;
    font-style: normal !important;
    line-height: 1 !important;
}
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-info-note {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-info-note span { background: var(--rrr-orange) !important; }

/* More consistent color styling across forms */
.rrr-customer-app-v080 .rrr-form-password::before { background: var(--rrr-orange) !important; }
.rrr-customer-app-v080 .rrr-form-password .rrr-form-kicker { background: #fff2e8 !important; color: var(--rrr-orange) !important; }
.rrr-customer-app-v080 .rrr-form-password .rrr-save-button { background: var(--rrr-orange) !important; box-shadow: 0 12px 24px rgba(249,115,22,.16) !important; }
.rrr-customer-app-v080 .rrr-field input:focus { border-color: var(--rrr-blue) !important; box-shadow: 0 0 0 4px rgba(37,99,235,.10) !important; }

@media (max-width: 720px) {
    .rrr-customer-app-v080 .rrr-credit-smart-balance { max-width: 100% !important; }
    .rrr-customer-app-v080 .rrr-credit-smart-row strong { font-size: 2.35rem !important; }
}


/* v0.8 credit/barcode refinement: cleaner color family + fixed shortcode overlap */
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-credit-output {
    min-height: 0 !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
    border: 1px solid #cfe1ff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.85), 0 12px 28px rgba(37,99,235,.07) !important;
}
.rrr-customer-app-v080 .rrr-credit-barcode-output,
.rrr-customer-app-v080 .rrr-credit-barcode-output * {
    color: #2563eb !important;
    text-align: center !important;
    max-width: 100% !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}
.rrr-customer-app-v080 .rrr-credit-barcode-output > * {
    position: static !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.rrr-customer-app-v080 .rrr-credit-barcode-output h1,
.rrr-customer-app-v080 .rrr-credit-barcode-output h2,
.rrr-customer-app-v080 .rrr-credit-barcode-output h3,
.rrr-customer-app-v080 .rrr-credit-barcode-output h4,
.rrr-customer-app-v080 .rrr-credit-barcode-output strong:first-child,
.rrr-customer-app-v080 .rrr-credit-barcode-output b:first-child {
    display: block !important;
    margin: 0 0 10px !important;
    color: #2563eb !important;
    font-size: clamp(.95rem, 1.15vw, 1.08rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    line-height: 1.2 !important;
}
.rrr-customer-app-v080 .rrr-credit-barcode-output img,
.rrr-customer-app-v080 .rrr-credit-barcode-output svg,
.rrr-customer-app-v080 .rrr-credit-barcode-output canvas {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 280px) !important;
    height: auto !important;
    max-height: 96px !important;
    margin: 8px auto 10px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dbeafe !important;
    box-shadow: 0 8px 18px rgba(37,99,235,.08) !important;
}
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-info-note {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #43536a !important;
}
.rrr-customer-app-v080 .rrr-credit-pane[data-rrr-credit-pane="barcode"] .rrr-info-note span {
    background: #2563eb !important;
}
.rrr-customer-app-v080 .rrr-segmented button[data-rrr-credit-tab="barcode"].is-active {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(59,130,246,.2) !important;
}
.rrr-customer-app-v080 .rrr-credit-module .rrr-segmented button[data-rrr-credit-tab="balance"].is-active {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
}
.rrr-customer-app-v080 .rrr-hero .rrr-button.is-dark,
.rrr-customer-app-v080 .rrr-button.is-dark,
.rrr-customer-app-v080 button.is-dark {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(124,58,237,.16) !important;
}


/* v0.8.1 - Action tile polish: solid purple addresses + consistent highlighter-pink hover nubs */
.rrr-customer-app-v080 {
    --rrr-highlight-pink: #ff4fd8;
    --rrr-purple-soft: #8b5cf6;
}

/* Addresses tile should be a clean solid purple, not amber/orange and not a gradient. */
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-purple,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="addresses"] {
    background: #7c3aed !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18) !important;
}

/* Add a real purple tile class so future tiles can use it without falling back. */
.rrr-customer-app-v080 .rrr-tile-purple {
    background: #7c3aed !important;
    color: #fff !important;
}

/* Make all four action tiles behave the same on hover; the tile stays readable, the nub gets the personality. */
.rrr-customer-app-v080 .rrr-action-tile:hover,
.rrr-customer-app-v080 .rrr-action-tile:focus-visible {
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, .18), 0 0 0 3px rgba(255, 79, 216, .18) !important;
    outline: none !important;
}

.rrr-customer-app-v080 .rrr-action-tile span {
    background: rgba(255, 255, 255, .72) !important;
    transition: background .16s ease, width .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.rrr-customer-app-v080 .rrr-action-tile:hover span,
.rrr-customer-app-v080 .rrr-action-tile:focus-visible span {
    width: 46px !important;
    background: var(--rrr-highlight-pink) !important;
    box-shadow: 0 0 0 4px rgba(255, 79, 216, .18), 0 8px 18px rgba(255, 79, 216, .24) !important;
}

/* Keep text clean on colorful tiles even when Elementor/theme button styles try to bleed in. */
.rrr-customer-app-v080 .rrr-action-tile,
.rrr-customer-app-v080 .rrr-action-tile:hover,
.rrr-customer-app-v080 .rrr-action-tile:focus-visible,
.rrr-customer-app-v080 .rrr-action-tile strong,
.rrr-customer-app-v080 .rrr-action-tile em {
    text-decoration: none !important;
    text-shadow: none !important;
}


/* v0.8.2 - Keep action tile hover behavior consistent under theme/Elementor button hover CSS.
   The tile itself keeps its own color. Only the small nub turns highlighter pink. */
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-blue,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-blue:hover,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-blue:focus,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-blue:focus-visible,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="credit"],
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="credit"]:hover,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="credit"]:focus,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="credit"]:focus-visible {
    background: var(--rrr-blue) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: transparent !important;
}

.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-green,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-green:hover,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-green:focus,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-green:focus-visible,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="recent"],
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="recent"]:hover,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="recent"]:focus,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="recent"]:focus-visible {
    background: var(--rrr-green) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: transparent !important;
}

.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-orange,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-orange:hover,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-orange:focus,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-orange:focus-visible,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="orders"],
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="orders"]:hover,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="orders"]:focus,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="orders"]:focus-visible {
    background: var(--rrr-orange) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: transparent !important;
}

.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-purple,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-purple:hover,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-purple:focus,
.rrr-customer-app-v080 .rrr-action-tile.rrr-tile-purple:focus-visible,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="addresses"],
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="addresses"]:hover,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="addresses"]:focus,
.rrr-customer-app-v080 .rrr-action-tile[data-rrr-view="addresses"]:focus-visible {
    background: #7c3aed !important;
    background-image: none !important;
    color: #fff !important;
    border-color: transparent !important;
}

.rrr-customer-app-v080 .rrr-action-tile:hover,
.rrr-customer-app-v080 .rrr-action-tile:focus-visible {
    filter: none !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, .18), 0 0 0 3px rgba(255, 79, 216, .18) !important;
}

.rrr-customer-app-v080 .rrr-action-tile:hover span,
.rrr-customer-app-v080 .rrr-action-tile:focus-visible span {
    background: var(--rrr-highlight-pink) !important;
    background-image: none !important;
    width: 46px !important;
    box-shadow: 0 0 0 4px rgba(255, 79, 216, .18), 0 8px 18px rgba(255, 79, 216, .24) !important;
}

/* v0.8.3 - in-app logged-out experience */
.rrr-customer-app-v083.rrr-login-shell {
    min-height: min(760px, calc(100vh - 40px)) !important;
    padding: 24px !important;
    background:
        radial-gradient(circle at 20% 15%, rgba(47,111,237,.10), transparent 28%),
        radial-gradient(circle at 85% 18%, rgba(124,58,237,.10), transparent 30%),
        var(--rrr-bg) !important;
}
.rrr-customer-app-v083 .rrr-login-card {
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    display: grid !important;
    gap: 18px !important;
    padding: clamp(22px, 4vw, 40px) !important;
    border-radius: 30px !important;
    background: #fff !important;
    border: 1px solid var(--rrr-line) !important;
    box-shadow: var(--rrr-shadow) !important;
}
.rrr-customer-app-v083 .rrr-login-intro {
    display: grid !important;
    gap: 8px !important;
    max-width: 620px !important;
}
.rrr-customer-app-v083 .rrr-login-intro p {
    max-width: 560px !important;
    font-weight: 750 !important;
    line-height: 1.55 !important;
}
.rrr-customer-app-v083 .rrr-login-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 7px !important;
    border-radius: 18px !important;
    background: #edf2fa !important;
    border: 1px solid #dce5f2 !important;
}
.rrr-customer-app-v083 .rrr-login-tabs button {
    min-height: 48px !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: var(--rrr-muted) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    transition: background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
.rrr-customer-app-v083 .rrr-login-tabs button.is-active,
.rrr-customer-app-v083 .rrr-login-tabs button:hover {
    background: var(--rrr-blue) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(47,111,237,.18) !important;
    transform: translateY(-1px) !important;
}
.rrr-customer-app-v083 .rrr-login-panels {
    display: block !important;
}
.rrr-customer-app-v083 .rrr-login-panel {
    display: none !important;
}
.rrr-customer-app-v083 .rrr-login-panel.is-active {
    display: block !important;
}
.rrr-customer-app-v083 .rrr-login-form {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: #f8fbff !important;
    border: 1px solid #dfe7f3 !important;
}
.rrr-customer-app-v083 .rrr-login-form-register {
    background: #fbf8ff !important;
    border-color: #e6dcff !important;
}
.rrr-customer-app-v083 .rrr-login-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    padding: 2px 0 !important;
}
.rrr-customer-app-v083 .rrr-checkline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--rrr-ink) !important;
    font-size: .88rem !important;
    font-weight: 850 !important;
}
.rrr-customer-app-v083 .rrr-checkline input {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--rrr-blue) !important;
}
.rrr-customer-app-v083 .rrr-login-row a {
    color: var(--rrr-blue) !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
}
.rrr-customer-app-v083 .rrr-login-submit {
    width: 100% !important;
    justify-content: center !important;
    background: var(--rrr-blue) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(47,111,237,.18) !important;
}
.rrr-customer-app-v083 .rrr-login-submit-register {
    background: var(--rrr-purple) !important;
    box-shadow: 0 14px 28px rgba(124,58,237,.18) !important;
}
.rrr-customer-app-v083 .rrr-login-info-note,
.rrr-customer-app-v083 .rrr-login-privacy {
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: #eef6ff !important;
    border: 1px solid #d5e8ff !important;
    color: var(--rrr-muted) !important;
    font-size: .86rem !important;
    font-weight: 750 !important;
}
.rrr-customer-app-v083 .rrr-login-info-note strong { color: var(--rrr-blue) !important; }
.rrr-customer-app-v083 .rrr-login-footer-actions {
    display: flex !important;
    justify-content: center !important;
}
.rrr-customer-app-v083 .rrr-login-footer-actions .rrr-outline-button {
    border-color: #dce5f2 !important;
    color: var(--rrr-blue) !important;
    background: #f8fbff !important;
}
.rrr-customer-app-v083 .woocommerce-error,
.rrr-customer-app-v083 .woocommerce-message,
.rrr-customer-app-v083 .woocommerce-info {
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    border: 1px solid #dfe7f3 !important;
    background: #f8fbff !important;
    color: var(--rrr-ink) !important;
    font-weight: 800 !important;
}
.rrr-customer-app-v083 .woocommerce-error { border-color: #fecaca !important; background: #fff7f7 !important; color: #991b1b !important; }
.rrr-customer-app-v083 .woocommerce-message { border-color: #bbf7d0 !important; background: #f0fdf4 !important; color: #166534 !important; }

@media (max-width: 720px) {
    .rrr-customer-app-v083.rrr-login-shell { padding: 14px !important; min-height: 100vh !important; }
    .rrr-customer-app-v083 .rrr-login-tabs { grid-template-columns: 1fr !important; }
    .rrr-customer-app-v083 .rrr-login-card { padding: 22px !important; border-radius: 24px !important; }
    .rrr-customer-app-v083 .rrr-login-row { display: grid !important; gap: 10px !important; }
}

/* v0.8.4 - Recent Finds rebuild: cleaner product cards, real buttons, no awkward media wash */
.rrr-customer-app-v084 .rrr-product-grid {
    align-items: stretch !important;
    gap: 16px !important;
}

.rrr-customer-app-v084 .rrr-panel .rrr-product-grid.is-compact {
    gap: 16px !important;
}

.rrr-customer-app-v084 .rrr-product-card {
    position: relative !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    overflow: hidden !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #dce6f4 !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .075) !important;
    transform: translateZ(0) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, opacity .16s ease !important;
}

/* v0.8.5 - Removed the decorative top-left product-card tab so image cards look intentional. */
.rrr-customer-app-v084 .rrr-product-card:hover,
.rrr-customer-app-v084 .rrr-product-card:focus-within {
    transform: translateY(-3px) !important;
    border-color: #bcd4f6 !important;
    box-shadow: 0 22px 46px rgba(15, 23, 42, .12) !important;
}

.rrr-customer-app-v084 .rrr-product-card.is-removing {
    opacity: .42 !important;
    pointer-events: none !important;
}

.rrr-customer-app-v084 .rrr-product-image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1.25 / .78 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    overflow: hidden !important;
    background: #f8fbff !important;
    background-image: none !important;
    border-bottom: 1px solid #e2e9f5 !important;
}

.rrr-customer-app-v084 .rrr-product-image::before,
.rrr-customer-app-v084 .rrr-product-image::after {
    content: none !important;
    display: none !important;
}

.rrr-customer-app-v084 .rrr-product-image img,
.rrr-customer-app-v084 .rrr-product-image .woocommerce-placeholder,
.rrr-customer-app-v084 .rrr-product-image picture {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.rrr-customer-app-v084 .rrr-product-info,
.rrr-customer-app-v084 .rrr-product-body {
    min-width: 0 !important;
    padding: 14px 14px 16px !important;
    display: grid !important;
    gap: 10px !important;
    align-content: start !important;
    background: #ffffff !important;
}

.rrr-customer-app-v084 .rrr-stock-pill,
.rrr-customer-app-v084 .rrr-stock-badge {
    width: fit-content !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: #ecfdf3 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    font-size: .68rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.rrr-customer-app-v084 .rrr-stock-pill::before,
.rrr-customer-app-v084 .rrr-stock-badge::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: currentColor !important;
}

.rrr-customer-app-v084 .rrr-stock-pill.is-out,
.rrr-customer-app-v084 .rrr-stock-badge.is-out {
    background: #fff1f2 !important;
    color: #be123c !important;
    border-color: #fecdd3 !important;
}

.rrr-customer-app-v084 .rrr-product-info h4,
.rrr-customer-app-v084 .rrr-product-body h4 {
    margin: 0 !important;
    color: var(--rrr-ink) !important;
    font-size: clamp(.96rem, 1.05vw, 1.08rem) !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
    font-weight: 950 !important;
}

.rrr-customer-app-v084 .rrr-product-info h4 a,
.rrr-customer-app-v084 .rrr-product-body h4 a {
    color: var(--rrr-ink) !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

.rrr-customer-app-v084 .rrr-product-info h4 a:hover,
.rrr-customer-app-v084 .rrr-product-body h4 a:hover,
.rrr-customer-app-v084 .rrr-product-info h4 a:focus,
.rrr-customer-app-v084 .rrr-product-body h4 a:focus {
    color: var(--rrr-blue) !important;
}

.rrr-customer-app-v084 .rrr-price,
.rrr-customer-app-v084 .rrr-product-price {
    min-height: 22px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    color: var(--rrr-slate) !important;
    font-size: .96rem !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
}

.rrr-customer-app-v084 .rrr-price del,
.rrr-customer-app-v084 .rrr-product-price del {
    color: #94a3b8 !important;
    opacity: 1 !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
}

.rrr-customer-app-v084 .rrr-price ins,
.rrr-customer-app-v084 .rrr-product-price ins,
.rrr-customer-app-v084 .rrr-price .amount,
.rrr-customer-app-v084 .rrr-product-price .amount {
    color: var(--rrr-orange) !important;
    text-decoration: none !important;
    font-weight: 950 !important;
}

.rrr-customer-app-v084 .rrr-product-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 2px !important;
}

.rrr-customer-app-v084 .rrr-mini-cta,
.rrr-customer-app-v084 .rrr-hide-btn,
.rrr-customer-app-v084 .rrr-product-btn,
.rrr-customer-app-v084 .rrr-product-hide {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 13px !important;
    border-radius: 14px !important;
    border: 1px solid transparent !important;
    font-size: .76rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease, color .14s ease !important;
}

.rrr-customer-app-v084 .rrr-mini-cta.is-view,
.rrr-customer-app-v084 .rrr-mini-cta:not(.is-primary),
.rrr-customer-app-v084 .rrr-product-btn {
    background: #eff6ff !important;
    color: var(--rrr-blue) !important;
    border-color: #cfe1ff !important;
    box-shadow: none !important;
}

.rrr-customer-app-v084 .rrr-mini-cta.is-primary,
.rrr-customer-app-v084 .rrr-product-btn.is-secondary {
    background: var(--rrr-blue) !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(47, 111, 237, .18) !important;
}

.rrr-customer-app-v084 .rrr-mini-cta.is-primary[href*="add-to-cart"],
.rrr-customer-app-v084 .rrr-mini-cta.is-primary.add_to_cart_button {
    background: var(--rrr-green) !important;
    box-shadow: 0 10px 22px rgba(22, 163, 74, .16) !important;
}

.rrr-customer-app-v084 .rrr-mini-cta:hover,
.rrr-customer-app-v084 .rrr-mini-cta:focus,
.rrr-customer-app-v084 .rrr-hide-btn:hover,
.rrr-customer-app-v084 .rrr-hide-btn:focus,
.rrr-customer-app-v084 .rrr-product-btn:hover,
.rrr-customer-app-v084 .rrr-product-btn:focus,
.rrr-customer-app-v084 .rrr-product-hide:hover,
.rrr-customer-app-v084 .rrr-product-hide:focus {
    transform: translateY(-1px) !important;
    outline: none !important;
}

.rrr-customer-app-v084 .rrr-mini-cta.is-view:hover,
.rrr-customer-app-v084 .rrr-mini-cta.is-view:focus,
.rrr-customer-app-v084 .rrr-mini-cta:not(.is-primary):hover,
.rrr-customer-app-v084 .rrr-mini-cta:not(.is-primary):focus {
    background: #dbeafe !important;
    border-color: #bfdbfe !important;
    color: var(--rrr-blue-dark) !important;
}

.rrr-customer-app-v084 .rrr-mini-cta.is-primary:hover,
.rrr-customer-app-v084 .rrr-mini-cta.is-primary:focus {
    filter: brightness(.98) !important;
    box-shadow: 0 14px 28px rgba(47, 111, 237, .24) !important;
}

.rrr-customer-app-v084 .rrr-hide-btn,
.rrr-customer-app-v084 .rrr-product-hide {
    grid-column: 1 / -1 !important;
    min-height: 34px !important;
    justify-self: stretch !important;
    background: #f8fafc !important;
    color: #64748b !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}

.rrr-customer-app-v084 .rrr-hide-btn::before,
.rrr-customer-app-v084 .rrr-product-hide::before {
    content: "×" !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #e2e8f0 !important;
    color: #64748b !important;
    font-size: .95rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.rrr-customer-app-v084 .rrr-hide-btn:hover,
.rrr-customer-app-v084 .rrr-hide-btn:focus,
.rrr-customer-app-v084 .rrr-product-hide:hover,
.rrr-customer-app-v084 .rrr-product-hide:focus {
    background: #fff7ed !important;
    color: #c2410c !important;
    border-color: #fed7aa !important;
}

.rrr-customer-app-v084 .rrr-hide-btn:hover::before,
.rrr-customer-app-v084 .rrr-hide-btn:focus::before,
.rrr-customer-app-v084 .rrr-product-hide:hover::before,
.rrr-customer-app-v084 .rrr-product-hide:focus::before {
    background: #fed7aa !important;
    color: #c2410c !important;
}

.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-product-image {
    aspect-ratio: 1.16 / .72 !important;
    padding: 14px !important;
}

.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-product-info,
.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-product-body {
    padding: 13px !important;
}

.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-product-actions {
    grid-template-columns: 1fr !important;
}

.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-mini-cta,
.rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-hide-btn {
    width: 100% !important;
}

@media (max-width: 1180px) {
    .rrr-customer-app-v084 .rrr-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .rrr-customer-app-v084 .rrr-product-grid,
    .rrr-customer-app-v084 .rrr-product-grid.is-compact {
        grid-template-columns: 1fr !important;
    }
    .rrr-customer-app-v084 .rrr-product-actions,
    .rrr-customer-app-v084 .rrr-product-grid.is-compact .rrr-product-actions {
        grid-template-columns: 1fr !important;
    }
}
.rrr-customer-app-v084 .rrr-price del .amount,
.rrr-customer-app-v084 .rrr-product-price del .amount {
    color: #94a3b8 !important;
}