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

:root {
    --mb-font-body: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    --mb-font-heading: "Manrope", "Segoe UI", sans-serif;
    --bs-font-sans-serif: var(--mb-font-body);
    --bs-body-font-family: var(--mb-font-body);
}

body {
    background-color: #f8f9fa;
    color: #212529;
    font-family: var(--mb-font-body);
    letter-spacing: -0.01em;
    font-feature-settings: "liga" 1, "calt" 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
#mainNav .navbar-brand,
.font-alt {
    font-family: var(--mb-font-heading) !important;
    letter-spacing: -0.03em;
}

#mainNav .navbar-brand {
    font-weight: 800;
}

#mainNav .nav-link,
.btn,
.form-label,
.form-control,
.form-select,
.dropdown-item {
    font-family: var(--mb-font-body);
}

#mainNav .navbar-nav {
    align-items: center;
}

#mainNav .nav-link {
    white-space: nowrap;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #mainNav .nav-link {
        margin-right: 0.65rem !important;
        font-size: 0.9rem;
    }

    #mainNav .btn {
        padding-right: 0.85rem !important;
        padding-left: 0.85rem !important;
    }
}

@media (max-width: 991.98px) {
    #mainNav .navbar-collapse {
        padding-top: 0.75rem;
    }

    #mainNav .navbar-nav {
        align-items: stretch;
    }

    #mainNav .nav-link,
    #mainNav .btn {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

.lead,
.mb-hero-text,
.meon-screen-overlay span,
.meon-showcase-body p,
.meon-solution-points span {
    letter-spacing: -0.015em;
}

.meon-kicker,
.meon-aside-mark,
.mb-kicker,
.mb-footer-kicker,
.mb-license-code,
.mb-order-ref {
    font-family: var(--mb-font-heading);
    letter-spacing: 0.06em;
}

.mb-header {
    position: sticky;
    top: 0;
    z-index: 1030;
}

.mb-main {
    padding: 2rem 0 3rem;
}

.mb-footer {
    margin-top: 3rem;
    padding: 2rem 0;
    background-color: #fff;
    border-top: 1px solid #dee2e6;
}

.mb-kicker,
.mb-footer-kicker,
.mb-license-code,
.mb-order-ref {
    margin-bottom: 0.5rem;
    color: #6c757d;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.mb-muted {
    color: #6c757d;
}

body.mb-app-page {
    background: #ffffff;
}

body.mb-app-page .mb-main {
    padding: 2.75rem 0 4rem;
}

body.mb-app-page .mb-main > .container-fluid {
    width: 100%;
    max-width: 1440px;
}

body.mb-app-page .card.shadow-sm,
.meon-product-card,
.meon-detail-card,
.meon-summary-panel {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(14px);
}

.mb-page-hero,
.mb-hero,
.mb-auth-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 2rem;
    background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

.mb-page-hero::before,
.mb-hero::before,
.mb-auth-hero::before {
    content: "";
    position: absolute;
    inset: auto -8% -38% auto;
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.025);
    filter: blur(18px);
}

.mb-page-hero > *,
.mb-hero > *,
.mb-auth-hero > * {
    position: relative;
    z-index: 1;
}

.mb-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.85fr);
    gap: 1.5rem;
    align-items: end;
    padding: clamp(2rem, 4vw, 3rem);
    margin-bottom: 1.75rem;
}

.mb-page-hero-compact {
    padding: 2rem 2.25rem;
}

.mb-page-hero h1,
.mb-page-hero .display-5,
.mb-page-hero .display-6,
.mb-hero h1,
.mb-auth-hero h1 {
    color: #0f172a;
}

.mb-page-hero .lead,
.mb-page-hero .text-secondary,
.mb-page-hero .text-muted,
.mb-hero .mb-hero-text,
.mb-auth-hero .mb-hero-text {
    color: #64748b !important;
}

.mb-page-hero .btn-outline-secondary,
.mb-page-hero .btn-outline-dark,
.mb-page-hero .btn-link {
    color: #1f2937;
}

.mb-page-hero .btn-outline-secondary,
.mb-page-hero .btn-outline-dark {
    border-color: rgba(15, 23, 42, 0.12);
    background: #ffffff;
}

.mb-page-hero .btn-outline-secondary:hover,
.mb-page-hero .btn-outline-dark:hover {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.16);
}

.meon-overline {
    display: inline-flex;
    align-items: center;
    min-height: 2.3rem;
    margin-bottom: 1rem;
    padding: 0.55rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.meon-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-self: end;
    justify-content: flex-end;
}

.meon-hero-badges span {
    display: inline-flex;
    align-items: center;
    min-height: 2.7rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: #f8fafc;
    color: #334155;
    font-size: 0.92rem;
    font-weight: 600;
}

.meon-hero-badges strong {
    margin-right: 0.35rem;
    font-size: 1rem;
}

.meon-product-card,
.meon-detail-card,
.meon-summary-panel {
    padding: 1.6rem;
}

.meon-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body.mb-app-page .meon-products-page {
    display: block;
    margin: -1.5rem calc(50% - 50vw) -3rem;
    padding: 5.25rem clamp(1.5rem, 4vw, 4rem) 5.5rem;
    background: #ffffff;
}

body.mb-app-page .meon-products-page > section + section {
    margin-top: 4.75rem;
}

body.mb-app-page .meon-products-hero {
    margin-bottom: 0;
    gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}

body.mb-app-page .meon-products-hero::before {
    display: none;
}

body.mb-app-page .meon-products-hero .display-5 {
    max-width: 13ch;
    margin-bottom: 1rem !important;
    color: #0f172a;
    font-size: clamp(2.5rem, 6vw, 5.4rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 0.98;
}

body.mb-app-page .meon-products-hero .lead {
    max-width: 44rem;
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    line-height: 1.75;
}

body.mb-app-page .meon-products-hero-actions {
    margin-top: 1.5rem !important;
}

body.mb-app-page .meon-products-hero-actions .btn,
body.mb-app-page .meon-product-card-actions .btn {
    min-height: 3rem;
    border-radius: 0.6rem !important;
    font-weight: 700;
}

body.mb-app-page .meon-products-page .btn-primary {
    border-color: #2937f0;
    background: #2937f0;
    color: #ffffff;
}

body.mb-app-page .meon-products-page .btn-primary:hover,
body.mb-app-page .meon-products-page .btn-primary:focus {
    border-color: #2330d8;
    background: #2330d8;
    color: #ffffff;
}

body.mb-app-page .meon-products-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: clamp(1.4rem, 2vw, 2rem);
    border-radius: 1.35rem;
    background:
        linear-gradient(145deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.mb-app-page .meon-payment-flow-panel {
    padding: clamp(1.4rem, 3vw, 2.25rem);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, #f8fafc 0%, #eef5f7 100%);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.mb-app-page .meon-payment-flow-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

body.mb-app-page .meon-payment-flow-head h2 {
    max-width: 54rem;
    margin-bottom: 0.45rem;
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.mb-app-page .meon-payment-step-card {
    padding: 1.4rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
}

body.mb-app-page .meon-payment-step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: 0.8rem;
    border-radius: 0.75rem;
    background: rgba(41, 55, 240, 0.1);
    color: #2937f0;
    font-size: 1.15rem;
}

body.mb-app-page .meon-payment-step-card h3 {
    margin-bottom: 0.45rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
}

body.mb-app-page .meon-payment-step-card p {
    margin-bottom: 0;
    color: #64748b;
    line-height: 1.6;
}

body.mb-app-page .meon-products-insights .mb-section-head,
body.mb-app-page .meon-products-catalog .mb-section-head {
    display: block;
    margin-bottom: 1.25rem;
    text-align: center;
}

body.mb-app-page .meon-products-insights .mb-section-head .mb-muted,
body.mb-app-page .meon-products-catalog .mb-section-head .mb-muted {
    display: block;
    max-width: 44rem;
    margin: 0.5rem auto 0;
    line-height: 1.6;
}

body.mb-app-page .meon-products-insight-row,
body.mb-app-page .meon-products-grid {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
}

body.mb-app-page .meon-products-insight-card {
    padding: 1.35rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
}

body.mb-app-page .meon-products-insight-card h2 {
    color: #0f172a;
}

body.mb-app-page .meon-products-grid .meon-product-card {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1.15rem;
    padding: 1.45rem;
    background: #ffffff;
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.08);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body.mb-app-page .meon-products-grid .meon-product-card:hover {
    transform: translateY(-0.3rem);
    box-shadow: 0 28px 68px rgba(15, 23, 42, 0.14);
}

body.mb-app-page .meon-products-grid .meon-product-card .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.45rem 0.75rem;
    line-height: 1.1;
    text-align: center;
}

body.mb-app-page .meon-products-grid .meon-product-card .text-muted {
    margin-bottom: 0.9rem;
}

body.mb-app-page .meon-product-card-platforms {
    margin-top: 0.9rem !important;
}

body.mb-app-page .meon-product-card-actions {
    padding-top: 1rem !important;
}

body.mb-app-page .meon-product-detail-page {
    display: block;
}

body.mb-app-page .meon-product-detail-page > section + section {
    margin-top: 0.9rem;
}

body.mb-app-page .meon-product-detail-hero {
    margin-bottom: 0;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    background:
        radial-gradient(circle at 88% 16%, rgba(29, 78, 216, 0.08), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .meon-product-detail-hero .display-5 {
    margin-bottom: 0.65rem !important;
}

body.mb-app-page .meon-product-detail-hero .lead {
    font-size: 0.98rem;
    line-height: 1.6;
}

body.mb-app-page .meon-product-detail-actions {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    padding: 1.15rem 1.2rem;
}

body.mb-app-page .meon-product-detail-cta-group {
    margin-top: 0.9rem !important;
}

body.mb-app-page .meon-product-detail-actions .btn-link {
    align-self: flex-start;
}

body.mb-app-page .meon-product-detail-backlink {
    margin-top: 0.55rem !important;
}

body.mb-app-page .meon-product-detail-note,
body.mb-app-page .meon-product-detail-facts .meon-detail-card,
body.mb-app-page .meon-product-detail-body .meon-detail-card {
    border-radius: 0.9rem;
    padding: 1.15rem;
}

body.mb-app-page .meon-product-detail-section .mb-section-head {
    display: block;
    margin-bottom: 0.85rem;
}

body.mb-app-page .meon-product-detail-section .mb-section-head .mb-muted {
    display: block;
    max-width: 44rem;
    margin-top: 0.5rem;
    line-height: 1.6;
}

body.mb-app-page .meon-product-detail-facts,
body.mb-app-page .meon-product-detail-body-row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

body.mb-app-page .meon-product-detail-stack {
    margin-bottom: 1rem !important;
}

body.mb-app-page .meon-product-detail-body .meon-chip-list,
body.mb-app-page .meon-products-grid .meon-chip-list {
    gap: 0.45rem;
}

body.mb-app-page .meon-product-detail-body .meon-chip-list span,
body.mb-app-page .meon-products-grid .meon-chip-list span {
    min-height: 2rem;
    padding: 0.42rem 0.72rem;
    font-size: 0.82rem;
}

body.mb-app-page .meon-product-detail-body .meon-highlight-list,
body.mb-app-page .meon-products-grid .meon-highlight-list {
    gap: 0.55rem;
}

body.mb-app-page .meon-product-detail-body .meon-highlight-list li,
body.mb-app-page .meon-products-grid .meon-highlight-list li {
    line-height: 1.55;
}

body.mb-app-page .mb-portal-shell {
    display: grid;
    gap: 1.5rem;
}

body.mb-app-page .mb-portal-hero {
    margin-bottom: 0;
    background:
        radial-gradient(circle at 88% 18%, rgba(15, 118, 110, 0.14), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .mb-portal-auth-hero {
    margin-bottom: 0;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
    align-items: stretch;
    gap: clamp(1.2rem, 2.6vw, 1.8rem);
    padding: clamp(1.4rem, 2.6vw, 2rem);
    background:
        radial-gradient(circle at 84% 12%, rgba(29, 78, 216, 0.12), transparent 35%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .mb-portal-auth-copy {
    display: grid;
    align-content: start;
    gap: 1rem;
    max-width: none;
}

body.mb-app-page .mb-portal-auth-copy h1 {
    max-width: 20ch;
    margin-bottom: 0.4rem;
}

body.mb-app-page .mb-portal-auth-copy .mb-hero-text {
    max-width: 54ch;
    margin-bottom: 0;
    line-height: 1.65;
}

body.mb-app-page .mb-portal-auth-copy .mb-auth-points {
    margin-top: 0;
}

body.mb-app-page .mb-portal-value-list {
    display: grid;
    gap: 0.75rem;
}

body.mb-app-page .mb-portal-value-item {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

body.mb-app-page .mb-portal-value-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid rgba(37, 99, 235, 0.16);
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
    color: #1d4ed8;
    font-size: 0.95rem;
}

body.mb-app-page .mb-portal-value-item strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #0f172a;
    font-size: 0.98rem;
}

body.mb-app-page .mb-portal-value-item p {
    margin: 0;
    color: #475569;
    line-height: 1.6;
    font-size: 0.9rem;
}

body.mb-app-page .mb-portal-support-callout {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.9);
}

body.mb-app-page .mb-portal-support-callout span {
    color: #334155;
    line-height: 1.55;
}

body.mb-app-page .mb-stat-card {
    padding: 1.2rem 1.25rem;
    border-color: rgba(15, 23, 42, 0.1);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

body.mb-app-page .mb-stat-card small {
    margin-top: 0.4rem;
    color: #64748b;
    line-height: 1.55;
}

body.mb-app-page .mb-license-card {
    border-radius: 0.9rem;
}

body.mb-app-page .mb-empty-state {
    padding: 1.4rem;
    border-color: rgba(148, 163, 184, 0.35);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

body.mb-app-page .mb-portal-auth-panel {
    display: grid;
    align-content: start;
    gap: 1rem;
    height: 100%;
    padding: 1.25rem;
    border-radius: 0.9rem;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);
}

body.mb-app-page .mb-portal-auth-panel-head {
    display: grid;
    gap: 0.2rem;
}

body.mb-app-page .mb-portal-auth-panel-head h2 {
    margin: 0;
    font-size: 1.28rem;
    color: #0f172a;
}

body.mb-app-page .mb-portal-auth-panel-head p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

body.mb-app-page .mb-portal-auth-panel .mb-auth-tabs {
    margin-bottom: 0;
}

body.mb-app-page .mb-portal-auth-panel .mb-auth-card h2 {
    margin-bottom: 0.85rem;
    font-size: 1.3rem;
}

body.mb-app-page .mb-portal-auth-panel .form-label {
    margin-bottom: 0.35rem;
    color: #1f2937;
    font-weight: 700;
}

body.mb-app-page .mb-portal-auth-panel .form-control {
    min-height: 2.85rem;
    border-color: rgba(148, 163, 184, 0.4);
    background-color: #fff;
}

body.mb-app-page .mb-portal-auth-panel .form-select {
    min-height: 2.85rem;
    border-color: rgba(148, 163, 184, 0.4);
    background-color: #fff;
}

body.mb-app-page .mb-portal-auth-panel .form-control:focus {
    border-color: rgba(37, 99, 235, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
}

body.mb-app-page .mb-portal-auth-panel .form-select:focus {
    border-color: rgba(37, 99, 235, 0.42);
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
}

body.mb-app-page .mb-portal-form-block {
    margin: 0.45rem 0 0.95rem;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 0.7rem;
    background: #f8fbff;
}

body.mb-app-page .mb-portal-form-block-title {
    margin: 0 0 0.65rem;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.mb-app-page .mb-portal-auth-panel .form-check-label {
    color: #475569;
    line-height: 1.55;
}

body.mb-app-page .mb-portal-auth-panel .form-check-label a {
    font-weight: 600;
}

body.mb-app-page .mb-portal-form-foot {
    margin: 0.75rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.6;
}

body.mb-app-page .mb-purchase-page {
    display: grid;
    gap: 1.25rem;
}

body.mb-app-page .mb-purchase-page .mb-section {
    margin-top: 0;
}

body.mb-app-page .mb-purchase-hero {
    margin-bottom: 0;
    background:
        radial-gradient(circle at 86% 16%, rgba(15, 118, 110, 0.13), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .mb-purchase-hero .mb-inline-meta {
    margin-top: 1rem;
}

body.mb-app-page .mb-purchase-hero-actions {
    align-self: end;
}

body.mb-app-page .mb-purchase-insights .mb-stat-card strong {
    font-size: 1.35rem;
}

body.mb-app-page .mb-purchase-page .mb-product-offer {
    padding: 1.2rem 1.25rem;
    border-radius: 0.9rem;
}

body.mb-app-page .mb-purchase-page .mb-product-offer-head {
    margin-bottom: 1rem;
}

body.mb-app-page .mb-purchase-page .mb-chip-group {
    gap: 0.45rem;
}

body.mb-app-page .mb-purchase-page .mb-chip {
    font-size: 0.82rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 0.8rem;
    padding: 1rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-row > [class*="col-"] {
    display: flex;
}

body.mb-app-page .mb-purchase-page .mb-plan-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

body.mb-app-page .mb-purchase-page .mb-plan-badge-row {
    min-height: 2rem;
    margin-bottom: 0.1rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-card h4 {
    font-size: 1.05rem;
    margin-bottom: 0.25rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-price {
    margin: 0.45rem 0;
    font-size: 1.25rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-summary {
    margin-bottom: 0.6rem;
    line-height: 1.6;
    min-height: 4.8rem;
}

body.mb-app-page .mb-purchase-page .mb-plan-specs {
    min-height: 5.2rem;
    align-content: flex-start;
}

body.mb-app-page .mb-purchase-page .mb-plan-specs span {
    font-size: 0.8rem;
}

body.mb-app-page .mb-purchase-page .mb-mini-list {
    margin: 0.3rem 0 0;
    padding-left: 1.1rem;
    line-height: 1.45;
}

body.mb-app-page .mb-purchase-page .mb-plan-cta {
    margin-top: auto;
}

body.mb-app-page .meon-product-card h2 {
    margin-bottom: 0.75rem;
    color: #0f172a;
    font-weight: 800;
}

body.mb-app-page .meon-product-card .text-muted {
    margin-bottom: 1.15rem;
    color: #64748b !important;
    line-height: 1.65;
}

/*body.mb-app-page .meon-product-card .btn-link {
    color: #0f766e;
    font-weight: 700;
    text-decoration: none;
}

body.mb-app-page .meon-product-card .btn-link:hover {
    color: #115e59;
    text-decoration: underline;
}
*/
body.mb-app-page .meon-detail-card h2 {
    color: #0f172a;
    line-height: 1.55;
}

body.mb-app-page .meon-summary-panel strong {
    display: block;
    margin-bottom: 0.75rem;
    color: #0f172a;
    font-size: 1.05rem;
}

body.mb-app-page .meon-summary-panel p {
    color: #475569;
    line-height: 1.7;
}

.meon-card-label {
    margin-bottom: 0.8rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.meon-highlight-list {
    display: grid;
    gap: 0.75rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.meon-highlight-list li {
    position: relative;
    padding-left: 1.2rem;
    color: #334155;
    line-height: 1.65;
}

.meon-highlight-list li::before {
    content: "";
    position: absolute;
    top: 0.65rem;
    left: 0;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #2937f0, #7c3aed);
    box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.12);
}

.meon-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.meon-chip-list span {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    padding: 0.5rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.86rem;
    font-weight: 600;
}

.mb-form-shell,
.mb-form-card,
.mb-side-card,
.mb-license-card,
.mb-product-offer,
.mb-plan-card,
.mb-order-card,
.mb-hosted-card,
.mb-empty-state,
.mb-stat-card,
.mb-auth-panel,
.mb-offer-card {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
}

.mb-hero,
.mb-auth-hero {
    display: grid;
    gap: 1.5rem;
    padding: 2rem;
    margin-bottom: 1.5rem;
}

.mb-hero {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.85fr);
    align-items: center;
}

.mb-auth-hero {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    align-items: start;
}

.mb-hero h1,
.mb-auth-hero h1 {
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 3rem);
}

.mb-hero-text {
    margin: 0;
    color: #6c757d;
    font-size: 1rem;
}

.mb-auth-copy {
    max-width: 36rem;
}

.mb-auth-points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.mb-auth-points span {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0.6rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background-color: #f8fafc;
    color: #334155;
    font-size: 0.9rem;
    font-weight: 600;
}

.mb-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
}

.mb-inline-meta,
.mb-chip-group,
.mb-side-specs,
.mb-plan-specs,
.mb-license-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mb-inline-meta span,
.mb-chip,
.mb-side-specs span,
.mb-plan-specs span,
.mb-license-meta span,
.mb-address-card-tag,
.mb-title-chip,
.mb-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.875rem;
}

.mb-inline-meta span,
.mb-chip,
.mb-side-specs span,
.mb-plan-specs span,
.mb-license-meta span,
.mb-address-card-tag,
.mb-title-chip {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
}

.mb-hero .mb-inline-meta span,
.mb-auth-hero .mb-inline-meta span {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, 0.08);
    color: #334155;
}

.mb-feature-list,
.mb-footer-grid,
.mb-order-list,
.mb-checkout-sidebar,
.mb-market-address-shell {
    display: grid;
    gap: 1rem;
}

.mb-feature-item,
.mb-footer-item,
.mb-address-card,
.mb-address-sync-box,
.mb-hosted-panel,
.mb-subcard {
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
}

.mb-demo-box {
    display: inline-grid;
    gap: 0.2rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: #212529;
    color: #fff;
}

.mb-demo-box span {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.75;
}

.mb-auth-panel,
.mb-form-shell,
.mb-form-card,
.mb-side-card,
.mb-license-card,
.mb-product-offer,
.mb-plan-card,
.mb-hosted-card,
.mb-offer-card {
    padding: 1.5rem;
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

.mb-form-card-tight {
    padding-bottom: 1rem;
}

.mb-auth-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.mb-auth-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background-color: #fff;
    color: #495057;
    font-weight: 600;
    text-decoration: none;
}

.mb-auth-tab.active {
    background: linear-gradient(135deg, #2937f0, #4f46e5);
    border-color: transparent;
    color: #fff;
}

.mb-auth-card h2 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.mb-section {
    margin-top: 2rem;
}

.mb-section-head,
.mb-form-card-head,
.mb-side-card-head,
.mb-license-head,
.mb-product-offer-head,
.mb-hosted-topbar,
.mb-hosted-panel-head,
.mb-market-form-head,
.mb-address-card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.mb-section-head h2,
.mb-form-card-head h3,
.mb-side-card-head h2,
.mb-license-head h3,
.mb-product-offer-head h3,
.mb-market-form-head h3,
.mb-address-card h3 {
    margin: 0;
}

.mb-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.mb-stat-card span,
.mb-stat-card small {
    display: block;
}

.mb-stat-card strong,
.mb-order-amount,
.mb-side-price,
.mb-plan-price,
.mb-price-line strong {
    display: block;
    margin: 0.35rem 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.mb-plan-switch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.mb-plan-switch {
    position: relative;
    display: grid;
    gap: 0.2rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.75rem;
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.mb-plan-switch input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.mb-plan-switch:hover,
.mb-plan-switch:focus-within {
    border-color: rgba(13, 110, 253, 0.55);
    box-shadow: 0 0.75rem 1.5rem rgba(13, 110, 253, 0.08);
    transform: translateY(-1px);
}

.mb-plan-switch.is-active {
    border-color: #0d6efd;
    background-color: #f0f7ff;
    box-shadow: 0 0.75rem 1.5rem rgba(13, 110, 253, 0.12);
}

.mb-title-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mb-title-chip {
    min-height: 2.25rem;
    background-color: #fff;
    cursor: pointer;
}

.mb-title-chip:hover {
    background-color: #f8f9fa;
}

.mb-inline-banner {
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.mb-inline-banner-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.mb-inline-banner-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.mb-inline-banner-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.mb-badge {
    min-height: 2rem;
    font-weight: 600;
}

.mb-badge-success {
    color: #0f5132;
    background-color: #d1e7dd;
}

.mb-badge-warning {
    color: #664d03;
    background-color: #fff3cd;
}

.mb-badge-danger {
    color: #842029;
    background-color: #f8d7da;
}

.mb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
}

.mb-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #2937f0, #435df6);
    border-color: transparent;
    box-shadow: 0 14px 30px rgba(41, 55, 240, 0.22);
}

.mb-btn-primary:hover {
    color: #fff;
    background: linear-gradient(135deg, #2430d6, #3f56df);
    border-color: transparent;
}

.mb-btn-ghost {
    color: #1d4ed8;
    background-color: #fff;
    border-color: rgba(29, 78, 216, 0.18);
}

.mb-btn-ghost:hover {
    color: #fff;
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

.mb-btn-dark {
    color: #fff;
    background-color: #0f172a;
    border-color: #0f172a;
}

.mb-btn-danger {
    color: #dc3545;
    background-color: #fff;
    border-color: rgba(220, 53, 69, 0.24);
}

.mb-btn-danger:hover {
    color: #fff;
    background-color: #dc3545;
}

.mb-license-grid,
.mb-order-detail-grid,
.mb-mini-dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.mb-license-grid div,
.mb-order-detail-grid div,
.mb-mini-dl div {
    padding-top: 0.75rem;
    border-top: 1px solid #dee2e6;
}

.mb-license-grid dt,
.mb-order-detail-grid dt,
.mb-mini-dl dt {
    margin-bottom: 0.25rem;
    color: #6c757d;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.mb-license-grid dd,
.mb-order-detail-grid dd,
.mb-mini-dl dd {
    margin: 0;
}

.mb-order-card {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}

.mb-checkout-sidebar {
    position: sticky;
    top: 5.5rem;
}

.mb-hosted-shell {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.mb-hosted-card {
    width: min(1100px, 100%);
}

.mb-hosted-card-visual {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

.mb-hosted-card-visual span {
    display: block;
    margin-bottom: 0.35rem;
    color: #6c757d;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.mb-is-muted {
    opacity: 0.75;
}

.form-control,
.form-select {
    border-radius: 0.5rem;
    border-color: rgba(148, 163, 184, 0.4);
    min-height: 3rem;
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(41, 55, 240, 0.4);
    box-shadow: 0 0 0 0.25rem rgba(41, 55, 240, 0.12);
}

body.mb-app-page .alert {
    border: 1px solid transparent;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

body.mb-app-page .mb-purpose-page {
    display: grid;
    gap: 1.5rem;
}

body.mb-app-page .mb-purpose-hero {
    margin-bottom: 0;
    background:
        radial-gradient(circle at 88% 20%, rgba(15, 118, 110, 0.14), transparent 38%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .mb-purpose-card,
body.mb-app-page .mb-purpose-side {
    height: 100%;
    padding: clamp(1.4rem, 2vw, 1.8rem);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

body.mb-app-page .mb-purpose-card p,
body.mb-app-page .mb-purpose-side li {
    color: #475569;
    line-height: 1.75;
}

body.mb-app-page .mb-purpose-side ul {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.55rem;
}

body.mb-app-page .mb-about-page {
    display: grid;
    gap: clamp(1.25rem, 2vw, 1.75rem);
}

body.mb-app-page .mb-about-hero {
    margin-bottom: 0;
    background:
        radial-gradient(circle at 86% 16%, rgba(14, 116, 144, 0.14), transparent 38%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.mb-app-page .mb-about-story,
body.mb-app-page .mb-about-why {
    padding: clamp(1.35rem, 2vw, 1.8rem);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

body.mb-app-page .mb-about-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, 0.65fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: stretch;
}

body.mb-app-page .mb-about-metric-grid {
    display: grid;
    gap: 1rem;
}

body.mb-app-page .mb-about-metric-card {
    padding: 1.25rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07);
}

body.mb-app-page .mb-about-metric-card strong {
    display: block;
    color: #0f172a;
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    line-height: 1;
    margin-bottom: 0.45rem;
}

body.mb-app-page .mb-about-metric-card span {
    color: #64748b;
    line-height: 1.55;
}

body.mb-app-page .mb-about-purpose-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
}

body.mb-app-page .mb-about-section-head {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

body.mb-app-page .mb-about-clean-list {
    display: grid;
    gap: 0.55rem;
    padding-left: 1.15rem;
    color: #475569;
    line-height: 1.65;
}

body.mb-app-page .mb-about-story p,
body.mb-app-page .mb-about-why p,
body.mb-app-page .mb-purpose-card p {
    color: #475569;
    line-height: 1.75;
}

body.mb-app-page .mb-about-why-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

body.mb-app-page .mb-about-why-item {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    gap: 0.7rem;
}

body.mb-app-page .mb-about-why-item i {
    margin-top: 0.08rem;
    color: #0f766e;
    font-size: 1.02rem;
}

body.mb-app-page .mb-about-why-item strong {
    display: block;
    margin-bottom: 0.16rem;
    color: #0f172a;
}

body.mb-app-page .mb-about-page .meon-about-card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}

body.mb-app-page .mb-about-page .meon-about-card-icon {
    flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
    .mb-page-hero,
    .mb-hero,
    .mb-auth-hero {
        grid-template-columns: 1fr;
    }

    body.mb-app-page .mb-portal-auth-copy h1,
    body.mb-app-page .mb-portal-auth-copy .mb-hero-text {
        max-width: none;
    }

    .mb-checkout-sidebar {
        position: static;
    }

    body.mb-app-page .meon-payment-flow-head {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    .mb-stat-grid,
    .mb-license-grid,
    .mb-order-detail-grid,
    .mb-mini-dl,
    body.mb-app-page .mb-about-content-grid,
    body.mb-app-page .mb-about-purpose-grid,
    body.mb-app-page .mb-about-why-list {
        grid-template-columns: 1fr;
    }

    .mb-hero-actions {
        justify-content: flex-start;
    }

    body.mb-app-page .mb-purchase-hero-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .mb-main {
        padding-top: 1.5rem;
    }

    .mb-page-hero {
        padding: 1.5rem;
        border-radius: 1.5rem;
    }

    .mb-footer {
        margin-top: 2rem;
    }

    .mb-form-shell,
    .mb-form-card,
    .mb-side-card,
    .mb-license-card,
    .mb-product-offer,
    .mb-plan-card,
    .mb-hosted-card,
    .mb-auth-panel,
    .mb-offer-card {
        padding: 1rem;
    }

    .mb-order-card {
        align-items: start;
    }

    body.mb-app-page .mb-portal-auth-hero {
        gap: 1rem;
        padding: 1.1rem;
    }

    body.mb-app-page .mb-portal-auth-panel {
        padding: 1rem;
    }

    body.mb-app-page .mb-portal-form-block {
        padding: 0.7rem;
    }

    body.mb-app-page .mb-portal-support-callout {
        align-items: flex-start;
    }

    body.mb-app-page .meon-products-hero,
    body.mb-app-page .meon-product-detail-hero {
        padding: 1.15rem;
        gap: 0.85rem;
    }

    body.mb-app-page .meon-products-page > section + section,
    body.mb-app-page .meon-product-detail-page > section + section {
        margin-top: 0.75rem;
    }

    body.mb-app-page .meon-products-summary,
    body.mb-app-page .meon-payment-flow-panel,
    body.mb-app-page .meon-product-detail-actions,
    body.mb-app-page .meon-product-detail-note,
    body.mb-app-page .meon-product-detail-facts .meon-detail-card,
    body.mb-app-page .meon-product-detail-body .meon-detail-card,
    body.mb-app-page .meon-products-grid .meon-product-card,
    body.mb-app-page .meon-products-insight-card {
        padding: 1rem;
    }
}

/* License sales funnel */
body.mb-landing-page {
    background: #ffffff;
    color: var(--mb-ink);
}

body.mb-landing-page .mb-main {
    padding: 0;
}

.meon-home-hero {
    padding: 8rem 0 4rem;
    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 78%);
}

.meon-home-hero-copy {
    max-width: 46rem;
}

.meon-home-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    margin-bottom: 1rem;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #ffffff;
    color: var(--mb-primary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.meon-home-hero h1 {
    max-width: 13ch;
    color: #09111f;
    font-size: clamp(2.55rem, 6vw, 5.25rem);
    font-weight: 800;
    line-height: 1;
}

.meon-home-hero p {
    max-width: 43rem;
    color: #566171;
    font-size: 1.1rem;
    line-height: 1.8;
}

.meon-home-hero .btn-lg {
    min-height: 3.2rem;
    border-radius: var(--mb-radius);
    font-weight: 800;
}

.meon-home-product-selector {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.meon-home-product-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 31rem;
    padding: 1.25rem;
    border-radius: var(--mb-radius);
    color: #ffffff;
    box-shadow: var(--mb-shadow-md);
}

.meon-home-product-card.market {
    background: #172554;
}

.meon-home-product-card.cafe {
    background: #0f5132;
}

.meon-home-product-head {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.meon-home-product-head > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--mb-radius);
    background: rgba(255, 255, 255, 0.14);
}

.meon-home-product-head strong,
.meon-home-product-head small {
    display: block;
}

.meon-home-product-head strong {
    font-size: 1.2rem;
}

.meon-home-product-head small {
    color: rgba(255, 255, 255, 0.68);
    font-weight: 800;
}

.meon-home-product-card p {
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.65;
}

.meon-home-plan-strip {
    display: grid;
    gap: 0.25rem;
    margin-top: auto;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mb-radius);
    background: rgba(255, 255, 255, 0.1);
}

.meon-home-plan-strip span,
.meon-home-plan-strip em {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.86rem;
    font-style: normal;
}

.meon-home-plan-strip strong {
    color: #ffffff;
    font-size: 1.15rem;
}

.meon-home-main {
    background: #ffffff;
}

.meon-home-section {
    padding: clamp(3rem, 6vw, 5.5rem) 0;
}

.meon-home-section-soft {
    background: #f4f7fb;
}

.meon-home-section-head {
    max-width: 48rem;
    margin: 0 auto 2rem;
    text-align: center;
}

.meon-home-section-head.text-start {
    margin-inline: 0;
    text-align: left;
}

.meon-home-section-head h2 {
    margin-bottom: 0.7rem;
    color: var(--mb-ink);
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.05;
}

.meon-home-section-head p {
    margin: 0;
    color: var(--mb-muted-ink);
    line-height: 1.75;
}

.meon-sales-product,
.meon-license-comparison,
.meon-trust-card,
.meon-faq .accordion-item,
.meon-pricing-product,
.meon-pricing-card,
.meon-product-summary-panel {
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #ffffff;
    box-shadow: var(--mb-shadow-sm);
}

.meon-sales-product {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
}

.meon-sales-product-top {
    display: flex;
    gap: 0.9rem;
    align-items: center;
}

.meon-sales-icon,
.meon-product-summary-panel > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: var(--mb-radius);
    background: #eef4ff;
    color: var(--mb-primary);
    font-size: 1.2rem;
}

.meon-sales-product h3,
.meon-license-comparison h3,
.meon-trust-card h3,
.meon-pricing-card h3 {
    margin: 0;
    color: var(--mb-ink);
    font-weight: 800;
}

.meon-check-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meon-check-list li {
    position: relative;
    padding-left: 1.55rem;
    color: #374151;
    line-height: 1.55;
}

.meon-check-list li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0.1rem;
    color: var(--mb-success);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.meon-sales-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: auto;
}

.meon-home-plan-stack {
    display: grid;
    gap: 1rem;
}

.meon-license-comparison {
    padding: 1.25rem;
}

.meon-license-comparison-head,
.meon-pricing-product-head {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.meon-home-plan-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #ffffff;
}

.meon-home-plan-card.is-recommended,
.meon-pricing-card.is-recommended {
    border-color: rgba(29, 78, 216, 0.45);
    box-shadow: 0 1rem 2.5rem rgba(29, 78, 216, 0.12);
}

.meon-home-plan-card h4 {
    margin: 0 0 0.45rem;
    font-size: 1.05rem;
    font-weight: 800;
}

.meon-home-plan-card > strong,
.meon-pricing-card > strong,
.meon-pricing-card-head > strong {
    display: block;
    margin-bottom: 0.65rem;
    color: var(--mb-primary);
    font-size: 1.35rem;
}

.meon-home-plan-card p,
.meon-pricing-card p,
.meon-trust-card p {
    color: var(--mb-muted-ink);
    line-height: 1.6;
}

.meon-home-plan-card dl {
    display: grid;
    gap: 0.4rem;
    margin: auto 0 1rem;
}

.meon-home-plan-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.45rem;
    border-top: 1px solid var(--mb-line);
}

.meon-home-plan-card dt {
    color: #6b7280;
    font-weight: 700;
}

.meon-home-plan-card dd {
    margin: 0;
    font-weight: 800;
}

.meon-flow-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.meon-flow-card {
    display: grid;
    gap: 0.65rem;
    min-height: 14rem;
    padding: 1rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #ffffff;
}

.meon-flow-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--mb-radius);
    background: #111827;
    color: #fff;
    font-weight: 800;
}

.meon-flow-card i,
.meon-trust-card i {
    color: var(--mb-primary);
    font-size: 1.4rem;
}

.meon-flow-card h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.meon-flow-card p {
    margin: 0;
    color: var(--mb-muted-ink);
    line-height: 1.55;
}

.meon-trust-card {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.meon-faq .accordion-item {
    overflow: hidden;
}

.meon-faq .accordion-button {
    font-weight: 800;
}

.meon-pricing-page {
    max-width: 1480px;
    margin: 0 auto;
}

.meon-pricing-hero {
    margin-bottom: 1rem;
}

.meon-pricing-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.meon-pricing-nav a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 4rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #ffffff;
    color: var(--mb-ink);
    text-decoration: none;
    box-shadow: var(--mb-shadow-sm);
}

.meon-pricing-nav i {
    color: var(--mb-primary);
    font-size: 1.25rem;
}

.meon-pricing-nav span {
    font-weight: 800;
}

.meon-pricing-nav small {
    margin-left: auto;
    color: #6b7280;
}

.meon-pricing-product {
    scroll-margin-top: 6rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.meon-pricing-product-head p {
    max-width: 54rem;
    margin: 0.35rem 0 0;
    color: var(--mb-muted-ink);
}

.meon-pricing-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.1rem;
}

.meon-pricing-card-head {
    display: grid;
    gap: 0.45rem;
}

.meon-pricing-specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.meon-pricing-specs div {
    display: grid;
    gap: 0.2rem;
    min-height: 4.6rem;
    padding: 0.65rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.meon-pricing-specs span {
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 800;
}

.meon-pricing-specs strong {
    color: var(--mb-ink);
    font-size: 0.95rem;
}

.meon-module-strip,
.meon-module-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.meon-module-strip span,
.meon-module-grid span {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 700;
}

.meon-compare-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
}

.meon-compare-table {
    min-width: 760px;
    margin: 0;
}

.meon-compare-table th {
    color: var(--mb-ink);
    font-weight: 800;
}

.meon-product-sales-page .meon-product-detail-hero {
    align-items: stretch;
}

.meon-product-summary-panel {
    display: grid;
    align-content: center;
    gap: 0.75rem;
    padding: 1.25rem;
}

.meon-product-summary-panel strong {
    color: var(--mb-ink);
    font-size: 1.2rem;
    line-height: 1.45;
}

.meon-product-summary-panel small {
    color: var(--mb-muted-ink);
    line-height: 1.6;
}

@media (max-width: 1199.98px) {
    .meon-home-product-selector,
    .meon-flow-grid {
        grid-template-columns: 1fr;
    }

    .meon-home-product-card {
        min-height: auto;
    }
}

@media (max-width: 991.98px) {
    .meon-home-hero {
        padding-top: 6.5rem;
    }

    .meon-home-hero h1 {
        max-width: 16ch;
    }

    .meon-pricing-nav {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .meon-home-section {
        padding: 2.5rem 0;
    }

    .meon-home-hero h1 {
        max-width: none;
        font-size: 2.35rem;
    }

    .meon-pricing-specs {
        grid-template-columns: 1fr;
    }

    .meon-license-comparison,
    .meon-pricing-product {
        padding: 1rem;
    }
}

/* 2026 Bootstrap shell refresh */
:root {
    --mb-ink: #111827;
    --mb-muted-ink: #5b6472;
    --mb-line: #dde3ea;
    --mb-surface: #ffffff;
    --mb-soft: #f4f7fb;
    --mb-primary: #1d4ed8;
    --mb-primary-dark: #153eac;
    --mb-success: #0f766e;
    --mb-warning: #b45309;
    --mb-danger: #b91c1c;
    --mb-sidebar: #111827;
    --mb-radius: 0.5rem;
    --mb-shadow-sm: 0 0.5rem 1.5rem rgba(17, 24, 39, 0.06);
    --mb-shadow-md: 0 1rem 2.5rem rgba(17, 24, 39, 0.09);
}

body,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    letter-spacing: 0;
}

.mb-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--mb-radius);
    background: #172554;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

#mainNav {
    min-height: 4.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(17, 24, 39, 0.05);
}

#mainNav .navbar-brand,
.mb-shell-header .navbar-brand {
    color: var(--mb-ink);
    font-weight: 800;
}

#mainNav .nav-link,
.mb-shell-header .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.5rem;
    padding-inline: 0.8rem;
    border-radius: var(--mb-radius);
    color: #374151;
    font-weight: 700;
}

#mainNav .nav-link:hover,
#mainNav .nav-link.active,
.mb-shell-header .nav-link:hover,
.mb-shell-header .nav-link.active {
    background: #eef4ff;
    color: var(--mb-primary);
}

#mainNav .dropdown-menu {
    min-width: 14rem;
    padding: 0.5rem;
    border: 1px solid var(--mb-line) !important;
    border-radius: var(--mb-radius);
}

#mainNav .dropdown-item {
    min-height: 2.4rem;
    border-radius: var(--mb-radius);
    color: #374151;
    font-weight: 650;
}

body.mb-app-page .mb-main {
    padding-top: 6rem;
}

body.mb-portal-page {
    min-height: 100%;
    background:
        linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
    color: var(--mb-ink);
}

body.mb-portal-page .mb-main {
    padding: 0.75rem 0 2.5rem;
}

body.mb-portal-page section {
    padding-top: 0;
    padding-bottom: 0;
}

body.mb-portal-page .mb-main > .container-fluid {
    width: min(100% - 1.5rem, 1320px);
    padding: 0;
}

.mb-shell-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    box-shadow: 0 0.5rem 1.5rem rgba(17, 24, 39, 0.05);
}

.mb-shell-header .navbar {
    min-height: 4.5rem;
}

.mb-portal-dashboard {
    display: grid;
    gap: 1rem;
}

.mb-shell-hero,
body.mb-portal-page .mb-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
    gap: 1rem;
    align-items: center;
    margin: 0 0 1rem;
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: var(--mb-surface);
    box-shadow: var(--mb-shadow-sm);
}

.mb-shell-hero::before,
body.mb-portal-page .mb-hero::before {
    display: none;
}

.mb-shell-card,
body.mb-portal-page .card,
body.mb-portal-page .mb-form-shell,
body.mb-portal-page .mb-form-card,
body.mb-portal-page .mb-license-card,
body.mb-portal-page .mb-order-card,
body.mb-portal-page .mb-offer-card,
body.mb-portal-page .mb-empty-state,
body.mb-portal-page .mb-address-card,
body.mb-portal-page .mb-address-sync-box {
    border: 1px solid var(--mb-line) !important;
    border-radius: var(--mb-radius) !important;
    background: var(--mb-surface);
    box-shadow: var(--mb-shadow-sm) !important;
}

.mb-metric-card .card-body {
    display: grid;
    gap: 0.35rem;
    min-height: 10.25rem;
}

.mb-metric-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    margin-bottom: 0.35rem;
    border-radius: var(--mb-radius);
    font-size: 1rem;
}

.mb-auth-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 30rem);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
    min-height: calc(100vh - 8rem);
}

body.mb-portal-page .mb-auth-layout {
    min-height: auto;
    padding-top: 0;
    padding-bottom: 0;
}

body.mb-portal-page .mb-login-layout {
    grid-template-columns: minmax(24rem, 31rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

body.mb-portal-page .mb-login-layout .mb-auth-card {
    order: -1;
}

body.mb-portal-page .mb-login-layout .mb-auth-side {
    min-height: auto;
}

body.mb-portal-page .mb-login-layout .mb-auth-side .display-5 {
    max-width: 16ch;
    font-size: clamp(1.9rem, 3.5vw, 2.8rem);
    line-height: 1.05;
}

body.mb-portal-page .mb-login-layout .mb-auth-side .lead {
    font-size: 1rem;
    line-height: 1.65;
}

body.mb-portal-page .mb-login-layout .mb-auth-feature {
    min-height: auto;
}

.mb-auth-side,
.mb-auth-card {
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: var(--mb-surface);
    box-shadow: var(--mb-shadow-sm);
}

.mb-auth-side {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.mb-auth-side .display-5 {
    max-width: 14ch;
    color: var(--mb-ink);
    font-size: clamp(2.25rem, 5vw, 4.75rem);
    line-height: 1.02;
}

.mb-auth-feature {
    display: grid;
    gap: 0.45rem;
    height: 100%;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-auth-feature i {
    color: var(--mb-success);
    font-size: 1.25rem;
}

.mb-auth-feature strong {
    color: var(--mb-ink);
}

.mb-auth-feature span {
    color: var(--mb-muted-ink);
    line-height: 1.55;
}

.mb-auth-card .nav-pills .nav-link {
    min-height: 2.75rem;
    border-radius: var(--mb-radius);
    color: #374151;
    font-weight: 800;
}

.mb-auth-card .nav-pills .nav-link.active {
    background: var(--mb-primary);
    color: #fff;
}

body.mb-portal-page .mb-section {
    margin-top: 1rem;
}

body.mb-portal-page .mb-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

body.mb-portal-page .mb-stat-card {
    padding: 1rem;
}

body.mb-portal-page .mb-section-head {
    align-items: end;
    margin-bottom: 0.85rem;
}

body.mb-portal-page .mb-section-head h2 {
    color: var(--mb-ink);
}

body.mb-portal-page .mb-form-shell,
body.mb-portal-page .mb-form-card {
    padding: 1rem;
}

body.mb-portal-page .mb-order-list {
    gap: 0.75rem;
}

body.mb-portal-page .mb-license-meta {
    gap: 0.5rem;
    padding-top: 0.9rem;
}

body.mb-portal-page .table {
    --bs-table-hover-bg: #f4f7fb;
}

body.mb-portal-page .table thead th,
.mb-admin-body .table thead th {
    color: #6b7280;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

body.mb-portal-page .table tbody td,
.mb-admin-body .table tbody td {
    vertical-align: middle;
}

.mb-admin-body {
    min-height: 100%;
    margin: 0;
    background: #eef2f7;
    color: var(--mb-ink);
}

.mb-admin-shell {
    display: grid;
    grid-template-columns: 17.5rem minmax(0, 1fr);
    min-height: 100vh;
}

.mb-admin-sidebar {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 1rem;
    overflow-y: auto;
    background: var(--mb-sidebar);
    color: #fff;
}

.mb-admin-brand {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.75rem;
    align-items: center;
    padding: 0.65rem;
    border-radius: var(--mb-radius);
    color: #fff;
    text-decoration: none;
}

.mb-admin-brand span {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--mb-radius);
    background: var(--mb-primary);
}

.mb-admin-brand small {
    color: #aeb8c7;
}

.mb-admin-nav {
    display: grid;
    gap: 1rem;
    margin-top: 1.25rem;
}

.mb-admin-nav-group {
    display: grid;
    gap: 0.25rem;
}

.mb-admin-nav-group p {
    margin: 0 0 0.25rem;
    padding: 0 0.65rem;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mb-admin-nav-link {
    display: grid;
    grid-template-columns: 1.4rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 2.55rem;
    padding: 0.55rem 0.65rem;
    border-radius: var(--mb-radius);
    color: #d9e2ef;
    font-weight: 700;
    text-decoration: none;
}

.mb-admin-nav-link:hover,
.mb-admin-nav-link.active {
    background: #25324a;
    color: #fff;
}

.mb-admin-nav-link.active {
    box-shadow: inset 3px 0 0 #38bdf8;
}

.mb-admin-sidebar-footer {
    margin-top: auto;
    padding-top: 1rem;
}

.mb-admin-main {
    min-width: 0;
    padding: 1rem;
}

.mb-admin-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: var(--mb-surface);
    box-shadow: var(--mb-shadow-sm);
}

.mb-admin-topbar h1 {
    margin: 0;
    color: var(--mb-ink);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 800;
}

.mb-admin-eyebrow {
    margin: 0 0 0.15rem;
    color: #6b7280;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mb-admin-content {
    display: grid;
    gap: 1rem;
}

.mb-admin-alert {
    border-radius: var(--mb-radius);
    box-shadow: var(--mb-shadow-sm);
}

.mb-admin-body .card {
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    box-shadow: var(--mb-shadow-sm) !important;
}

.mb-admin-body .card-body {
    padding: 1.1rem;
}

.mb-admin-body .form-label,
body.mb-portal-page .form-label {
    color: #374151;
    font-size: 0.88rem;
    font-weight: 800;
}

.mb-admin-body .form-control,
.mb-admin-body .form-select,
body.mb-portal-page .form-control,
body.mb-portal-page .form-select {
    min-height: 2.75rem;
    border-radius: var(--mb-radius);
}

.mb-admin-body .btn,
body.mb-portal-page .btn,
#mainNav .btn {
    min-height: 2.45rem;
    border-radius: var(--mb-radius);
    font-weight: 800;
}

.mb-admin-body .btn-primary,
body.mb-portal-page .btn-primary,
#mainNav .btn-primary {
    border-color: var(--mb-primary);
    background: var(--mb-primary);
}

.mb-admin-body .btn-primary:hover,
body.mb-portal-page .btn-primary:hover,
#mainNav .btn-primary:hover {
    border-color: var(--mb-primary-dark);
    background: var(--mb-primary-dark);
}

.mb-admin-body .table-responsive,
body.mb-portal-page .table-responsive {
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
}

.mb-admin-body .table,
body.mb-portal-page .table {
    margin-bottom: 0;
}

.mb-admin-body .table > :not(caption) > * > *,
body.mb-portal-page .table > :not(caption) > * > * {
    padding: 0.9rem 0.85rem;
}

.mb-admin-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(8.5rem, 1fr));
    gap: 0.65rem;
    min-width: min(100%, 31rem);
}

.mb-admin-flow-step {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-flow-step span {
    display: inline-grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    background: var(--mb-primary);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
}

.mb-admin-flow-step strong {
    color: #111827;
    font-weight: 900;
}

.mb-admin-flow-step small {
    color: #64748b;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .mb-admin-flow {
        grid-template-columns: 1fr;
    }
}

.mb-admin-switch-panel {
    display: grid;
    gap: 0.9rem;
    padding: 0.9rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-plan-summary {
    display: grid;
    align-content: center;
    min-height: 2.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-plan-summary span {
    color: #111827;
    font-weight: 900;
}

.mb-admin-plan-summary small {
    color: #6b7280;
    font-weight: 750;
}

.mb-admin-secret-box {
    display: grid;
    gap: 0.6rem;
    min-width: min(100%, 32rem);
}

.mb-admin-secret-box div {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-secret-box strong {
    color: #374151;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.mb-admin-secret-box span {
    color: #111827;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.9rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.mb-admin-switch-group {
    display: grid;
    gap: 0.65rem;
}

.mb-admin-switch-group + .mb-admin-switch-group {
    padding-top: 0.9rem;
    border-top: 1px solid var(--mb-line);
}

.mb-admin-switch-group-title {
    color: #4b5563;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mb-admin-switch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
    gap: 0.65rem;
}

.mb-admin-switch-card {
    min-height: 4.2rem;
    margin: 0;
    padding: 0.75rem 0.85rem 0.75rem 3.55rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #fff;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.mb-admin-switch-card:hover {
    border-color: #bfdbfe;
    background: #f8fbff;
}

.mb-admin-switch-card:has(.form-check-input:checked) {
    border-color: #93c5fd;
    background: #eff6ff;
    box-shadow: inset 3px 0 0 var(--mb-primary);
}

.mb-admin-switch-card .form-check-input {
    width: 2.45rem;
    height: 1.3rem;
    margin-left: -2.95rem;
    margin-top: 0.1rem;
}

.mb-admin-switch-card .form-check-label {
    display: grid;
    gap: 0.15rem;
    color: #111827;
    font-weight: 800;
    cursor: pointer;
}

.mb-admin-switch-card .form-check-label small {
    color: #6b7280;
    font-size: 0.76rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.mb-admin-field-switch {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    width: 100%;
    margin: 0;
    padding: 0.6rem 0.75rem 0.6rem 3.25rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-field-switch .form-check-input,
.mb-admin-inline-switch .form-check-input {
    width: 2.4rem;
    height: 1.25rem;
}

.mb-admin-field-switch .form-check-label,
.mb-admin-inline-switch .form-check-label {
    font-weight: 800;
}

.mb-customer-active-form {
    margin: 0;
}

.mb-admin-inline-switch {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    margin: 0;
    padding-left: 3rem;
}

.mb-admin-inline-switch .form-check-input {
    cursor: pointer;
}

.mb-admin-inline-switch .badge {
    min-width: 3.8rem;
    padding: 0.45rem 0.6rem;
    border-radius: 999px;
}

.mb-admin-help-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 0.75rem;
}

.mb-admin-help-item {
    display: grid;
    gap: 0.35rem;
    min-height: 100%;
    padding: 0.9rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #f8fafc;
}

.mb-admin-help-item i {
    color: var(--mb-primary);
    font-size: 1.1rem;
}

.mb-admin-help-item strong {
    color: #111827;
    font-weight: 900;
}

.mb-admin-help-item span {
    color: #64748b;
    font-size: 0.9rem;
}

.mb-admin-json-detail summary {
    cursor: pointer;
    color: var(--mb-primary);
    font-weight: 800;
}

.mb-admin-json-detail pre {
    max-width: 26rem;
    max-height: 14rem;
    overflow: auto;
    padding: 0.75rem;
    border: 1px solid var(--mb-line);
    border-radius: var(--mb-radius);
    background: #0f172a;
    color: #e2e8f0;
    white-space: pre-wrap;
}

.pagination {
    flex-wrap: wrap;
    gap: 0.35rem;
}

.pagination .page-link {
    min-width: 2.25rem;
    border-radius: var(--mb-radius) !important;
    border-color: var(--mb-line);
    color: var(--mb-primary);
    font-weight: 800;
    text-align: center;
}

.page-item.active .page-link {
    border-color: var(--mb-primary);
    background: var(--mb-primary);
}

.page-item.disabled .page-link {
    color: #9ca3af;
}

form[data-ajax="true"].is-loading {
    opacity: 0.74;
    pointer-events: none;
}

form[data-ajax="true"] [data-loading-label] {
    min-width: 6rem;
}

.mb-admin-offcanvas {
    background: var(--mb-sidebar);
    color: #fff;
}

.mb-admin-offcanvas .btn-close {
    filter: invert(1);
}

.mb-admin-offcanvas .offcanvas-title {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .mb-admin-shell {
        display: block;
    }

    .mb-admin-main {
        padding: 0.75rem;
    }

    .mb-auth-layout,
    .mb-shell-hero,
    body.mb-portal-page .mb-hero {
        grid-template-columns: 1fr;
    }

    body.mb-portal-page .mb-login-layout {
        grid-template-columns: minmax(22rem, 30rem) minmax(0, 1fr);
    }

    .mb-auth-side .display-5 {
        max-width: 18ch;
    }
}

@media (max-width: 991.98px) {
    body.mb-app-page .mb-main {
        padding-top: 5rem;
    }

    .mb-shell-header .navbar-nav,
    #mainNav .navbar-nav {
        align-items: stretch;
    }

    .mb-shell-header .nav-link,
    #mainNav .nav-link {
        justify-content: flex-start;
        width: 100%;
    }

    body.mb-portal-page .mb-stat-grid {
        grid-template-columns: 1fr;
    }

    body.mb-portal-page .mb-login-layout {
        grid-template-columns: 1fr;
    }

    .mb-admin-topbar {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    body.mb-portal-page .mb-main > .container-fluid {
        width: min(100% - 1rem, 1320px);
    }

    .mb-auth-side,
    .mb-auth-card .card-body,
    .mb-shell-hero,
    body.mb-portal-page .mb-hero,
    body.mb-portal-page .mb-form-shell,
    body.mb-portal-page .mb-form-card,
    body.mb-portal-page .card-body,
    .mb-admin-body .card-body {
        padding: 1rem !important;
    }

    .mb-auth-side .display-5 {
        max-width: none;
        font-size: 2rem;
    }

    .mb-admin-main {
        padding: 0.5rem;
    }
}