/*
 * Member pages V3
 * Loaded after legacy page-level CSS so visual changes do not disturb PHP/JS logic.
 */

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs, body.page-terms) {
    --v3-surface: color-mix(in srgb, var(--bg-surface, #fff) 92%, transparent);
    --v3-surface-strong: var(--bg-surface, #fff);
    --v3-muted: color-mix(in srgb, var(--bg-muted, #f5f5f4) 92%, var(--bg-surface, #fff));
    --v3-border: color-mix(in srgb, var(--border, #e7e5e4) 88%, var(--primary, #f97316) 12%);
    --v3-primary-soft: color-mix(in srgb, var(--primary, #f97316) 11%, var(--bg-surface, #fff));
    --v3-primary-softer: color-mix(in srgb, var(--primary, #f97316) 5%, var(--bg-surface, #fff));
    --v3-shadow: 0 22px 60px rgba(15, 23, 42, .08), 0 2px 10px rgba(15, 23, 42, .035);
    --v3-shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);
    --v3-radius-xl: 26px;
    --v3-radius-lg: 20px;
    --v3-radius-md: 15px;
    color: var(--text-main, #1c1917);
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs) :is(.dashboard-content, .api-content) {
    padding: clamp(1rem, 2.4vw, 2.25rem) !important;
}

:where(body.page-order_create, body.page-premium_apps, body.page-profile) .form-container,
body.page-orders .dashboard-container,
body.page-api-docs .api-container {
    width: 100% !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs) :is(.form-control, .form-select, .clean-input, .clean-select) {
    background: var(--v3-muted) !important;
    border: 1px solid var(--v3-border) !important;
    color: var(--text-main, #1c1917) !important;
    border-radius: 14px !important;
    min-height: 48px;
    box-shadow: none !important;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs) :is(.form-control, .form-select, .clean-input, .clean-select):focus {
    background: var(--v3-surface-strong) !important;
    border-color: var(--primary, #f97316) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, #f97316) 15%, transparent) !important;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs) .form-label {
    color: var(--text-main, #1c1917) !important;
    font-weight: 800 !important;
    font-size: .88rem !important;
    letter-spacing: .005em;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile) :is(.header-action, .dashboard-container > .d-flex:first-child, .identity-card) {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 18%, var(--border, #e7e5e4));
    border-radius: var(--v3-radius-xl);
    background:
        radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--primary, #f97316) 18%, transparent), transparent 32%),
        linear-gradient(135deg, var(--v3-surface-strong), var(--v3-primary-softer));
    box-shadow: var(--v3-shadow-soft);
    padding: clamp(1.2rem, 2.5vw, 2rem) !important;
    margin-bottom: 1.5rem !important;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile) :is(.header-action, .dashboard-container > .d-flex:first-child, .identity-card)::after {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    border: 34px solid color-mix(in srgb, var(--primary, #f97316) 8%, transparent);
    border-radius: 50%;
    right: -80px;
    bottom: -115px;
    pointer-events: none;
}

:where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile) .page-title {
    color: var(--text-main, #1c1917) !important;
    font-size: clamp(1.55rem, 2.4vw, 2.05rem) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    margin: 0 0 .35rem !important;
}

:where(body.page-order_create, body.page-premium_apps) .balance-pill {
    position: relative;
    z-index: 1;
    min-width: 180px;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 22%, var(--border, #e7e5e4)) !important;
    background: color-mix(in srgb, var(--bg-surface, #fff) 88%, transparent) !important;
    border-radius: 18px !important;
    padding: .75rem 1rem !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--primary, #f97316) 10%, transparent) !important;
    backdrop-filter: blur(12px);
}

:where(body.page-order_create, body.page-premium_apps) .balance-pill > div {
    color: var(--primary-d, #ea580c) !important;
    font-weight: 900 !important;
}

/* Order create + Premium Apps */
:where(body.page-order_create, body.page-premium_apps) #orderForm {
    display: block !important;
}

:where(body.page-order_create, body.page-premium_apps) #orderForm > .premium-card {
    width: 100% !important;
    margin-bottom: 1.25rem !important;
}

:where(body.page-order_create, body.page-premium_apps) #orderForm > .checkout-card {
    position: static !important;
    inset: auto !important;
    margin-bottom: 0 !important;
}

:where(body.page-order_create, body.page-premium_apps) .premium-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: var(--v3-radius-xl) !important;
    padding: clamp(1.15rem, 2.3vw, 1.8rem) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    backdrop-filter: blur(14px);
}

:where(body.page-order_create, body.page-premium_apps) .premium-card:hover {
    border-color: color-mix(in srgb, var(--primary, #f97316) 28%, var(--border, #e7e5e4)) !important;
}

:where(body.page-order_create, body.page-premium_apps) .step-header {
    display: flex !important;
    align-items: center !important;
    gap: .8rem !important;
    padding-bottom: 1rem !important;
    margin-bottom: 1.2rem !important;
    border-bottom: 1px solid var(--v3-border) !important;
}

:where(body.page-order_create, body.page-premium_apps) .step-circle {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px;
    display: grid !important;
    place-items: center;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    box-shadow: 0 9px 20px color-mix(in srgb, var(--primary, #f97316) 25%, transparent) !important;
    font-weight: 900 !important;
}

:where(body.page-order_create, body.page-premium_apps) .step-title {
    color: var(--text-main, #1c1917) !important;
    font-size: 1.08rem !important;
    font-weight: 900 !important;
    margin: 0 !important;
}

body.page-order_create .platform-btn {
    min-height: 92px !important;
    background: var(--v3-muted) !important;
    color: var(--text-main, #1c1917) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: 17px !important;
    box-shadow: none !important;
}

body.page-order_create .platform-btn:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 38%, var(--border, #e7e5e4)) !important;
    background: var(--v3-primary-softer) !important;
}

body.page-order_create .platform-btn.active {
    color: var(--primary-d, #ea580c) !important;
    border-color: var(--primary, #f97316) !important;
    background: var(--v3-primary-soft) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--primary, #f97316) 14%, transparent) !important;
}

body.page-order_create .brand-logo-svg {
    width: 29px !important;
    height: 29px !important;
}

:where(body.page-order_create, body.page-premium_apps) .search-input-box,
:where(body.page-order_create, body.page-premium_apps) .seamless-group {
    border-radius: 15px !important;
}

:where(body.page-order_create, body.page-premium_apps) .search-input-box > i {
    color: var(--primary-d, #ea580c) !important;
}

:where(body.page-order_create, body.page-premium_apps) :is(.selected-service-preview, .service-highlight-card, .info-box-glass, .discount-show-card, .discount-empty-card, .summary-box) {
    background: var(--v3-muted) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: var(--v3-radius-md) !important;
    color: var(--text-main, #1c1917) !important;
}

:where(body.page-order_create, body.page-premium_apps) .checkout-card {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--primary, #f97316) 18%, transparent), transparent 34%),
        var(--v3-surface-strong) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 26%, var(--border, #e7e5e4)) !important;
}

:where(body.page-order_create, body.page-premium_apps) .price-amount,
:where(body.page-order_create, body.page-premium_apps) .summary-box.total .summary-value,
body.page-premium_apps .service-stat-value.price {
    color: var(--primary-d, #ea580c) !important;
}

:where(body.page-order_create, body.page-premium_apps) .btn-submit-order {
    min-height: 54px !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    color: #fff !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 30px color-mix(in srgb, var(--primary, #f97316) 27%, transparent) !important;
}

:where(body.page-order_create, body.page-premium_apps) .btn-submit-order:hover {
    transform: translateY(-2px) !important;
    filter: saturate(1.08) brightness(.98);
}


/* Premium app action buttons */
body.page-premium_apps .shop-card-title-btn {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--text-main, #1c1917) !important;
    font: inherit !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    cursor: pointer;
}

body.page-premium_apps .shop-card-title-btn:hover {
    color: var(--primary-d, #ea580c) !important;
}

body.page-premium_apps .shop-action-btn {
    min-height: 46px !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 38%, var(--border, #e7e5e4)) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    color: #fff !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary, #f97316) 24%, transparent) !important;
}

body.page-premium_apps .shop-action-btn:hover,
body.page-premium_apps .shop-action-btn:focus-visible {
    transform: translateY(-2px) !important;
    color: #fff !important;
    filter: saturate(1.08) brightness(.98);
    box-shadow: 0 14px 28px color-mix(in srgb, var(--primary, #f97316) 31%, transparent) !important;
}

body.page-premium_apps .shop-card.active .shop-action-btn {
    background: var(--v3-surface-strong) !important;
    color: var(--primary-d, #ea580c) !important;
    border-color: var(--primary, #f97316) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary, #f97316) 18%, transparent) !important;
}

/* Premium apps product grid */
body.page-premium_apps .shop-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .85rem !important;
}

body.page-premium_apps .shop-card {
    background: var(--v3-muted) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 1rem !important;
}

body.page-premium_apps .shop-card:hover,
body.page-premium_apps .shop-card.active,
body.page-premium_apps .shop-card.selected {
    transform: translateY(-3px) !important;
    border-color: var(--primary, #f97316) !important;
    background: var(--v3-primary-soft) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--primary, #f97316) 14%, transparent) !important;
}

body.page-premium_apps .service-highlight-card {
    padding: 1.2rem !important;
    margin-top: 1rem !important;
}

body.page-premium_apps .service-highlight-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .7rem !important;
}

body.page-premium_apps .service-stat {
    padding: .85rem !important;
    border-radius: 13px !important;
    background: var(--v3-surface-strong) !important;
    border: 1px solid var(--v3-border) !important;
}

/* Orders */
body.page-orders .dashboard-container > .d-flex:first-child {
    align-items: center !important;
}

body.page-orders .btn-filter {
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--primary, #f97316) 20%, transparent) !important;
}

body.page-orders .dash-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: var(--v3-radius-xl) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    backdrop-filter: blur(14px);
}

body.page-orders .filter-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(190px, .75fr) auto !important;
    gap: .85rem !important;
    align-items: end !important;
}

body.page-orders .bulk-sync-bar {
    border-radius: 17px !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 24%, var(--border, #e7e5e4)) !important;
    background: var(--v3-primary-soft) !important;
    color: var(--text-main, #1c1917) !important;
    box-shadow: var(--v3-shadow-soft) !important;
}

body.page-orders .btn-bulk-sync {
    background: var(--v3-surface-strong) !important;
    color: var(--primary-d, #ea580c) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 35%, var(--border, #e7e5e4)) !important;
    border-radius: 12px !important;
}

body.page-orders .dash-card > .p-4.bg-white,
body.page-orders .dash-card > .p-4.border-top.bg-white {
    background: var(--v3-surface-strong) !important;
    border-color: var(--v3-border) !important;
}

body.page-orders .order-card-grid {
    background: color-mix(in srgb, var(--bg-muted, #f5f5f4) 64%, transparent) !important;
    gap: 1rem !important;
    padding: 1.1rem !important;
}

body.page-orders .order-card-item {
    background: var(--v3-surface-strong) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 7px 24px rgba(15, 23, 42, .045) !important;
    padding: 1.15rem !important;
}

body.page-orders .order-card-item:hover {
    transform: translateY(-3px) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 30%, var(--border, #e7e5e4)) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
}

body.page-orders .brand-type-badge {
    border-radius: 999px !important;
    background: var(--v3-primary-soft) !important;
    color: var(--primary-d, #ea580c) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 24%, var(--border, #e7e5e4)) !important;
}

body.page-orders .premium-data-box,
body.page-orders .mobile-meta-grid {
    background: var(--v3-muted) !important;
    border-color: var(--v3-border) !important;
    border-radius: 14px !important;
}

body.page-orders .meta-value.price,
body.page-orders .link-accent {
    color: var(--primary-d, #ea580c) !important;
}

body.page-orders .shop-card-actions {
    border-top: 1px solid var(--v3-border) !important;
    padding-top: .85rem !important;
}

body.page-orders .btn-action {
    border-radius: 11px !important;
    min-height: 40px;
    font-weight: 800 !important;
}

/* Profile */
body.page-profile .identity-card {
    color: var(--text-main, #1c1917) !important;
}

body.page-profile .id-avatar-circle {
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--primary, #f97316) 26%, transparent) !important;
}

body.page-profile .id-info-title,
body.page-profile .identity-card .text-white {
    color: var(--text-main, #1c1917) !important;
}

body.page-profile .id-tier-badge {
    background: var(--v3-primary-soft) !important;
    color: var(--primary-d, #ea580c) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 24%, var(--border, #e7e5e4)) !important;
}

body.page-profile .premium-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: var(--v3-radius-xl) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    padding: clamp(1.15rem, 2.3vw, 1.8rem) !important;
    backdrop-filter: blur(14px);
}

body.page-profile .premium-card > .border-bottom {
    border-color: var(--v3-border) !important;
}

body.page-profile .card-icon-wrapper {
    background: var(--v3-primary-soft) !important;
    color: var(--primary-d, #ea580c) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 22%, var(--border, #e7e5e4)) !important;
    box-shadow: none !important;
}

body.page-profile :is(.premium-alert-warning, .api-note-box, .api-key-box) {
    background: var(--v3-muted) !important;
    color: var(--text-main, #1c1917) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: 15px !important;
}

body.page-profile .api-key-box {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .7rem !important;
}

body.page-profile :is(.btn-copy-api, .btn-reset-api, .btn-submit-premium) {
    border-radius: 13px !important;
    font-weight: 900 !important;
}

body.page-profile :is(.btn-copy-api, .btn-submit-premium) {
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--primary, #f97316) 22%, transparent) !important;
}

body.page-profile .btn-reset-api {
    background: var(--v3-surface-strong) !important;
    color: var(--primary-d, #ea580c) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 28%, var(--border, #e7e5e4)) !important;
}

body.page-profile .password-toggle-trigger {
    color: var(--primary-d, #ea580c) !important;
}

body.page-profile .code-pill {
    background: var(--v3-primary-soft) !important;
    color: var(--primary-d, #ea580c) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 22%, var(--border, #e7e5e4)) !important;
}

/* Terms */
body.page-terms {
    --or: var(--primary, #f97316);
    --or-d: var(--primary-d, #ea580c);
    --or-l: var(--v3-primary-soft);
    --ink: var(--text-main, #1c1917);
    --ink-s: var(--text-muted, #78716c);
    --bg: var(--bg-main, #fafaf9);
    --card: var(--bg-surface, #fff);
    --bdr: var(--border, #e7e5e4);
}

body.page-terms .terms-wrap {
    max-width: 1080px !important;
    padding: clamp(1.25rem, 4vw, 3.5rem) 1rem !important;
}

body.page-terms .terms-hero {
    background:
        radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--primary, #f97316) 22%, transparent), transparent 35%),
        linear-gradient(135deg, var(--v3-surface-strong), var(--v3-primary-softer)) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 21%, var(--border, #e7e5e4)) !important;
    border-radius: 30px !important;
    box-shadow: var(--v3-shadow) !important;
    padding: clamp(1.5rem, 4vw, 3.2rem) !important;
}

body.page-terms .terms-hero .badge {
    background: var(--v3-primary-soft) !important;
    color: var(--primary-d, #ea580c) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 25%, var(--border, #e7e5e4)) !important;
}

body.page-terms .terms-title {
    color: var(--text-main, #1c1917) !important;
    font-size: clamp(1.9rem, 4vw, 2.75rem) !important;
    letter-spacing: -.045em !important;
}

body.page-terms .terms-subtitle,
body.page-terms .terms-card :is(p, li) {
    color: var(--text-muted, #78716c) !important;
}

body.page-terms .terms-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border) !important;
    border-radius: 23px !important;
    box-shadow: var(--v3-shadow-soft) !important;
    padding: clamp(1.25rem, 3vw, 2.3rem) !important;
    backdrop-filter: blur(14px);
}

body.page-terms .terms-card::before {
    background: linear-gradient(to bottom, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
}

body.page-terms .terms-card:hover {
    border-color: color-mix(in srgb, var(--primary, #f97316) 30%, var(--border, #e7e5e4)) !important;
}

body.page-terms .terms-card h2,
body.page-terms .term-label {
    color: var(--text-main, #1c1917) !important;
}

body.page-terms .terms-card h2 i,
body.page-terms .terms-card li::before {
    color: var(--primary-d, #ea580c) !important;
}

body.page-terms .disclaimer-box {
    background: color-mix(in srgb, var(--text-main, #1c1917) 94%, #000) !important;
    border: 1px solid color-mix(in srgb, var(--text-main, #1c1917) 82%, var(--border, #e7e5e4)) !important;
    border-radius: 18px !important;
}

body.page-terms :is(.btn-terms-primary, .btn-terms-outline) {
    border-radius: 13px !important;
    font-weight: 900 !important;
}

body.page-terms .btn-terms-primary {
    background: linear-gradient(135deg, var(--primary, #f97316), var(--primary-d, #ea580c)) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--primary, #f97316) 24%, transparent) !important;
}

body.page-terms .btn-terms-outline {
    background: var(--v3-surface-strong) !important;
    color: var(--primary-d, #ea580c) !important;
    border-color: var(--primary, #f97316) !important;
}

/* API docs */
body.page-api-docs {
    --fintech-primary: var(--primary, #f97316);
    --fintech-primary-dark: var(--primary-d, #ea580c);
    --fintech-primary-light: var(--v3-primary-soft);
    --fintech-bg: var(--bg-main, #fafaf9);
    --fintech-card-bg: var(--bg-surface, #fff);
    --fintech-text-main: var(--text-main, #1c1917);
    --fintech-text-muted: var(--text-muted, #78716c);
    --fintech-border: var(--border, #e7e5e4);
}

body.page-api-docs .api-header-card {
    background:
        radial-gradient(circle at 88% 0, color-mix(in srgb, var(--primary, #f97316) 32%, transparent), transparent 35%),
        linear-gradient(135deg, color-mix(in srgb, var(--text-main, #1c1917) 96%, #000), color-mix(in srgb, var(--text-main, #1c1917) 80%, var(--primary, #f97316))) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f97316) 25%, transparent) !important;
    border-radius: 28px !important;
    box-shadow: var(--v3-shadow) !important;
    padding: clamp(1.5rem, 4vw, 2.8rem) !important;
}

body.page-api-docs .api-title {
    font-size: clamp(1.75rem, 3.5vw, 2.55rem) !important;
    letter-spacing: -.04em !important;
}

body.page-api-docs .api-subtitle {
    color: color-mix(in srgb, #fff 70%, var(--primary-light, #fdba74)) !important;
}

body.page-api-docs .doc-grid {
    grid-template-columns: 275px minmax(0, 1fr) !important;
    gap: 1.25rem !important;
}

body.page-api-docs .doc-menu,
body.page-api-docs .api-card {
    background: var(--v3-surface) !important;
    border: 1px solid var(--v3-border) !important;
    box-shadow: var(--v3-shadow-soft) !important;
    backdrop-filter: blur(14px);
}

body.page-api-docs .doc-menu {
    border-radius: 19px !important;
    padding: .8rem !important;
}

body.page-api-docs .doc-menu-item a {
    color: var(--text-muted, #78716c) !important;
    border-radius: 11px !important;
}

body.page-api-docs .doc-menu-item :is(a:hover),
body.page-api-docs .doc-menu-item.active a {
    color: var(--primary-d, #ea580c) !important;
    background: var(--v3-primary-soft) !important;
}

body.page-api-docs .api-card {
    border-radius: 23px !important;
    padding: clamp(1.15rem, 2.7vw, 2rem) !important;
    scroll-margin-top: 1rem !important;
}

body.page-api-docs .api-section-head {
    border-color: var(--v3-border) !important;
}

body.page-api-docs .api-section-title {
    color: var(--text-main, #1c1917) !important;
}

body.page-api-docs .api-section-title span,
body.page-api-docs .api-code {
    background: var(--v3-muted) !important;
    color: var(--primary-d, #ea580c) !important;
    border-color: var(--v3-border) !important;
}

body.page-api-docs :is(.api-table, .param-table) {
    border-color: var(--v3-border) !important;
}

body.page-api-docs :is(.api-table th, .api-table td, .param-table th, .param-table td) {
    border-color: var(--v3-border) !important;
    color: var(--text-main, #1c1917) !important;
}

body.page-api-docs :is(.api-table th, .param-table th) {
    background: var(--v3-muted) !important;
}

body.page-api-docs .api-note {
    background: var(--v3-primary-soft) !important;
    color: var(--text-main, #1c1917) !important;
    border-color: color-mix(in srgb, var(--primary, #f97316) 22%, var(--border, #e7e5e4)) !important;
    border-radius: 14px !important;
}

body.page-api-docs .terminal-wrapper {
    border-radius: 17px !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .16) !important;
}

body.page-api-docs .btn-terminal-copy {
    border-radius: 9px !important;
    color: color-mix(in srgb, var(--primary-light, #fdba74) 85%, #fff) !important;
}

@media (max-width: 1199.98px) {
    body.page-premium_apps .shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 991.98px) {
    :where(body.page-order_create, body.page-premium_apps) #orderForm {
        grid-template-columns: 1fr !important;
    }
    :where(body.page-order_create, body.page-premium_apps) #orderForm > :is(.premium-card, .checkout-card) {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    :where(body.page-order_create, body.page-premium_apps) #orderForm > .checkout-card {
        position: static !important;
    }
    body.page-orders .filter-wrapper {
        grid-template-columns: 1fr !important;
    }
    body.page-api-docs .doc-grid {
        grid-template-columns: 1fr !important;
    }
    body.page-api-docs .doc-nav-sticky {
        position: static !important;
    }
    body.page-api-docs .doc-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    body.page-api-docs .doc-menu-title { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
    :where(body.page-order_create, body.page-premium_apps, body.page-orders, body.page-profile, body.page-api-docs) :is(.dashboard-content, .api-content) {
        padding: .85rem !important;
    }
    :where(body.page-order_create, body.page-premium_apps) .header-action,
    body.page-orders .dashboard-container > .d-flex:first-child,
    body.page-profile .identity-card {
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    :where(body.page-order_create, body.page-premium_apps) .balance-pill {
        width: 100%;
        min-width: 0;
    }
    body.page-order_create .platform-btn { min-height: 78px !important; }
    body.page-premium_apps .shop-grid { grid-template-columns: 1fr !important; }
    body.page-premium_apps .service-highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.page-orders .bulk-sync-bar { align-items: stretch !important; }
    body.page-orders .btn-bulk-sync { width: 100% !important; }
    body.page-profile .api-key-box { grid-template-columns: 1fr !important; }
    body.page-profile .btn-copy-api { width: 100% !important; }
    body.page-api-docs .doc-menu { grid-template-columns: 1fr !important; }
}