:root {
    --mnh-primary: #01b75f;
    --mnh-primary-hover: #067647;
    --mnh-primary-light: #effcf4;
    --mnh-bg: #f5f8f3;
    --mnh-surface: #ffffff;
    --mnh-border: #dce7de;
    --mnh-text: #081f17;
    --mnh-text-secondary: #43564a;
    --mnh-text-muted: #5d6f63;
    --mnh-success: #067647;
    --mnh-warning: #b54708;
    --mnh-danger: #b42318;
    --mnh-info: #175cd3;
    --mnh-purple: #6941c6;
    --mnh-radius-sm: 8px;
    --mnh-radius-md: 12px;
    --mnh-radius-lg: 24px;
    --mnh-shadow-sm: 0 1px 2px rgba(8, 31, 23, .05);
    --mnh-shadow-md: 0 12px 30px rgba(8, 31, 23, .08);
    --mnh-sidebar-width: 248px;
    --mnh-header-height: 72px;
}

.mnh-body { background: var(--mnh-bg); color: var(--mnh-text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.5; min-height: 100%; }
.mnh-app { display: flex; min-height: 100vh; }
.mnh-app a { color: var(--mnh-primary-hover); transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.mnh-app a:hover, .mnh-app a:focus { color: var(--mnh-primary); text-decoration: none; }
.mnh-app :focus-visible { outline: 3px solid rgba(0, 191, 99, .28); outline-offset: 2px; }

.mnh-sidebar { background: var(--mnh-surface); border-right: 1px solid var(--mnh-border); display: flex; flex: 0 0 var(--mnh-sidebar-width); flex-direction: column; min-height: 100vh; position: sticky; top: 0; z-index: 1000; }
.mnh-sidebar__brand { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; height: var(--mnh-header-height); justify-content: space-between; padding: 0 20px; }
.mnh-brand { align-items: center; color: var(--mnh-text); display: inline-flex; font-size: 17px; font-weight: 800; gap: 10px; letter-spacing: -.03em; }
.mnh-brand img { max-height: 45px; max-width: 200px; }
.mnh-brand__logo { height: auto; object-fit: contain; width: 170px; }
.mnh-brand__mark { align-items: center; background: var(--mnh-primary); border-radius: 9px; color: #fff; display: inline-flex; font-size: 16px; height: 32px; justify-content: center; width: 32px; }
.mnh-sidebar__nav { flex: 1; overflow-y: auto; padding: 22px 13px; }
.mnh-nav-label { color: var(--mnh-text-muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; margin: 22px 12px 8px; text-transform: uppercase; }
.mnh-nav-label:first-child { margin-top: 0; }
.mnh-nav-list { list-style: none; margin: 0; padding: 0; }
.mnh-nav-list > li { margin: 3px 0; }
.mnh-nav-list .dropdown-menu { background: transparent; border: 0; box-shadow: none; float: none; margin: 0; min-width: 0; padding: 0 0 0 28px; position: static; }
.mnh-nav-group__submenu { display: none; }
.mnh-nav-group__submenu:not([hidden]) { display: block; }
.mnh-nav-list .dropdown-menu > li > a, .mnh-nav-link, .mnh-nav-list > li > a, .mnh-nav-group__link { align-items: center; border-radius: 9px; color: var(--mnh-text-secondary); display: flex; font-size: 13px; gap: 11px; min-height: 40px; padding: 9px 12px; }
.mnh-nav-list .dropdown-menu > li > a:hover, .mnh-nav-list .dropdown-menu > li.is-active > a, .mnh-nav-list > li > a:hover, .mnh-nav-list > li.active > a, .mnh-nav-list > li.is-active > a, .mnh-nav-group__link:hover, .mnh-nav-group.is-active > .mnh-nav-group__row .mnh-nav-group__link { background: var(--mnh-primary-light); color: #087443; }
.mnh-nav-group__row { align-items: stretch; display: flex; }
.mnh-nav-group__link { flex: 1 1 auto; min-width: 0; text-decoration: none; }
.mnh-nav-group__toggle { align-items: center; background: transparent; border: 0; border-radius: 9px; color: var(--mnh-text-muted); cursor: pointer; display: inline-flex; justify-content: center; min-width: 38px; padding: 0 10px; }
.mnh-nav-group__toggle:hover, .mnh-nav-group__toggle:focus-visible { background: var(--mnh-primary-light); color: var(--mnh-primary); outline: 0; }
.mnh-nav-group__chevron { transition: transform .18s ease; }
.mnh-nav-group.is-open .mnh-nav-group__chevron { transform: rotate(180deg); }
.mnh-nav-list > li > a > i:first-child, .mnh-nav-link > i:first-child { color: var(--mnh-text-muted); font-size: 14px; text-align: center; width: 17px; }
.mnh-nav-list > li.active > a > i:first-child, .mnh-nav-list > li.is-active > a > i:first-child { color: var(--mnh-primary); }
.mnh-nav-list .caret, .mnh-nav-list .badge { margin-left: auto; }
.mnh-nav-list .badge { background: var(--mnh-primary); border-radius: 10px; }
.mnh-sidebar__footer { border-top: 1px solid var(--mnh-border); padding: 14px; }
.mnh-account-mini { align-items: center; color: var(--mnh-text); display: flex; gap: 9px; min-width: 0; padding: 5px; }
.mnh-account-mini__copy, .mnh-user-menu__copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mnh-account-mini__copy strong, .mnh-user-menu__copy strong { color: var(--mnh-text); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mnh-account-mini__copy small, .mnh-user-menu__copy small { color: var(--mnh-text-muted); font-size: 11px; }
.mnh-account-mini > i, .mnh-user-menu > i { color: var(--mnh-text-muted); font-size: 11px; }
.mnh-avatar { align-items: center; background: #d1fadf; border-radius: 50%; color: #087443; display: inline-flex; flex: 0 0 34px; font-size: 12px; font-weight: 700; height: 34px; justify-content: center; width: 34px; }

.mnh-main { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mnh-header { align-items: center; background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--mnh-border); display: flex; height: var(--mnh-header-height); justify-content: space-between; padding: 0 34px; position: sticky; top: 0; z-index: 900; }
.mnh-header__left, .mnh-header__actions { align-items: center; display: flex; gap: 18px; }
.mnh-search { align-items: center; background: var(--mnh-bg); border: 1px solid transparent; border-radius: 9px; display: flex; max-width: 520px; min-width: 320px; padding: 0 13px; width: 42vw; }
.mnh-search:focus-within { background: #fff; border-color: rgba(0, 191, 99, .45); box-shadow: 0 0 0 3px rgba(0, 191, 99, .1); }
.mnh-search i { color: var(--mnh-text-muted); font-size: 13px; }
.mnh-search input { background: transparent; border: 0; color: var(--mnh-text); height: 38px; outline: 0; padding: 0 10px; width: 100%; }
.mnh-search input::placeholder { color: var(--mnh-text-muted); }
.mnh-icon-button { align-items: center; background: transparent; border: 0; border-radius: 8px; color: var(--mnh-text-secondary); display: inline-flex; height: 36px; justify-content: center; width: 36px; }
.mnh-icon-button:hover { background: var(--mnh-bg); color: var(--mnh-text); }
.mnh-menu-toggle, .mnh-sidebar__close { display: none; }
.mnh-header-action, .mnh-header-link { color: var(--mnh-text-secondary); font-size: 12px; }
.mnh-header-action { align-items: center; display: inline-flex; gap: 7px; position: relative; }
.mnh-notification__dot { background: var(--mnh-danger); border: 2px solid #fff; border-radius: 50%; height: 8px; position: absolute; right: -3px; top: -3px; width: 8px; }
.mnh-user-menu { align-items: center; appearance: none; background: transparent; border: 0; color: inherit; display: flex !important; font: inherit; gap: 9px; margin: 0; padding: 0; }
.mnh-user-menu-wrap { position: relative; }
.mnh-user-menu { cursor: pointer; text-align: left; }
.mnh-user-menu:focus-visible { outline: 3px solid rgba(0, 191, 99, .28); outline-offset: 4px; }
.mnh-profile-menu { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-md); min-width: 230px; padding: 7px; position: absolute; right: 0; top: calc(100% + 12px); z-index: 1002; }
.mnh-profile-menu:not([hidden]) { display: block; }
.mnh-profile-menu a { align-items: center; border-radius: 8px; color: var(--mnh-text-secondary); display: flex; font-size: 12px; gap: 10px; padding: 10px; }
.mnh-profile-menu a:hover, .mnh-profile-menu a:focus-visible { background: var(--mnh-primary-light); color: var(--mnh-primary-hover); }
.mnh-profile-menu a i { text-align: center; width: 16px; }
.mnh-popover-content { background: #fff; border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-md); max-width: 340px; padding: 7px; position: absolute; right: 30px; top: 62px; z-index: 1001; }
.mnh-popover-content:not([hidden]) { display: block; }
.mnh-alert-list { list-style: none; margin: 0; padding: 0; }
.mnh-alert-list a { align-items: flex-start; color: var(--mnh-text-secondary); display: flex; gap: 9px; padding: 10px; }
.mnh-alert-list i { color: var(--mnh-warning); margin-top: 3px; }

.mnh-page { flex: 1; padding: 0 0 50px; }
.mnh-page > .container { max-width: 1440px; width: 100%; }
.mnh-page > .container > .row { margin: 0; }
.mnh-page .main-content { float: none; padding: 0; width: 100%; }
.mnh-page-title, .mnh-native-sidebar { display: none; }
.mnh-dashboard { margin: 0 auto; max-width: 1260px; padding: 38px 24px 0; }
.mnh-hero { align-items: end; display: flex; justify-content: space-between; margin-bottom: 28px; }
.mnh-eyebrow { color: var(--mnh-text-muted); font-size: 11px; font-weight: 700; letter-spacing: .09em; margin: 0 0 7px; text-transform: uppercase; }
.mnh-hero h1, .mnh-section h2, .mnh-ai-card h2, .mnh-promo h2 { color: var(--mnh-text); letter-spacing: -.035em; margin: 0; }
.mnh-hero h1 { font-size: clamp(26px, 3vw, 34px); font-weight: 750; }
.mnh-hero p:not(.mnh-eyebrow), .mnh-promo p, .mnh-ai-card p { color: var(--mnh-text-secondary); margin: 7px 0 0; }
.mnh-hero__date { color: var(--mnh-text-muted); font-size: 12px; }

.mnh-metric-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 38px; }
.mnh-metric-card, .mnh-card, .mnh-native-panel { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); }
.mnh-metric-card { align-items: center; color: var(--mnh-text); display: flex; gap: 12px; min-height: 104px; padding: 18px; }
.mnh-metric-card:hover { border-color: rgba(0, 191, 99, .35); box-shadow: var(--mnh-shadow-md); transform: translateY(-1px); }
.mnh-metric-card__icon { align-items: center; border-radius: 10px; display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.mnh-metric-card__icon--green { background: var(--mnh-primary-light); color: var(--mnh-primary-hover); }
.mnh-metric-card__icon--blue { background: #eff8ff; color: var(--mnh-info); }
.mnh-metric-card__icon--purple { background: #f4f3ff; color: var(--mnh-purple); }
.mnh-metric-card__icon--amber { background: #fffaeb; color: var(--mnh-warning); }
.mnh-metric-card__body { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mnh-metric-card__label { color: var(--mnh-text-secondary); font-size: 12px; }
.mnh-metric-card__value { color: var(--mnh-text); font-size: 22px; letter-spacing: -.03em; margin-top: 3px; }
.mnh-metric-card__arrow { color: var(--mnh-text-muted); font-size: 11px; }
.mnh-dashboard-grid { display: grid; gap: 34px; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .75fr); }
.mnh-section { margin-bottom: 34px; }
.mnh-section__heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 14px; }
.mnh-section h2 { font-size: 18px; font-weight: 700; }
.mnh-text-link { color: var(--mnh-primary-hover); font-size: 12px; font-weight: 700; }
.mnh-text-link i { font-size: 10px; margin-left: 4px; }

.mnh-todo-list { overflow: hidden; padding: 3px 18px; }
.mnh-todo-item { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; gap: 12px; min-height: 74px; }
.mnh-todo-item:last-child { border-bottom: 0; }
.mnh-todo-item__icon { align-items: center; background: #fef3f2; border-radius: 9px; color: var(--mnh-danger); display: inline-flex; flex: 0 0 34px; height: 34px; justify-content: center; }
.mnh-todo-item--warning .mnh-todo-item__icon { background: #fffaeb; color: var(--mnh-warning); }
.mnh-todo-item--info .mnh-todo-item__icon { background: #eff8ff; color: var(--mnh-info); }
.mnh-todo-item__body { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mnh-todo-item__body strong { color: var(--mnh-text); font-size: 13px; }
.mnh-todo-item__body small { color: var(--mnh-text-secondary); font-size: 12px; margin-top: 2px; }
.mnh-btn { border: 1px solid transparent; border-radius: 12px; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 700; gap: 7px; justify-content: center; min-height: 48px; padding: 0 16px; white-space: nowrap; }
.mnh-btn--primary { background: var(--mnh-primary); color: #081f17 !important; }
.mnh-btn--primary:hover { background: var(--mnh-primary-hover); }
.mnh-btn--secondary { background: #fff; border-color: var(--mnh-border); color: var(--mnh-deep-emerald) !important; }
.mnh-btn--secondary:hover { background: var(--mnh-emerald-50); border-color: var(--mnh-deep-emerald); color: var(--mnh-deep-emerald) !important; }
.mnh-btn--quiet { color: var(--mnh-primary-hover); padding: 7px 0; }
.mnh-btn--light { background: #fff; color: #067647 !important; }
.mnh-btn--light:hover { background: #effcf4; }

.mnh-native-panels { display: grid; gap: 14px; }
.mnh-native-panel { overflow: hidden; }
.mnh-native-panel__heading { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; justify-content: space-between; padding: 16px 18px; }
.mnh-native-panel__heading h3 { color: var(--mnh-text); font-size: 14px; margin: 0; }
.mnh-native-panel__heading h3 i { color: var(--mnh-primary); margin-right: 8px; }
.mnh-native-panel__body { padding: 0 18px 16px; }
.mnh-native-panel__list { padding: 0 18px; }
.mnh-native-panel__item { align-items: center; border-bottom: 1px solid var(--mnh-border); color: var(--mnh-text-secondary); display: flex; gap: 10px; min-height: 52px; padding: 8px 0; }
.mnh-native-panel__item:last-child { border-bottom: 0; }
.mnh-native-panel__item > span { flex: 1; }
.mnh-native-panel__item > i:last-child { color: var(--mnh-text-muted); font-size: 10px; }
.mnh-native-panel__item > i:first-child { color: var(--mnh-primary); width: 17px; }
.mnh-badge { background: var(--mnh-primary-light); border-radius: 20px; color: #087443; display: inline-block; font-size: 10px; padding: 3px 7px; }
.mnh-empty-state { align-items: center; color: var(--mnh-text-secondary); display: flex; flex-direction: column; gap: 7px; justify-content: center; min-height: 170px; padding: 28px; text-align: center; }
.mnh-empty-state strong { color: var(--mnh-text); font-size: 13px; }
.mnh-empty-state span:not(.mnh-empty-state__icon) { font-size: 12px; }
.mnh-empty-state__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 50%; color: var(--mnh-primary-hover); display: inline-flex; height: 36px; justify-content: center; margin-bottom: 2px; width: 36px; }
.mnh-empty-state--compact { min-height: 105px; padding: 18px; }
.mnh-dashboard-aside .mnh-section { margin-bottom: 22px; }
.mnh-promo { background: #087443; border-radius: var(--mnh-radius-lg); color: #fff; overflow: hidden; padding: 25px; position: relative; }
.mnh-promo:after { border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; content: ""; height: 210px; position: absolute; right: -92px; top: -74px; width: 210px; }
.mnh-promo__spark { color: #a6f4c5; font-size: 22px; }
.mnh-promo .mnh-eyebrow, .mnh-promo h2, .mnh-promo p { color: #fff; position: relative; z-index: 1; }
.mnh-promo h2 { font-size: 20px; line-height: 1.2; margin-top: 8px; }
.mnh-promo p { color: rgba(255, 255, 255, .72); font-size: 12px; margin-bottom: 20px; }
.mnh-promo .mnh-btn { position: relative; z-index: 1; }
.mnh-recommendation-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mnh-recommendation-card { align-items: center; background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); color: var(--mnh-text); display: flex; gap: 11px; min-height: 82px; padding: 14px; }
.mnh-recommendation-card:hover { border-color: rgba(0, 191, 99, .35); box-shadow: var(--mnh-shadow-sm); }
.mnh-recommendation-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; flex: 0 0 34px; height: 34px; justify-content: center; }
.mnh-recommendation-card span:nth-child(2) { display: flex; flex: 1; flex-direction: column; }
.mnh-recommendation-card strong { font-size: 12px; }
.mnh-recommendation-card small { color: var(--mnh-text-secondary); font-size: 11px; margin-top: 2px; }
.mnh-recommendation-card > i { color: var(--mnh-text-muted); font-size: 10px; }
.mnh-ai-card { align-items: center; background: #eefbf3; border: 1px solid #c8f0d7; border-radius: var(--mnh-radius-lg); display: flex; gap: 16px; margin: 18px 0 40px; padding: 22px; }
.mnh-ai-card__icon { align-items: center; background: var(--mnh-primary); border-radius: 12px; color: #fff; display: inline-flex; flex: 0 0 42px; height: 42px; justify-content: center; }
.mnh-ai-card__copy { flex: 1; }
.mnh-ai-card__copy h2 { font-size: 17px; }
.mnh-ai-card__copy p:last-child { font-size: 12px; }
.mnh-ai-form { display: flex; gap: 8px; min-width: 340px; }
.mnh-ai-form input { background: #fff; border: 1px solid #b7e6c8; border-radius: 8px; min-width: 0; padding: 10px 12px; width: 240px; }
.mnh-footer { background: var(--mnh-surface); border-top: 1px solid var(--mnh-border); color: var(--mnh-text-muted); padding: 20px 0; }
.mnh-app .sr-only { clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; }

@media (max-width: 1199px) { .mnh-header { padding: 0 24px; } .mnh-dashboard { padding-left: 20px; padding-right: 20px; } .mnh-search { min-width: 250px; } .mnh-header-action__label { display: none; } }
@media (max-width: 991px) { .mnh-sidebar { bottom: 0; box-shadow: 12px 0 30px rgba(16, 24, 40, .12); left: 0; position: fixed; top: 0; transform: translateX(-105%); transition: transform .22s ease; width: min(86vw, 300px); } .mnh-app.is-sidebar-open .mnh-sidebar { transform: translateX(0); } .mnh-app.is-sidebar-open .mnh-sidebar-backdrop { display: block; } .mnh-sidebar-backdrop { background: rgba(16, 24, 40, .34); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 950; } .mnh-menu-toggle, .mnh-sidebar__close { display: inline-flex; } .mnh-dashboard-grid { grid-template-columns: 1fr; } .mnh-dashboard-aside { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; } .mnh-dashboard-aside .mnh-section { margin-bottom: 0; } }
@media (max-width: 767px) { .mnh-header { height: 62px; padding: 0 14px; } .mnh-header__left, .mnh-header__actions { gap: 8px; } .mnh-search { min-width: 0; padding: 0; width: 36px; } .mnh-search input { display: none; } .mnh-search:focus-within { background: var(--mnh-bg); padding: 0 10px; width: 190px; } .mnh-user-menu__copy, .mnh-user-menu > i, .mnh-header-link { display: none; } .mnh-header-action { font-size: 15px; } .mnh-dashboard { padding: 26px 14px 0; } .mnh-hero { align-items: flex-start; flex-direction: column; gap: 10px; } .mnh-hero h1 { font-size: 28px; } .mnh-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 30px; } .mnh-metric-card { min-height: 92px; padding: 13px; } .mnh-metric-card__value { font-size: 19px; } .mnh-dashboard-aside { display: block; } .mnh-promo { margin-top: 20px; } .mnh-recommendation-grid { grid-template-columns: 1fr; } .mnh-ai-card { align-items: flex-start; flex-wrap: wrap; padding: 17px; } .mnh-ai-form { min-width: 0; width: 100%; } .mnh-ai-form input { flex: 1; width: auto; } .mnh-section { margin-bottom: 28px; } .mnh-todo-item { align-items: flex-start; flex-wrap: wrap; padding: 12px 0; } .mnh-todo-item__body { min-width: calc(100% - 48px); } .mnh-todo-item .mnh-btn { margin-left: 46px; } }

/* Manage Hosting: scoped to the mnh service-details shell. */
.mnh-hosting-page { margin: 0 auto; max-width: 1260px; padding: 32px 24px 60px; }
.mnh-hosting-breadcrumb { color: var(--mnh-text-muted); font-size: 12px; margin-bottom: 18px; }
.mnh-hosting-breadcrumb a { font-weight: 700; }
.mnh-hosting-breadcrumb span { margin: 0 8px; }
.mnh-hosting-hero { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 28px; }
.mnh-hosting-hero h1 { color: var(--mnh-text); font-size: clamp(26px, 3vw, 38px); letter-spacing: -.045em; margin: 0; overflow-wrap: anywhere; }
.mnh-hosting-hero__meta { align-items: center; color: var(--mnh-text-secondary); display: flex; flex-wrap: wrap; font-size: 12px; gap: 14px; margin-top: 10px; }
.mnh-hosting-hero__meta > span:not(.mnh-hosting-status):before { content: "•"; color: var(--mnh-border); margin-right: 14px; }
.mnh-hosting-hero__actions { display: flex; flex-wrap: wrap; gap: 9px; }
.mnh-hosting-status { align-items: center; background: var(--mnh-primary-light); border-radius: 20px; color: #087443; display: inline-flex; font-weight: 700; gap: 6px; padding: 5px 9px; text-transform: capitalize; }
.mnh-hosting-status i { font-size: 7px; }
.mnh-hosting-status--suspended, .mnh-hosting-status--pending { background: #fffaeb; color: #b54708; }
.mnh-hosting-status--terminated, .mnh-hosting-status--cancelled, .mnh-hosting-status--fraud { background: #fef3f2; color: #b42318; }
.mnh-hosting-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); }
.mnh-hosting-main, .mnh-hosting-aside { display: grid; gap: 18px; min-width: 0; }
.mnh-hosting-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-lg); box-shadow: var(--mnh-shadow-sm); min-width: 0; overflow: hidden; }
.mnh-hosting-card__heading { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; justify-content: space-between; padding: 20px 22px; }
.mnh-hosting-card__heading h2 { color: var(--mnh-text); font-size: 18px; letter-spacing: -.03em; margin: 0; }
.mnh-hosting-card__heading .mnh-eyebrow { margin-bottom: 3px; }
.mnh-hosting-card__intro { color: var(--mnh-text-secondary); font-size: 12px; line-height: 1.65; margin: 0; padding: 16px 22px 0; }
.mnh-hosting-overview__grid, .mnh-hosting-billing-grid { display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1px; }
.mnh-hosting-overview__grid > div, .mnh-hosting-billing-grid > div { background: #fff; display: flex; flex-direction: column; gap: 5px; min-width: 0; padding: 17px 21px; }
.mnh-hosting-overview__grid span, .mnh-hosting-billing-grid span, .mnh-hosting-usage__top span { color: var(--mnh-text-secondary); font-size: 11px; }
.mnh-hosting-overview__grid strong, .mnh-hosting-billing-grid strong { color: var(--mnh-text); font-size: 13px; overflow-wrap: anywhere; }
.mnh-hosting-usage-grid { display: grid; gap: 20px; padding: 22px; }
.mnh-hosting-usage__top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 9px; }
.mnh-hosting-usage__top strong { color: var(--mnh-text); font-size: 13px; }
.mnh-hosting-meter { background: #edf2f0; border-radius: 8px; height: 8px; overflow: hidden; }
.mnh-hosting-meter span { background: var(--mnh-primary); border-radius: inherit; display: block; height: 100%; max-width: 100%; }
.mnh-hosting-meter--unlimited { background: repeating-linear-gradient(135deg, #eef2f0 0, #eef2f0 7px, #e3e9e6 7px, #e3e9e6 12px); }
.mnh-hosting-meter--unlimited span { display: none; }
.mnh-hosting-usage small { color: var(--mnh-text-muted); display: block; font-size: 11px; margin-top: 7px; }
.mnh-hosting-ssl { border-radius: 20px; font-size: 11px; font-weight: 700; padding: 5px 9px; text-transform: capitalize; }
.mnh-hosting-ssl--active { background: var(--mnh-primary-light); color: #087443; }
.mnh-hosting-ssl--inactive, .mnh-hosting-ssl--pending, .mnh-hosting-ssl--unknown { background: #fffaeb; color: #b54708; }
.mnh-hosting-card__footer { border-top: 1px solid var(--mnh-border); padding: 14px 22px; }
.mnh-hosting-native-note { background: #fffaeb; color: #7a2e0b; font-size: 12px; margin: 18px 22px 22px; padding: 11px 12px; }
.mnh-native-module-output { padding: 18px 22px 22px; }
.mnh-native-module-output:empty { padding: 0; }
.mnh-native-module-output .module-client-area, .mnh-native-module-output .mnh-module-output { max-width: 100%; }
.mnh-native-module-output .btn { border-radius: 8px; }
.mnh-hosting-native-sections { display: grid; gap: 18px; margin-top: 18px; }
.mnh-hosting-native-row { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; gap: 16px; justify-content: space-between; padding: 16px 22px; }
.mnh-hosting-native-row:last-child { border-bottom: 0; }
.mnh-hosting-native-row strong { color: var(--mnh-text); font-size: 13px; }
.mnh-hosting-native-row p { color: var(--mnh-text-secondary); font-size: 12px; margin: 4px 0 0; }
@media (max-width: 991px) { .mnh-hosting-layout { grid-template-columns: 1fr; } .mnh-hosting-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .mnh-hosting-page { padding: 24px 14px 44px; } .mnh-hosting-hero { align-items: flex-start; flex-direction: column; gap: 16px; } .mnh-hosting-hero__actions { width: 100%; } .mnh-hosting-hero__actions .mnh-btn { flex: 1; } .mnh-hosting-aside { display: grid; grid-template-columns: 1fr; } .mnh-hosting-overview__grid, .mnh-hosting-billing-grid { grid-template-columns: 1fr; } .mnh-hosting-native-row { align-items: flex-start; flex-direction: column; } .mnh-hosting-native-row .mnh-btn { width: 100%; } }
.mnh-brand__name { color: var(--mnh-text); font-size: 17px; font-weight: 800; letter-spacing: -.03em; white-space: nowrap; }
.mnh-nav-list li[menuitemname="-----"] { display: none !important; }
.mnh-hosting-summary-grid { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.mnh-hosting-summary-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); display: flex; flex-direction: column; min-width: 0; padding: 18px; }
.mnh-hosting-summary-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; height: 32px; justify-content: center; margin-bottom: 14px; width: 32px; }
.mnh-hosting-summary-card__icon--ssl { background: #fffaeb; color: var(--mnh-warning); }
.mnh-hosting-summary-card__label { color: var(--mnh-text-secondary); font-size: 11px; }
.mnh-hosting-summary-card strong { color: var(--mnh-text); font-size: 16px; margin-top: 4px; overflow-wrap: anywhere; }
.mnh-hosting-summary-card small { color: var(--mnh-text-muted); font-size: 11px; margin-top: 4px; }
.mnh-hosting-action-group { padding: 18px 22px 0; }
.mnh-hosting-action-group:last-child { padding-bottom: 22px; }
.mnh-hosting-action-group h3 { color: var(--mnh-text-secondary); font-size: 11px; letter-spacing: .08em; margin: 0 0 10px; text-transform: uppercase; }
.mnh-hosting-action-grid { display: grid; gap: 9px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mnh-hosting-action { align-items: center; background: #fff; border: 1px solid var(--mnh-border); border-radius: 11px; color: var(--mnh-text); display: flex; gap: 10px; min-height: 64px; padding: 10px; }
.mnh-hosting-action:hover, .mnh-hosting-action:focus { border-color: rgba(0, 191, 99, .45); box-shadow: 0 5px 16px rgba(16, 24, 40, .06); color: var(--mnh-text); transform: translateY(-1px); }
.mnh-hosting-action__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; flex: 0 0 32px; height: 32px; justify-content: center; }
.mnh-hosting-action > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.mnh-hosting-action strong { font-size: 12px; overflow-wrap: anywhere; }
.mnh-hosting-action small { color: var(--mnh-text-secondary); font-size: 10px; margin-top: 2px; }
.mnh-hosting-action__arrow { color: var(--mnh-text-muted); font-size: 10px; }
@media (max-width: 767px) { .mnh-hosting-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mnh-hosting-action-grid { grid-template-columns: 1fr; } .mnh-brand__name { font-size: 15px; } }

/* Billing and invoice presentation */
.mnh-billing-page { margin: 0 auto; max-width: 1260px; padding: 34px 24px 64px; }
.mnh-billing-hero { margin-bottom: 24px; }
.mnh-billing-hero h1 { color: var(--mnh-text); font-size: clamp(28px, 3vw, 40px); letter-spacing: -.045em; margin: 0; }
.mnh-billing-hero p:not(.mnh-eyebrow) { color: var(--mnh-text-secondary); margin: 8px 0 0; }
.mnh-billing-summary { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 18px; }
.mnh-billing-summary-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); display: flex; flex-direction: column; min-width: 0; padding: 18px; }
.mnh-billing-summary-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; height: 32px; justify-content: center; margin-bottom: 14px; width: 32px; }
.mnh-billing-summary-card__icon--warning { background: #fffaeb; color: #b54708; }.mnh-billing-summary-card__icon--danger { background: #fef3f2; color: #b42318; }.mnh-billing-summary-card__icon--neutral { background: #f2f4f7; color: #475467; }
.mnh-billing-summary-card__label { color: var(--mnh-text-secondary); font-size: 11px; }.mnh-billing-summary-card strong { color: var(--mnh-text); font-size: 17px; margin-top: 4px; overflow-wrap: anywhere; }
.mnh-billing-card, .mnh-invoice-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-lg); box-shadow: var(--mnh-shadow-sm); min-width: 0; overflow: hidden; }
.mnh-billing-card__header { align-items: flex-end; border-bottom: 1px solid var(--mnh-border); display: flex; gap: 18px; justify-content: space-between; padding: 22px; }
.mnh-billing-card__header h2, .mnh-invoice-card__heading h2 { color: var(--mnh-text); font-size: 19px; letter-spacing: -.03em; margin: 0; }.mnh-billing-toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.mnh-billing-search { align-items: center; border: 1px solid var(--mnh-border); border-radius: 9px; color: var(--mnh-text-muted); display: flex; gap: 8px; padding: 8px 10px; }.mnh-billing-search input { border: 0; color: var(--mnh-text); min-width: 170px; outline: 0; }.mnh-billing-filters { display: flex; gap: 5px; overflow-x: auto; }.mnh-billing-filters button { background: transparent; border: 1px solid transparent; border-radius: 8px; color: var(--mnh-text-secondary); cursor: pointer; font-size: 11px; padding: 7px 9px; white-space: nowrap; }.mnh-billing-filters button:hover, .mnh-billing-filters button.is-active { background: var(--mnh-primary-light); color: var(--mnh-primary-hover); }
.mnh-invoice-list { padding: 8px 22px 14px; }.mnh-invoice-row { align-items: center; border-bottom: 1px solid var(--mnh-border); display: grid; gap: 16px; grid-template-columns: minmax(170px, 1.5fr) repeat(2, minmax(100px, .9fr)) minmax(85px, .75fr) minmax(105px, .8fr) minmax(105px, .8fr) auto; padding: 17px 0; }.mnh-invoice-row[hidden] { display: none !important; }.mnh-invoice-row:last-child { border-bottom: 0; }.mnh-invoice-row__identity, .mnh-invoice-row__field { min-width: 0; }.mnh-invoice-row__identity { align-items: center; display: flex; gap: 10px; }.mnh-invoice-row__identity strong, .mnh-invoice-row__field strong { color: var(--mnh-text); display: block; font-size: 12px; overflow-wrap: anywhere; }.mnh-invoice-row__identity span:last-child, .mnh-invoice-row__field span { color: var(--mnh-text-secondary); display: block; font-size: 10px; margin-bottom: 4px; }.mnh-invoice-row__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; flex: 0 0 32px; height: 32px; justify-content: center; }.mnh-invoice-row__amount { text-align: right; }.mnh-invoice-row__action { white-space: nowrap; }.mnh-invoice-status { border-radius: 20px; display: inline-flex; font-size: 10px !important; font-weight: 700; padding: 5px 8px; text-transform: capitalize; }.mnh-invoice-status--paid { background: var(--mnh-primary-light); color: #087443 !important; }.mnh-invoice-status--unpaid, .mnh-invoice-status--overdue { background: #fffaeb; color: #b54708 !important; }.mnh-invoice-status--cancelled, .mnh-invoice-status--refunded, .mnh-invoice-status--collections { background: #fef3f2; color: #b42318 !important; }.mnh-invoice-status--default { background: #f2f4f7; color: #475467 !important; }
.mnh-billing-empty, .mnh-billing-no-results { align-items: center; color: var(--mnh-text-secondary); display: flex; flex-direction: column; gap: 6px; justify-content: center; min-height: 190px; padding: 24px; text-align: center; }.mnh-billing-empty strong, .mnh-billing-no-results strong { color: var(--mnh-text); }.mnh-billing-empty__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 50%; color: var(--mnh-primary-hover); display: inline-flex; height: 44px; justify-content: center; margin-bottom: 5px; width: 44px; }
.mnh-invoice-page { background: var(--mnh-bg); min-height: 100vh; padding: 34px max(24px, 4vw) 64px; }.mnh-invoice-hero { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin: 0 auto 24px; max-width: 1040px; }.mnh-invoice-back { color: var(--mnh-text-secondary); display: inline-flex; font-size: 12px; gap: 7px; margin-bottom: 22px; }.mnh-invoice-hero h1 { color: var(--mnh-text); font-size: clamp(26px, 3vw, 38px); letter-spacing: -.045em; margin: 0; }.mnh-invoice-meta { color: var(--mnh-text-secondary); display: flex; flex-wrap: wrap; font-size: 12px; gap: 14px; margin-top: 9px; }.mnh-invoice-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }.mnh-invoice-payment-bar { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); margin: 0 auto 18px; max-width: 1040px; padding: 16px; text-align: center; }.mnh-invoice-grid { display: grid; gap: 18px; margin: 0 auto; max-width: 1040px; }.mnh-invoice-card__heading { border-bottom: 1px solid var(--mnh-border); padding: 20px 22px 15px; }.mnh-invoice-card--parties { display: grid; gap: 1px; grid-template-columns: 1fr 1fr; }.mnh-invoice-card--parties > div { background: var(--mnh-surface); display: flex; flex-direction: column; gap: 5px; padding: 22px; }.mnh-invoice-card--parties strong { color: var(--mnh-text); font-size: 14px; }.mnh-invoice-card--parties span { color: var(--mnh-text-secondary); font-size: 12px; overflow-wrap: anywhere; }.mnh-invoice-items { padding: 8px 22px; }.mnh-invoice-item, .mnh-invoice-totals > div { align-items: flex-start; display: flex; gap: 20px; justify-content: space-between; padding: 12px 0; }.mnh-invoice-item { border-bottom: 1px solid var(--mnh-border); color: var(--mnh-text-secondary); font-size: 12px; }.mnh-invoice-item strong, .mnh-invoice-totals strong { color: var(--mnh-text); white-space: nowrap; }.mnh-invoice-totals { margin-left: auto; max-width: 420px; padding: 8px 22px 20px; }.mnh-invoice-totals span, .mnh-invoice-balance span { color: var(--mnh-text-secondary); font-size: 12px; }.mnh-invoice-total, .mnh-invoice-balance { border-top: 1px solid var(--mnh-border); margin-top: 4px; padding-top: 15px !important; }.mnh-invoice-total strong, .mnh-invoice-balance strong { font-size: 16px; }.mnh-invoice-transactions { padding: 8px 22px; }.mnh-invoice-transaction { align-items: center; border-bottom: 1px solid var(--mnh-border); color: var(--mnh-text-secondary); display: grid; font-size: 12px; gap: 12px; grid-template-columns: 1fr 1fr auto; padding: 12px 0; }.mnh-invoice-transaction strong { color: var(--mnh-text); text-align: right; }.mnh-invoice-empty { align-items: center; color: var(--mnh-text-secondary); display: flex; flex-direction: column; gap: 6px; min-height: 120px; justify-content: center; text-align: center; }.mnh-invoice-empty i { color: var(--mnh-text-muted); font-size: 20px; }.mnh-invoice-empty strong { color: var(--mnh-text); font-size: 13px; }.mnh-invoice-balance { align-items: center; display: flex; justify-content: space-between; margin: 0 22px 20px; }
@media (max-width: 1100px) { .mnh-invoice-row { grid-template-columns: minmax(160px, 1.4fr) repeat(2, minmax(90px, .8fr)) minmax(80px, .7fr) minmax(100px, .8fr) auto; }.mnh-invoice-row__field:nth-of-type(6) { display: none; } }
@media (max-width: 991px) { .mnh-billing-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.mnh-billing-card__header { align-items: flex-start; flex-direction: column; }.mnh-billing-toolbar { justify-content: flex-start; width: 100%; }.mnh-invoice-row { grid-template-columns: minmax(170px, 1fr) repeat(2, minmax(100px, 1fr)) auto; }.mnh-invoice-row__field:nth-of-type(4), .mnh-invoice-row__field:nth-of-type(5), .mnh-invoice-row__field:nth-of-type(6) { display: none; }.mnh-invoice-hero { align-items: flex-start; flex-direction: column; }.mnh-invoice-hero__actions { justify-content: flex-start; } }
@media (max-width: 767px) { .mnh-billing-page { padding: 25px 14px 44px; }.mnh-billing-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }.mnh-billing-summary-card { padding: 14px; }.mnh-billing-toolbar { align-items: stretch; flex-direction: column; }.mnh-billing-search input { min-width: 0; width: 100%; }.mnh-billing-filters { max-width: 100%; }.mnh-invoice-list { padding: 8px 14px; }.mnh-invoice-row { align-items: start; background: #fff; border: 1px solid var(--mnh-border); border-radius: 12px; display: grid; gap: 12px; grid-template-columns: 1fr 1fr; margin: 10px 0; padding: 15px; }.mnh-invoice-row__identity { grid-column: 1 / -1; }.mnh-invoice-row__field:nth-of-type(4), .mnh-invoice-row__field:nth-of-type(5), .mnh-invoice-row__field:nth-of-type(6) { display: block; }.mnh-invoice-row__amount { text-align: left; }.mnh-invoice-row__action { grid-column: 1 / -1; justify-content: center; width: 100%; }.mnh-invoice-page { padding: 24px 14px 44px; }.mnh-invoice-hero__actions { align-items: stretch; width: 100%; }.mnh-invoice-hero__actions .mnh-btn { flex: 1; justify-content: center; }.mnh-invoice-card--parties { grid-template-columns: 1fr; }.mnh-invoice-card--parties > div { padding: 18px; }.mnh-invoice-totals { max-width: none; }.mnh-invoice-transaction { grid-template-columns: 1fr auto; }.mnh-invoice-transaction span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }.mnh-invoice-transaction strong { grid-column: 2; grid-row: 1; } }

.mnh-services-page { margin: 0 auto; max-width: 1260px; padding: 34px 24px 64px; }
.mnh-services-hero { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 28px; }
.mnh-services-hero h1 { color: var(--mnh-text); font-size: clamp(28px, 4vw, 42px); letter-spacing: -.05em; margin: 0; }
.mnh-services-hero p:not(.mnh-eyebrow) { color: var(--mnh-text-secondary); margin: 8px 0 0; }
.mnh-services-summary { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 22px; }
.mnh-services-summary-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); display: grid; grid-template-columns: 34px 1fr; min-width: 0; padding: 17px; }
.mnh-services-summary-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 9px; color: var(--mnh-primary-hover); display: inline-flex; grid-row: span 2; height: 32px; justify-content: center; width: 32px; }
.mnh-services-summary-card__icon--warning { background: #fffaeb; color: #b54708; }
.mnh-services-summary-card__icon--danger { background: #fef3f2; color: #b42318; }
.mnh-services-summary-card__icon--neutral { background: #f2f4f7; color: #475467; }
.mnh-services-summary-card span:not(.mnh-services-summary-card__icon) { color: var(--mnh-text-secondary); font-size: 11px; margin-left: 10px; }
.mnh-services-summary-card strong { color: var(--mnh-text); font-size: 22px; letter-spacing: -.03em; margin-left: 10px; margin-top: 3px; }
.mnh-services-toolbar { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 28px; }
.mnh-services-search { align-items: center; background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: 10px; color: var(--mnh-text-muted); display: flex; gap: 9px; max-width: 340px; padding: 0 13px; width: 100%; }
.mnh-services-search input { background: transparent; border: 0; color: var(--mnh-text); min-height: 42px; outline: 0; width: 100%; }
.mnh-services-filters { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; }
.mnh-services-filters button { background: transparent; border: 0; border-radius: 8px; color: var(--mnh-text-secondary); cursor: pointer; font-size: 12px; padding: 9px 11px; }
.mnh-services-filters button:hover, .mnh-services-filters button.is-active { background: var(--mnh-primary-light); color: var(--mnh-primary-hover); font-weight: 700; }
.mnh-services-section-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 14px; }
.mnh-services-section-heading h2 { color: var(--mnh-text); font-size: 20px; letter-spacing: -.03em; margin: 0; }
.mnh-service-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mnh-service-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-lg); box-shadow: var(--mnh-shadow-sm); min-width: 0; padding: 21px; }
.mnh-service-card__top { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }
.mnh-service-card__identity { align-items: center; display: flex; gap: 11px; min-width: 0; }
.mnh-service-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 11px; color: var(--mnh-primary-hover); display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.mnh-service-card__identity h3 { color: var(--mnh-text); font-size: 16px; margin: 0; overflow-wrap: anywhere; }
.mnh-service-card__identity span { color: var(--mnh-text-secondary); display: block; font-size: 12px; margin-top: 3px; overflow-wrap: anywhere; }
.mnh-service-status { background: var(--mnh-primary-light); border-radius: 20px; color: #087443; flex: 0 0 auto; font-size: 11px; font-weight: 700; padding: 5px 9px; text-transform: capitalize; }
.mnh-service-status--pending, .mnh-service-status--suspended { background: #fffaeb; color: #b54708; }
.mnh-service-status--terminated, .mnh-service-status--cancelled, .mnh-service-status--fraud { background: #fef3f2; color: #b42318; }
.mnh-service-card__details { border-bottom: 1px solid var(--mnh-border); border-top: 1px solid var(--mnh-border); display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 21px 0 0; padding: 16px 0; }
.mnh-service-card__details div { min-width: 0; }
.mnh-service-card__details span { color: var(--mnh-text-muted); display: block; font-size: 10px; text-transform: uppercase; }
.mnh-service-card__details strong { color: var(--mnh-text); display: block; font-size: 12px; margin-top: 4px; overflow-wrap: anywhere; }
.mnh-service-card__resources { display: flex; flex-wrap: wrap; gap: 8px 16px; padding: 15px 0 0; }
.mnh-service-card__resources span { color: var(--mnh-text-secondary); font-size: 11px; }
.mnh-service-card__resources i { color: var(--mnh-primary); margin-right: 4px; }
.mnh-service-card__footer { align-items: center; display: flex; gap: 10px; justify-content: space-between; margin-top: 20px; }
.mnh-service-card__footer .mnh-btn { font-size: 12px; }
.mnh-service-card__more { align-items: center; border: 1px solid var(--mnh-border); border-radius: 8px; color: var(--mnh-text-secondary); display: inline-flex; height: 34px; justify-content: center; width: 36px; }
.mnh-service-card__more:hover { border-color: rgba(0, 191, 99, .45); color: var(--mnh-primary-hover); }
.mnh-services-empty, .mnh-services-no-results { align-items: center; display: flex; flex-direction: column; grid-column: 1 / -1; justify-content: center; min-height: 260px; padding: 36px; text-align: center; }
.mnh-services-empty h3 { color: var(--mnh-text); margin: 14px 0 4px; }
.mnh-services-empty p, .mnh-services-no-results span { color: var(--mnh-text-secondary); font-size: 13px; margin: 0 0 18px; }
.mnh-services-no-results i { color: var(--mnh-text-muted); font-size: 22px; margin-bottom: 12px; }
.mnh-services-no-results strong { color: var(--mnh-text); }
@media (max-width: 991px) { .mnh-services-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mnh-service-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .mnh-services-page { padding: 24px 14px 44px; } .mnh-services-hero { align-items: flex-start; flex-direction: column; gap: 16px; } .mnh-services-hero .mnh-btn { width: 100%; } .mnh-services-toolbar { align-items: stretch; flex-direction: column; } .mnh-services-search { max-width: none; } .mnh-services-filters { overflow-x: auto; flex-wrap: nowrap; } .mnh-services-filters button { flex: 0 0 auto; } .mnh-service-card__top { flex-direction: column; } .mnh-service-status { align-self: flex-start; } .mnh-service-card__details { grid-template-columns: 1fr 1fr; } }

.mnh-account-page { margin: 0 auto; max-width: 1180px; padding: 36px 24px 64px; }
.mnh-account-nav { margin-bottom: 24px; }
.mnh-account-nav__intro h1 { color: var(--mnh-text); font-size: clamp(28px, 4vw, 40px); letter-spacing: -.05em; margin: 0; }
.mnh-account-nav__intro > p:last-child { color: var(--mnh-text-secondary); margin: 8px 0 22px; }
.mnh-account-tabs { align-items: center; border-bottom: 1px solid var(--mnh-border); display: flex; gap: 6px; overflow-x: auto; padding-bottom: 0; }
.mnh-account-tabs a { align-items: center; border-bottom: 2px solid transparent; color: var(--mnh-text-secondary); display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 700; gap: 8px; padding: 12px 13px 11px; }
.mnh-account-tabs a:hover, .mnh-account-tabs a:focus, .mnh-account-tabs a.is-active { border-bottom-color: var(--mnh-primary); color: var(--mnh-primary-hover); }
.mnh-account-content { display: grid; gap: 18px; min-width: 0; }
.mnh-account-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); min-width: 0; padding: 24px; }
.mnh-account-card__header { align-items: flex-start; border-bottom: 1px solid var(--mnh-border); display: flex; gap: 16px; justify-content: space-between; margin-bottom: 22px; padding-bottom: 18px; }
.mnh-account-card__header h2 { color: var(--mnh-text); font-size: 20px; letter-spacing: -.03em; margin: 0; }
.mnh-account-card__header p:not(.mnh-eyebrow) { color: var(--mnh-text-secondary); margin: 5px 0 0; }
.mnh-account-card__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 10px; color: var(--mnh-primary-hover); display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.mnh-account-card .form-group { margin-bottom: 18px; }
.mnh-account-card .form-control { border-color: var(--mnh-border); border-radius: 8px; box-shadow: none; min-height: 42px; }
.mnh-account-card .form-control:focus { border-color: rgba(0, 191, 99, .6); box-shadow: 0 0 0 3px rgba(0, 191, 99, .1); }
.mnh-account-card .control-label { color: var(--mnh-text-secondary); font-size: 12px; }
.mnh-account-card .btn-primary { background: var(--mnh-primary); border-color: var(--mnh-primary); }
.mnh-account-card .alert { border-radius: 9px; }
.mnh-account-card h2, .mnh-account-card h3 { color: var(--mnh-text); }
.mnh-account-card .mnh-eyebrow { margin-top: 0; }
.mnh-account-card .label-success { background: var(--mnh-primary-light); color: #087443; }
.mnh-account-card .label-default { background: #f2f4f7; color: #475467; }
.mnh-account-card .twofa-config-link { margin-right: 8px; }
.mnh-account-card .modal-content { border-radius: var(--mnh-radius-md); overflow: hidden; }
@media (max-width: 767px) { .mnh-account-page { padding: 24px 14px 44px; } .mnh-account-tabs { margin-right: -14px; padding-right: 14px; } .mnh-account-card { padding: 18px 15px; } .mnh-account-card__header { margin-bottom: 18px; } .mnh-account-card .row { margin-left: 0; margin-right: 0; } .mnh-account-card .row > [class*="col-"] { padding-left: 0; padding-right: 0; } .mnh-account-card .form-horizontal .control-label { margin-bottom: 7px; text-align: left; } .mnh-account-card .form-horizontal .col-sm-8, .mnh-account-card .form-horizontal .col-sm-4 { padding-left: 0; padding-right: 0; width: 100%; } .mnh-account-card .btn { margin-bottom: 7px; max-width: 100%; white-space: normal; } }

/* Phase 4B: cohesive dark application shell around native client-area content. */
:root {
    --mnh-shell: #081f17;
    --mnh-shell-elevated: #0a3f2c;
    --mnh-shell-border: rgba(234, 242, 233, .18);
    --mnh-shell-text: #ffffff;
    --mnh-shell-muted: #d2dfd5;
    --mnh-workspace: #f5f8f3;
}

body.mnh-body { background: var(--mnh-shell); }
body.mnh-body .mnh-app { background: var(--mnh-shell); }
body.mnh-body .mnh-sidebar { background: var(--mnh-shell); border-right-color: var(--mnh-shell-border); }
body.mnh-body .mnh-sidebar__brand { border-bottom-color: var(--mnh-shell-border); }
body.mnh-body .mnh-brand { color: var(--mnh-shell-text); }
body.mnh-body .mnh-brand__name { color: var(--mnh-shell-text); }
body.mnh-body .mnh-brand__mark { background: var(--mnh-primary); }
body.mnh-body .mnh-sidebar__nav { scrollbar-color: rgba(167, 179, 199, .35) transparent; }
body.mnh-body .mnh-nav-label { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-nav-list .dropdown-menu > li > a,
body.mnh-body .mnh-nav-link,
body.mnh-body .mnh-nav-list > li > a,
body.mnh-body .mnh-nav-group__link { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-nav-list > li > a > i:first-child,
body.mnh-body .mnh-nav-link > i:first-child { color: #91a0b8; }
body.mnh-body .mnh-nav-list .dropdown-menu > li > a:hover,
body.mnh-body .mnh-nav-list .dropdown-menu > li.is-active > a,
body.mnh-body .mnh-nav-list > li > a:hover,
body.mnh-body .mnh-nav-list > li.active > a,
body.mnh-body .mnh-nav-list > li.is-active > a,
body.mnh-body .mnh-nav-group__link:hover { background: rgba(0, 191, 99, .13); color: #d1fae5; }
body.mnh-body .mnh-nav-group.is-active > .mnh-nav-group__row .mnh-nav-group__link { background: rgba(0, 191, 99, .13); color: #d1fae5; }
body.mnh-body .mnh-nav-list > li.active > a > i:first-child,
body.mnh-body .mnh-nav-list > li.is-active > a > i:first-child { color: var(--mnh-primary); }
body.mnh-body .mnh-nav-group__toggle { color: #91a0b8; }
body.mnh-body .mnh-nav-group__toggle:hover,
body.mnh-body .mnh-nav-group__toggle:focus-visible { background: rgba(0, 191, 99, .13); color: var(--mnh-primary); }
body.mnh-body .mnh-sidebar__footer { border-top-color: var(--mnh-shell-border); }
body.mnh-body .mnh-account-mini { color: var(--mnh-shell-text); }
body.mnh-body .mnh-account-mini__copy strong { color: var(--mnh-shell-text); }
body.mnh-body .mnh-account-mini__copy small,
body.mnh-body .mnh-account-mini > i { color: var(--mnh-shell-muted); }

body.mnh-body .mnh-main { background: var(--mnh-shell); height: 100vh; min-height: 100vh; overflow: hidden; }
body.mnh-body .mnh-header { background: var(--mnh-shell); border-bottom-color: var(--mnh-shell-border); flex: 0 0 var(--mnh-header-height); position: relative; }
body.mnh-body .mnh-search { background: var(--mnh-shell-elevated); border-color: var(--mnh-shell-border); }
body.mnh-body .mnh-search:focus-within { background: #202f49; border-color: rgba(0, 191, 99, .55); box-shadow: 0 0 0 3px rgba(0, 191, 99, .14); }
body.mnh-body .mnh-search i { color: #b8c4d7; }
body.mnh-body .mnh-search input { color: var(--mnh-shell-text); }
body.mnh-body .mnh-search input::placeholder { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-header-action,
body.mnh-body .mnh-header-link { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-header-action:hover,
body.mnh-body .mnh-header-link:hover { color: var(--mnh-shell-text); }
body.mnh-body .mnh-header-action:first-child { border: 1px solid var(--mnh-shell-border); border-radius: 999px; padding: 9px 13px; }
body.mnh-body .mnh-user-menu__copy strong { color: var(--mnh-shell-text); }
body.mnh-body .mnh-user-menu__copy small,
body.mnh-body .mnh-user-menu > i { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-user-menu { color: var(--mnh-shell-text); }
body.mnh-body .mnh-profile-menu { background: #111b2f; border-color: #263653; box-shadow: 0 18px 42px rgba(0, 0, 0, .3); }
body.mnh-body .mnh-profile-menu a { color: #c6d1e3; }
body.mnh-body .mnh-profile-menu a:hover,
body.mnh-body .mnh-profile-menu a:focus-visible { background: rgba(0, 191, 99, .14); color: #d1fae5; }
body.mnh-body .mnh-icon-button { color: var(--mnh-shell-muted); }
body.mnh-body .mnh-icon-button:hover { background: rgba(255, 255, 255, .08); color: var(--mnh-shell-text); }
body.mnh-body .mnh-notification__dot { border-color: var(--mnh-shell); }

body.mnh-login-body { background: #081f17; }
body.mnh-login-body .mnh-sidebar,
body.mnh-login-body .mnh-header,
body.mnh-login-body .mnh-footer,
body.mnh-login-body .mnh-back-to-top { display: none; }
body.mnh-login-body .mnh-native-sidebar,
body.mnh-login-body .mnh-page-title { display: none !important; }
body.mnh-login-body .mnh-page .main-content { float: none; width: 100%; }

body.mnh-login-body,
body.mnh-login-body #mnhApp,
body.mnh-login-body .mnh-main,
body.mnh-login-body #main-body,
body.mnh-login-body .mnh-page,
body.mnh-login-body .mnh-page > .container,
body.mnh-login-body .mnh-page > .container > .row,
body.mnh-login-body .mnh-page .main-content { background: #081f17 !important; border-radius: 0 !important; margin: 0 !important; min-height: 100vh; overflow: visible !important; }
body.mnh-login-body { min-height: 100vh; padding: 0 !important; }
body.mnh-login-body .mnh-app,
body.mnh-login-body .mnh-main { background: #081f17; display: block; min-height: 100vh; }
body.mnh-login-body .mnh-page { background: #081f17; height: auto; margin: 0; min-height: 100vh; overflow: visible; padding: 0; }
body.mnh-login-body .mnh-page > .container,
body.mnh-login-body .mnh-page > .container > .row,
body.mnh-login-body .mnh-page .main-content { background: transparent; margin: 0; max-width: none; padding: 0; width: 100%; }
body.mnh-login-body .mnh-page .main-content { min-height: 100vh; }
.mnh-login-page { align-items: center; background: #081f17; display: flex; justify-content: center; min-height: 100vh; padding: 110px 24px 70px; position: relative; }
.mnh-login-brand { left: 42px; position: absolute; top: 32px; }
.mnh-login-brand img { display: block; height: auto; max-width: 190px; width: 190px; }
.mnh-login-card { background: #fff; border-radius: 18px; box-shadow: 0 24px 70px rgba(0, 0, 0, .22); color: var(--mnh-text); margin: 0 auto; max-width: 470px; padding: 42px 46px 34px; width: 100%; }
.mnh-login-card__header { margin-bottom: 27px; text-align: center; }
.mnh-login-card__header .mnh-eyebrow { color: #7f8aa3; margin-bottom: 10px; }
.mnh-login-card__header h1 { color: #111827; font-size: 34px; letter-spacing: -.045em; margin: 0; }
.mnh-login-card__header p:not(.mnh-eyebrow) { color: #667085; font-size: 14px; margin: 8px 0 0; }
.mnh-login-card__header a, .mnh-login-help a { color: var(--mnh-primary-hover); font-weight: 700; }
.mnh-login-form { margin: 0; }
.mnh-login-field { margin-bottom: 18px; }
.mnh-login-field > label { color: #344054; display: block; font-size: 13px; font-weight: 600; margin-bottom: 7px; }
.mnh-login-field input[type=email], .mnh-login-field input[type=password], .mnh-login-password input { background: #fff; border: 1px solid #d0d5dd; border-radius: 9px; box-shadow: none; color: #101828; font-size: 14px; height: 46px; padding: 0 13px; width: 100%; }
.mnh-login-field input:focus { border-color: var(--mnh-primary); box-shadow: 0 0 0 3px rgba(0, 191, 99, .13); outline: 0; }
.mnh-login-password { position: relative; }
.mnh-login-password input { padding-right: 42px; }
.mnh-login-password__toggle { background: transparent; border: 0; color: #667085; cursor: pointer; height: 42px; padding: 0; position: absolute; right: 5px; top: 2px; width: 36px; }
.mnh-login-options { align-items: center; color: #667085; display: flex; font-size: 12px; justify-content: space-between; margin: -3px 0 20px; }
.mnh-login-options label { align-items: center; display: inline-flex; gap: 6px; }
.mnh-login-options input { accent-color: var(--mnh-primary); margin: 0; }
.mnh-login-options a { color: #344054; font-weight: 700; }
.mnh-login-submit { background: var(--mnh-primary); border: 0; border-radius: 9px; color: #fff; cursor: pointer; display: block; font-size: 15px; font-weight: 700; height: 48px; width: 100%; }
.mnh-login-submit:hover, .mnh-login-submit:focus-visible { background: var(--mnh-primary-hover); color: #fff; }
.mnh-login-help { color: #667085; font-size: 12px; margin: 24px 0 0; text-align: center; }
.mnh-login-social .social-signin-btns { display: grid; gap: 9px; }
.mnh-login-social .social-signin-btns > * { margin: 0 !important; width: 100%; }
.mnh-login-divider { align-items: center; color: #98a2b3; display: flex; font-size: 12px; gap: 12px; margin: 22px 0; }
.mnh-login-divider::before, .mnh-login-divider::after { background: #eaecf0; content: ''; flex: 1; height: 1px; }
.mnh-login-captcha { margin-bottom: 18px; overflow: hidden; }
body.mnh-login-body .providerLinkingFeedback { margin-bottom: 15px; }
.mnh-login-card--register { max-width: 820px; padding: 38px 44px 34px; }
.mnh-register-page { align-items: flex-start; padding-bottom: 48px; padding-top: 104px; }
.mnh-login-card--register .mnh-login-card__header { margin-bottom: 25px; }
.mnh-login-card--register #registration,
.mnh-login-card--register #registration form { margin: 0; }
.mnh-login-card--register .sub-heading { border-bottom: 1px solid #eaecf0; color: #344054; font-size: 12px; font-weight: 700; letter-spacing: .08em; margin: 24px 0 17px; padding: 0 0 10px; text-transform: uppercase; }
.mnh-login-card--register .sub-heading span { background: transparent; }
.mnh-login-card--register .row { margin-left: -8px; margin-right: -8px; }
.mnh-login-card--register .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.mnh-login-card--register .form-group { margin-bottom: 14px; position: relative; }
.mnh-login-card--register .form-group.prepend-icon .field-icon { color: #98a2b3; height: 44px; left: 0; line-height: 44px; position: absolute; text-align: center; top: 0; width: 42px; z-index: 2; }
.mnh-login-card--register input.field,
.mnh-login-card--register select.field,
.mnh-login-card--register input.form-control,
.mnh-login-card--register select.form-control,
.mnh-login-card--register textarea.form-control { background: #fff; border: 1px solid #d0d5dd; border-radius: 8px; box-shadow: none; color: #101828; font-size: 14px; height: 44px; padding: 0 13px; width: 100%; }
.mnh-login-card--register .prepend-icon input.field,
.mnh-login-card--register .prepend-icon select.field,
.mnh-login-card--register .prepend-icon input.form-control { padding-left: 42px; }
.mnh-login-card--register input.field:focus,
.mnh-login-card--register select.field:focus,
.mnh-login-card--register .form-control:focus { border-color: var(--mnh-primary); box-shadow: 0 0 0 3px rgba(0, 191, 99, .13); outline: 0; }
.mnh-login-card--register label:not(.field-icon):not(.checkbox) { color: #344054; font-size: 13px; font-weight: 600; }
.mnh-login-card--register .field-help-text { color: #667085; display: block; font-size: 12px; margin-top: 6px; }
.mnh-login-card--register .password-strength-meter { padding-top: 2px; }
.mnh-login-card--register .password-strength-meter .progress { border-radius: 999px; height: 6px; margin: 10px 0 6px; }
.mnh-login-card--register .marketing-email-optin { background: #f8fafc; border: 1px solid #eaecf0; border-radius: 10px; margin: 12px 0 18px; padding: 16px 18px; }
.mnh-login-card--register .marketing-email-optin h4 { color: #101828; font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.mnh-login-card--register .marketing-email-optin p { color: #667085; font-size: 13px; margin-bottom: 10px; }
.mnh-login-card--register .tospanel { border-radius: 9px; overflow: hidden; }
.mnh-login-card--register .mnh-register-submit { margin-top: 10px; }
.mnh-login-card--register .generate-password { border-radius: 7px; }
.mnh-register-page .mnh-login-brand img { width: 190px; }
@media (max-width: 767px) {
    .mnh-register-page { padding: 94px 14px 28px; }
    .mnh-login-card--register { padding: 30px 22px 26px; }
    .mnh-login-card--register .row > [class*="col-"] { width: 100%; }
}
@media (max-width: 600px) { .mnh-login-page { padding: 92px 16px 30px; }.mnh-login-brand { left: 24px; top: 24px; }.mnh-login-brand img { max-width: 160px; width: 160px; }.mnh-login-card { padding: 32px 24px 28px; } }

body.mnh-body .mnh-page { background: var(--mnh-workspace); border-radius: 22px; flex: 1 1 auto; height: calc(100vh - var(--mnh-header-height)); margin: 0 16px; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding-bottom: 34px; scrollbar-gutter: stable; }
body.mnh-body .mnh-page > .container { background: var(--mnh-workspace); border-radius: inherit; max-width: none; min-height: inherit; }
body.mnh-body .mnh-page .main-content { min-width: 0; }
body.mnh-body .mnh-footer { display: none; }
body.mnh-body .mnh-back-to-top { align-items: center; background: var(--mnh-shell-elevated); border: 1px solid var(--mnh-shell-border); border-radius: 10px; bottom: 22px; color: var(--mnh-shell-text); display: inline-flex; height: 42px; justify-content: center; position: fixed; right: 22px; width: 42px; z-index: 910; }
body.mnh-body .mnh-back-to-top:hover,
body.mnh-body .mnh-back-to-top:focus-visible { background: var(--mnh-primary); border-color: var(--mnh-primary); color: #fff; }

@media (max-width: 991px) {
    body.mnh-body .mnh-page { margin: 0 10px; }
}
@media (max-width: 767px) {
    body.mnh-body .mnh-header { flex-basis: 62px; }
    body.mnh-body .mnh-page { border-radius: 16px 16px 0 0; height: calc(100vh - 62px); margin: 0 8px; }
    body.mnh-body .mnh-header-action:first-child { border: 0; padding: 0; }
    body.mnh-body .mnh-sidebar { box-shadow: 14px 0 34px rgba(2, 6, 23, .42); }
    body.mnh-body .mnh-back-to-top { bottom: 16px; right: 16px; }
}

/* Phase 4A: action-oriented Home surface. */
.mnh-home { margin: 0 auto; max-width: 1180px; padding: 42px 24px 72px; }
.mnh-home-hero { max-width: 760px; }
.mnh-home-hero h1 { color: var(--mnh-text); font-size: clamp(32px, 4vw, 48px); letter-spacing: -.055em; line-height: 1.05; margin: 0; }
.mnh-home-hero > p:not(.mnh-eyebrow) { color: var(--mnh-text-secondary); font-size: 16px; margin: 12px 0 0; }
.mnh-home-launcher { align-items: center; background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); color: var(--mnh-text-secondary); display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; padding: 14px 16px; }
.mnh-home-launcher > i { color: var(--mnh-primary); font-size: 17px; }
.mnh-home-launcher__hint { color: var(--mnh-text-muted); font-size: 11px; margin-left: auto; }
.mnh-home-actions { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 30px 0 42px; }
.mnh-home-action { align-items: center; background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-md); box-shadow: var(--mnh-shadow-sm); color: var(--mnh-text); display: grid; gap: 0 12px; grid-template-columns: 38px 1fr auto; padding: 15px; }
.mnh-home-action:hover { border-color: rgba(0, 191, 99, .45); box-shadow: var(--mnh-shadow-md); color: var(--mnh-text); transform: translateY(-1px); }
.mnh-home-action > span { align-items: center; background: var(--mnh-primary-light); border-radius: 10px; color: var(--mnh-primary-hover); display: inline-flex; grid-row: span 2; height: 38px; justify-content: center; width: 38px; }
.mnh-home-action strong { font-size: 13px; }
.mnh-home-action small { color: var(--mnh-text-secondary); font-size: 11px; margin-top: 2px; }
.mnh-home-action > i { color: var(--mnh-text-muted); grid-column: 3; grid-row: 1 / span 2; }
.mnh-home-action--primary { border-color: rgba(0, 191, 99, .35); }
.mnh-home-section { margin-bottom: 40px; }
.mnh-home-section__heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 15px; }
.mnh-home-section__heading h2 { color: var(--mnh-text); font-size: 22px; letter-spacing: -.04em; margin: 0; }
.mnh-home-service-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mnh-home-service-card { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-lg); box-shadow: var(--mnh-shadow-sm); min-width: 0; padding: 20px; }
.mnh-home-service-card__top { align-items: flex-start; display: flex; justify-content: space-between; margin-bottom: 17px; }
.mnh-home-service-card__icon, .mnh-home-onboarding__icon { align-items: center; background: var(--mnh-primary-light); border-radius: 11px; color: var(--mnh-primary-hover); display: inline-flex; height: 40px; justify-content: center; width: 40px; }
.mnh-home-service-card h3 { color: var(--mnh-text); font-size: 17px; letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere; }
.mnh-home-service-card__plan { color: var(--mnh-text-secondary); font-size: 12px; margin: 5px 0 0; }
.mnh-home-service-card__meta { border-bottom: 1px solid var(--mnh-border); border-top: 1px solid var(--mnh-border); display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 17px 0; padding: 12px 0; }
.mnh-home-service-card__meta span { color: var(--mnh-text-secondary); font-size: 11px; }
.mnh-home-service-card__meta i { color: var(--mnh-primary); margin-right: 4px; }
.mnh-home-service-card > .mnh-btn { font-size: 12px; }
.mnh-home-onboarding { align-items: center; display: flex; gap: 16px; justify-content: space-between; padding: 24px; }
.mnh-home-onboarding > div { flex: 1; }
.mnh-home-onboarding h3 { color: var(--mnh-text); font-size: 17px; margin: 0; }
.mnh-home-onboarding p:not(.mnh-eyebrow) { color: var(--mnh-text-secondary); font-size: 12px; margin: 5px 0 0; }
.mnh-home-recommendations { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 991px) { .mnh-home-actions { grid-template-columns: 1fr; } .mnh-home-service-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .mnh-home { padding: 28px 14px 48px; } .mnh-home-hero h1 { font-size: 34px; } .mnh-home-launcher__hint { flex-basis: 100%; margin-left: 27px; } .mnh-home-actions { margin: 24px 0 34px; } .mnh-home-section { margin-bottom: 30px; } .mnh-home-section__heading { align-items: flex-start; gap: 10px; } .mnh-home-section__heading h2 { font-size: 19px; } .mnh-home-onboarding { align-items: flex-start; flex-wrap: wrap; padding: 18px; } .mnh-home-onboarding .mnh-btn { margin-left: 56px; } .mnh-home-recommendations { grid-template-columns: 1fr; } }

/* Login view must remain a standalone auth surface, outside the app shell. */
body.mnh-login-body .mnh-app,
body.mnh-login-body .mnh-main,
body.mnh-login-body .mnh-page,
body.mnh-login-body .mnh-page > .container,
body.mnh-login-body .mnh-page > .container > .row,
body.mnh-login-body .mnh-page .main-content { background: #081f17; display: block; height: auto; margin: 0; max-width: none; min-height: 100vh; overflow: visible; padding: 0; width: 100%; }
body.mnh-login-body .mnh-sidebar,
body.mnh-login-body .mnh-header,
body.mnh-login-body .mnh-footer,
body.mnh-login-body .mnh-back-to-top { display: none; }

/* Hosting product selector: native premium_comparison markup, mnh presentation. */
#order-premium_comparison { background: var(--mnh-workspace); border-radius: 22px; margin: 0; padding: 30px 0 72px; }
#order-premium_comparison .main-container { margin: 0 auto; max-width: 1180px; padding: 0 24px; }
#order-premium_comparison .txt-center { margin: 8px auto 28px; max-width: 720px; }
#order-premium_comparison #headline { color: var(--mnh-text); font-size: clamp(27px, 3vw, 40px); font-weight: 750; letter-spacing: -.05em; line-height: 1.1; margin: 0; }
#order-premium_comparison #headline::after { color: var(--mnh-text-secondary); content: ' Choose the plan that fits your next website.'; display: block; font-size: 14px; font-weight: 400; letter-spacing: 0; margin-top: 10px; }
#order-premium_comparison #products > ul { align-items: stretch; display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
#order-premium_comparison #products > ul > li { display: flex; min-width: 0; }
#order-premium_comparison .price-table { background: var(--mnh-surface); border: 1px solid var(--mnh-border); border-radius: 16px; box-shadow: var(--mnh-shadow-sm); display: flex; flex: 1; flex-direction: column; overflow: hidden; padding: 0; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#order-premium_comparison .price-table:hover { border-color: rgba(0, 191, 99, .45); box-shadow: var(--mnh-shadow-md); transform: translateY(-3px); }
#order-premium_comparison #products > ul > li:nth-child(2) .price-table { border: 2px solid var(--mnh-primary); box-shadow: 0 12px 34px rgba(0, 191, 99, .14); }
#order-premium_comparison #products > ul > li:nth-child(2) .top-head::before { background: var(--mnh-primary); color: #fff; content: 'MOST POPULAR'; display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; padding: 8px 20px; text-align: center; }
#order-premium_comparison .top-head { background: linear-gradient(180deg, #f3fbf7 0%, #fff 100%); border-bottom: 1px solid var(--mnh-border); padding: 24px 22px 20px; }
#order-premium_comparison .top-area h4 { color: var(--mnh-text); font-size: 18px; font-weight: 750; letter-spacing: -.02em; margin: 0 0 17px; }
#order-premium_comparison .price-area { align-items: flex-end; display: flex; gap: 12px; justify-content: space-between; }
#order-premium_comparison .price-area .price { color: var(--mnh-text); font-size: 23px; font-weight: 800; letter-spacing: -.04em; line-height: 1.15; }
#order-premium_comparison .price-area .price::first-line { color: var(--mnh-primary-hover); }
#order-premium_comparison .order-button { background: var(--mnh-primary); border: 0; border-radius: 8px; color: #fff; display: inline-flex; font-size: 11px; font-weight: 700; justify-content: center; padding: 10px 13px; text-decoration: none; white-space: nowrap; }
#order-premium_comparison .order-button:hover { background: var(--mnh-primary-hover); color: #fff; }
#order-premium_comparison .price-table > ul { flex: 1; list-style: none; margin: 0; padding: 18px 22px 22px; }
#order-premium_comparison .price-table > ul > li { color: var(--mnh-text-secondary); font-size: 12px; line-height: 1.45; }
#order-premium_comparison .price-table > ul > li:first-child { margin: 0; }
#order-premium_comparison .price-table > ul > li > ul { list-style: none; margin: 0; padding: 0; }
#order-premium_comparison .price-table > ul > li > ul > li { border-bottom: 1px solid #f0f2f5; padding: 9px 0 9px 20px; position: relative; }
#order-premium_comparison .price-table > ul > li > ul > li::before { color: var(--mnh-primary); content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-size: 10px; font-weight: 900; left: 0; position: absolute; top: 10px; }
#order-premium_comparison .price-table > ul > li > ul > li:last-child { border-bottom: 0; }
#order-premium_comparison .product-selection-sidebar { display: none; }
#order-premium_comparison + .product-recommendations-container { margin: 0 auto; max-width: 1180px; padding: 0 24px 60px; }
@media (max-width: 991px) { #order-premium_comparison #products > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } #order-premium_comparison #products > ul > li:last-child { grid-column: 1 / -1; } }
@media (max-width: 650px) { #order-premium_comparison { border-radius: 16px; padding: 24px 0 48px; } #order-premium_comparison .main-container { padding: 0 14px; } #order-premium_comparison #products > ul { grid-template-columns: 1fr; } #order-premium_comparison #products > ul > li:last-child { grid-column: auto; } #order-premium_comparison .price-area { align-items: flex-start; flex-direction: column; } #order-premium_comparison .order-button { width: 100%; } }

/* Premium hosting selector refinement: keep WHMCS pricing and order links native. */
#order-premium_comparison { background: var(--mnh-bg) !important; border-radius: 0; padding: 42px 0 64px; }
#order-premium_comparison .main-container { max-width: 1240px; }
#order-premium_comparison .txt-center { margin-bottom: 38px; }
#order-premium_comparison #products > ul { gap: 20px; }
#order-premium_comparison .price-table { border: 1px solid #e5e9ef !important; border-radius: 18px; box-shadow: 0 8px 28px rgba(16, 24, 40, .06) !important; }
#order-premium_comparison .price-table:hover { border-color: rgba(0, 191, 99, .5) !important; box-shadow: 0 16px 36px rgba(16, 24, 40, .1) !important; transform: translateY(-2px); }
#order-premium_comparison #products > ul > li:nth-child(2) .price-table { border: 2px solid var(--mnh-primary) !important; }
#order-premium_comparison .top-head,
#order-premium_comparison .top-head .top-area,
#order-premium_comparison .top-head .price-area { background: #fff !important; color: var(--mnh-text) !important; }
#order-premium_comparison .top-head { border: 0; border-bottom: 1px solid var(--mnh-border); padding: 26px 24px 22px; }
#order-premium_comparison .top-area h4 { font-size: 19px; margin-bottom: 20px; }
#order-premium_comparison .price-area { align-items: center; flex-wrap: wrap; }
#order-premium_comparison .price-area .price,
#order-premium_comparison .price-area .price * { color: var(--mnh-text) !important; font-size: 23px; font-weight: 750; }
#order-premium_comparison .order-button,
#order-premium_comparison .top-head a.btn,
#order-premium_comparison .top-head .btn { background: var(--mnh-primary) !important; border: 0 !important; border-radius: 9px; box-shadow: none !important; color: #fff !important; font-size: 13px; font-weight: 700; padding: 11px 16px; }
#order-premium_comparison .order-button:hover,
#order-premium_comparison .top-head a.btn:hover,
#order-premium_comparison .top-head .btn:hover { background: var(--mnh-primary-hover) !important; }
#order-premium_comparison .price-table > ul { padding: 12px 24px 24px; }
#order-premium_comparison .price-table > ul > li > ul > li { color: #475467; padding: 12px 0 12px 22px; }
#order-premium_comparison .price-table > ul > li > ul > li::before { color: var(--mnh-primary-hover); }
#order-premium_comparison .product-selection-sidebar,
#order-premium_comparison #btnShowSidebar,
#order-premium_comparison .btn-show-menu,
#order-premium_comparison .show-menu { display: none !important; }
@media (max-width: 991px) { #order-premium_comparison #products > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { #order-premium_comparison { padding: 28px 0 44px; } #order-premium_comparison #products > ul { grid-template-columns: 1fr; } #order-premium_comparison #products > ul > li:last-child { grid-column: auto; } #order-premium_comparison .price-area { align-items: flex-start; flex-direction: row; } }

/* Reference-led hosting plans page: airy canvas, high-contrast pricing, native ordering. */
#order-premium_comparison { background: radial-gradient(ellipse at 12% 18%, rgba(34, 163, 255, .09), transparent 32%), radial-gradient(ellipse at 88% 8%, rgba(0, 191, 99, .08), transparent 30%), #f6f9fc !important; padding: 46px 0 72px; }
#order-premium_comparison .main-container { max-width: 1280px; padding-left: 28px; padding-right: 28px; }
#order-premium_comparison #headline { background: linear-gradient(100deg, #101828 18%, #079a68 57%, #168bea 88%); background-clip: text; color: transparent; font-size: clamp(32px, 3.4vw, 46px); font-weight: 800; letter-spacing: -.055em; }
#order-premium_comparison #headline::after { color: #667085; font-size: 16px; margin-top: 12px; }
#order-premium_comparison .txt-center { margin-bottom: 34px; }
#order-premium_comparison #products > ul { gap: 22px; }
#order-premium_comparison #products > ul > li { align-self: stretch; }
#order-premium_comparison #products .price-table,
#order-premium_comparison #products .price-table * { box-sizing: border-box; }
#order-premium_comparison #products .price-table { border: 1px solid #e6edf4 !important; border-radius: 18px; box-shadow: 0 12px 30px rgba(16, 24, 40, .055) !important; }
#order-premium_comparison #products .top-head,
#order-premium_comparison #products .top-head > *,
#order-premium_comparison #products .price-area { background: transparent !important; color: #101828 !important; }
#order-premium_comparison #products .top-head { border-bottom: 1px solid #e8eef4; min-height: 178px; padding: 30px 24px 22px; }
#order-premium_comparison #products .top-area h4 { color: #101828 !important; font-size: 21px; font-weight: 750; margin-bottom: 24px; }
#order-premium_comparison #products .price-area { align-items: flex-end; }
#order-premium_comparison #products .price-area .price,
#order-premium_comparison #products .price-area .price * { color: #087d5c !important; font-size: clamp(21px, 2.3vw, 29px); font-weight: 800; letter-spacing: -.04em; }
#order-premium_comparison #products .order-button,
#order-premium_comparison #products .top-head a.btn,
#order-premium_comparison #products .top-head .btn { background: #fff !important; border: 1px solid #00a967 !important; border-radius: 10px; color: #008c58 !important; font-size: 13px; font-weight: 750; min-height: 44px; padding: 11px 18px; }
#order-premium_comparison #products .order-button:hover,
#order-premium_comparison #products .top-head a.btn:hover,
#order-premium_comparison #products .top-head .btn:hover { background: #00ad68 !important; color: #fff !important; }
#order-premium_comparison #products > ul > li:nth-child(2) .price-table { background: linear-gradient(160deg, #fff 15%, #f1fcf7 100%) !important; border: 2px solid #00b96b !important; box-shadow: 0 18px 40px rgba(0, 166, 98, .15) !important; }
#order-premium_comparison #products > ul > li:nth-child(2) .top-head::before { background: linear-gradient(100deg, #00b96b, #078bea); border-radius: 0; color: #fff; content: '★  MOST POPULAR'; display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; margin: -30px -24px 22px; padding: 10px 16px; text-align: center; }
#order-premium_comparison #products > ul > li:nth-child(2) .order-button,
#order-premium_comparison #products > ul > li:nth-child(2) .top-head a.btn,
#order-premium_comparison #products > ul > li:nth-child(2) .top-head .btn { background: linear-gradient(100deg, #00ae68, #009d72) !important; border-color: transparent !important; color: #fff !important; }
#order-premium_comparison #products .price-table > ul { padding: 12px 24px 24px; }
#order-premium_comparison #products .price-table > ul > li > ul > li { border-color: #edf1f5; color: #344054; font-size: 13px; padding: 10px 0 10px 28px; }
#order-premium_comparison #products .price-table > ul > li > ul > li::before { align-items: center; background: #d9f7e9; border-radius: 50%; color: #07945f; content: '\f00c'; display: inline-flex; font-size: 9px; height: 19px; justify-content: center; left: 0; top: 9px; width: 19px; }
#order-premium_comparison #products .product-selection-sidebar,
#order-premium_comparison #products #btnShowSidebar,
#order-premium_comparison #products .btn-show-menu,
#order-premium_comparison #products .show-menu { display: none !important; }
@media (max-width: 991px) { #order-premium_comparison #products > ul { gap: 16px; } #order-premium_comparison #products > ul > li:last-child { grid-column: 1 / -1; } }
@media (max-width: 650px) { #order-premium_comparison { padding: 30px 0 46px; } #order-premium_comparison .main-container { padding-left: 16px; padding-right: 16px; } #order-premium_comparison #products > ul { grid-template-columns: 1fr; } #order-premium_comparison #products > ul > li:last-child { grid-column: auto; } #order-premium_comparison #products .top-head { min-height: 0; } #order-premium_comparison #products .price-area { align-items: center; flex-direction: row; } }

/* App canvas: eliminate pale outer bands and expose the workspace's four rounded corners. */
html, body.mnh-body { background: #081f17; margin: 0; min-height: 100%; }
.mnh-app, .mnh-main { background: #081f17; }
.mnh-main { min-height: 100vh; }
.mnh-page { background: var(--mnh-bg); border-radius: 28px; flex: 1 0 auto; margin: 0 12px 12px 0; min-height: calc(100vh - var(--mnh-header-height) - 12px); overflow: hidden; padding: 0; }
@media (max-width: 767px) { .mnh-page { border-radius: 20px; margin: 0 8px 8px; min-height: calc(100vh - 62px - 8px); } }

/* Add-ons store uses WHMCS standard_cart markup; keep its native purchase forms intact. */
#order-standard_cart { background: transparent; margin: 0 auto; max-width: 1440px; padding: 28px 24px 60px; }
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-categories,
#order-standard_cart .sidebar-categories-collapsed,
#order-standard_cart .sidebar-collapsed { display: none !important; }
#order-standard_cart .cart-body { float: none !important; padding-left: 0; padding-right: 0; width: 100% !important; }
#order-standard_cart .header-lined { border: 0; margin: 0 0 24px; padding: 0; }
#order-standard_cart .header-lined h1,
#order-standard_cart h1 { color: var(--mnh-text); font-size: clamp(26px, 3vw, 36px); font-weight: 750; letter-spacing: -.04em; }
#order-standard_cart .products > .row-eq-height { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 18px; }
#order-standard_cart .products > .row-eq-height::before,
#order-standard_cart .products > .row-eq-height::after { content: none; display: none; }
#order-standard_cart .products > .row-eq-height > [class*="col-"] { float: none; padding: 0; width: auto; }
#order-standard_cart .product { background: #fff; border: 1px solid var(--mnh-border); border-radius: 14px; box-shadow: var(--mnh-shadow-sm); height: 100%; margin: 0; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
#order-standard_cart .product:hover { border-color: rgba(0, 191, 99, .35); box-shadow: var(--mnh-shadow-md); transform: translateY(-2px); }
#order-standard_cart .product > header { background: #fff; border-bottom: 1px solid #eef1f4; color: var(--mnh-text); font-size: 15px; font-weight: 700; padding: 14px 16px; }
#order-standard_cart .product .product-desc { color: var(--mnh-text-secondary); float: none; font-size: 12px; line-height: 1.6; padding: 16px; width: auto; }
#order-standard_cart .product .product-desc p { margin: 0 0 14px; }
#order-standard_cart .product .product-desc .form-group { margin: 0; }
#order-standard_cart .product select,
#order-standard_cart .product .form-control { border: 1px solid #e4e7ec; border-radius: 8px; box-shadow: none; font-size: 12px; min-height: 38px; max-width: 100%; }
#order-standard_cart .product > footer { align-items: center; background: #fff; border-top: 1px solid #eef1f4; display: flex; float: none; gap: 14px; justify-content: space-between; margin: 0; padding: 14px 16px; text-align: left; width: auto; }
#order-standard_cart .product .product-pricing,
#order-standard_cart .product .price { color: #087d5c; font-size: 15px; font-weight: 750; }
#order-standard_cart .product .btn-success,
#order-standard_cart .product .btn-primary,
#order-standard_cart .product .btn-order-now { background: var(--mnh-primary) !important; border: 1px solid var(--mnh-primary) !important; border-radius: 8px; color: #fff !important; font-size: 12px; font-weight: 700; padding: 9px 14px; }
#order-standard_cart .product .btn-success:hover,
#order-standard_cart .product .btn-primary:hover,
#order-standard_cart .product .btn-order-now:hover { background: var(--mnh-primary-hover) !important; }
@media (max-width: 767px) { #order-standard_cart { padding: 22px 14px 42px; } #order-standard_cart .products > .row-eq-height { grid-template-columns: 1fr; gap: 12px; } #order-standard_cart .product > footer { align-items: flex-start; flex-direction: column; } #order-standard_cart .product > footer .btn { width: 100%; } }

/* Account email verification: compact, accessible alert that fits the dark app shell. */
.mnh-verification-banner { background: transparent; border: 0; color: var(--mnh-text); font-weight: 400; margin: 0; padding: 12px 18px 0; }
.mnh-verification-banner > .container { max-width: 1260px; padding: 0; width: 100%; }
.mnh-verification-card { align-items: center; background: #fff; border: 1px solid #f2dfb4; border-left: 4px solid #e8a323; border-radius: 12px; box-shadow: 0 8px 24px rgba(16, 24, 40, .07); display: flex; gap: 14px; margin: 0 auto; min-height: 72px; padding: 12px 14px; position: relative; }
.mnh-verification-card__icon { align-items: center; background: #fff5dc; border-radius: 10px; color: #b77908; display: inline-flex; flex: 0 0 42px; font-size: 17px; height: 42px; justify-content: center; }
.mnh-verification-card__copy { display: flex; flex: 1 1 auto; flex-direction: column; gap: 3px; min-width: 0; }
.mnh-verification-card__copy strong { color: #182230; font-size: 13px; font-weight: 700; }
.mnh-verification-card__copy > span { color: #667085; font-size: 13px; line-height: 1.45; }
.mnh-verification-card .mnh-verification-card__resend { align-items: center; background: var(--mnh-primary); border: 1px solid var(--mnh-primary); border-radius: 8px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 700; gap: 8px; justify-content: center; margin: 0; min-height: 40px; padding: 0 15px; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.mnh-verification-card .mnh-verification-card__resend:hover,
.mnh-verification-card .mnh-verification-card__resend:focus-visible { background: var(--mnh-primary-hover); border-color: var(--mnh-primary-hover); color: #fff; }
.mnh-verification-card .mnh-verification-card__resend:active { transform: translateY(1px); }
.mnh-verification-card .mnh-verification-card__close { align-items: center; background: transparent; border: 0; border-radius: 7px; color: #98a2b3; display: inline-flex; flex: 0 0 32px; font-size: 20px; height: 32px; justify-content: center; line-height: 1; margin: 0 0 0 2px; padding: 0; text-shadow: none; }
.mnh-verification-card .mnh-verification-card__close:hover,
.mnh-verification-card .mnh-verification-card__close:focus-visible { background: #f2f4f7; color: #344054; }
@media (max-width: 767px) {
    .mnh-verification-banner { padding: 10px 12px 0; }
    .mnh-verification-card { align-items: flex-start; flex-wrap: wrap; gap: 10px 12px; padding: 12px; }
    .mnh-verification-card__copy { padding: 2px 28px 0 0; }
    .mnh-verification-card .mnh-verification-card__close { position: absolute; right: 20px; top: 18px; }
    .mnh-verification-card .mnh-verification-card__resend { flex: 1 1 100%; margin-left: 54px; }
}

/* Emerald Clarity cart review — native Standard Cart data and actions. */
body.mnh-cart-review-body,
body.mnh-cart-review-body .mnh-app,
body.mnh-cart-review-body .mnh-main { background: var(--mnh-light-canvas); min-height: 100vh; }
body.mnh-cart-review-body .mnh-sidebar,
body.mnh-cart-review-body .mnh-sidebar-backdrop,
body.mnh-cart-review-body .mnh-header,
body.mnh-cart-review-body .mnh-back-to-top { display: none !important; }
body.mnh-cart-review-body .mnh-main { display: block; height: auto; overflow: visible; width: 100%; }
body.mnh-cart-review-body .mnh-page { background: var(--mnh-light-canvas); border-radius: 0; margin: 0; min-height: calc(100vh - 60px); overflow: visible; padding: 0; }
body.mnh-cart-review-body .mnh-page > .container { max-width: none; padding: 0; width: 100%; }
body.mnh-cart-review-body .mnh-page > .container > .row { margin: 0; }
body.mnh-cart-review-body .mnh-page .main-content { float: none; padding: 0; width: 100%; }
.mnh-order-cart-header { background: var(--mnh-white); border-bottom: 1px solid var(--mnh-border); width: 100%; }
.mnh-order-cart-header__inner { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 1180px; min-height: 72px; padding: 0 20px; }
.mnh-order-cart-brand { align-items: center; color: var(--mnh-night-forest); display: inline-flex; gap: 8px; text-decoration: none; }
.mnh-order-cart-brand:hover,
.mnh-order-cart-brand:focus-visible { color: var(--mnh-night-forest); text-decoration: none; }
.mnh-order-cart-brand__mark { display: block; flex: 0 0 36px; height: 40px; overflow: hidden; position: relative; width: 36px; }
.mnh-order-cart-brand__mark img { height: 43px; left: 0; max-width: none; position: absolute; top: -1px; width: auto; }
.mnh-order-cart-brand__name { color: var(--mnh-night-forest); font-size: 21px; font-weight: 650; letter-spacing: -.045em; line-height: 1; }
.mnh-order-cart-back { align-items: center; border: 1px solid #82968a; border-radius: var(--mnh-radius-button); color: var(--mnh-night-forest); display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; min-height: 44px; padding: 0 16px; }
.mnh-order-cart-back:hover,
.mnh-order-cart-back:focus-visible { background: var(--mnh-emerald-50); border-color: var(--mnh-deep-emerald); color: var(--mnh-deep-emerald); text-decoration: none; }
#order-standard_cart.mnh-order-cart { background: transparent; margin: 0 auto; max-width: 1220px; padding: 44px 24px 64px; }
#order-standard_cart.mnh-order-cart > .row { margin: 0; }
#order-standard_cart.mnh-order-cart .cart-sidebar,
#order-standard_cart.mnh-order-cart .sidebar-categories,
#order-standard_cart.mnh-order-cart .sidebar-categories-collapsed,
#order-standard_cart.mnh-order-cart .sidebar-collapsed { display: none !important; }
#order-standard_cart.mnh-order-cart .cart-body { float: none; padding: 0; width: 100%; }
#order-standard_cart.mnh-order-cart .header-lined { border: 0; margin: 0 0 24px; padding: 0; }
#order-standard_cart.mnh-order-cart .header-lined h1 { color: var(--mnh-night-forest); font-size: clamp(30px, 4vw, 44px); font-weight: 750; letter-spacing: -.045em; line-height: 1.12; margin: 0; }
#order-standard_cart.mnh-order-cart .mnh-order-cart__intro { color: var(--mnh-text-muted); font-size: 15px; margin: 10px 0 0; }
#order-standard_cart.mnh-order-cart .cart-body > .row { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(300px, 370px); margin: 0; }
#order-standard_cart.mnh-order-cart .secondary-cart-body,
#order-standard_cart.mnh-order-cart .secondary-cart-sidebar { float: none; padding: 0; width: auto; }
#order-standard_cart.mnh-order-cart .secondary-cart-body { min-width: 0; }
#order-standard_cart.mnh-order-cart .view-cart-items-header { background: transparent; border: 0; color: var(--mnh-text-muted); font-size: 12px; font-weight: 600; letter-spacing: .06em; margin: 0 0 8px; padding: 0 4px; text-transform: uppercase; }
#order-standard_cart.mnh-order-cart .view-cart-items,
#order-standard_cart.mnh-order-cart .view-cart-tabs,
#order-standard_cart.mnh-order-cart .order-summary { background: var(--mnh-white); border: 1px solid var(--mnh-border); border-radius: var(--mnh-radius-card); box-shadow: var(--mnh-shadow-sm); }
#order-standard_cart.mnh-order-cart .view-cart-items { overflow: hidden; }
#order-standard_cart.mnh-order-cart .view-cart-items .item { border-bottom: 1px solid #e7eee8; margin: 0; padding: 20px 22px; }
#order-standard_cart.mnh-order-cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart.mnh-order-cart .view-cart-items .item > .row,
#order-standard_cart.mnh-order-cart .view-cart-items .row-upgrade-credit { align-items: center; display: flex; flex-wrap: wrap; margin: 0; }
#order-standard_cart.mnh-order-cart .view-cart-items .item > .row > [class*="col-"],
#order-standard_cart.mnh-order-cart .view-cart-items .row-upgrade-credit > [class*="col-"] { float: none; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-title { color: var(--mnh-night-forest); display: block; font-size: 17px; font-weight: 700; line-height: 1.4; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-group,
#order-standard_cart.mnh-order-cart .view-cart-items .item-domain { color: var(--mnh-text-muted); display: block; font-size: 14px; line-height: 1.55; margin-top: 3px; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-domain { color: var(--mnh-deep-emerald); font-weight: 600; }
#order-standard_cart.mnh-order-cart .view-cart-items .item small { color: var(--mnh-text-secondary); display: block; line-height: 1.65; margin-top: 8px; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-price { color: var(--mnh-night-forest); font-size: 16px; font-weight: 700; line-height: 1.5; text-align: right; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-price .cycle { color: var(--mnh-text-muted); display: block; font-size: 13px; font-weight: 400; }
#order-standard_cart.mnh-order-cart .view-cart-items .btn-link { color: var(--mnh-deep-emerald); font-size: 12px; font-weight: 600; }
#order-standard_cart.mnh-order-cart .view-cart-items .btn-remove-from-cart { color: #69796e; }
#order-standard_cart.mnh-order-cart .view-cart-items .item-qty .form-control { max-width: 92px; }
#order-standard_cart.mnh-order-cart .view-cart-items .view-cart-empty { color: var(--mnh-text-muted); padding: 28px 24px; }
#order-standard_cart.mnh-order-cart .empty-cart { padding: 12px 4px; text-align: right; }
#order-standard_cart.mnh-order-cart .view-cart-tabs { margin-top: 16px; overflow: hidden; padding: 20px; }
#order-standard_cart.mnh-order-cart .view-cart-tabs .nav-tabs { border-bottom: 1px solid var(--mnh-border); margin-bottom: 16px; }
#order-standard_cart.mnh-order-cart .view-cart-tabs .tab-content { padding: 0; }
#order-standard_cart.mnh-order-cart .view-cart-tabs .form-group { margin-bottom: 12px; }
#order-standard_cart.mnh-order-cart .view-cart-tabs .btn { min-height: 44px; }
#order-standard_cart.mnh-order-cart .view-cart-promotion-code { color: var(--mnh-deep-emerald); font-weight: 700; margin-bottom: 12px; text-align: center; }
#order-standard_cart.mnh-order-cart .order-summary { padding: 24px; position: sticky; top: 24px; }
#order-standard_cart.mnh-order-cart .order-summary h2 { color: var(--mnh-night-forest); font-size: 22px; font-weight: 700; letter-spacing: -.02em; margin: 0 0 18px; }
#order-standard_cart.mnh-order-cart .order-summary .summary-container > .clearfix,
#order-standard_cart.mnh-order-cart .order-summary .bordered-totals > .clearfix { align-items: flex-start; border: 0; color: var(--mnh-text-secondary); display: flex; font-size: 14px; justify-content: space-between; line-height: 1.45; padding: 8px 0; }
#order-standard_cart.mnh-order-cart .order-summary .bordered-totals { border-bottom: 1px solid var(--mnh-border); border-top: 1px solid var(--mnh-border); margin: 8px 0; padding: 4px 0; }
#order-standard_cart.mnh-order-cart .order-summary .recurring-totals { color: var(--mnh-text-secondary); font-size: 13px; padding: 10px 0; }
#order-standard_cart.mnh-order-cart .order-summary .total-due-today { border-top: 1px solid var(--mnh-border); color: var(--mnh-night-forest); margin-top: 10px; padding: 18px 0; }
#order-standard_cart.mnh-order-cart .order-summary .total-due-today .amt { color: var(--mnh-night-forest); font-size: 25px; font-weight: 750; }
#order-standard_cart.mnh-order-cart .order-summary .express-checkout-buttons { display: grid; gap: 10px; margin: 10px 0; }
#order-standard_cart.mnh-order-cart .order-summary .text-right { text-align: left; }
#order-standard_cart.mnh-order-cart .order-summary .btn-checkout { align-items: center; background: var(--mnh-night-forest); border: 1px solid var(--mnh-night-forest); border-radius: var(--mnh-radius-button); color: var(--mnh-white); display: flex; font-size: 15px; font-weight: 700; justify-content: center; min-height: 48px; padding: 10px 16px; text-align: center; width: 100%; }
#order-standard_cart.mnh-order-cart .order-summary .btn-checkout:hover,
#order-standard_cart.mnh-order-cart .order-summary .btn-checkout:focus-visible { background: var(--mnh-deep-emerald); border-color: var(--mnh-deep-emerald); color: var(--mnh-white); }
#order-standard_cart.mnh-order-cart .order-summary .btn-continue-shopping { color: var(--mnh-deep-emerald); display: inline-block; margin-top: 12px; }
#order-standard_cart.mnh-order-cart .order-summary .loader { background: rgba(255,255,255,.82); border-radius: inherit; }
#order-standard_cart.mnh-order-cart .alert { border-radius: 12px; margin-bottom: 16px; }
@media (max-width: 900px) {
    #order-standard_cart.mnh-order-cart { padding: 34px 20px 48px; }
    #order-standard_cart.mnh-order-cart .cart-body > .row { grid-template-columns: minmax(0, 1fr); }
    #order-standard_cart.mnh-order-cart .order-summary { position: static; }
}
@media (max-width: 600px) {
    .mnh-order-cart-header__inner { min-height: 64px; padding: 0 14px; }
    .mnh-order-cart-brand__mark { flex-basis: 31px; height: 35px; width: 31px; }
    .mnh-order-cart-brand__mark img { height: 37px; }
    .mnh-order-cart-brand__name { font-size: 18px; }
    .mnh-order-cart-back { font-size: 12px; min-height: 40px; padding: 0 10px; }
    #order-standard_cart.mnh-order-cart { padding: 26px 14px 40px; }
    #order-standard_cart.mnh-order-cart .header-lined { margin-bottom: 20px; }
    #order-standard_cart.mnh-order-cart .view-cart-items .item { padding: 16px; }
    #order-standard_cart.mnh-order-cart .view-cart-items .item-price { padding-top: 12px; text-align: left; }
    #order-standard_cart.mnh-order-cart .order-summary,
    #order-standard_cart.mnh-order-cart .view-cart-tabs { padding: 18px; }
}