﻿/**
 * FiveMRides Studio refresh
 * Final, removable presentation layer for every public tool and credit wallet.
 * Tool plugins keep ownership of markup, state and application behaviour.
 */

body.fmr-tool-surface {
    --fmr-tool-bg: #080b0f;
    --fmr-tool-panel: #10151b;
    --fmr-tool-panel-2: #141a21;
    --fmr-tool-line: #29313b;
    --fmr-tool-line-hot: rgba(238, 78, 139, .68);
    --fmr-tool-text: #f3f1ed;
    --fmr-tool-muted: #9ba4af;
    --fmr-tool-pink: #ee4e8b;
    --fmr-tool-pink-2: #ff76a9;
    --fmr-tool-cyan: #41d9dc;
    --fmr-tool-good: #55d89b;
    --fmr-tool-warn: #f6bd5f;
    background:
        radial-gradient(circle at 9% 18%, rgba(238, 78, 139, .07), transparent 24rem),
        radial-gradient(circle at 92% 37%, rgba(65, 217, 220, .045), transparent 28rem),
        var(--fmr-tool-bg) !important;
    color: var(--fmr-tool-text);
}

body.fmr-tool-surface::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .15;
    background-image:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.fmr-tool-surface .site-content,
.fmr-tool-surface .ast-container,
.fmr-tool-surface .site-main,
.fmr-tool-surface .entry-content,
.fmr-tool-surface article.page {
    background: transparent !important;
}

body.fmr-tool-page .site-content > .ast-container {
    max-width: none !important;
    padding: 0 !important;
}

body.fmr-tool-page .content-area,
body.fmr-tool-page .site-main,
body.fmr-tool-page article.page,
body.fmr-tool-page .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.fmr-tool-page article.page > .entry-header,
body.fmr-tool-page article.page > .entry-meta,
body.fmr-tool-page .entry-title {
    display: none !important;
}

body.fmr-tool-page .frc-converter,
body.fmr-tool-page .frc-app,
body.fmr-tool-page .fro-optimizer,
body.fmr-tool-page .frm-app {
    --frc-bg: var(--fmr-tool-bg);
    --frc-surface: var(--fmr-tool-panel);
    --frc-surface-2: var(--fmr-tool-panel-2);
    --frc-border: var(--fmr-tool-line);
    --frc-text: var(--fmr-tool-text);
    --frc-text-muted: var(--fmr-tool-muted);
    --frc-accent: var(--fmr-tool-pink);
    --frc-accent-2: var(--fmr-tool-cyan);
    --fro-bg: var(--fmr-tool-bg);
    --fro-surface: var(--fmr-tool-panel);
    --fro-surface-2: var(--fmr-tool-panel-2);
    --fro-border: var(--fmr-tool-line);
    --fro-text: var(--fmr-tool-text);
    --fro-text-muted: var(--fmr-tool-muted);
    --fro-accent: var(--fmr-tool-pink);
    --fro-accent-2: var(--fmr-tool-cyan);
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 54px 0 90px !important;
    color: var(--fmr-tool-text) !important;
    font-family: Inter, sans-serif !important;
}

/* Shared application masthead */
body.fmr-tool-page :is(.frc-header, .fro-header) {
    position: relative !important;
    overflow: hidden !important;
    min-height: 330px !important;
    margin: 0 0 24px !important;
    padding: 72px 72px 58px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(100deg, rgba(16,21,27,.99) 0 56%, rgba(16,21,27,.86) 100%) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
    text-align: left !important;
    isolation: isolate;
}

body.fmr-tool-page :is(.frc-header, .fro-header)::before {
    content: "FIVEMRIDES  /  STUDIO";
    display: block;
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
    color: var(--fmr-tool-pink);
    font-family: Rajdhani, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .18em;
}

body.fmr-tool-page :is(.frc-header, .fro-header)::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -110px;
    right: -90px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(238,78,139,.18);
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 36%, rgba(238,78,139,.07) 36.3% 36.7%, transparent 37% 49%, rgba(65,217,220,.08) 49.3% 49.7%, transparent 50%);
    opacity: .82;
}

body.fmr-tool-page :is(.frc-neon-scene, .fro-neon-scene) {
    display: none !important;
}

body.fmr-tool-page :is(.frc-header, .fro-header) h1 {
    position: relative !important;
    z-index: 2;
    max-width: 800px;
    margin: 0 0 12px !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: clamp(46px, 6vw, 76px) !important;
    font-weight: 700 !important;
    line-height: .94 !important;
    letter-spacing: -.035em !important;
    text-transform: uppercase;
    text-shadow: none !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.fmr-tool-page :is(.frc-header, .fro-header) > p {
    position: relative !important;
    z-index: 2;
    max-width: 690px;
    margin: 0 !important;
    color: #b5bdc6 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

body.fmr-tool-page :is(.frc-service-badge, .fro-service-badge) {
    position: relative !important;
    z-index: 2;
    display: inline-flex !important;
    width: auto !important;
    margin: 26px 0 0 !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(85,216,155,.28) !important;
    border-radius: 999px !important;
    background: rgba(85,216,155,.07) !important;
    box-shadow: none !important;
    color: #b8e9d3 !important;
    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase;
}

body.fmr-tool-page :is(.frc-service-dot, .fro-service-dot) {
    background: var(--fmr-tool-good) !important;
    box-shadow: 0 0 0 4px rgba(85,216,155,.12) !important;
}

body.fmr-tool-page :is(.fro-beta-tag) {
    display: inline-flex !important;
    transform: translateY(-7px);
    margin-left: 8px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(246,189,95,.35) !important;
    border-radius: 999px !important;
    background: rgba(246,189,95,.08) !important;
    color: var(--fmr-tool-warn) !important;
    font: 700 10px/1 Inter, sans-serif !important;
    letter-spacing: .12em;
}

body.fmr-tool-page .fro-beta-notice {
    position: relative !important;
    z-index: 2;
    max-width: 760px;
    margin: 22px 0 0 !important;
    padding: 13px 16px !important;
    border: 1px solid rgba(246,189,95,.2) !important;
    border-radius: 7px !important;
    background: rgba(246,189,95,.055) !important;
    color: #d6c6a9 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* Honest feature callout */
body.fmr-tool-page :is(.frc-autofix-banner, .fro-optimize-banner) {
    display: grid !important;
    grid-template-columns: 180px 1fr;
    gap: 26px !important;
    align-items: start !important;
    margin: 0 0 24px !important;
    padding: 26px 30px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-left: 3px solid var(--fmr-tool-pink) !important;
    border-radius: 9px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-tool-page :is(.frc-autofix-badge, .fro-optimize-badge) {
    display: inline-flex !important;
    justify-content: center;
    padding: 8px 12px !important;
    border: 1px solid rgba(238,78,139,.28) !important;
    border-radius: 999px !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-pink-2) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .1em;
}

body.fmr-tool-page :is(.frc-autofix-text, .fro-optimize-text) {
    display: grid !important;
    gap: 5px !important;
}

body.fmr-tool-page :is(.frc-autofix-text, .fro-optimize-text) strong {
    color: var(--fmr-tool-text) !important;
    font-size: 17px !important;
}

body.fmr-tool-page :is(.frc-autofix-text, .fro-optimize-text) span {
    color: var(--fmr-tool-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* Upload and first-step workspace */
body.fmr-tool-page :is(.frc-step, .fro-step, .frm-stage) {
    margin: 0 !important;
}

body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone) {
    position: relative !important;
    overflow: hidden !important;
    min-height: 330px !important;
    padding: 64px 40px !important;
    border: 1px dashed #4a5561 !important;
    border-radius: 10px !important;
    background: rgba(16,21,27,.9) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.012) !important;
    color: var(--fmr-tool-text) !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease !important;
}

body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone)::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--fmr-tool-pink);
    transform: scaleY(.18);
    transition: transform .22s ease;
}

body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone):hover,
body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone).is-dragover {
    border-color: var(--fmr-tool-line-hot) !important;
    background: #12181f !important;
    transform: translateY(-2px);
}

body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone):hover::before {
    transform: scaleY(1);
}

body.fmr-tool-page :is(.frc-dz-grid, .fro-dz-grid) {
    opacity: .035 !important;
}

body.fmr-tool-page :is(.frc-dz-br, .fro-dz-br) {
    display: none !important;
}

body.fmr-tool-page :is(.frc-upload-icon, .fro-upload-icon, .frm-dropzone-inner > svg) {
    display: grid !important;
    place-items: center;
    width: 66px !important;
    height: 66px !important;
    margin: 0 auto 20px !important;
    border: 1px solid rgba(65,217,220,.25) !important;
    border-radius: 50% !important;
    background: rgba(65,217,220,.065) !important;
    color: var(--fmr-tool-cyan) !important;
    filter: none !important;
}

body.fmr-tool-page :is(.frc-upload-title, .fro-upload-title, .frm-dropzone-inner h3) {
    margin: 0 0 9px !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase;
    text-shadow: none !important;
}

body.fmr-tool-page :is(.frc-upload-desc, .fro-upload-desc, .frm-dropzone-inner > p:first-of-type) {
    color: #c0c6cd !important;
    font-size: 15px !important;
}

body.fmr-tool-page :is(.frc-upload-hint, .fro-upload-hint, .fro-upload-limits, .frm-muted) {
    color: var(--fmr-tool-muted) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

body.fmr-tool-page :is(.frc-upload-formats, .fro-upload-formats) {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 22px 0 12px !important;
}

body.fmr-tool-page :is(.frc-upload-format, .fro-upload-format, .frc-badge, .fro-resource-meta span) {
    border: 1px solid #34404c !important;
    border-radius: 999px !important;
    background: #0c1116 !important;
    color: #b9c1c9 !important;
    box-shadow: none !important;
    font-family: Inter, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
}

/* Buttons, inputs and interactive cards */
body.fmr-tool-page :is(.frc-btn, .fro-btn, .fro-btn-primary, .frh-btn) {
    min-height: 46px !important;
    padding: 13px 21px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase;
    transition: transform .18s ease, background .18s ease, border-color .18s ease !important;
}

body.fmr-tool-page :is(.frc-btn--primary, .fro-btn--primary, .fro-btn-primary, .frh-btn--primary) {
    background: var(--fmr-tool-pink) !important;
    color: #10090d !important;
}

body.fmr-tool-page :is(.frc-btn--primary, .fro-btn--primary, .fro-btn-primary, .frh-btn--primary):hover {
    background: var(--fmr-tool-pink-2) !important;
    transform: translateY(-2px) !important;
}

body.fmr-tool-page :is(.frc-btn--secondary, .fro-btn--secondary, .fro-btn--ghost, .frh-btn--ghost) {
    border-color: #3a4551 !important;
    background: transparent !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-tool-page :is(.frc-btn--secondary, .fro-btn--secondary, .fro-btn--ghost, .frh-btn--ghost):hover {
    border-color: var(--fmr-tool-pink) !important;
    background: rgba(238,78,139,.07) !important;
}

body.fmr-tool-page :is(input, select, textarea, .frc-input, .fro-select) {
    border: 1px solid #36414d !important;
    border-radius: 6px !important;
    background: #090d12 !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-tool-page :is(input, select, textarea, .frc-input, .fro-select):focus {
    border-color: var(--fmr-tool-pink) !important;
    box-shadow: 0 0 0 3px rgba(238,78,139,.09) !important;
    outline: 0 !important;
}

body.fmr-tool-page :is(.frc-guide, .fro-guide, .frc-history-section, .fro-history-section,
    .frc-vehicle-card, .fro-analysis-card, .fro-settings-card, .fro-results-card,
    .frm-panel, .frm-options, .frc-success-card, .fro-summary) {
    margin-top: 18px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-tool-page :is(.frc-guide-toggle, .fro-guide-toggle, .frc-history-toggle, .fro-history-toggle) {
    min-height: 58px !important;
    padding: 16px 20px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--fmr-tool-text) !important;
    box-shadow: none !important;
    font-family: Rajdhani, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
}

body.fmr-tool-page :is(.frc-guide-body, .fro-guide-body, .frc-history-body, .fro-history-body) {
    border-top: 1px solid var(--fmr-tool-line) !important;
    background: #0d1217 !important;
}

body.fmr-tool-page :is(.frc-guide-step-num, .fro-guide-step-num) {
    border: 1px solid rgba(238,78,139,.35) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-pink-2) !important;
    box-shadow: none !important;
}

body.fmr-tool-page :is(.frc-guide-fixbox, .fro-guide-fixbox, .frc-guide-feature, .fro-guide-feature) {
    border-color: var(--fmr-tool-line) !important;
    background: #11171d !important;
    box-shadow: none !important;
}

body.fmr-tool-page :is(.frc-tabs, .fro-presets, .fro-opt-type-grid, .fro-pack-format-grid) {
    gap: 8px !important;
    border-color: var(--fmr-tool-line) !important;
}

body.fmr-tool-page :is(.frc-tab, .frc-mode-btn, .fro-mode-btn, .fro-opt-type-btn, .fro-pack-format-btn) {
    border: 1px solid #34404c !important;
    border-radius: 6px !important;
    background: #0c1116 !important;
    box-shadow: none !important;
    color: var(--fmr-tool-muted) !important;
}

body.fmr-tool-page :is(.frc-tab--active, .frc-mode-btn--active, .fro-mode-btn--active, .fro-opt-type-btn--active, .fro-pack-format-btn--active) {
    border-color: var(--fmr-tool-pink) !important;
    background: rgba(238,78,139,.09) !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-tool-page :is(.frc-progress-fill, .fro-progress-fill, .frm-progress-fill) {
    background: var(--fmr-tool-pink) !important;
    box-shadow: none !important;
}

/* Map tools and Carpack Builder */
body.fmr-tool-page .frm-app :is(.frm-stage, .frmm-bar, .frmm-build-row) {
    border-color: var(--fmr-tool-line) !important;
    background: transparent !important;
}

body.fmr-tool-page .frm-dropzone-inner {
    max-width: 720px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

body.fmr-tool-page .frm-dropzone-inner p {
    margin: 8px auto !important;
}

body.fmr-tool-page :is(.frm-card, .frmm-list > li, .frmm-maplist > li) {
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 7px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-tool-page :is(.frm-panel-warn, .frm-panel-conflict) {
    border-left: 3px solid var(--fmr-tool-warn) !important;
}

body.fmr-tool-page .frm-panel-info {
    border-left: 3px solid var(--fmr-tool-cyan) !important;
}

body.fmr-tool-page .frm-link {
    color: var(--fmr-tool-pink-2) !important;
}

/* Debadger workspace */
body.fmr-tool-page .fro-debadger .frd-picker-grid,
body.fmr-tool-page .fro-debadger .frd-side,
body.fmr-tool-page .fro-debadger .frd-viewer-wrap,
body.fmr-tool-page .fro-debadger .frd-summary,
body.fmr-tool-page .fro-debadger .frd-validation {
    border-color: var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-tool-page .fro-debadger :is(.frd-vp-btn, .frd-mini-btn, .frd-edit-pill) {
    border-color: #3a4551 !important;
    border-radius: 5px !important;
    background: #0c1116 !important;
    color: var(--fmr-tool-text) !important;
}

/* Studio hub: same system, more editorial scale */
body.fmr-tool-studio .frh {
    --fro-accent: var(--fmr-tool-pink);
    --fro-accent-2: var(--fmr-tool-cyan);
    overflow: hidden;
    background: transparent !important;
    color: var(--fmr-tool-text) !important;
    font-family: Inter, sans-serif !important;
}

body.fmr-tool-studio .frh-scene,
body.fmr-tool-studio .frh-marquee,
body.fmr-tool-studio .frh-scroll {
    display: none !important;
}

body.fmr-tool-studio .frh-hero {
    min-height: 650px !important;
    padding: 120px 20px 90px !important;
    border-bottom: 1px solid var(--fmr-tool-line) !important;
    background:
        radial-gradient(circle at 82% 36%, rgba(238,78,139,.13), transparent 24rem),
        radial-gradient(circle at 78% 42%, transparent 0 104px, rgba(65,217,220,.15) 105px 106px, transparent 107px 145px, rgba(238,78,139,.2) 146px 147px, transparent 148px),
        #090d12 !important;
}

body.fmr-tool-studio .frh-hero-in,
body.fmr-tool-studio .frh-wrap {
    width: min(1180px, 100%) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

body.fmr-tool-studio :is(.frh-kicker, .frh-eyebrow, .frh-tag) {
    color: var(--fmr-tool-pink) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase;
}

body.fmr-tool-studio .frh-display {
    max-width: 810px !important;
    margin: 26px 0 26px !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: clamp(66px, 9vw, 118px) !important;
    font-weight: 700 !important;
    line-height: .82 !important;
    letter-spacing: -.055em !important;
    text-transform: uppercase;
    text-shadow: none !important;
}

body.fmr-tool-studio .frh-glitch,
body.fmr-tool-studio .frh-grad {
    color: var(--fmr-tool-pink-2) !important;
    background: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.fmr-tool-studio .frh-glitch::before,
body.fmr-tool-studio .frh-glitch::after {
    display: none !important;
}

body.fmr-tool-studio .frh-lede {
    max-width: 720px !important;
    color: #aeb7c0 !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

body.fmr-tool-studio .frh-wallet {
    width: fit-content !important;
    margin-top: 34px !important;
    padding: 11px 14px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 7px !important;
    background: rgba(16,21,27,.92) !important;
    box-shadow: none !important;
}

body.fmr-tool-studio .frh-wallet-link {
    color: var(--fmr-tool-pink-2) !important;
}

body.fmr-tool-studio .frh-blk {
    padding: 100px 20px !important;
    background: transparent !important;
}

body.fmr-tool-studio .frh-rule {
    width: min(1140px, calc(100% - 40px));
    height: 1px !important;
    margin: 0 auto !important;
    background: var(--fmr-tool-line) !important;
    box-shadow: none !important;
}

body.fmr-tool-studio :is(.frh-h2, .frh-tool-title) {
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-weight: 700 !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
    text-transform: uppercase;
    text-shadow: none !important;
}

body.fmr-tool-studio .frh-h2 { font-size: clamp(44px, 6vw, 72px) !important; }
body.fmr-tool-studio .frh-tool-title { font-size: clamp(44px, 5vw, 66px) !important; }

body.fmr-tool-studio .frh-tiles {
    gap: 12px !important;
}

body.fmr-tool-studio .frh-tile {
    min-height: 270px !important;
    padding: 28px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}

body.fmr-tool-studio .frh-tile::before,
body.fmr-tool-studio .frh-tile::after {
    display: none !important;
}

body.fmr-tool-studio .frh-tile:hover {
    border-color: var(--fmr-tool-line-hot) !important;
    background: var(--fmr-tool-panel-2) !important;
    transform: translateY(-4px) !important;
}

body.fmr-tool-studio .frh-tile-no,
body.fmr-tool-studio .frh-tile-go {
    color: var(--fmr-tool-pink-2) !important;
}

body.fmr-tool-studio .frh-tile-ic {
    filter: grayscale(1) contrast(1.2) !important;
    opacity: .88;
}

body.fmr-tool-studio .frh-tile h3 {
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 24px !important;
    text-transform: uppercase;
}

body.fmr-tool-studio .frh-tile p { color: var(--fmr-tool-muted) !important; }

body.fmr-tool-studio :is(.frh-holo, .frh-gauge-card, .frh-card, .frh-stat, .frh-band) {
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-tool-studio :is(.frh-br, .frh-sunglow, .frh-sunglow--cta) { display: none !important; }

body.fmr-tool-studio .frh-feat {
    border-bottom-color: var(--fmr-tool-line) !important;
}

body.fmr-tool-studio .frh-fic {
    border-color: #3a4551 !important;
    background: #0c1116 !important;
    color: var(--fmr-tool-cyan) !important;
    box-shadow: none !important;
}

/* Credit wallet */
body.fmr-credits-page .site-content > .ast-container {
    width: min(1380px, calc(100% - 40px)) !important;
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 54px 0 90px !important;
}

body.fmr-credits-page .woocommerce {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 32px !important;
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.fmr-credits-page .woocommerce-MyAccount-navigation {
    position: sticky;
    top: 100px;
    align-self: start;
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 9px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-credits-page .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
}

body.fmr-credits-page .frd-nav-link {
    min-height: 48px !important;
    padding: 11px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    color: #aeb7c0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .045em !important;
}

body.fmr-credits-page .woocommerce-MyAccount-navigation li.is-active .frd-nav-link {
    border-color: rgba(238,78,139,.3) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-credits-page .woocommerce-MyAccount-navigation li.is-active .frd-nav-icon-wrap {
    color: var(--fmr-tool-pink) !important;
    filter: none !important;
}

body.fmr-credits-page .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    min-width: 0;
    padding: 0 !important;
}

body.fmr-credits-page .frc-my-credits {
    width: 100% !important;
    max-width: none !important;
}

body.fmr-credits-page .frc-my-credits::before {
    content: "CREDITS  /  SHARED WALLET";
    display: block;
    margin-bottom: 14px;
    color: var(--fmr-tool-pink);
    font-family: Rajdhani, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .17em;
}

body.fmr-credits-page .frc-my-credits__balance-card {
    position: relative !important;
    overflow: hidden !important;
    min-height: 190px !important;
    margin-bottom: 34px !important;
    padding: 36px 40px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-left: 3px solid var(--fmr-tool-pink) !important;
    border-radius: 9px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-credits-page .frc-my-credits__balance-card::after {
    content: "";
    position: absolute;
    top: -150px;
    right: -70px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(65,217,220,.13);
    border-radius: 50%;
    box-shadow: 0 0 0 40px rgba(238,78,139,.025), 0 0 0 90px rgba(65,217,220,.018);
}

body.fmr-credits-page .frc-my-credits__balance-number {
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: clamp(66px, 8vw, 96px) !important;
    font-weight: 700 !important;
    line-height: .82 !important;
    letter-spacing: -.04em !important;
    text-shadow: none !important;
}

body.fmr-credits-page .frc-my-credits__balance-label {
    margin-top: 16px !important;
    color: var(--fmr-tool-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase;
}

body.fmr-credits-page .frc-my-credits__balance-info {
    position: relative;
    z-index: 2;
    padding: 10px 13px !important;
    border: 1px solid #35404b !important;
    border-radius: 6px !important;
    background: #0b1015 !important;
    color: #bac2ca !important;
    font-size: 12px !important;
}

body.fmr-credits-page .frc-my-credits__buy-section h3,
body.fmr-credits-page .frc-my-credits__history h3 {
    margin: 0 0 18px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--fmr-tool-line);
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase;
}

body.fmr-credits-page .frc-my-credits__buy-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
    perspective: none !important;
}

body.fmr-credits-page .frc-my-credits__buy-card {
    position: relative !important;
    min-height: 205px !important;
    padding: 24px 15px 20px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
    transform: none !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}

body.fmr-credits-page .frc-my-credits__buy-card:hover {
    border-color: var(--fmr-tool-line-hot) !important;
    background: var(--fmr-tool-panel-2) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
    transform: translateY(-4px) !important;
}

body.fmr-credits-page .frc-my-credits__buy-card--featured {
    border-color: rgba(238,78,139,.52) !important;
}

body.fmr-credits-page .frc-my-credits__buy-card--premium {
    border-color: rgba(246,189,95,.45) !important;
    background: rgba(246,189,95,.035) !important;
}

body.fmr-credits-page .frc-coin {
    filter: saturate(.65) !important;
    transform: scale(.86) !important;
}

body.fmr-credits-page .frc-my-credits__buy-card:hover .frc-coin,
body.fmr-credits-page .frc-my-credits__buy-card:hover .frc-coin__face {
    animation: none !important;
}

body.fmr-credits-page .frc-my-credits__name {
    color: var(--fmr-tool-warn) !important;
}

body.fmr-credits-page .frc-my-credits__price {
    color: var(--fmr-tool-pink-2) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 23px !important;
}

body.fmr-credits-page .frc-my-credits__best {
    border-radius: 999px !important;
    background: var(--fmr-tool-pink) !important;
    color: #10090d !important;
    box-shadow: none !important;
}

body.fmr-credits-page :is(.frc-my-credits__shared-note, .frc-bonus-banner, .frc-loyalty, .frc-my-credits__history) {
    margin-top: 24px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-muted) !important;
}

body.fmr-credits-page .frc-bonus-banner {
    border-left: 3px solid var(--fmr-tool-cyan) !important;
}

body.fmr-credits-page .frc-my-credits__table {
    color: #cbd1d7 !important;
}

body.fmr-credits-page .frc-my-credits__table th,
body.fmr-credits-page .frc-my-credits__table td {
    border-bottom-color: var(--fmr-tool-line) !important;
}

@media (max-width: 1080px) {
    body.fmr-credits-page .frc-my-credits__buy-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.fmr-tool-studio .frh-tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    body.fmr-tool-page .frc-converter,
    body.fmr-tool-page .frc-app,
    body.fmr-tool-page .fro-optimizer,
    body.fmr-tool-page .frm-app {
        width: min(100% - 28px, 1180px) !important;
        padding-top: 30px !important;
    }

    body.fmr-tool-page :is(.frc-header, .fro-header) {
        min-height: 280px !important;
        padding: 50px 34px 42px !important;
    }

    body.fmr-tool-page :is(.frc-autofix-banner, .fro-optimize-banner) {
        grid-template-columns: 1fr;
        gap: 13px !important;
    }

    body.fmr-tool-page :is(.frc-autofix-badge, .fro-optimize-badge) {
        justify-self: start;
    }

    body.fmr-credits-page .site-content > .ast-container {
        width: min(100% - 28px, 1380px) !important;
        padding-top: 30px !important;
    }

    body.fmr-credits-page .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body.fmr-credits-page .woocommerce-MyAccount-navigation {
        position: static;
        overflow-x: auto;
        padding: 8px !important;
    }

    body.fmr-credits-page .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        width: max-content;
        gap: 4px;
    }

    body.fmr-credits-page .frd-nav-link {
        white-space: nowrap;
    }

    body.fmr-credits-page .frd-nav-arrow {
        display: none !important;
    }

    body.fmr-tool-studio .frh-hero {
        min-height: 570px !important;
        padding-top: 86px !important;
    }

    body.fmr-tool-studio .frh-tool,
    body.fmr-tool-studio .frh-tool--flip {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 580px) {
    body.fmr-tool-page :is(.frc-header, .fro-header) {
        min-height: 250px !important;
        padding: 40px 22px 34px !important;
        border-radius: 8px !important;
    }

    body.fmr-tool-page :is(.frc-header, .fro-header)::before {
        margin-bottom: 18px;
    }

    body.fmr-tool-page :is(.frc-header, .fro-header)::after {
        right: -250px;
    }

    body.fmr-tool-page :is(.frc-header, .fro-header) h1 {
        font-size: clamp(40px, 14vw, 58px) !important;
    }

    body.fmr-tool-page :is(.frc-header, .fro-header) > p {
        font-size: 14px !important;
    }

    body.fmr-tool-page :is(.frc-autofix-banner, .fro-optimize-banner) {
        padding: 21px !important;
    }

    body.fmr-tool-page :is(.frc-upload-zone, .fro-upload-zone, .frm-dropzone) {
        min-height: 300px !important;
        padding: 48px 20px !important;
    }

    body.fmr-tool-page :is(.frc-upload-formats, .fro-upload-formats) {
        flex-wrap: wrap;
    }

    body.fmr-tool-studio .frh-hero {
        min-height: 540px !important;
        padding: 72px 20px 70px !important;
        background: #090d12 !important;
    }

    body.fmr-tool-studio .frh-display {
        font-size: clamp(58px, 20vw, 82px) !important;
    }

    body.fmr-tool-studio .frh-blk {
        padding: 70px 20px !important;
    }

    body.fmr-tool-studio .frh-tiles {
        grid-template-columns: 1fr !important;
    }

    body.fmr-tool-studio .frh-tile {
        min-height: 235px !important;
    }

    body.fmr-credits-page .frc-my-credits__balance-card {
        display: block !important;
        min-height: 230px !important;
        padding: 30px 24px !important;
    }

    body.fmr-credits-page .frc-my-credits__balance-info {
        display: inline-block;
        margin-top: 24px;
    }

    body.fmr-credits-page .frc-my-credits__buy-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    body.fmr-credits-page .frc-my-credits__buy-card {
        min-height: 190px !important;
        padding-inline: 10px !important;
    }

    body.fmr-credits-page .frc-my-credits__table {
        min-width: 640px;
    }

    body.fmr-credits-page .frc-my-credits__history {
        overflow-x: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fmr-tool-surface *,
    .fmr-tool-surface *::before,
    .fmr-tool-surface *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* ========================================================================== 
   Complete signed-in account area
   ========================================================================== */

body.fmr-account-page .site-content > .ast-container {
    width: min(1380px, calc(100% - 40px)) !important;
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 54px 0 90px !important;
}

body.fmr-account-page .site-content {
    padding-top: clamp(38px, 4vw, 64px) !important;
    padding-bottom: clamp(72px, 7vw, 112px) !important;
}

body.fmr-account-page article.page,
body.fmr-account-page .entry-content,
body.fmr-account-page .site-main,
body.fmr-account-page .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.fmr-account-page article.page > .entry-header,
body.fmr-account-page article.page > .entry-meta,
body.fmr-account-page article.page > .entry-content > h1:first-child {
    display: none !important;
}

body.fmr-account-page .woocommerce {
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 32px !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation {
    position: sticky !important;
    top: 100px !important;
    align-self: start !important;
    float: none !important;
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 9px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    border: 0 !important;
}

body.fmr-account-page .frd-nav-link {
    min-height: 48px !important;
    padding: 11px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #aeb7c0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: .045em !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-nav-link::before,
body.fmr-account-page .frd-nav-link::after {
    display: none !important;
}

body.fmr-account-page .frd-nav-icon-wrap {
    border: 1px solid #303a45 !important;
    border-radius: 5px !important;
    background: #151b22 !important;
    box-shadow: none !important;
    color: #7f8a96 !important;
}

body.fmr-account-page .frd-nav-arrow {
    color: #59636e !important;
    opacity: .7 !important;
    transform: none !important;
}

body.fmr-account-page .frd-nav-link:hover {
    background: rgba(255,255,255,.025) !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation li.is-active .frd-nav-link {
    border-color: rgba(238,78,139,.3) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation li.is-active .frd-nav-icon-wrap {
    border-color: rgba(238,78,139,.38) !important;
    background: rgba(238,78,139,.1) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-pink) !important;
    filter: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-navigation li.is-active .frd-nav-arrow {
    color: var(--fmr-tool-pink) !important;
}

body.fmr-account-page .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--fmr-tool-text) !important;
    font-family: Inter, sans-serif !important;
    font-size: 15px !important;
}

body.fmr-account-page .fmr-account-head {
    position: relative;
    overflow: hidden;
    margin: 0 0 24px;
    padding: 34px 38px 30px;
    border: 1px solid var(--fmr-tool-line);
    border-left: 3px solid var(--fmr-tool-pink);
    border-radius: 9px;
    background: var(--fmr-tool-panel);
}

body.fmr-account-page .fmr-account-head::after {
    content: "";
    position: absolute;
    top: -125px;
    right: -50px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(65,217,220,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(238,78,139,.025);
}

body.fmr-account-page .fmr-account-head__eyebrow {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 9px;
    color: var(--fmr-tool-pink);
    font-family: Rajdhani, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .17em;
    text-transform: uppercase;
}

body.fmr-account-page .fmr-account-head h1 {
    position: relative;
    z-index: 1;
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: clamp(38px, 5vw, 58px) !important;
    font-weight: 700 !important;
    line-height: .95 !important;
    letter-spacing: -.025em !important;
    text-shadow: none !important;
    text-transform: uppercase;
}

body.fmr-account-page .fmr-account-head p {
    position: relative;
    z-index: 1;
    max-width: 650px;
    margin: 0 !important;
    color: var(--fmr-tool-muted) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.fmr-account-page .woocommerce-MyAccount-content > p,
body.fmr-account-page .woocommerce-MyAccount-content address,
body.fmr-account-page .woocommerce-MyAccount-content li {
    color: #abb4bd !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

body.fmr-account-page .woocommerce-MyAccount-content a:not(.button):not([class*="frd-"]):not([class*="frc-"]) {
    color: var(--fmr-tool-pink-2) !important;
    text-shadow: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-content mark {
    background: transparent !important;
    color: var(--fmr-tool-cyan) !important;
    text-shadow: none !important;
}

body.fmr-account-page :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
    margin: 0 0 22px !important;
    padding: 15px 18px 15px 48px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-left: 3px solid var(--fmr-tool-cyan) !important;
    border-radius: 7px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: #c6cdd4 !important;
}

body.fmr-account-page .woocommerce-error {
    border-left-color: var(--fmr-tool-pink) !important;
}

/* Dashboard */
body.fmr-account-page .frd-dash-hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 22px !important;
    min-height: 220px !important;
    margin: 0 0 18px !important;
    padding: 38px 40px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-left: 3px solid var(--fmr-tool-pink) !important;
    border-radius: 9px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frd-dash-hero__bg {
    background:
        radial-gradient(circle at 90% 18%, transparent 0 80px, rgba(65,217,220,.1) 81px 82px, transparent 83px 118px, rgba(238,78,139,.1) 119px 120px, transparent 121px) !important;
    opacity: 1 !important;
}

body.fmr-account-page .frd-dash-hero__avatar {
    width: 76px !important;
    height: 76px !important;
    border: 1px solid rgba(238,78,139,.38) !important;
    background: rgba(238,78,139,.09) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-pink-2) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 32px !important;
}

body.fmr-account-page .frd-dash-hero__eyebrow {
    color: var(--fmr-tool-pink) !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-dash-hero__name {
    margin: 2px 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: clamp(34px, 5vw, 52px) !important;
    font-weight: 700 !important;
    line-height: .95 !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

body.fmr-account-page .frd-dash-hero__sub {
    color: var(--fmr-tool-muted) !important;
    font-size: 14px !important;
}

body.fmr-account-page .frd-dash-hero__logout {
    border: 1px solid #3a4551 !important;
    border-radius: 6px !important;
    background: #0c1116 !important;
    box-shadow: none !important;
    color: #bec5cc !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-dash-hero__logout:hover {
    border-color: var(--fmr-tool-pink) !important;
    background: rgba(238,78,139,.07) !important;
    color: var(--fmr-tool-text) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frd-dash-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.fmr-account-page .frd-dash-tile {
    min-height: 116px !important;
    padding: 20px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frd-dash-tile__glow { display: none !important; }

body.fmr-account-page .frd-dash-tile:hover {
    border-color: var(--fmr-tool-line-hot) !important;
    background: var(--fmr-tool-panel-2) !important;
    box-shadow: none !important;
    transform: translateY(-3px) !important;
}

body.fmr-account-page .frd-dash-tile__icon {
    border: 1px solid rgba(65,217,220,.22) !important;
    border-radius: 6px !important;
    background: rgba(65,217,220,.055) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-cyan) !important;
}

body.fmr-account-page .frd-dash-tile:hover .frd-dash-tile__icon {
    border-color: rgba(238,78,139,.32) !important;
    background: rgba(238,78,139,.08) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-pink) !important;
    transform: none !important;
}

body.fmr-account-page .frd-dash-tile__label {
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frd-dash-tile__desc {
    color: var(--fmr-tool-muted) !important;
}

body.fmr-account-page .frd-dash-tile__arrow {
    color: var(--fmr-tool-pink) !important;
}

/* Orders, details and downloads */
body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads,
    .woocommerce-customer-details) {
    width: 100% !important;
    margin: 0 0 22px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads) thead th {
    padding: 13px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fmr-tool-line) !important;
    background: #0d1217 !important;
    color: #89939e !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads) tbody tr,
body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads) tfoot tr {
    background: transparent !important;
}

body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads) tbody tr:hover {
    background: rgba(255,255,255,.018) !important;
}

body.fmr-account-page :is(.woocommerce-orders-table, .woocommerce-MyAccount-downloads,
    .woocommerce-table--order-details, .woocommerce-table--order-downloads) td,
body.fmr-account-page :is(.woocommerce-table--order-details, .woocommerce-table--order-downloads) tfoot th {
    padding: 15px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fmr-tool-line) !important;
    background: transparent !important;
    color: #d1d6db !important;
    font-size: 13px !important;
}

body.fmr-account-page .woocommerce-orders-table__cell-order-number a {
    color: var(--fmr-tool-pink-2) !important;
    font-weight: 750 !important;
}

body.fmr-account-page :is(.woocommerce-button.button, .woocommerce-MyAccount-content .button,
    .frd-payment-add-cta, .frd-payment-empty__cta) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 11px 17px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: var(--fmr-tool-pink) !important;
    box-shadow: none !important;
    color: #10090d !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

body.fmr-account-page :is(.woocommerce-button.button, .woocommerce-MyAccount-content .button,
    .frd-payment-add-cta, .frd-payment-empty__cta):hover {
    background: var(--fmr-tool-pink-2) !important;
    box-shadow: none !important;
    color: #10090d !important;
    transform: translateY(-2px) !important;
}

body.fmr-account-page .woocommerce-pagination {
    margin-top: 18px !important;
}

body.fmr-account-page .frd-downloads-vault {
    margin-top: 0 !important;
}

body.fmr-account-page .frd-downloads-vault .woocommerce-order-downloads__title {
    display: none !important;
}

body.fmr-account-page .frd-vault-toolbar {
    margin-bottom: 14px !important;
    padding: 11px 13px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 7px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frd-vault-toolbar__main {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}

body.fmr-account-page .frd-vault-filters {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--fmr-tool-line);
    border-radius: 6px;
    background: #0b1015;
}

body.fmr-account-page .frd-vault-filter {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 5px 10px;
    border: 0 !important;
    border-radius: 4px;
    background: transparent !important;
    box-shadow: none !important;
    color: #87919c !important;
    font-family: Rajdhani, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    line-height: 1;
    text-transform: uppercase;
}

body.fmr-account-page .frd-vault-filter span {
    min-width: 18px;
    padding: 3px 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    color: #aab3bc;
    font-size: 9px;
    text-align: center;
}

body.fmr-account-page .frd-vault-filter:hover,
body.fmr-account-page .frd-vault-filter.is-active {
    background: rgba(238,78,139,.1) !important;
    color: var(--fmr-tool-pink-2) !important;
}

body.fmr-account-page .frd-vault-filter--enhanced.is-active {
    background: rgba(65,217,220,.09) !important;
    color: var(--fmr-tool-cyan) !important;
}

body.fmr-account-page .frd-vault-card[hidden],
body.fmr-account-page .frd-vault-empty[hidden] {
    display: none !important;
}

body.fmr-account-page .frd-vault-empty {
    margin: 14px 0 0 !important;
    padding: 28px 20px;
    border: 1px dashed var(--fmr-tool-line);
    border-radius: 8px;
    background: var(--fmr-tool-panel);
    color: var(--fmr-tool-muted) !important;
    text-align: center;
}

body.fmr-account-page .frd-vault-toolbar__count {
    color: var(--fmr-tool-muted) !important;
}

body.fmr-account-page .frd-vault-toolbar__btn {
    border-color: #35404b !important;
    background: #0b1015 !important;
    color: #8e98a2 !important;
}

body.fmr-account-page .frd-vault-toolbar__btn.is-active {
    border-color: rgba(238,78,139,.35) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-pink) !important;
}

body.fmr-account-page .frd-vault-card__inner {
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frd-vault-card__bg,
body.fmr-account-page .frd-vault-card__scan,
body.fmr-account-page .frd-vault-card__download-glitch {
    display: none !important;
}

body.fmr-account-page .frd-vault-card__tag {
    border-color: rgba(65,217,220,.3) !important;
    background: rgba(65,217,220,.06) !important;
    color: var(--fmr-tool-cyan) !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-vault-card__tag.is-enhanced {
    border-color: rgba(238,78,139,.36) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-pink-2) !important;
}

body.fmr-account-page .frd-vault-card__title {
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frd-vault-card__meta {
    border-color: var(--fmr-tool-line) !important;
    color: var(--fmr-tool-muted) !important;
}

body.fmr-account-page .frd-vault-card__unlock,
body.fmr-account-page .frd-vault-card__download {
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: var(--fmr-tool-pink) !important;
    box-shadow: none !important;
    color: #10090d !important;
    text-shadow: none !important;
}

/* Address cards */
body.fmr-account-page .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
}

body.fmr-account-page .woocommerce-Address {
    min-height: 250px !important;
    margin: 0 !important;
    padding: 26px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.fmr-account-page .woocommerce-Address::before { display: none !important; }

body.fmr-account-page .woocommerce-Address:hover {
    border-color: var(--fmr-tool-line-hot) !important;
    box-shadow: none !important;
    transform: translateY(-2px) !important;
}

body.fmr-account-page .woocommerce-Address h2,
body.fmr-account-page .woocommerce-Address .woocommerce-column__title {
    margin: 0 0 18px !important;
    padding: 0 0 13px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fmr-tool-line) !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 21px !important;
    letter-spacing: .02em !important;
    text-shadow: none !important;
}

body.fmr-account-page .woocommerce-Address address {
    color: #aeb7c0 !important;
    font-style: normal !important;
}

body.fmr-account-page .woocommerce-Address .edit {
    display: inline-flex !important;
    margin-top: 18px !important;
    padding: 10px 15px !important;
    border: 1px solid #3a4551 !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

body.fmr-account-page .woocommerce-Address .edit:hover {
    border-color: var(--fmr-tool-pink) !important;
    background: rgba(238,78,139,.07) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-pink-2) !important;
    filter: none !important;
}

/* Account and address forms */
body.fmr-account-page :is(.woocommerce-EditAccountForm,
    .woocommerce-MyAccount-content form.edit-account,
    .woocommerce-MyAccount-content form.woocommerce-address-fields,
    .woocommerce-MyAccount-content form.woocommerce-form,
    .woocommerce-MyAccount-content #add_payment_method) {
    margin: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .woocommerce-MyAccount-content .form-row {
    margin-bottom: 18px !important;
}

body.fmr-account-page .woocommerce-MyAccount-content .form-row label,
body.fmr-account-page .woocommerce-EditAccountForm label {
    margin: 0 0 7px !important;
    color: #aeb7c0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}

body.fmr-account-page .woocommerce-MyAccount-content :is(input.input-text, select, textarea) {
    min-height: 50px !important;
    padding: 12px 14px !important;
    border: 1px solid #36414d !important;
    border-radius: 6px !important;
    background: #090d12 !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
    font-size: 14px !important;
}

body.fmr-account-page .woocommerce-MyAccount-content :is(input.input-text, select, textarea):focus {
    border-color: var(--fmr-tool-pink) !important;
    background: #090d12 !important;
    box-shadow: 0 0 0 3px rgba(238,78,139,.09) !important;
}

body.fmr-account-page .woocommerce-MyAccount-content fieldset {
    margin: 28px 0 22px !important;
    padding: 22px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 7px !important;
    background: #0d1217 !important;
}

body.fmr-account-page .woocommerce-MyAccount-content fieldset legend {
    padding: 0 8px !important;
    color: var(--fmr-tool-pink) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

body.fmr-account-page .select2-container--default .select2-selection--single {
    height: 50px !important;
    border: 1px solid #36414d !important;
    border-radius: 6px !important;
    background: #090d12 !important;
}

body.fmr-account-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    color: var(--fmr-tool-text) !important;
}

/* Payment methods */
body.fmr-account-page .frd-payment-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body.fmr-account-page .frd-payment-card,
body.fmr-account-page .frd-payment-empty {
    padding: 26px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frd-payment-card.is-default {
    border-color: rgba(238,78,139,.45) !important;
}

body.fmr-account-page .frd-payment-card__brand-icon,
body.fmr-account-page .frd-payment-empty__icon {
    border-color: rgba(65,217,220,.25) !important;
    background: rgba(65,217,220,.06) !important;
    box-shadow: none !important;
    color: var(--fmr-tool-cyan) !important;
}

body.fmr-account-page .frd-payment-card__badge {
    border-radius: 999px !important;
    background: rgba(238,78,139,.1) !important;
    color: var(--fmr-tool-pink-2) !important;
}

body.fmr-account-page .frd-payment-card__number {
    color: var(--fmr-tool-text) !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-payment-card__meta,
body.fmr-account-page .frd-payment-card__actions {
    border-color: var(--fmr-tool-line) !important;
}

body.fmr-account-page .frd-payment-card__action {
    border: 1px solid #3a4551 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: #c0c7ce !important;
}

body.fmr-account-page .frd-payment-empty {
    min-height: 360px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    text-align: center !important;
}

body.fmr-account-page .frd-payment-empty__title {
    margin: 18px 0 5px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--fmr-tool-text) !important;
    text-shadow: none !important;
}

body.fmr-account-page .frd-payment-empty__desc {
    color: var(--fmr-tool-muted) !important;
}

/* Ambassador */
body.fmr-account-page .frc-amb {
    --amb-bg: #090d12;
    --amb-surface: var(--fmr-tool-panel);
    --amb-surface-2: var(--fmr-tool-panel-2);
    --amb-border: var(--fmr-tool-line);
    --amb-text: var(--fmr-tool-text);
    --amb-text-dim: var(--fmr-tool-muted);
    --amb-accent: var(--fmr-tool-pink);
    --amb-accent-2: var(--fmr-tool-cyan);
    width: 100% !important;
    max-width: none !important;
    color: var(--fmr-tool-text) !important;
    font-family: Inter, sans-serif !important;
}

body.fmr-account-page .frc-amb__hero {
    margin: 0 0 18px !important;
    padding: 32px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    text-align: left !important;
}

body.fmr-account-page .frc-amb__hero h2 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: var(--fmr-tool-text) !important;
    font-family: Rajdhani, sans-serif !important;
    font-size: 31px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
    text-transform: uppercase !important;
}

body.fmr-account-page .frc-amb__hero p {
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--fmr-tool-muted) !important;
}

body.fmr-account-page :is(.frc-amb__tier-card, .frc-amb__apply-form, .frc-amb__tier-banner,
    .frc-amb__stat, .frc-amb__panel, .frc-amb__transfer-card, .frc-amb__pending,
    .frc-amb__section) {
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 8px !important;
    background: var(--fmr-tool-panel) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frc-amb__tier-card:hover {
    border-color: var(--fmr-tool-line-hot) !important;
    box-shadow: none !important;
}

body.fmr-account-page .frc-amb__tier-commission,
body.fmr-account-page .frc-amb__stat-value,
body.fmr-account-page .frc-amb__apply-form h3,
body.fmr-account-page .frc-amb__section h3 {
    color: var(--fmr-tool-text) !important;
    text-shadow: none !important;
}

body.fmr-account-page .frc-amb__apply-form {
    max-width: 620px !important;
    padding: 28px !important;
}

body.fmr-account-page .frc-amb__field :is(input, textarea),
body.fmr-account-page .frc-amb__ref-link input {
    border: 1px solid #36414d !important;
    border-radius: 6px !important;
    background: #090d12 !important;
    box-shadow: none !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frc-amb__field :is(input, textarea):focus,
body.fmr-account-page .frc-amb__ref-link input:focus {
    border-color: var(--fmr-tool-pink) !important;
    box-shadow: 0 0 0 3px rgba(238,78,139,.09) !important;
}

body.fmr-account-page :is(.frc-amb__btn--primary, .frc-amb__btn--accent) {
    border-radius: 6px !important;
    background: var(--fmr-tool-pink) !important;
    box-shadow: none !important;
    color: #10090d !important;
}

body.fmr-account-page .frc-amb__progress-fill {
    background: var(--fmr-tool-pink) !important;
}

body.fmr-account-page .frc-amb__tabs {
    display: flex !important;
    gap: 6px !important;
    overflow-x: auto !important;
    padding: 6px !important;
    border: 1px solid var(--fmr-tool-line) !important;
    border-radius: 7px !important;
    background: var(--fmr-tool-panel) !important;
}

body.fmr-account-page .frc-amb__tab {
    flex: 0 0 auto !important;
    padding: 10px 13px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--fmr-tool-muted) !important;
}

body.fmr-account-page .frc-amb__tab--active {
    border-color: rgba(238,78,139,.35) !important;
    background: rgba(238,78,139,.08) !important;
    color: var(--fmr-tool-text) !important;
}

body.fmr-account-page .frc-amb__table {
    border-color: var(--fmr-tool-line) !important;
    background: transparent !important;
}

body.fmr-account-page .frc-amb__table th {
    border-color: var(--fmr-tool-line) !important;
    background: #0d1217 !important;
    color: #89939e !important;
}

body.fmr-account-page .frc-amb__table td {
    border-color: var(--fmr-tool-line) !important;
    color: #d1d6db !important;
}

@media (max-width: 920px) {
    body.fmr-account-page .site-content {
        padding-top: 50px !important;
    }

    body.fmr-account-page .site-content > .ast-container {
        width: min(100% - 28px, 1380px) !important;
        padding-top: 30px !important;
    }

    body.fmr-account-page .woocommerce {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    body.fmr-account-page .woocommerce-MyAccount-navigation {
        position: static !important;
        overflow-x: auto !important;
        padding: 8px !important;
    }

    body.fmr-account-page .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        width: max-content !important;
        gap: 4px !important;
    }

    body.fmr-account-page .frd-nav-link {
        white-space: nowrap !important;
    }

    body.fmr-account-page .frd-nav-arrow {
        display: none !important;
    }

    body.fmr-account-page .frc-amb__table {
        min-width: 680px !important;
    }

    body.fmr-account-page .frc-amb__panel {
        overflow-x: auto !important;
    }
}

@media (max-width: 620px) {
    body.fmr-account-page .frd-vault-toolbar,
    body.fmr-account-page .frd-vault-toolbar__main {
        align-items: stretch !important;
    }

    body.fmr-account-page .frd-vault-toolbar__main {
        width: 100%;
        flex-direction: column;
        gap: 9px;
    }

    body.fmr-account-page .frd-vault-filters {
        width: 100%;
    }

    body.fmr-account-page .frd-vault-filter {
        flex: 1 1 0;
        justify-content: center;
        padding-inline: 6px;
    }

    body.fmr-account-page .fmr-account-head {
        padding: 27px 24px 24px !important;
    }

    body.fmr-account-page .fmr-account-head h1 {
        font-size: 42px !important;
    }

    body.fmr-account-page .frd-dash-hero {
        grid-template-columns: auto minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 26px 22px !important;
    }

    body.fmr-account-page .frd-dash-hero__avatar {
        width: 58px !important;
        height: 58px !important;
    }

    body.fmr-account-page .frd-dash-hero__logout {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }

    body.fmr-account-page .frd-dash-tiles,
    body.fmr-account-page .woocommerce-Addresses,
    body.fmr-account-page .frd-payment-grid {
        grid-template-columns: 1fr !important;
    }

    body.fmr-account-page :is(.woocommerce-EditAccountForm,
        .woocommerce-MyAccount-content form.edit-account,
        .woocommerce-MyAccount-content form.woocommerce-address-fields,
        .woocommerce-MyAccount-content form.woocommerce-form,
        .woocommerce-MyAccount-content #add_payment_method) {
        padding: 22px 18px !important;
    }

    body.fmr-account-page .form-row-first,
    body.fmr-account-page .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    body.fmr-account-page .woocommerce-orders-table,
    body.fmr-account-page .woocommerce-MyAccount-downloads {
        border: 0 !important;
        background: transparent !important;
    }

    body.fmr-account-page .woocommerce-orders-table tbody tr,
    body.fmr-account-page .woocommerce-MyAccount-downloads tbody tr {
        display: block !important;
        margin-bottom: 10px !important;
        padding: 8px 0 !important;
        border: 1px solid var(--fmr-tool-line) !important;
        border-radius: 7px !important;
        background: var(--fmr-tool-panel) !important;
    }

    body.fmr-account-page .woocommerce-orders-table td,
    body.fmr-account-page .woocommerce-MyAccount-downloads td {
        border-bottom: 1px solid var(--fmr-tool-line) !important;
    }

    body.fmr-account-page .woocommerce-orders-table td:last-child,
    body.fmr-account-page .woocommerce-MyAccount-downloads td:last-child {
        border-bottom: 0 !important;
    }

    body.fmr-account-page .frd-vault-card__inner {
        padding: 18px !important;
    }

    body.fmr-account-page .frc-amb__tiers-preview,
    body.fmr-account-page .frc-amb__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.fmr-account-page .frc-amb__hero,
    body.fmr-account-page .frc-amb__apply-form,
    body.fmr-account-page .frc-amb__tier-banner,
    body.fmr-account-page .frc-amb__panel {
        padding: 22px 18px !important;
    }
}

