/* Amil Premium Stage 2 shell — utility bar unit. */
:root {
    --ap-shell-primary: #1267c9;
    --ap-shell-text: #1f2937;
    --ap-shell-muted: #6b7280;
    --ap-shell-line: #e6e9ee;
    --ap-utility-bg: #111315;
    --ap-utility-text: #f8fafc;
    --ap-utility-muted: #c7cbd1;
    --ap-utility-line: rgba(255,255,255,.14);
    --ap-focus: #74b7ff;
}

html[data-ap-theme="dark"] {
    color-scheme: dark;
}

html[data-ap-theme="light"] {
    color-scheme: light;
}

.top-navbar .pre-header.ap-utility {
    float: none;
    display: block;
    margin: 0;
    padding: 0;
    min-height: 34px;
    border: 0;
    background: var(--ap-utility-bg);
    color: var(--ap-utility-text);
    font-size: 12px;
    line-height: 1.2;
}

.ap-utility .container {
    width: min(100%, 1280px);
}

.ap-utility__inner {
    min-height: 34px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
}

.ap-utility__support,
.ap-utility__actions {
    display: flex;
    align-items: center;
    min-width: 0;
}

.ap-utility__support {
    gap: 0;
}

.top-navbar .pre-header.ap-utility a,
.top-navbar .pre-header.ap-utility button,
.top-navbar .pre-header.ap-utility summary,
.top-navbar .pre-header.ap-utility select {
    color: var(--ap-utility-text);
}

.ap-utility__support-link {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-right: 1px solid var(--ap-utility-line);
    white-space: nowrap;
    color: var(--ap-utility-muted) !important;
    transition: color .18s ease, background-color .18s ease;
}

.ap-utility__support-link:first-child {
    padding-left: 0;
}

.ap-utility__support-link:hover,
.ap-utility__support-link:focus {
    color: #fff !important;
    background: rgba(255,255,255,.035);
}

.ap-utility__support-link i {
    color: #fff;
    font-size: 11px !important;
}

.ap-utility__actions {
    justify-content: flex-end;
    margin-left: auto;
}

.ap-utility__control,
.ap-utility__account,
.ap-utility__currency {
    min-height: 34px;
    border-left: 1px solid var(--ap-utility-line);
}

.ap-utility__control {
    position: relative;
    min-width: 38px;
    padding: 0 11px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
    text-decoration: none !important;
    transition: background-color .18s ease, color .18s ease;
}

.ap-utility__control:hover,
.ap-utility__control:focus,
.ap-utility__menu[open] > .ap-utility__control {
    color: #fff !important;
    background: rgba(255,255,255,.07);
}

.ap-utility__control:focus-visible,
.ap-utility__support-link:focus-visible,
.ap-utility__account:focus-visible,
.ap-utility__popover a:focus-visible,
.ap-utility__currency select:focus-visible {
    outline: 2px solid var(--ap-focus) !important;
    outline-offset: -2px;
}

.ap-utility__control-text {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-utility__chevron {
    font-size: 9px !important;
    opacity: .68;
    transition: transform .18s ease;
}

.ap-utility__menu[open] .ap-utility__chevron {
    transform: rotate(180deg);
}

.ap-utility__menu {
    position: relative;
}

.ap-utility__menu > summary {
    list-style: none;
}

.ap-utility__menu > summary::-webkit-details-marker {
    display: none;
}

.ap-utility__popover {
    position: absolute;
    z-index: 1060;
    top: calc(100% + 8px);
    right: 0;
    width: 220px;
    padding: 8px;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background: #fff;
    color: #222b36;
    box-shadow: 0 16px 46px rgba(15,23,42,.18);
}

.ap-utility__popover::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 18px;
    width: 11px;
    height: 11px;
    border-top: 1px solid #e4e7ec;
    border-left: 1px solid #e4e7ec;
    background: #fff;
    transform: rotate(45deg);
}

.ap-utility__popover-title {
    padding: 7px 9px 9px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.top-navbar .pre-header.ap-utility .ap-utility__popover a {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #283240 !important;
    font-weight: 600;
}

.top-navbar .pre-header.ap-utility .ap-utility__popover a:hover,
.top-navbar .pre-header.ap-utility .ap-utility__popover a:focus,
.top-navbar .pre-header.ap-utility .ap-utility__popover a[aria-current="true"] {
    background: #f2f6fb;
    color: #0f5fb8 !important;
}

.ap-utility__currency {
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.ap-utility__currency select {
    width: auto;
    max-width: 112px;
    height: 28px;
    padding: 0 20px 0 4px;
    border: 0;
    background: transparent;
    color: var(--ap-utility-text);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.ap-utility__currency select option {
    color: #202938;
    background: #fff;
}

.ap-utility__cart {
    padding-right: 14px;
}

.ap-utility__badge {
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ap-shell-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    line-height: 17px;
}

.ap-utility__account {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 0 12px;
    color: var(--ap-utility-text) !important;
    text-decoration: none !important;
}

.ap-utility__account-icon {
    width: 24px;
    height: 24px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ap-utility__account-icon i {
    font-size: 11px !important;
}

.ap-utility__account-copy {
    display: flex;
    flex-direction: column;
    gap: 1px;
    white-space: nowrap;
}

.ap-utility__account-copy small {
    color: #aeb4bd;
    font-size: 9px;
    line-height: 1;
}

.ap-utility__account-copy strong {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
}

.ap-utility__account:hover .ap-utility__account-icon,
.ap-utility__account:focus .ap-utility__account-icon {
    border-color: rgba(255,255,255,.7);
    background: rgba(255,255,255,.07);
}

html[data-ap-theme="dark"] .ap-utility__popover {
    border-color: #303846;
    background: #171c24;
    color: #f4f7fb;
}

html[data-ap-theme="dark"] .ap-utility__popover::before {
    border-color: #303846;
    background: #171c24;
}

html[data-ap-theme="dark"] .ap-utility__popover-title {
    color: #aeb7c5;
}

html[data-ap-theme="dark"] .top-navbar .pre-header.ap-utility .ap-utility__popover a {
    color: #eef3f8 !important;
}

html[data-ap-theme="dark"] .top-navbar .pre-header.ap-utility .ap-utility__popover a:hover,
html[data-ap-theme="dark"] .top-navbar .pre-header.ap-utility .ap-utility__popover a:focus,
html[data-ap-theme="dark"] .top-navbar .pre-header.ap-utility .ap-utility__popover a[aria-current="true"] {
    background: #232b37;
    color: #8bc4ff !important;
}

@media (max-width: 991px) {
    .top-navbar .pre-header.ap-utility {
        min-height: 35px;
        display: block !important;
    }

    .ap-utility__inner,
    .ap-utility__support-link,
    .ap-utility__control,
    .ap-utility__account,
    .ap-utility__currency {
        min-height: 35px;
    }

    .ap-utility__support-email,
    .ap-utility__account-copy,
    .ap-utility__control-text {
        display: none;
    }

    .ap-utility__account {
        padding-left: 10px;
    }
}

@media (max-width: 620px) {
    .ap-utility .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ap-utility__inner {
        gap: 6px;
    }

    .ap-utility__support-link {
        padding-right: 9px;
    }

    .ap-utility__support-link span {
        max-width: 108px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ap-utility__currency {
        display: none;
    }

    .ap-utility__control {
        min-width: 34px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 390px) {
    .ap-utility__support-link span {
        display: none;
    }

    .ap-utility__support-link {
        width: 32px;
        padding: 0;
        justify-content: flex-start;
        border-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ap-utility *,
    .ap-utility *::before,
    .ap-utility *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Theme preference is introduced with the utility bar; later Stage 2 units extend these shell tokens. */
html[data-ap-theme="dark"] .top-navbar.navbar {
    background: #171b22;
    border-bottom-color: #2a303a !important;
}
html[data-ap-theme="dark"] .top-navbar .nav-top .navbar-nav > li > a,
html[data-ap-theme="dark"] .top-navbar .navbar-right > li > a {
    color: #eef2f7;
}
html[data-ap-theme="dark"] .top-navbar .nav-top .navbar-nav > li > a:hover,
html[data-ap-theme="dark"] .top-navbar .nav-top .navbar-nav > li > a:focus,
html[data-ap-theme="dark"] .top-navbar .navbar-right > li > a:hover,
html[data-ap-theme="dark"] .top-navbar .navbar-right > li > a:focus {
    color: #fff !important;
}
html[data-ap-theme="dark"] .top-navbar .navbar-brand img {
    filter: none;
}

.ap-utility__popover--notifications {
    width: min(360px, calc(100vw - 24px));
    max-height: 360px;
    overflow-y: auto;
}
.top-navbar .pre-header.ap-utility .ap-utility__popover--notifications .ap-notification-link {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid #edf0f4;
    border-radius: 0;
    font-weight: 500;
}
.top-navbar .pre-header.ap-utility .ap-utility__popover--notifications .ap-notification-link:last-child {
    border-bottom: 0;
}
.ap-notification-link strong {
    color: var(--ap-shell-primary);
    font-size: 11px;
}
.ap-utility__empty {
    padding: 12px 10px;
    color: #6b7280;
}
html[data-ap-theme="dark"] .top-navbar .pre-header.ap-utility .ap-utility__popover--notifications .ap-notification-link {
    border-bottom-color: #303846;
}
html[data-ap-theme="dark"] .ap-utility__empty {
    color: #aeb7c5;
}

/* v21.2.2 — collapsed navigation must render as one mobile header row. */
@media (max-width: 991px) {
    .top-navbar .pre-header.ap-utility {
        display: none !important;
        min-height: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    body.TMC {
        margin-top: 55px !important;
    }
}

/* v21.2.3 — hard mobile guard; release URL is cache-busted in head.tpl. */
@media (max-width: 991px) {
    body.TMC nav.top-navbar > .pre-header.ap-utility,
    body.TMC .top-navbar > [data-ap-utility] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.TMC {
        margin-top: 55px !important;
    }
}

/* ============================================================
   Stage 2 / v21.2.4 — Premium main header, mega-menu & drawer
   ============================================================ */
:root {
    --ap-header-height: 72px;
    --ap-header-bg: #ffffff;
    --ap-header-border: rgba(15, 23, 42, .09);
    --ap-header-text: #111827;
    --ap-header-muted: #667085;
    --ap-header-soft: #f6f8fb;
    --ap-header-soft-2: #eef3f8;
    --ap-header-shadow: 0 10px 30px rgba(15, 23, 42, .07);
    --ap-drawer-width: min(390px, 91vw);
}

body.TMC:not(.login) {
    margin-top: calc(35px + var(--ap-header-height)) !important;
}

body.TMC .top-navbar.ap-site-shell {
    min-height: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ap-main-header {
    position: relative;
    z-index: 1040;
    height: var(--ap-header-height);
    border-bottom: 1px solid var(--ap-header-border);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 4px 18px rgba(15, 23, 42, .035);
    backdrop-filter: saturate(150%) blur(14px);
    -webkit-backdrop-filter: saturate(150%) blur(14px);
}

.ap-header__inner {
    position: relative;
    height: var(--ap-header-height);
    display: flex;
    align-items: stretch;
    gap: 22px;
}

.ap-header__brand {
    flex: 0 0 auto;
    min-width: 132px;
    display: inline-flex;
    align-items: center;
    padding: 0;
    text-decoration: none !important;
}

.ap-header__logo {
    display: block;
    width: auto;
    max-width: 156px;
    max-height: 42px;
    object-fit: contain;
}

.ap-header__logo--dark { display: none; }
html[data-ap-theme="dark"] .ap-header__logo--light { display: none; }
html[data-ap-theme="dark"] .ap-header__logo--dark { display: block; }

.ap-header__desktop {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.ap-desktop-nav,
.ap-desktop-nav--fallback {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 2px;
    list-style: none;
}

.ap-desktop-nav__item {
    display: flex;
    align-items: stretch;
}

.ap-desktop-nav__link,
body.TMC .ap-desktop-nav--fallback > li > a {
    min-height: var(--ap-header-height);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 15px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ap-header-text) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease;
}

.ap-desktop-nav__link:hover,
.ap-desktop-nav__link:focus-visible,
.ap-nav-details[open] > .ap-desktop-nav__link,
body.TMC .ap-desktop-nav--fallback > li > a:hover,
body.TMC .ap-desktop-nav--fallback > li > a:focus {
    color: var(--ap-shell-primary) !important;
    background: rgba(15, 95, 184, .045) !important;
}

.ap-desktop-nav__link:focus-visible,
.ap-header__icon-button:focus-visible,
.ap-mega__card:focus-visible,
.ap-drawer-link:focus-visible,
.ap-drawer-setting:focus-visible,
.ap-drawer-tool:focus-visible {
    outline: 2px solid var(--ap-focus) !important;
    outline-offset: -2px;
}

.ap-nav-details,
.ap-header-search,
.ap-mobile-drawer,
.ap-drawer-section,
.ap-drawer-setting-menu {
    margin: 0;
}

.ap-nav-details > summary,
.ap-header-search > summary,
.ap-mobile-drawer > summary,
.ap-drawer-section > summary,
.ap-drawer-setting-menu > summary {
    list-style: none;
}

.ap-nav-details > summary::-webkit-details-marker,
.ap-header-search > summary::-webkit-details-marker,
.ap-mobile-drawer > summary::-webkit-details-marker,
.ap-drawer-section > summary::-webkit-details-marker,
.ap-drawer-setting-menu > summary::-webkit-details-marker {
    display: none;
}

.ap-nav-details > summary .fa-chevron-down {
    font-size: 9px;
    opacity: .62;
    transition: transform .18s ease;
}

.ap-nav-details[open] > summary .fa-chevron-down {
    transform: rotate(180deg);
}

.ap-mega {
    position: absolute;
    z-index: 1060;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    padding: 20px;
    border: 1px solid #e4e8ef;
    border-top: 2px solid var(--ap-shell-primary);
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .17);
    color: #172033;
}

.ap-mega__intro {
    min-width: 0;
    padding: 13px 15px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 7px;
    background: linear-gradient(145deg, #f6f9fc, #eef4fb);
}

.ap-mega__eyebrow {
    color: var(--ap-shell-primary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ap-mega__intro strong {
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.ap-mega__count {
    min-width: 26px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px #e1e7ef;
}

.ap-mega__grid {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.ap-mega__card {
    min-width: 0;
    min-height: 74px;
    padding: 11px 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 11px;
    background: #fff;
    color: #192235 !important;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.ap-mega__card:hover,
.ap-mega__card:focus {
    border-color: #dbe7f5;
    background: #f8fbff;
    box-shadow: 0 8px 22px rgba(15, 95, 184, .07);
    transform: translateY(-1px);
}

.ap-mega__icon,
.ap-drawer-link__icon {
    width: 40px;
    height: 40px;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f4f7fb;
    color: var(--ap-shell-primary);
}

.ap-mega__icon img,
.ap-drawer-link__icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ap-mega__copy,
.ap-drawer-link__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ap-mega__copy strong {
    overflow: hidden;
    color: #101828;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-mega__copy small {
    display: -webkit-box;
    overflow: hidden;
    color: #778296;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ap-mega__arrow {
    color: #a5afbd;
    font-size: 10px;
    transition: color .16s ease, transform .16s ease;
}

.ap-mega__card:hover .ap-mega__arrow,
.ap-mega__card:focus .ap-mega__arrow {
    color: var(--ap-shell-primary);
    transform: translateX(2px);
}

.ap-header__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ap-header__icon-button {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    color: #202a3a !important;
    font-size: 15px;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.ap-header__icon-button:hover,
.ap-header__icon-button:focus-visible,
.ap-header-search[open] > .ap-header__icon-button,
.ap-mobile-drawer[open] > .ap-drawer-toggle {
    border-color: #e1e7ef !important;
    background: #f5f8fc !important;
    color: var(--ap-shell-primary) !important;
}

.ap-header__badge {
    position: absolute;
    top: 3px;
    right: 2px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border: 2px solid #fff;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ap-shell-primary);
    color: #fff;
    font-size: 8px;
    font-weight: 800;
    line-height: 12px;
}

.ap-header-search {
    position: relative;
}

.ap-header-search__panel {
    position: absolute;
    z-index: 1070;
    top: calc(100% + 10px);
    right: 0;
    width: min(420px, calc(100vw - 28px));
    padding: 8px;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 22px 54px rgba(15, 23, 42, .18);
}

.ap-header-search__form {
    height: 46px;
    padding: 0 6px 0 13px;
    border: 1px solid #e1e7ef;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    color: #7c8798;
}

.ap-header-search__form input {
    width: 100%;
    height: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font-size: 13px;
}

.ap-header-search__submit {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--ap-shell-primary);
    color: #fff;
}

.ap-header__mobile-only,
.ap-mobile-drawer {
    display: none !important;
}

.ap-drawer-toggle__close {
    display: none;
}

html[data-ap-theme="dark"] .ap-main-header {
    border-color: #2a3340;
    background: rgba(20, 25, 33, .97);
}

html[data-ap-theme="dark"] .ap-desktop-nav__link,
html[data-ap-theme="dark"] .ap-header__icon-button {
    color: #eef3f8 !important;
}

html[data-ap-theme="dark"] .ap-mega,
html[data-ap-theme="dark"] .ap-header-search__panel {
    border-color: #303947;
    background: #171c24;
    color: #f2f5f8;
}

html[data-ap-theme="dark"] .ap-mega__intro {
    background: #202733;
}

html[data-ap-theme="dark"] .ap-mega__intro strong,
html[data-ap-theme="dark"] .ap-mega__copy strong {
    color: #f5f7fa;
}

html[data-ap-theme="dark"] .ap-mega__card {
    background: #171c24;
    color: #f5f7fa !important;
}

html[data-ap-theme="dark"] .ap-mega__card:hover,
html[data-ap-theme="dark"] .ap-mega__card:focus {
    border-color: #354253;
    background: #202733;
}

html[data-ap-theme="dark"] .ap-mega__icon,
html[data-ap-theme="dark"] .ap-drawer-link__icon {
    border-color: #35404e;
    background: #232b36;
}

html[data-ap-theme="dark"] .ap-header-search__form {
    border-color: #323d4b;
    background: #202733;
}

html[data-ap-theme="dark"] .ap-header-search__form input {
    color: #f4f7fa;
}

/* Mobile single-row header + native-details off-canvas drawer. */
@media (max-width: 991px) {
    :root { --ap-header-height: 60px; }

    body.TMC:not(.login) {
        margin-top: var(--ap-header-height) !important;
    }

    body.TMC .top-navbar.ap-site-shell > .pre-header.ap-utility {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    .ap-main-header {
        height: var(--ap-header-height);
        background: rgba(255,255,255,.985);
        box-shadow: 0 4px 18px rgba(15, 23, 42, .08);
    }

    .ap-header__inner {
        height: var(--ap-header-height);
        gap: 8px;
    }

    .ap-header__brand {
        min-width: 0;
        flex: 1 1 auto;
    }

    .ap-header__logo {
        max-width: 132px;
        max-height: 36px;
    }

    .ap-header__desktop {
        display: none !important;
    }

    .ap-header__actions {
        gap: 1px;
    }

    .ap-header__icon-button {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .ap-header__mobile-only,
    .ap-mobile-drawer.ap-header__mobile-only {
        display: inline-flex !important;
    }

    .ap-mobile-drawer.ap-header__mobile-only {
        align-items: center;
    }

    .ap-mobile-drawer[open] .ap-drawer-toggle__open { display: none; }
    .ap-mobile-drawer[open] .ap-drawer-toggle__close { display: inline-block; }

    .ap-mobile-drawer[open] > .ap-drawer-toggle {
        position: relative;
        z-index: 1105;
        background: #eef4fb !important;
    }

    .ap-drawer__backdrop {
        position: fixed;
        z-index: 1090;
        inset: 0;
        width: 100vw;
        height: 100vh;
        padding: 0;
        border: 0;
        background: rgba(15, 23, 42, .48);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        cursor: default;
        animation: apDrawerFadeIn .18s ease both;
    }

    .ap-drawer__panel {
        position: fixed;
        z-index: 1100;
        top: 0;
        right: 0;
        width: var(--ap-drawer-width);
        height: 100vh;
        min-height: 100dvh;
        border: 0;
        border-left: 1px solid #e4e9f0;
        display: flex;
        flex-direction: column;
        background: #fff;
        color: #152033;
        box-shadow: -24px 0 64px rgba(15, 23, 42, .18);
        outline: 0;
        animation: apDrawerSlideIn .22s cubic-bezier(.2,.75,.25,1) both;
    }

    .ap-drawer__head {
        flex: 0 0 60px;
        min-height: 60px;
        padding: 0 58px 0 18px;
        border-bottom: 1px solid #edf0f4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ap-drawer__brand img {
        display: block;
        width: auto;
        max-width: 128px;
        max-height: 34px;
    }

    .ap-drawer__status {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #12b886;
        box-shadow: 0 0 0 5px rgba(18,184,134,.1);
    }

    .ap-drawer__scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .ap-drawer__nav {
        padding: 12px 12px 6px;
    }

    .ap-drawer-link--top,
    .ap-drawer-section > summary {
        min-height: 48px;
        padding: 0 12px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: #172033 !important;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none !important;
        cursor: pointer;
    }

    .ap-drawer-link--top:hover,
    .ap-drawer-link--top:focus,
    .ap-drawer-section > summary:hover,
    .ap-drawer-section > summary:focus,
    .ap-drawer-section[open] > summary {
        background: #f4f7fb;
        color: var(--ap-shell-primary) !important;
    }

    .ap-drawer-section > summary .fa-chevron-down {
        color: #9aa5b4;
        font-size: 9px;
        transition: transform .18s ease;
    }

    .ap-drawer-section[open] > summary .fa-chevron-down {
        transform: rotate(180deg);
    }

    .ap-drawer-section__children {
        padding: 3px 0 7px 9px;
        display: grid;
        gap: 4px;
    }

    .ap-drawer-link--child {
        min-height: 62px;
        padding: 8px;
        border: 1px solid transparent;
        border-radius: 10px;
        display: grid;
        grid-template-columns: 38px minmax(0,1fr);
        align-items: center;
        gap: 10px;
        color: #1d2738 !important;
        text-decoration: none !important;
    }

    .ap-drawer-link--child:hover,
    .ap-drawer-link--child:focus {
        border-color: #e3e9f1;
        background: #f8fafc;
    }

    .ap-drawer-link__icon {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .ap-drawer-link__copy strong {
        color: inherit;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.25;
    }

    .ap-drawer-link__copy small {
        overflow: hidden;
        color: #7b8798;
        font-size: 10px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ap-drawer__fallback {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ap-drawer__fallback > li > a {
        min-height: 46px;
        padding: 12px !important;
        border-radius: 10px;
        color: #172033 !important;
        background: transparent !important;
    }

    .ap-drawer__tools {
        margin: 6px 12px 18px;
        padding-top: 14px;
        border-top: 1px solid #edf0f4;
    }

    .ap-drawer__quick-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        margin-bottom: 9px;
    }

    .ap-drawer-tool {
        min-width: 0;
        min-height: 62px;
        padding: 10px;
        border: 1px solid #e5eaf0;
        border-radius: 11px;
        display: grid;
        grid-template-columns: 20px minmax(0,1fr) auto;
        align-items: center;
        gap: 7px;
        background: #f8fafc;
        color: #1c2637 !important;
        font-size: 11px;
        text-decoration: none !important;
    }

    .ap-drawer-tool > i:first-child { color: var(--ap-shell-primary); }
    .ap-drawer-tool strong { color: var(--ap-shell-primary); }

    .ap-drawer-setting,
    .ap-drawer-currency {
        width: 100%;
        min-height: 46px;
        margin-top: 6px;
        padding: 0 12px;
        border: 1px solid #e7ebf1;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        background: #fff;
        color: #253044 !important;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        text-decoration: none !important;
        cursor: pointer;
    }

    .ap-drawer-setting > span {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .ap-drawer-setting > span > i:first-child { color: var(--ap-shell-primary); }

    .ap-drawer-setting-menu[open] > summary .fa-chevron-down { transform: rotate(180deg); }

    .ap-drawer-setting-menu__list {
        margin: 5px 0 0;
        padding: 6px;
        border: 1px solid #e6ebf1;
        border-radius: 10px;
        display: grid;
        gap: 2px;
        background: #fff;
    }

    .ap-drawer-setting-menu__list a {
        min-height: 38px;
        padding: 0 9px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #344054 !important;
        font-size: 11px;
        font-weight: 600;
        text-decoration: none !important;
    }

    .ap-drawer-setting-menu__list a:hover,
    .ap-drawer-setting-menu__list a:focus,
    .ap-drawer-setting-menu__list a[aria-current="true"] {
        background: #f3f7fb;
        color: var(--ap-shell-primary) !important;
    }

    .ap-drawer-currency label {
        margin: 0;
        color: #344054;
        font-size: 11px;
    }

    .ap-drawer-currency select {
        max-width: 145px;
        height: 32px;
        border: 1px solid #dde4ec;
        border-radius: 8px;
        background: #f8fafc;
        color: #253044;
        font-size: 11px;
    }

    .ap-drawer__support {
        margin-top: 10px;
        padding: 10px 4px 0;
        display: grid;
        gap: 5px;
    }

    .ap-drawer__support a {
        min-height: 34px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #697586 !important;
        font-size: 11px;
        font-weight: 600;
        text-decoration: none !important;
    }

    .ap-drawer__support a i {
        width: 18px;
        color: var(--ap-shell-primary);
        text-align: center;
    }

    body.ap-drawer-open {
        overflow: hidden !important;
        touch-action: none;
    }

    html[data-ap-theme="dark"] .ap-drawer__panel {
        border-color: #2f3845;
        background: #171c24;
        color: #f2f5f8;
    }

    html[data-ap-theme="dark"] .ap-drawer__head,
    html[data-ap-theme="dark"] .ap-drawer__tools {
        border-color: #2e3743;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--top,
    html[data-ap-theme="dark"] .ap-drawer-section > summary,
    html[data-ap-theme="dark"] .ap-drawer-setting,
    html[data-ap-theme="dark"] .ap-drawer-currency {
        border-color: #313b48;
        background: #171c24;
        color: #eef3f7 !important;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--top:hover,
    html[data-ap-theme="dark"] .ap-drawer-section > summary:hover,
    html[data-ap-theme="dark"] .ap-drawer-section[open] > summary,
    html[data-ap-theme="dark"] .ap-drawer-link--child:hover,
    html[data-ap-theme="dark"] .ap-drawer-tool,
    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list {
        border-color: #35404d;
        background: #202733;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--child,
    html[data-ap-theme="dark"] .ap-drawer-tool,
    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list a {
        color: #eef3f7 !important;
    }
}

@keyframes apDrawerSlideIn {
    from { transform: translate3d(100%,0,0); opacity: .5; }
    to { transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes apDrawerFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (min-width: 1200px) {
    .ap-mega { grid-template-columns: 200px minmax(0, 1fr); padding: 22px; }
    .ap-mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ap-header__inner { gap: 12px; }
    .ap-desktop-nav__link,
    body.TMC .ap-desktop-nav--fallback > li > a { padding-left: 10px !important; padding-right: 10px !important; font-size: 12px; }
    .ap-header__logo { max-width: 138px; }
}

[dir="rtl"] .ap-header-search__panel { right: auto; left: 0; }
[dir="rtl"] .ap-drawer__panel { right: auto; left: 0; border-left: 0; border-right: 1px solid #e4e9f0; box-shadow: 24px 0 64px rgba(15,23,42,.18); }
[dir="rtl"] .ap-drawer__head { padding: 0 18px 0 58px; }
[dir="rtl"] .ap-mega__arrow { transform: rotate(180deg); }
[dir="rtl"] .ap-mega__card:hover .ap-mega__arrow,
[dir="rtl"] .ap-mega__card:focus .ap-mega__arrow { transform: rotate(180deg) translateX(2px); }

@media (prefers-reduced-motion: reduce) {
    .ap-mega__card,
    .ap-mega__arrow,
    .ap-nav-details > summary .fa-chevron-down,
    .ap-drawer-section > summary .fa-chevron-down,
    .ap-drawer__panel,
    .ap-drawer__backdrop {
        animation: none !important;
        transition: none !important;
    }
}

body.TMC .top-navbar.ap-site-shell { margin: 0 !important; }
html[data-ap-theme="dark"] .ap-header__brand--default,
html[data-ap-theme="dark"] .ap-drawer__brand--default {
    padding: 0;
    border-radius: 0;
    background: transparent;
}
[dir="rtl"] .ap-drawer__panel { animation-name: apDrawerSlideInRtl; }
@keyframes apDrawerSlideInRtl {
    from { transform: translate3d(-100%,0,0); opacity: .5; }
    to { transform: translate3d(0,0,0); opacity: 1; }
}
.ap-mega__parent-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #0f172a !important;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
}
.ap-mega__parent-link i { color: var(--ap-shell-primary); font-size: 10px; }
html[data-ap-theme="dark"] .ap-mega__parent-link { color: #f5f7fa !important; }
@media (max-width: 991px) {
    .ap-drawer-parent-link {
        min-height: 36px;
        margin: 0 0 2px 48px;
        padding: 0 8px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--ap-shell-primary) !important;
        font-size: 10px;
        font-weight: 800;
        text-decoration: none !important;
    }
    .ap-drawer-parent-link:hover,
    .ap-drawer-parent-link:focus { background: #f3f7fb; }
    html[data-ap-theme="dark"] .ap-drawer-parent-link:hover,
    html[data-ap-theme="dark"] .ap-drawer-parent-link:focus { background: #202733; }
}

/* ============================================================
   Stage 2 / v21.2.5 — Mobile menu reset
   The mobile navigation is an integrated full-width panel below
   the fixed header, not a right-side drawer.
   ============================================================ */
@media (max-width: 991px) {
    :root {
        --ap-mobile-panel-bg: #ffffff;
        --ap-mobile-panel-border: #e7ecf2;
        --ap-mobile-panel-text: #172033;
        --ap-mobile-panel-muted: #6f7c8e;
        --ap-mobile-panel-soft: #f6f8fb;
    }

    .ap-mobile-drawer[open] > .ap-drawer-toggle {
        z-index: 1120;
        border-color: #dbe5f0 !important;
        background: #f3f7fb !important;
        color: var(--ap-shell-primary) !important;
    }

    .ap-drawer__backdrop {
        z-index: 1088;
        top: var(--ap-header-height);
        height: calc(100vh - var(--ap-header-height));
        height: calc(100dvh - var(--ap-header-height));
        background: rgba(15, 23, 42, .34);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        animation: apMobileMenuBackdropIn .16s ease both;
    }

    .ap-drawer__panel {
        z-index: 1100;
        top: var(--ap-header-height);
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: calc(100vh - var(--ap-header-height));
        max-height: calc(100dvh - var(--ap-header-height));
        border: 0;
        border-top: 1px solid var(--ap-mobile-panel-border);
        border-bottom: 1px solid var(--ap-mobile-panel-border);
        border-radius: 0 0 18px 18px;
        display: block;
        overflow: hidden;
        background: var(--ap-mobile-panel-bg);
        color: var(--ap-mobile-panel-text);
        box-shadow: 0 22px 52px rgba(15, 23, 42, .18);
        animation: apMobileMenuDropIn .2s cubic-bezier(.2,.78,.24,1) both;
    }

    .ap-drawer__scroll {
        width: 100%;
        max-height: calc(100vh - var(--ap-header-height));
        max-height: calc(100dvh - var(--ap-header-height));
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: 10px 14px max(14px, env(safe-area-inset-bottom));
    }

    .ap-drawer__nav,
    .ap-drawer__tools {
        width: min(100%, 560px);
        margin-right: auto;
        margin-left: auto;
    }

    .ap-drawer__nav {
        padding: 0;
    }

    .ap-drawer-link--top,
    .ap-drawer-section > summary {
        min-height: 48px;
        padding: 0 10px;
        border-bottom: 1px solid #edf1f5;
        border-radius: 0;
        background: transparent !important;
        color: var(--ap-mobile-panel-text) !important;
        font-size: 13px;
        font-weight: 760;
    }

    .ap-drawer-link--top:first-child,
    .ap-drawer-section:first-child > summary {
        border-top: 0;
    }

    .ap-drawer-link--top:hover,
    .ap-drawer-link--top:focus,
    .ap-drawer-section > summary:hover,
    .ap-drawer-section > summary:focus,
    .ap-drawer-section[open] > summary {
        background: transparent !important;
        color: var(--ap-shell-primary) !important;
    }

    .ap-drawer-link--top > i,
    .ap-drawer-section > summary .fa-chevron-down {
        width: 24px;
        height: 24px;
        border-radius: 7px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #f4f7fa;
        color: #8c98a8;
        font-size: 8px;
    }

    .ap-drawer-section__children {
        margin: 0;
        padding: 7px 4px 9px 14px;
        border-bottom: 1px solid #edf1f5;
        display: grid;
        gap: 2px;
        background: #fbfcfe;
    }

    .ap-drawer-parent-link {
        min-height: 40px;
        padding: 0 8px;
        border-radius: 8px;
        color: var(--ap-shell-primary) !important;
        font-size: 11px;
        font-weight: 750;
    }

    .ap-drawer-link--child {
        min-height: 44px;
        padding: 5px 7px;
        border: 0;
        border-radius: 8px;
        grid-template-columns: 30px minmax(0,1fr);
        gap: 9px;
        background: transparent;
    }

    .ap-drawer-link--child:hover,
    .ap-drawer-link--child:focus {
        border: 0;
        background: #f1f6fb;
    }

    .ap-drawer-link__icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        background: #f2f6fa;
    }

    .ap-drawer-link__copy strong {
        font-size: 11px;
        font-weight: 750;
    }

    .ap-drawer-link__copy small {
        display: none;
    }

    .ap-drawer__tools {
        margin-top: 10px;
        margin-bottom: 0;
        padding-top: 8px;
        border-top: 0;
    }

    .ap-drawer__quick-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-bottom: 8px;
    }

    .ap-drawer-tool {
        min-height: 44px;
        padding: 0 10px;
        border: 1px solid #e6ebf1;
        border-radius: 9px;
        grid-template-columns: 18px minmax(0,1fr) auto;
        background: #fafbfd;
        font-size: 10px;
    }

    .ap-drawer-setting,
    .ap-drawer-currency {
        min-height: 42px;
        margin-top: 5px;
        padding: 0 10px;
        border: 1px solid #e7ebf1;
        border-radius: 9px;
        background: #fff;
        font-size: 10px;
    }

    .ap-drawer-setting-menu__list {
        max-height: 178px;
        overflow-y: auto;
        overscroll-behavior: contain;
        margin-top: 5px;
        padding: 5px;
        border-radius: 9px;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 3px;
        box-shadow: inset 0 0 0 1px #e7ebf1;
    }

    .ap-drawer-setting-menu__list a {
        min-height: 34px;
        padding: 0 8px;
        border-radius: 7px;
        font-size: 10px;
    }

    .ap-drawer__support {
        margin-top: 8px;
        padding: 7px 2px 0;
        border-top: 1px solid #edf1f5;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 4px 10px;
    }

    .ap-drawer__support a {
        min-width: 0;
        min-height: 30px;
        gap: 7px;
        overflow: hidden;
        font-size: 10px;
        white-space: nowrap;
    }

    .ap-drawer__support a span {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.ap-drawer-open {
        overflow: hidden !important;
        touch-action: none;
    }

    /* Keep the menu visually stable when the site theme is changed. */
    html[data-ap-theme="dark"] {
        --ap-mobile-panel-bg: #171c24;
        --ap-mobile-panel-border: #2c3541;
        --ap-mobile-panel-text: #eef3f7;
        --ap-mobile-panel-muted: #9ca8b7;
        --ap-mobile-panel-soft: #202733;
    }

    html[data-ap-theme="dark"] .ap-drawer__panel {
        border-color: var(--ap-mobile-panel-border);
        background: var(--ap-mobile-panel-bg);
        color: var(--ap-mobile-panel-text);
    }

    html[data-ap-theme="dark"] .ap-drawer-link--top,
    html[data-ap-theme="dark"] .ap-drawer-section > summary {
        border-color: #2a3440;
        background: transparent !important;
        color: var(--ap-mobile-panel-text) !important;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--top > i,
    html[data-ap-theme="dark"] .ap-drawer-section > summary .fa-chevron-down {
        background: #222a35;
        color: #9eabb9;
    }

    html[data-ap-theme="dark"] .ap-drawer-section__children {
        border-color: #2a3440;
        background: #1a2029;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--child,
    html[data-ap-theme="dark"] .ap-drawer-parent-link {
        color: #eef3f7 !important;
    }

    html[data-ap-theme="dark"] .ap-drawer-link--child:hover,
    html[data-ap-theme="dark"] .ap-drawer-link--child:focus {
        background: #232c38;
    }

    html[data-ap-theme="dark"] .ap-drawer-link__icon {
        border-color: #34404d;
        background: #232c38;
    }

    html[data-ap-theme="dark"] .ap-drawer-tool,
    html[data-ap-theme="dark"] .ap-drawer-setting,
    html[data-ap-theme="dark"] .ap-drawer-currency,
    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list {
        border-color: #303a47;
        background: #1d242e;
        color: #eef3f7 !important;
    }

    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list a {
        color: #e6edf5 !important;
    }

    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list a:hover,
    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list a:focus,
    html[data-ap-theme="dark"] .ap-drawer-setting-menu__list a[aria-current="true"] {
        background: #27313e;
    }

    html[data-ap-theme="dark"] .ap-drawer__support {
        border-color: #2a3440;
    }
}

@keyframes apMobileMenuDropIn {
    from { transform: translate3d(0,-10px,0); opacity: 0; }
    to { transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes apMobileMenuBackdropIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 420px) {
    .ap-drawer__scroll {
        padding-right: 10px;
        padding-left: 10px;
    }
    .ap-drawer__support {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ap-drawer__panel,
    .ap-drawer__backdrop {
        animation: none !important;
    }
}

/* ============================================================
   Stage 2 / v21.2.7 — premium left mobile navigation
   Admin-managed images, title + subtitle, no close X, theme outside.
   ============================================================ */
.ap-mega__intro-icon {
    width: 56px;
    height: 56px;
    overflow: hidden;
    display: grid;
    place-items: center;
    border: 1px solid #dce5f0;
    border-radius: 15px;
    background: #fff;
    color: var(--ap-shell-primary);
    font-size: 18px;
    box-shadow: 0 8px 20px rgba(15,95,184,.08);
}
.ap-mega__intro-icon img { width: 100%; height: 100%; display: block; object-fit: cover; }
.ap-mega__intro-description {
    display: -webkit-box;
    overflow: hidden;
    color: #728097;
    font-size: 10.5px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.ap-header__theme-button {
    border-color: rgba(15,95,184,.10) !important;
    background: rgba(15,95,184,.045) !important;
}
html[data-ap-theme="dark"] .ap-header__theme-button {
    border-color: rgba(96,165,250,.18) !important;
    background: rgba(96,165,250,.09) !important;
    color: #dcecff !important;
}

@media (max-width: 991px) {
    .ap-mobile-drawer,
    .ap-drawer__backdrop,
    .ap-drawer__panel { display: none !important; }

    body.ap-mobile-menu-open {
        overflow: hidden !important;
    }

    .ap-mobile-menu.ap-header__mobile-only {
        position: static;
        display: inline-flex !important;
        align-items: center;
    }

    .ap-mobile-menu > summary,
    .ap-mobile-menu__section > summary,
    .ap-mobile-menu__language > summary { list-style: none; }

    .ap-mobile-menu > summary::-webkit-details-marker,
    .ap-mobile-menu__section > summary::-webkit-details-marker,
    .ap-mobile-menu__language > summary::-webkit-details-marker { display: none; }

    .ap-mobile-menu__open-icon { display: inline-block !important; }
    .ap-mobile-menu__close-icon { display: none !important; }

    .ap-mobile-menu[open] > .ap-mobile-menu__toggle {
        border-color: rgba(7,150,209,.20) !important;
        background: #eaf7fd !important;
        color: #078fca !important;
        box-shadow: inset 0 0 0 1px rgba(7,150,209,.04);
    }

    .ap-mobile-menu__panel {
        position: fixed;
        z-index: 1095;
        top: var(--ap-header-height);
        bottom: 0;
        left: 0;
        right: auto;
        width: min(365px, 91vw);
        height: calc(100vh - var(--ap-header-height));
        height: calc(100dvh - var(--ap-header-height));
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        border: 0;
        border-right: 1px solid rgba(255,255,255,.18);
        border-radius: 0 18px 18px 0;
        background:
            radial-gradient(circle at 18% 0%, rgba(255,255,255,.14), transparent 31%),
            linear-gradient(160deg, #079bd4 0%, #078cc6 50%, #066fa8 100%);
        color: #fff;
        box-shadow: 20px 0 48px rgba(4,46,76,.28);
        animation: apMobileMenuFromLeft .22s cubic-bezier(.2,.72,.2,1) both;
    }

    .ap-mobile-menu__nav { padding: 10px 10px 8px; }

    .ap-mobile-menu__row {
        width: 100%;
        min-height: 54px;
        padding: 8px 10px;
        border: 0;
        border-bottom: 1px solid rgba(255,255,255,.14);
        border-radius: 11px;
        display: flex;
        align-items: center;
        gap: 10px;
        background: transparent !important;
        color: #fff !important;
        text-decoration: none !important;
        cursor: pointer;
        transition: background-color .16s ease, transform .16s ease;
    }

    .ap-mobile-menu__row--rich { justify-content: flex-start; }
    .ap-mobile-menu__parent-icon {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 11px;
        background: rgba(255,255,255,.11);
        color: #fff;
        font-size: 13px;
    }
    .ap-mobile-menu__parent-icon img { width: 100%; height: 100%; display: block; object-fit: cover; }

    .ap-mobile-menu__row-copy {
        min-width: 0;
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        gap: 3px;
        text-align: left;
    }
    .ap-mobile-menu__row-copy strong {
        overflow: hidden;
        color: #fff;
        font-size: 12px;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ap-mobile-menu__row-copy small {
        display: -webkit-box;
        overflow: hidden;
        color: rgba(255,255,255,.72);
        font-size: 9px;
        font-weight: 500;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .ap-mobile-menu__chevron {
        width: 26px;
        height: 26px;
        flex: 0 0 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        color: rgba(255,255,255,.82);
        font-size: 9px;
        transition: transform .16s ease, background-color .16s ease;
    }

    .ap-mobile-menu__section[open] > .ap-mobile-menu__row {
        background: rgba(0,48,81,.16) !important;
    }
    .ap-mobile-menu__section[open] > .ap-mobile-menu__row > .ap-mobile-menu__chevron {
        transform: rotate(180deg);
        background: rgba(255,255,255,.08);
    }

    .ap-mobile-menu__children {
        margin: 4px 0 8px;
        padding: 4px;
        display: grid;
        gap: 5px;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 13px;
        background: rgba(0,48,81,.13);
        box-shadow: inset 0 1px rgba(255,255,255,.04);
    }

    .ap-mobile-menu__child {
        min-height: 58px;
        padding: 7px 8px;
        border: 1px solid transparent;
        border-radius: 10px;
        display: grid;
        grid-template-columns: 40px minmax(0,1fr) 22px;
        align-items: center;
        gap: 9px;
        background: rgba(255,255,255,.065);
        color: #fff !important;
        text-decoration: none !important;
        transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
    }
    .ap-mobile-menu__child:hover,
    .ap-mobile-menu__child:focus {
        border-color: rgba(255,255,255,.16);
        background: rgba(255,255,255,.12);
        color: #fff !important;
        text-decoration: none !important;
        transform: translateX(1px);
        outline: none;
    }

    .ap-mobile-menu__child-icon {
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 10px;
        background: rgba(255,255,255,.10);
        color: #fff;
        font-size: 12px;
    }
    .ap-mobile-menu__child-icon img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .ap-mobile-menu__child-copy {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    .ap-mobile-menu__child-copy strong {
        overflow: hidden;
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ap-mobile-menu__child-copy small {
        display: -webkit-box;
        overflow: hidden;
        color: rgba(255,255,255,.68);
        font-size: 8.8px;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .ap-mobile-menu__child-arrow {
        color: rgba(255,255,255,.58);
        font-size: 9px;
        text-align: center;
    }
    .ap-mobile-menu__child--parent { background: rgba(255,255,255,.09); }

    .ap-mobile-menu__row:hover,
    .ap-mobile-menu__row:focus {
        background: rgba(255,255,255,.07) !important;
        color: #fff !important;
        text-decoration: none !important;
        outline: none;
    }

    .ap-mobile-menu__bottom {
        position: sticky;
        bottom: 0;
        padding: 9px 10px max(11px, env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255,255,255,.13);
        background: rgba(3,75,112,.84);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .ap-mobile-menu__language { position: relative; width: 100%; }
    .ap-mobile-menu__language > summary {
        width: 100%;
        min-height: 40px;
        padding: 0 12px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        background: rgba(255,255,255,.08) !important;
        color: #fff !important;
        font-size: 10px;
        font-weight: 750;
        cursor: pointer;
    }
    .ap-mobile-menu__language > summary .fa-chevron-up {
        font-size: 8px;
        transition: transform .16s ease;
    }
    .ap-mobile-menu__language:not([open]) > summary .fa-chevron-up { transform: rotate(180deg); }

    .ap-mobile-menu__languages {
        margin-top: 6px;
        max-height: 190px;
        overflow-y: auto;
        padding: 5px;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 10px;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 3px;
        background: rgba(0,59,91,.24);
    }
    .ap-mobile-menu__languages a {
        min-height: 34px;
        padding: 0 8px;
        border-radius: 7px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 7px;
        color: #fff !important;
        font-size: 9.5px;
        font-weight: 650;
        text-decoration: none !important;
    }
    .ap-mobile-menu__languages a[aria-current="true"],
    .ap-mobile-menu__languages a:hover,
    .ap-mobile-menu__languages a:focus { background: rgba(255,255,255,.12); }

    .ap-mobile-menu__fallback { margin: 0; padding: 0; list-style: none; }
    .ap-mobile-menu__fallback > li > a {
        min-height: 50px;
        padding: 0 10px !important;
        border-bottom: 1px solid rgba(255,255,255,.14);
        display: flex !important;
        align-items: center;
        border-radius: 9px;
        background: transparent !important;
        color: #fff !important;
        font-size: 11px;
        font-weight: 750;
    }

    html[data-ap-theme="dark"] .ap-mobile-menu__panel,
    html[data-ap-theme="light"] .ap-mobile-menu__panel {
        background:
            radial-gradient(circle at 18% 0%, rgba(255,255,255,.14), transparent 31%),
            linear-gradient(160deg, #079bd4 0%, #078cc6 50%, #066fa8 100%);
        color: #fff;
    }

    [dir="rtl"] .ap-mobile-menu__panel {
        right: 0;
        left: auto;
        border-right: 0;
        border-left: 1px solid rgba(255,255,255,.18);
        border-radius: 18px 0 0 18px;
        animation-name: apMobileMenuFromRight;
    }

    [dir="rtl"] .ap-mobile-menu__row-copy { text-align: right; }

    @media (max-width: 420px) {
        .ap-header__actions { gap: 2px; }
        .ap-header__icon-button { width: 34px; height: 36px; border-radius: 9px; }
        .ap-header__brand { min-width: 90px; }
        .ap-header__logo { max-width: 118px; }
        .ap-mobile-menu__panel { width: min(350px, 94vw); }
    }
}

@keyframes apMobileMenuFromLeft {
    from { opacity: 0; transform: translate3d(-18px,0,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes apMobileMenuFromRight {
    from { opacity: 0; transform: translate3d(18px,0,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}

@media (prefers-reduced-motion: reduce) {
    .ap-mobile-menu__panel,
    .ap-mobile-menu__row,
    .ap-mobile-menu__child,
    .ap-mobile-menu__chevron,
    .ap-mobile-menu__language > summary .fa-chevron-up {
        animation: none !important;
        transition: none !important;
    }
    .ap-mobile-menu__child:hover,
    .ap-mobile-menu__child:focus { transform: none; }
}


/* ============================================================
   Stage 2 / v21.2.8 — Premium responsive navigation refinement
   - reference-inspired mobile composition: menu left, brand, actions right
   - account/login/register popover
   - admin-controlled motion + reactive states
   - active route indication and richer CMS image/title/subtitle cards
   ============================================================ */

.ap-mobile-account { position: relative; margin: 0; }
.ap-mobile-account > summary { list-style: none; }
.ap-mobile-account > summary::-webkit-details-marker { display: none; }
.ap-mobile-account__panel {
    position: absolute;
    z-index: 1125;
    top: calc(100% + 10px);
    right: 0;
    width: min(290px, calc(100vw - 24px));
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    display: grid;
    gap: 8px;
    background: #fff;
    color: #172033;
    box-shadow: 0 22px 54px rgba(15,23,42,.20);
}
.ap-mobile-account__intro {
    min-width: 0;
    padding: 5px 4px 10px;
    border-bottom: 1px solid #edf1f5;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ap-mobile-account__avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(7,155,212,.14), rgba(15,95,184,.08));
    color: var(--ap-shell-primary);
}
.ap-mobile-account__intro > span:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ap-mobile-account__intro strong { color: #111827; font-size: 12px; font-weight: 850; }
.ap-mobile-account__intro small { color: #788498; font-size: 9.5px; line-height: 1.35; }
.ap-mobile-account__primary,
.ap-mobile-account__secondary {
    min-height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
}
.ap-mobile-account__primary {
    background: linear-gradient(135deg, #079bd4, #0f5fb8);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(7,137,195,.16);
}
.ap-mobile-account__secondary {
    border: 1px solid #e4eaf1;
    background: #f8fafc;
    color: #243044 !important;
}
.ap-mobile-account__primary:hover,
.ap-mobile-account__primary:focus { color: #fff !important; filter: brightness(1.03); }
.ap-mobile-account__secondary:hover,
.ap-mobile-account__secondary:focus { border-color: #d7e5f2; background: #f1f7fc; color: var(--ap-shell-primary) !important; }

/* Current-route state is applied by amilpremium-shell.js without changing WHMCS routes. */
.ap-desktop-nav__link.is-current,
.ap-nav-details.has-current > .ap-desktop-nav__link {
    color: var(--ap-shell-primary) !important;
    background: rgba(15,95,184,.06) !important;
}
.ap-desktop-nav__link.is-current::after,
.ap-nav-details.has-current > .ap-desktop-nav__link::after {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 7px;
    left: 14px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #079bd4, var(--ap-shell-primary));
}
.ap-desktop-nav__link { position: relative; }
.ap-mega__card.is-current {
    border-color: rgba(7,155,212,.32);
    background: linear-gradient(135deg, rgba(7,155,212,.08), rgba(15,95,184,.035));
    box-shadow: inset 3px 0 0 #079bd4, 0 10px 24px rgba(15,95,184,.08);
}

/* Admin-controlled motion really reaches the frontend now. */
.ap-site-shell[data-ap-menu-motion="0"] .ap-mega,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mega__card,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mega__arrow,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mobile-menu__panel,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mobile-menu__row,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mobile-menu__child,
.ap-site-shell[data-ap-menu-motion="0"] .ap-mobile-menu__chevron {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-nav-details[open] .ap-mega,
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-mobile-menu[open] .ap-mobile-menu__panel {
    animation: apPremiumSoftIn .18s ease both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-nav-details[open] .ap-mega,
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-mobile-menu[open] .ap-mobile-menu__panel {
    animation: apPremiumFadeIn .14s ease both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega {
    animation: apPremiumSoftIn .18s ease both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega__card {
    animation: apPremiumCardIn .26s cubic-bezier(.2,.78,.2,1) both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(2) { animation-delay: .025s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(3) { animation-delay: .05s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(4) { animation-delay: .075s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(5) { animation-delay: .10s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(6) { animation-delay: .125s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(7) { animation-delay: .15s; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(8) { animation-delay: .175s; }

.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover,
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(15,95,184,.12);
}
.ap-site-shell[data-ap-menu-reactive="0"] .ap-mega__card:hover,
.ap-site-shell[data-ap-menu-reactive="0"] .ap-mega__card:focus-visible {
    transform: none;
}

@keyframes apPremiumSoftIn {
    from { opacity: 0; transform: translate3d(0,-6px,0) scale(.992); }
    to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes apPremiumFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes apPremiumCardIn {
    from { opacity: 0; transform: translate3d(0,7px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}

html[data-ap-theme="dark"] .ap-mobile-account__panel {
    border-color: #303a48;
    background: #171c24;
    color: #eef3f7;
}
html[data-ap-theme="dark"] .ap-mobile-account__intro { border-color: #2b3541; }
html[data-ap-theme="dark"] .ap-mobile-account__intro strong { color: #f4f7fa; }
html[data-ap-theme="dark"] .ap-mobile-account__intro small { color: #9da9b8; }
html[data-ap-theme="dark"] .ap-mobile-account__secondary {
    border-color: #34404e;
    background: #202733;
    color: #eef3f7 !important;
}

@media (max-width: 991px) {
    :root { --ap-header-height: 62px; }

    body.TMC:not(.login) { margin-top: var(--ap-header-height) !important; }

    .ap-main-header { height: var(--ap-header-height); }
    .ap-header__inner {
        height: var(--ap-header-height);
        align-items: center;
        gap: 5px;
    }

    /* Requested composition: hamburger LEFT, brand next, cart/theme/account RIGHT. */
    .ap-mobile-menu { order: 0; flex: 0 0 auto; }
    .ap-header__brand {
        order: 1;
        min-width: 0;
        flex: 1 1 auto;
        padding-left: 1px;
    }
    .ap-header__actions {
        order: 2;
        flex: 0 0 auto;
        gap: 1px;
    }
    .ap-header__desktop-search { display: none !important; }
    .ap-header__logo { max-width: 128px; max-height: 35px; }
    .ap-header__icon-button {
        width: 37px;
        height: 39px;
        border-radius: 10px;
        font-size: 15px;
    }
    .ap-mobile-menu__toggle {
        border-color: transparent !important;
        background: transparent !important;
        font-size: 18px;
    }
    .ap-mobile-menu[open] > .ap-mobile-menu__toggle {
        border-color: rgba(7,150,209,.16) !important;
        background: rgba(7,150,209,.08) !important;
        color: #078fca !important;
    }
    .ap-header__theme-button {
        border-color: transparent !important;
        background: transparent !important;
    }
    .ap-mobile-account { display: inline-flex !important; align-items: center; }

    /* Page dimming stays BELOW the fixed header/menu stacking context.
       The previous Android path placed a blurred layer above Bootstrap's fixed
       navbar, which made the menu itself look out of focus. */
    body.ap-mobile-menu-open::before {
        content: "";
        position: fixed;
        z-index: 1028;
        top: var(--ap-header-height);
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(7,19,31,.28);
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        pointer-events: none;
    }
    body.ap-mobile-menu-backdrop-none.ap-mobile-menu-open::before { display: none; }

    .ap-mobile-menu__panel {
        z-index: 1095;
        top: var(--ap-header-height);
        left: 0;
        right: auto;
        width: min(372px, 92vw);
        height: calc(100vh - var(--ap-header-height));
        height: calc(100dvh - var(--ap-header-height));
        overflow: hidden;
        border: 0;
        border-right: 1px solid rgba(255,255,255,.18);
        border-radius: 0 22px 22px 0;
        background: var(--ap-mobile-menu-start, #057fb7);
        color: var(--ap-mobile-menu-text, #fff);
        box-shadow: 24px 0 64px rgba(3,45,72,.30);
    }
    .ap-mobile-menu__surface {
        position: relative;
        min-height: 100%;
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background:
            radial-gradient(circle at 16% -8%, rgba(255,255,255,.18), transparent 29%),
            radial-gradient(circle at 90% 34%, color-mix(in srgb, var(--ap-mobile-menu-accent, #27BEEF) 32%, transparent), transparent 31%),
            linear-gradient(155deg, var(--ap-mobile-menu-start, #079ED8) 0%, color-mix(in srgb, var(--ap-mobile-menu-start, #079ED8) 48%, var(--ap-mobile-menu-end, #066DA5)) 48%, var(--ap-mobile-menu-end, #066DA5) 100%);
    }
    .ap-mobile-menu__surface::before {
        content: "";
        position: absolute;
        pointer-events: none;
        inset: 0;
        opacity: .20;
        background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
        background-size: 30px 30px;
        mask-image: linear-gradient(to bottom, #000, transparent 82%);
    }
    .ap-mobile-menu__surface > * { position: relative; z-index: 1; }

    .ap-mobile-menu__intro {
        min-height: 72px;
        margin: 0 10px;
        padding: 12px 6px 9px;
        border-bottom: 1px solid rgba(255,255,255,.15);
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .ap-mobile-menu__intro-mark {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border: 1px solid rgba(255,255,255,.20);
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255,255,255,.10);
        color: #fff;
        box-shadow: inset 0 1px rgba(255,255,255,.10);
    }
    .ap-mobile-menu__intro > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
    .ap-mobile-menu__intro strong { color: var(--ap-mobile-menu-text, #fff); font-size: 12px; font-weight: 850; line-height: 1.2; }
    .ap-mobile-menu__intro small {
        display: -webkit-box;
        overflow: hidden;
        color: rgba(255,255,255,.70);
        font-size: 9px;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .ap-mobile-menu__nav { padding: 8px 9px 8px; }
    .ap-mobile-menu__row {
        min-height: 58px;
        margin: 2px 0;
        padding: 8px 9px;
        border: 1px solid transparent;
        border-bottom-color: rgba(255,255,255,.10);
        border-radius: 12px;
        background: transparent !important;
    }
    .ap-mobile-menu__row:hover,
    .ap-mobile-menu__row:focus,
    .ap-mobile-menu__row.is-current,
    .ap-mobile-menu__section.has-current > .ap-mobile-menu__row,
    .ap-mobile-menu__section[open] > .ap-mobile-menu__row {
        border-color: rgba(255,255,255,.13);
        background: rgba(0,45,73,.18) !important;
        box-shadow: inset 0 1px rgba(255,255,255,.04);
    }
    .ap-mobile-menu__parent-icon {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-color: rgba(255,255,255,.22);
        border-radius: 12px;
        background: rgba(255,255,255,.11);
        box-shadow: 0 6px 16px rgba(0,45,73,.10);
    }
    .ap-mobile-menu__row-copy strong { font-size: 12px; font-weight: 850; }
    .ap-mobile-menu__row-copy small { font-size: 9.3px; -webkit-line-clamp: 2; }

    .ap-mobile-menu__children {
        margin: 5px 2px 9px 12px;
        padding: 6px;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 14px;
        gap: 5px;
        background: rgba(2,57,88,.18);
    }
    .ap-mobile-menu__child {
        min-height: 62px;
        padding: 8px;
        border-radius: 11px;
        grid-template-columns: 42px minmax(0,1fr) 22px;
        background: rgba(255,255,255,.065);
    }
    .ap-mobile-menu__child-icon {
        width: 42px;
        height: 42px;
        border-radius: 11px;
        background: rgba(255,255,255,.11);
    }
    .ap-mobile-menu__child-copy strong { font-size: 11.2px; }
    .ap-mobile-menu__child-copy small { font-size: 9px; -webkit-line-clamp: 2; }
    .ap-mobile-menu__child.is-current {
        border-color: rgba(255,255,255,.24);
        background: rgba(255,255,255,.15);
        box-shadow: inset 3px 0 0 rgba(255,255,255,.85);
    }

    .ap-site-shell[data-ap-menu-reactive="1"] .ap-mobile-menu__row:active,
    .ap-site-shell[data-ap-menu-reactive="1"] .ap-mobile-menu__child:active {
        transform: scale(.988);
    }

    .ap-mobile-menu__bottom {
        position: sticky;
        bottom: 0;
        padding: 10px 10px max(12px, env(safe-area-inset-bottom));
        background: linear-gradient(to top, color-mix(in srgb, var(--ap-mobile-menu-end, #066DA5) 96%, #000), color-mix(in srgb, var(--ap-mobile-menu-end, #066DA5) 82%, transparent));
    }

    /* Cascade mode animates the actual admin-managed menu items. */
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__panel {
        animation: apPremiumMobileFromLeft .24s cubic-bezier(.2,.76,.2,1) both;
    }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__row {
        animation: apPremiumMobileItemIn .28s cubic-bezier(.2,.76,.2,1) both;
    }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > :nth-child(2) { animation-delay: .025s; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > :nth-child(3) { animation-delay: .05s; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > :nth-child(4) { animation-delay: .075s; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > :nth-child(5) { animation-delay: .10s; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > :nth-child(6) { animation-delay: .125s; }

    .ap-mobile-account__panel { top: calc(100% + 11px); right: -2px; }

    [dir="rtl"] .ap-mobile-menu__panel {
        right: 0;
        left: auto;
        border-right: 0;
        border-left: 1px solid rgba(255,255,255,.18);
        border-radius: 22px 0 0 22px;
    }
    [dir="rtl"] .ap-mobile-account__panel { right: auto; left: -2px; }

    @media (max-width: 410px) {
        .ap-header__inner { gap: 2px; }
        .ap-header__logo { max-width: 114px; }
        .ap-header__icon-button { width: 34px; height: 38px; }
        .ap-mobile-menu__panel { width: min(355px, 94vw); }
    }
}

@keyframes apPremiumMobileFromLeft {
    from { opacity: .55; transform: translate3d(-26px,0,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes apPremiumMobileItemIn {
    from { opacity: 0; transform: translate3d(-8px,6px,0); }
    to { opacity: 1; transform: translate3d(0,0,0); }
}

@media (prefers-reduced-motion: reduce) {
    .ap-site-shell .ap-mega,
    .ap-site-shell .ap-mega__card,
    .ap-site-shell .ap-mobile-menu__panel,
    .ap-site-shell .ap-mobile-menu__row,
    .ap-site-shell .ap-mobile-menu__child,
    .ap-site-shell .ap-mobile-account__panel {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* Stage 2 / v21.2.9 — mobile-menu clarity + admin colour controls + dark-logo variant */
@media (max-width: 991px) {
    .ap-mobile-menu__panel,
    .ap-mobile-menu__surface {
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }
    .ap-mobile-menu__row,
    .ap-mobile-menu__child,
    .ap-mobile-menu__intro,
    .ap-mobile-menu__bottom {
        color: var(--ap-mobile-menu-text, #fff);
    }
    @supports not (color: color-mix(in srgb, #000 50%, #fff)) {
        .ap-mobile-menu__surface {
            background: linear-gradient(155deg, var(--ap-mobile-menu-start, #079ED8), var(--ap-mobile-menu-end, #066DA5));
        }
        .ap-mobile-menu__bottom { background: rgba(3,70,106,.94); }
    }
}

@media (max-width: 991px) {
    .ap-mobile-menu__intro-mark,
    .ap-mobile-menu__row-copy strong,
    .ap-mobile-menu__child-copy strong,
    .ap-mobile-menu__chevron,
    .ap-mobile-menu__child-arrow,
    .ap-mobile-menu__language > summary,
    .ap-mobile-menu__languages a {
        color: var(--ap-mobile-menu-text, #fff) !important;
    }
    .ap-mobile-menu__intro small,
    .ap-mobile-menu__row-copy small,
    .ap-mobile-menu__child-copy small {
        color: color-mix(in srgb, var(--ap-mobile-menu-text, #fff) 72%, transparent) !important;
    }
}


/* Stage 2 / v21.3.0 — unified desktop/mobile navigation palette + theme persistence polish */
@media (min-width: 992px) {
    .ap-mega { border-top-color: var(--ap-menu-accent, #27BEEF); }
    .ap-mega__intro {
        color: var(--ap-menu-text, #fff);
        background:
            radial-gradient(circle at 15% 0%, rgba(255,255,255,.18), transparent 34%),
            linear-gradient(145deg, var(--ap-menu-start, #079ED8), var(--ap-menu-end, #066DA5));
        box-shadow: inset 0 1px rgba(255,255,255,.12);
    }
    .ap-mega__intro-icon { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.12); color: var(--ap-menu-text, #fff); }
    .ap-mega__eyebrow, .ap-mega__intro strong, .ap-mega__intro-description, .ap-mega__parent-link, .ap-mega__parent-link i { color: var(--ap-menu-text, #fff) !important; }
    .ap-mega__intro-description { opacity: .78; }
    .ap-mega__count { background: rgba(255,255,255,.13); color: var(--ap-menu-text, #fff); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
    .ap-desktop-nav__link:hover, .ap-desktop-nav__link:focus-visible, .ap-nav-details[open] > .ap-desktop-nav__link { color: var(--ap-menu-end, var(--ap-shell-primary)) !important; }
    .ap-desktop-nav__link.is-current::after, .ap-nav-details.has-current > .ap-desktop-nav__link::after { background: linear-gradient(90deg, var(--ap-menu-start, #079BD4), var(--ap-menu-accent, #27BEEF)); }
    .ap-mega__card.is-current { border-color: color-mix(in srgb, var(--ap-menu-accent, #27BEEF) 38%, #dbe7f5); box-shadow: inset 3px 0 0 var(--ap-menu-accent, #27BEEF), 0 10px 24px rgba(15,95,184,.08); }
    .ap-mega__icon { color: var(--ap-menu-end, var(--ap-shell-primary)); background: color-mix(in srgb, var(--ap-menu-start, #079ED8) 8%, #fff); }
    .ap-mega__card:hover .ap-mega__arrow, .ap-mega__card:focus .ap-mega__arrow { color: var(--ap-menu-accent, #27BEEF); }
    .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover, .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible { border-color: color-mix(in srgb, var(--ap-menu-accent, #27BEEF) 24%, #dbe7f5); }
}
html[data-ap-theme="dark"] .ap-mega__intro { color: var(--ap-menu-text, #fff); }

/* Stage 2 / v21.3.2 — visibly distinct admin-controlled navigation motion */
.ap-site-shell {
    --ap-menu-panel-duration: .30s;
    --ap-menu-card-duration: .34s;
    --ap-menu-stagger: .045s;
}
.ap-site-shell[data-ap-menu-speed="slow"] { --ap-menu-panel-duration:.46s; --ap-menu-card-duration:.50s; --ap-menu-stagger:.07s; }
.ap-site-shell[data-ap-menu-speed="fast"] { --ap-menu-panel-duration:.19s; --ap-menu-card-duration:.22s; --ap-menu-stagger:.028s; }

.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega {
    animation: apMenuCascadePanel var(--ap-menu-panel-duration) cubic-bezier(.2,.8,.2,1) both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega__card {
    animation: apMenuCascadeCard var(--ap-menu-card-duration) cubic-bezier(.18,.82,.2,1) both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(1){animation-delay:0s}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(2){animation-delay:calc(var(--ap-menu-stagger) * 1)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(3){animation-delay:calc(var(--ap-menu-stagger) * 2)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(4){animation-delay:calc(var(--ap-menu-stagger) * 3)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(5){animation-delay:calc(var(--ap-menu-stagger) * 4)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(6){animation-delay:calc(var(--ap-menu-stagger) * 5)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(7){animation-delay:calc(var(--ap-menu-stagger) * 6)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card:nth-child(8){animation-delay:calc(var(--ap-menu-stagger) * 7)}

.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-nav-details[open] .ap-mega {
    animation: apMenuSoftPanel var(--ap-menu-panel-duration) cubic-bezier(.22,.68,.25,1) both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-nav-details[open] .ap-mega__card { animation:none; }
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-nav-details[open] .ap-mega {
    animation: apMenuMinimalPanel min(var(--ap-menu-panel-duration), .16s) linear both;
}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-nav-details[open] .ap-mega__card { animation:none; }

.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover,
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible {
    transform: translateY(-4px) scale(1.012);
    border-color: color-mix(in srgb, var(--ap-menu-accent,#27BEEF) 38%, #dbe7f5);
    box-shadow: 0 16px 34px color-mix(in srgb, var(--ap-menu-end,#066DA5) 15%, transparent);
}
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover .ap-mega__icon,
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible .ap-mega__icon { transform:translateY(-2px) scale(1.055); }
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover .ap-mega__arrow,
.ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible .ap-mega__arrow { transform:translateX(4px); }
.ap-mega__icon { transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background-color .2s ease; }

@keyframes apMenuCascadePanel { from{opacity:0;transform:translate3d(0,-13px,0) scale(.982)} to{opacity:1;transform:none} }
@keyframes apMenuCascadeCard { from{opacity:0;transform:translate3d(0,15px,0) scale(.965)} to{opacity:1;transform:none} }
@keyframes apMenuSoftPanel { from{opacity:0;transform:translate3d(0,-9px,0) scale(.99)} to{opacity:1;transform:none} }
@keyframes apMenuMinimalPanel { from{opacity:.25} to{opacity:1} }

@media (max-width:991px) {
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__panel {
        animation:apMenuMobileCascade var(--ap-menu-panel-duration) cubic-bezier(.18,.82,.2,1) both;
    }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu[open] .ap-mobile-menu__nav > * {
        animation:apMenuMobileRow var(--ap-menu-card-duration) cubic-bezier(.18,.82,.2,1) both;
    }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(1){animation-delay:0s}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(2){animation-delay:calc(var(--ap-menu-stagger) * 1)}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(3){animation-delay:calc(var(--ap-menu-stagger) * 2)}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(4){animation-delay:calc(var(--ap-menu-stagger) * 3)}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(5){animation-delay:calc(var(--ap-menu-stagger) * 4)}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mobile-menu__nav > :nth-child(6){animation-delay:calc(var(--ap-menu-stagger) * 5)}
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-mobile-menu[open] .ap-mobile-menu__panel { animation:apMenuMobileSoft var(--ap-menu-panel-duration) ease both; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-mobile-menu[open] .ap-mobile-menu__nav > * { animation:none; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-mobile-menu[open] .ap-mobile-menu__panel { animation:apMenuMinimalPanel min(var(--ap-menu-panel-duration), .16s) linear both; }
    .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-mobile-menu[open] .ap-mobile-menu__nav > * { animation:none; }
    @keyframes apMenuMobileCascade { from{opacity:0;transform:translate3d(-28px,0,0) scale(.992)} to{opacity:1;transform:none} }
    @keyframes apMenuMobileRow { from{opacity:0;transform:translate3d(-13px,0,0)} to{opacity:1;transform:none} }
    @keyframes apMenuMobileSoft { from{opacity:0;transform:translate3d(-10px,0,0)} to{opacity:1;transform:none} }
}

@media (prefers-reduced-motion:reduce) {
    .ap-site-shell .ap-mega,.ap-site-shell .ap-mega__card,.ap-site-shell .ap-mobile-menu__panel,.ap-site-shell .ap-mobile-menu__nav>* { animation:none!important; transition:none!important; transform:none!important; }
}

/* v21.3.2 — desktop palette is visibly admin-controlled without overpowering content */
@media (min-width: 992px) {
    .ap-site-shell .ap-mega {
        background:
            linear-gradient(180deg,
                color-mix(in srgb, var(--ap-menu-start, #079ED8) 5%, #fff) 0,
                #fff 44%,
                color-mix(in srgb, var(--ap-menu-end, #066DA5) 2.5%, #fff) 100%);
        border-color: color-mix(in srgb, var(--ap-menu-accent, #27BEEF) 22%, #dbe7f5);
        box-shadow: 0 22px 55px color-mix(in srgb, var(--ap-menu-end, #066DA5) 11%, rgba(15,23,42,.13));
    }
    .ap-site-shell .ap-mega__card {
        background: color-mix(in srgb, var(--ap-menu-start, #079ED8) 2.7%, #fff);
        transition: transform .24s cubic-bezier(.2,.8,.2,1), border-color .2s ease, box-shadow .22s ease, background-color .22s ease;
    }
    .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover,
    .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible {
        background: color-mix(in srgb, var(--ap-menu-start, #079ED8) 7.5%, #fff);
    }
    html[data-ap-theme="dark"] .ap-site-shell .ap-mega {
        background:
            linear-gradient(180deg,
                color-mix(in srgb, var(--ap-menu-start, #079ED8) 9%, #171c24) 0,
                #171c24 46%,
                color-mix(in srgb, var(--ap-menu-end, #066DA5) 6%, #171c24) 100%);
        border-color: color-mix(in srgb, var(--ap-menu-accent, #27BEEF) 24%, #2b3442);
    }
    html[data-ap-theme="dark"] .ap-site-shell .ap-mega__card {
        background: color-mix(in srgb, var(--ap-menu-start, #079ED8) 4%, #1c222c);
    }
    html[data-ap-theme="dark"] .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:hover,
    html[data-ap-theme="dark"] .ap-site-shell[data-ap-menu-reactive="1"] .ap-mega__card:focus-visible {
        background: color-mix(in srgb, var(--ap-menu-start, #079ED8) 10%, #1c222c);
    }
}

/* v21.3.3 — Premium homepage, real domain ribbon and original footer. */
.ap-home {
    --ap-home-bg:#f6f8fb;
    --ap-home-surface:#fff;
    --ap-home-text:#152033;
    --ap-home-muted:#657186;
    --ap-home-line:#e3e9f1;
    --ap-home-primary:var(--ap-shell-primary,#1267c9);
    overflow:hidden;
    background:var(--ap-home-bg);
    color:var(--ap-home-text);
}
html[data-ap-theme="dark"] .ap-home {
    --ap-home-bg:#0e131b;
    --ap-home-surface:#161d27;
    --ap-home-text:#f5f7fa;
    --ap-home-muted:#a4afbf;
    --ap-home-line:#273242;
}
.ap-home .container,.ap-premium-footer .container,.ap-shell-breadcrumbs .container { width:min(calc(100% - 32px),1280px); }
.ap-eyebrow { display:inline-flex;align-items:center;gap:7px;color:var(--ap-home-primary,#1267c9);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase; }
.ap-eyebrow:before { content:"";width:20px;height:2px;border-radius:99px;background:currentColor; }
.ap-home-heading { max-width:760px;margin:0 auto 34px;text-align:center; }
.ap-home-heading h2 { margin:10px 0 11px;color:var(--ap-home-text);font-size:clamp(28px,3.2vw,44px);font-weight:850;line-height:1.08;letter-spacing:-.035em; }
.ap-home-heading p { margin:0;color:var(--ap-home-muted);font-size:16px;line-height:1.75; }
.ap-home-section { position:relative;padding:76px 0; }
.ap-text-link { display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--ap-home-primary)!important;font-weight:800; }
.ap-text-link:hover,.ap-text-link:focus { gap:12px;text-decoration:none; }

.ap-domain-ribbon { position:relative;z-index:5;padding:22px 0;background:#fff;border-bottom:1px solid #e7edf4;isolation:isolate; }
.ap-domain-ribbon:before { content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(18,103,201,.035),rgba(39,190,239,.045)),var(--ap-domain-media);background-size:cover;background-position:center;opacity:.8; }
html[data-ap-theme="dark"] .ap-domain-ribbon { background:#111821;border-color:#263142; }
.ap-domain-ribbon__inner { display:grid;grid-template-columns:minmax(190px,.65fr) minmax(420px,1.55fr);gap:16px 22px;align-items:center; }
.ap-domain-ribbon__copy { display:grid;gap:4px; }
.ap-domain-ribbon__copy strong { color:#172033;font-size:18px;line-height:1.25; }
html[data-ap-theme="dark"] .ap-domain-ribbon__copy strong { color:#f5f7fa; }
.ap-domain-ribbon__form { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px; }
.ap-domain-ribbon__search { position:relative;display:flex;align-items:center; }
.ap-domain-ribbon__search i { position:absolute;left:16px;z-index:2;color:#718096; }
.ap-domain-ribbon__search .form-control { height:50px!important;padding:9px 16px 9px 43px;border:1px solid #d9e2ee!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 20px rgba(20,39,71,.045)!important;color:#172033!important;font-size:15px; }
html[data-ap-theme="dark"] .ap-domain-ribbon__search .form-control { background:#171f2a!important;border-color:#2d394a!important;color:#f5f7fa!important; }
.ap-domain-ribbon__actions { display:flex;gap:7px; }
.ap-domain-ribbon__actions .btn { min-height:50px;border-radius:13px!important;display:inline-flex;align-items:center;gap:7px;justify-content:center;font-weight:800;box-shadow:none!important; }
.ap-domain-ribbon__actions .btn-inverse { border:1px solid #d9e2ee!important;background:#f8fafc!important;color:#263246!important; }
html[data-ap-theme="dark"] .ap-domain-ribbon__actions .btn-inverse { border-color:#304053!important;background:#1b2532!important;color:#e7edf5!important; }
.ap-domain-ribbon__tlds { grid-column:2;display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none; }
.ap-domain-ribbon__tlds::-webkit-scrollbar { display:none; }
.ap-domain-tld { min-width:max-content;padding:7px 10px;border:1px solid #e2e8f1;border-radius:10px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.78); }
.ap-domain-tld b { color:#172033;font-size:12px; }.ap-domain-tld small { color:#738096;font-size:10px; }
html[data-ap-theme="dark"] .ap-domain-tld { border-color:#2d3948;background:rgba(22,30,41,.88); }.ap-domain-tld b,html[data-ap-theme="dark"] .ap-domain-tld b{color:inherit}html[data-ap-theme="dark"] .ap-domain-tld{color:#f4f6f9}

.ap-home-hero { position:relative;background:#081525; }
.ap-home-hero__carousel,.ap-home-hero__carousel .carousel-inner,.ap-home-hero__slide { min-height:590px; }
.ap-home-hero__slide { position:relative;background:#081525 var(--ap-hero-slide) center/cover no-repeat; }
.ap-home-hero__slide:before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,31,.93) 0%,rgba(7,23,43,.79) 43%,rgba(8,28,52,.26) 72%,rgba(8,28,52,.08) 100%); }
.ap-home-hero__slide:after { content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(0deg,rgba(4,14,27,.32),transparent); }
.ap-home-hero__content { position:relative;z-index:2;width:min(660px,62%);padding:118px 0 112px;color:#fff; }
.ap-home-hero__content .ap-eyebrow { color:#8edfff; }
.ap-home-hero__content h1,.ap-home-hero__content h2 { margin:14px 0 17px;color:#fff;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:.99;letter-spacing:-.055em;text-shadow:0 8px 30px rgba(0,0,0,.2); }
.ap-home-hero__content p { max-width:610px;margin:0;color:rgba(255,255,255,.83);font-size:18px;line-height:1.7; }
.ap-home-hero__actions { margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap; }
.ap-home-hero__actions .btn { border-radius:13px!important;display:inline-flex;align-items:center;gap:9px;font-weight:850; }
.ap-home-hero__secondary { color:#fff!important;font-weight:800;border-bottom:1px solid rgba(255,255,255,.38);padding-bottom:3px; }
.ap-home-hero__secondary:hover,.ap-home-hero__secondary:focus { color:#a9e8ff!important;text-decoration:none;border-color:#a9e8ff; }
.ap-home-hero__dots { left:calc(50% - min(640px,calc(50vw - 16px)));right:auto;bottom:32px;width:auto;margin:0;display:flex;gap:7px; }
.ap-home-hero__dots li { width:28px;height:4px;margin:0;border:0;border-radius:99px;background:rgba(255,255,255,.34);transition:width .2s ease,background-color .2s ease; }
.ap-home-hero__dots li.active { width:52px;height:4px;background:#fff; }
.ap-home-hero__control { width:54px;height:54px;top:50%;bottom:auto;margin-top:-27px;border-radius:50%;display:grid;place-items:center;background:rgba(8,20,36,.32)!important;border:1px solid rgba(255,255,255,.18);opacity:0;transition:.2s ease; }
.ap-home-hero:hover .ap-home-hero__control,.ap-home-hero__control:focus { opacity:1; }.ap-home-hero__control.left{left:22px}.ap-home-hero__control.right{right:22px}.ap-home-hero__control i{position:static;color:#fff;font-size:16px}

.ap-home-promo { position:relative;z-index:4;margin-top:-22px; }.ap-home-promo__inner { padding:18px 22px;border:1px solid #dfe8f4;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(27,51,84,.13); }.ap-home-promo__inner>div{display:grid;gap:3px}.ap-home-promo__inner strong{color:#172033;font-size:18px}.ap-home-promo__inner p{margin:0;color:#66738a}.ap-home-promo__inner .btn{border-radius:12px!important;white-space:nowrap}.ap-home-promo__inner .ap-eyebrow{font-size:9px}
html[data-ap-theme="dark"] .ap-home-promo__inner{border-color:#2b3747;background:rgba(20,27,37,.97)}html[data-ap-theme="dark"] .ap-home-promo__inner strong{color:#f5f7fa}html[data-ap-theme="dark"] .ap-home-promo__inner p{color:#aab4c3}

.ap-home-services:before { content:"";position:absolute;inset:0;background-image:var(--ap-section-media);background-position:center;background-size:cover;opacity:.025;pointer-events:none; }
.ap-service-grid { position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
.ap-service-card { min-width:0;padding:20px;border:1px solid var(--ap-home-line);border-radius:20px;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:14px;align-items:center;background:var(--ap-home-surface);box-shadow:0 8px 30px rgba(30,51,81,.055);color:var(--ap-home-text)!important;transition:transform .23s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .23s ease; }
.ap-service-card:hover,.ap-service-card:focus { transform:translateY(-5px);border-color:color-mix(in srgb,var(--ap-home-primary) 34%,var(--ap-home-line));box-shadow:0 18px 46px rgba(28,55,94,.12);text-decoration:none; }
.ap-service-card__visual { width:58px;height:58px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ap-home-primary) 11%,var(--ap-home-surface)),color-mix(in srgb,#27beef 7%,var(--ap-home-surface)));color:var(--ap-home-primary);font-size:21px; }
.ap-service-card__visual img { width:100%;height:100%;object-fit:cover; }.ap-service-card__body{min-width:0;display:grid;gap:5px}.ap-service-card__body strong{color:var(--ap-home-text);font-size:15px}.ap-service-card__body small{display:-webkit-box;overflow:hidden;color:var(--ap-home-muted);font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ap-service-card__arrow{color:var(--ap-home-primary);font-size:12px}

.ap-home-featured { padding-top:20px; }.ap-featured-strip { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.ap-featured-card { min-height:120px;padding:20px;border-radius:20px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;background:linear-gradient(145deg,#0d2038,#102c4d);color:#fff!important;box-shadow:0 16px 40px rgba(9,31,57,.16); }.ap-featured-card:hover,.ap-featured-card:focus{text-decoration:none;transform:translateY(-3px)}.ap-featured-card>span{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#8fdfff;font-size:19px}.ap-featured-card>div{display:grid;gap:5px}.ap-featured-card strong{font-size:16px}.ap-featured-card small{color:rgba(255,255,255,.68);font-size:11px;line-height:1.5}.ap-featured-card>i{color:rgba(255,255,255,.55)}

.ap-home-why { background:var(--ap-home-surface); }.ap-benefit-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.ap-benefit-card { min-width:0;padding:24px;border:1px solid var(--ap-home-line);border-radius:20px;background:var(--ap-home-bg); }.ap-benefit-card>span { width:48px;height:48px;margin-bottom:19px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 10%,var(--ap-home-surface));color:var(--ap-home-primary);font-size:18px; }.ap-benefit-card h3{margin:0 0 9px;color:var(--ap-home-text);font-size:17px}.ap-benefit-card p{margin:0;color:var(--ap-home-muted);font-size:12px;line-height:1.65}

.ap-home-split__grid { display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center; }.ap-home-split__copy h2,.ap-home-migration__copy h2{margin:11px 0 15px;color:var(--ap-home-text);font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.07;letter-spacing:-.04em}.ap-home-split__copy>p,.ap-home-migration__copy>p{color:var(--ap-home-muted);font-size:15px;line-height:1.75}.ap-home-split__visual{min-height:390px;border-radius:26px;overflow:hidden;background:#0e2038;box-shadow:0 24px 65px rgba(17,38,68,.16)}.ap-home-split__visual img{width:100%;height:100%;min-height:390px;object-fit:cover}.ap-home-split--dark{background:#0c1828;color:#fff}.ap-home-split--dark .ap-home-split__copy h2{color:#fff}.ap-home-split--dark .ap-home-split__copy>p{color:#aebbc9}.ap-check-list{margin:22px 0;padding:0;list-style:none;display:grid;gap:10px}.ap-check-list li{position:relative;padding-left:28px;color:#dce5ef;font-weight:650}.ap-check-list li:before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(71,199,255,.12);color:#73d7ff;font-size:11px}

.ap-home-security__inner { padding:34px;border:1px solid var(--ap-home-line);border-radius:26px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;background:var(--ap-home-surface);box-shadow:0 18px 55px rgba(24,47,80,.07); }.ap-home-security__inner h2{margin:10px 0;color:var(--ap-home-text);font-size:36px}.ap-home-security__inner p{margin:0;color:var(--ap-home-muted);line-height:1.7}.ap-home-security__inner ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;align-content:center}.ap-home-security__inner li{padding:13px 14px;border-radius:13px;background:var(--ap-home-bg);color:var(--ap-home-text);font-weight:700}.ap-home-security__inner li:before{content:"\f3ed";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:9px;color:var(--ap-home-primary)}

.ap-home-steps { background:var(--ap-home-surface); }.ap-step-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:ap-step; }.ap-step-card { position:relative;min-height:220px;padding:27px;border:1px solid var(--ap-home-line);border-radius:22px;background:var(--ap-home-bg);overflow:hidden}.ap-step-card__number{display:block;margin-bottom:36px;color:var(--ap-home-primary);font-size:13px;font-weight:900;letter-spacing:.12em}.ap-step-card h3{margin:0 0 10px;color:var(--ap-home-text);font-size:20px}.ap-step-card p{margin:0;color:var(--ap-home-muted);font-size:12px;line-height:1.68}.ap-step-card:after{content:"";position:absolute;right:-36px;top:-36px;width:120px;height:120px;border:22px solid color-mix(in srgb,var(--ap-home-primary) 5%,transparent);border-radius:50%}

.ap-testimonial-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px; }.ap-testimonial-card{padding:24px;border:1px solid var(--ap-home-line);border-radius:21px;background:var(--ap-home-surface)}.ap-testimonial-card__stars{margin-bottom:16px;color:#f4b942;font-size:11px}.ap-testimonial-card blockquote{margin:0 0 18px;padding:0;border:0;color:var(--ap-home-text);font-size:14px;line-height:1.75;font-style:normal}.ap-testimonial-card footer{display:grid;gap:2px}.ap-testimonial-card footer strong{color:var(--ap-home-text)}.ap-testimonial-card footer small{color:var(--ap-home-muted)}

.ap-home-migration { background:linear-gradient(135deg,color-mix(in srgb,var(--ap-home-primary) 7%,var(--ap-home-bg)),var(--ap-home-bg)); }.ap-home-migration__inner{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:40px;padding:34px;border:1px solid var(--ap-home-line);border-radius:28px;background:var(--ap-home-surface);box-shadow:0 20px 60px rgba(21,48,83,.08)}.ap-home-migration__visual{height:310px;border-radius:22px;overflow:hidden;background:#10233c}.ap-home-migration__visual img{width:100%;height:100%;object-fit:cover}.ap-home-migration__copy .btn{margin-top:12px;border-radius:13px!important;display:inline-flex;align-items:center;gap:9px}

.ap-home-faq__grid { display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start; }.ap-home-faq .ap-home-heading{text-align:left;margin:0}.ap-faq-list{display:grid;gap:9px}.ap-faq-item{border:1px solid var(--ap-home-line);border-radius:16px;background:var(--ap-home-surface);overflow:hidden}.ap-faq-item summary{padding:18px 20px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ap-home-text);font-weight:800}.ap-faq-item summary::-webkit-details-marker{display:none}.ap-faq-item summary i{color:var(--ap-home-primary);font-size:11px;transition:transform .18s ease}.ap-faq-item[open] summary i{transform:rotate(45deg)}.ap-faq-item>div{padding:0 20px 18px}.ap-faq-item p{margin:0;color:var(--ap-home-muted);line-height:1.72}

.ap-home-technology { position:relative;padding:52px 0;background:#0c1828;color:#fff;isolation:isolate}.ap-home-technology:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--ap-tech-media);background-size:cover;background-position:center;opacity:.08}.ap-home-technology__inner{text-align:center;max-width:800px;margin:auto}.ap-home-technology__inner .ap-eyebrow{color:#7ddcff}.ap-home-technology__inner h2{margin:10px 0;color:#fff;font-size:34px}.ap-home-technology__inner p{margin:0;color:#b4c0ce;line-height:1.7}
.ap-announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ap-announcement-card{padding:20px;border:1px solid var(--ap-home-line);border-radius:18px;display:grid;gap:8px;background:var(--ap-home-surface);color:var(--ap-home-text)!important}.ap-announcement-card:hover,.ap-announcement-card:focus{text-decoration:none;transform:translateY(-3px)}.ap-announcement-card small{color:var(--ap-home-muted)}.ap-announcement-card i{color:var(--ap-home-primary)}

.ap-home-help{position:relative;isolation:isolate}.ap-home-help:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--ap-home-bg),var(--ap-home-bg)),var(--ap-help-media);background-size:cover;background-position:center}.ap-help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ap-help-grid>a{padding:21px;border:1px solid var(--ap-home-line);border-radius:19px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;background:var(--ap-home-surface);color:var(--ap-home-text)!important}.ap-help-grid>a:hover,.ap-help-grid>a:focus{text-decoration:none;transform:translateY(-4px);border-color:color-mix(in srgb,var(--ap-home-primary) 30%,var(--ap-home-line))}.ap-help-grid>a>i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 9%,var(--ap-home-bg));color:var(--ap-home-primary)}.ap-help-grid span{display:grid;gap:4px}.ap-help-grid strong{font-size:14px}.ap-help-grid small{color:var(--ap-home-muted);font-size:10px;line-height:1.55}

.ap-home-support{position:relative;padding:64px 0;background:#091626;color:#fff;isolation:isolate}.ap-home-support:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,22,38,.96),rgba(9,31,53,.82)),var(--ap-support-media);background-position:center;background-size:cover}.ap-home-support__inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.ap-home-support__inner>div:first-child{max-width:720px}.ap-home-support__inner .ap-eyebrow{color:#7bdcff}.ap-home-support__inner h2{margin:10px 0;color:#fff;font-size:clamp(30px,4vw,48px)}.ap-home-support__inner p{margin:0;color:#b5c2d0;font-size:15px;line-height:1.7}.ap-home-support__actions{display:flex;gap:9px;flex:0 0 auto}.ap-home-support__actions .btn{border-radius:13px!important;font-weight:800}.ap-home-support__actions .btn-default{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}

.ap-shell-breadcrumbs{padding:12px 0;border-top:1px solid #e7edf4;background:#fff}.ap-shell-breadcrumbs .breadcrumb{margin:0;padding:0;background:none}.ap-shell-breadcrumbs .breadcrumb>li{color:#758197;font-size:11px}html[data-ap-theme="dark"] .ap-shell-breadcrumbs{border-color:#273243;background:#111821}.ap-premium-footer{position:relative;padding:62px 0 24px;background:#08131f;color:#aeb9c6;isolation:isolate}.ap-premium-footer:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,rgba(8,19,31,.96),rgba(8,19,31,.99)),var(--ap-footer-media);background-size:cover;background-position:center}.ap-premium-footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:36px}.ap-premium-footer__logo{display:inline-flex;margin-bottom:18px}.ap-premium-footer__logo img{max-width:170px;max-height:44px;object-fit:contain;object-position:left center}.ap-premium-footer__brand p{max-width:360px;margin:0 0 17px;color:#9eaab9;font-size:12px;line-height:1.75}.ap-premium-footer__contacts{display:grid;gap:8px}.ap-premium-footer__contacts a{display:flex;align-items:center;gap:9px;color:#d9e2ec!important;font-size:11px}.ap-premium-footer__contacts i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:rgba(89,196,255,.08);color:#6fd4ff}.ap-premium-footer__col h4{margin:4px 0 16px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em}.ap-premium-footer__col ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.ap-premium-footer__col a{color:#aeb9c6!important;font-size:11px}.ap-premium-footer__col a:hover,.ap-premium-footer__col a:focus{color:#fff!important;text-decoration:none}.ap-premium-footer__bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8290a1;font-size:10px}.ap-premium-footer__status{display:inline-flex;align-items:center;gap:7px}.ap-premium-footer__status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}

.ap-desktop-nav__icon{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 24px;background:color-mix(in srgb,var(--ap-menu-accent,#27beef) 8%,transparent)}.ap-desktop-nav__icon img{width:100%;height:100%;object-fit:cover}.ap-desktop-nav__link{gap:7px}

/* Homepage motion is independent of menu motion and obeys reduced-motion. */
.ap-home[data-ap-home-motion="1"] [data-ap-reveal]{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .62s cubic-bezier(.2,.8,.2,1)}.ap-home[data-ap-home-motion="1"] [data-ap-reveal].is-ap-revealed{opacity:1;transform:none}.ap-home[data-ap-home-speed="slow"] [data-ap-reveal]{transition-duration:.82s}.ap-home[data-ap-home-speed="fast"] [data-ap-reveal]{transition-duration:.36s}.ap-home[data-ap-home-motion="0"] [data-ap-reveal]{opacity:1;transform:none}

/* Make menu animation modes visually distinct on desktop and mobile. */
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-mega__card{opacity:0;transform:translateY(28px) scale(.965)}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card{animation:apMenuCascade .48s cubic-bezier(.16,.84,.3,1) both}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card:nth-child(2){animation-delay:.075s}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card:nth-child(3){animation-delay:.15s}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card:nth-child(4){animation-delay:.225s}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card:nth-child(n+5){animation-delay:.3s}
.ap-site-shell[data-ap-menu-speed="slow"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card{animation-duration:.7s}.ap-site-shell[data-ap-menu-speed="fast"][data-ap-menu-style="cascade"] details[open]>.ap-mega .ap-mega__card{animation-duration:.34s}
@keyframes apMenuCascade{to{opacity:1;transform:none}}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] details[open]>.ap-mega{animation:apMenuSoft .42s cubic-bezier(.2,.8,.2,1) both}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-mega__card{opacity:1!important;transform:none!important;animation:none!important}@keyframes apMenuSoft{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] details[open]>.ap-mega{animation:apMenuMinimal .14s linear both}.ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-mega__card{opacity:1!important;transform:none!important;animation:none!important}@keyframes apMenuMinimal{from{opacity:0}to{opacity:1}}

@media (max-width:1199px){.ap-service-grid{grid-template-columns:repeat(2,1fr)}.ap-help-grid{grid-template-columns:repeat(2,1fr)}.ap-premium-footer__grid{grid-template-columns:1.4fr repeat(2,1fr)}.ap-premium-footer__brand{grid-row:span 2}}
@media (max-width:991px){.ap-domain-ribbon__inner{grid-template-columns:1fr}.ap-domain-ribbon__tlds{grid-column:1}.ap-home-hero__carousel,.ap-home-hero__carousel .carousel-inner,.ap-home-hero__slide{min-height:520px}.ap-home-hero__content{width:78%;padding:92px 0 105px}.ap-home-hero__control{display:none}.ap-benefit-grid{grid-template-columns:repeat(2,1fr)}.ap-home-split__grid,.ap-home-migration__inner,.ap-home-faq__grid{grid-template-columns:1fr}.ap-home-split__visual{order:2}.ap-home-split--dark .ap-home-split__visual{order:2}.ap-home-migration__visual{height:270px}.ap-testimonial-grid{grid-template-columns:1fr 1fr}.ap-home-support__inner{align-items:flex-start;flex-direction:column}.ap-premium-footer__grid{grid-template-columns:1.5fr 1fr 1fr}.ap-premium-footer__brand{grid-row:auto;grid-column:1/-1}}
@media (max-width:767px){.ap-home .container,.ap-premium-footer .container,.ap-shell-breadcrumbs .container{width:calc(100% - 26px)}.ap-home-section{padding:54px 0}.ap-domain-ribbon{padding:14px 0}.ap-domain-ribbon__inner{gap:12px}.ap-domain-ribbon__copy{display:none}.ap-domain-ribbon__form{grid-template-columns:1fr}.ap-domain-ribbon__actions{display:grid;grid-template-columns:1fr 1fr}.ap-domain-ribbon__actions .btn{min-width:0;padding-left:10px;padding-right:10px}.ap-domain-ribbon__tlds{margin:0 -2px}.ap-domain-tld{padding:6px 8px}.ap-home-hero__carousel,.ap-home-hero__carousel .carousel-inner,.ap-home-hero__slide{min-height:520px}.ap-home-hero__slide{background-position:center}.ap-home-hero__slide:before{background:linear-gradient(0deg,rgba(5,15,28,.94) 0%,rgba(5,16,30,.82) 57%,rgba(6,21,39,.36) 100%)}.ap-home-hero__content{width:100%;padding:208px 0 82px}.ap-home-hero__content h1,.ap-home-hero__content h2{font-size:38px}.ap-home-hero__content p{font-size:14px;line-height:1.62}.ap-home-hero__actions{margin-top:20px}.ap-home-hero__actions .btn{width:100%;justify-content:center}.ap-home-hero__secondary{display:none}.ap-home-hero__dots{left:13px;bottom:24px}.ap-home-promo{margin-top:-10px}.ap-home-promo__inner{padding:15px;align-items:flex-start;flex-direction:column}.ap-home-promo__inner .btn{width:100%}.ap-home-heading{margin-bottom:25px;text-align:left}.ap-home-heading h2{font-size:31px}.ap-home-heading p{font-size:13px}.ap-service-grid,.ap-benefit-grid,.ap-featured-strip,.ap-step-grid,.ap-testimonial-grid,.ap-announcement-grid,.ap-help-grid{grid-template-columns:1fr}.ap-service-card{padding:15px;grid-template-columns:50px 1fr 18px;border-radius:16px}.ap-service-card__visual{width:50px;height:50px;border-radius:13px}.ap-benefit-card{padding:20px}.ap-featured-card{min-height:105px;padding:16px}.ap-home-split__grid{gap:25px}.ap-home-split__copy h2,.ap-home-migration__copy h2{font-size:32px}.ap-home-split__visual{min-height:245px;border-radius:20px}.ap-home-split__visual img{min-height:245px}.ap-home-security__inner{padding:22px;grid-template-columns:1fr}.ap-home-security__inner h2{font-size:30px}.ap-step-card{min-height:180px;padding:22px}.ap-step-card__number{margin-bottom:24px}.ap-home-migration__inner{padding:20px;border-radius:21px}.ap-home-migration__visual{height:220px}.ap-home-faq__grid{gap:25px}.ap-home-faq .ap-home-heading{text-align:left}.ap-faq-item summary{padding:16px}.ap-faq-item>div{padding:0 16px 16px}.ap-home-technology{padding:43px 0}.ap-home-support{padding:50px 0}.ap-home-support__actions{width:100%;display:grid;grid-template-columns:1fr}.ap-premium-footer{padding:48px 0 22px}.ap-premium-footer__grid{grid-template-columns:1fr 1fr;gap:28px 20px}.ap-premium-footer__brand{grid-column:1/-1}.ap-premium-footer__bottom{align-items:flex-start;flex-direction:column;margin-top:30px}.ap-desktop-nav__icon{display:none}}
@media (max-width:480px){.ap-domain-ribbon__actions{grid-template-columns:1fr}.ap-premium-footer__grid{grid-template-columns:1fr}.ap-premium-footer__brand{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.ap-home [data-ap-reveal],.ap-home [data-ap-reveal].is-ap-revealed,.ap-site-shell .ap-mega,.ap-site-shell .ap-mega__card{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
.ap-home-stats{padding:46px 0;background:#0b1727;color:#fff}.ap-home-stats__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.ap-home-stats__copy .ap-eyebrow{color:#78d7ff}.ap-home-stats__copy h2{margin:9px 0;color:#fff;font-size:32px}.ap-home-stats__copy p{margin:0;color:#aebdcb;line-height:1.65}.ap-home-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ap-home-stats__grid>div{padding:18px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:grid;gap:5px;background:rgba(255,255,255,.04)}.ap-home-stats__grid strong{color:#fff;font-size:25px;line-height:1}.ap-home-stats__grid span{color:#9fb0c1;font-size:10px}.ap-home-security__inner{position:relative;overflow:hidden}.ap-home-security__inner:after{content:"";position:absolute;right:-80px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ap-home-primary) 13%,transparent),transparent 68%);pointer-events:none}@media(max-width:991px){.ap-home-stats__inner{grid-template-columns:1fr}.ap-home-stats__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.ap-home-stats{padding:38px 0}.ap-home-stats__grid{grid-template-columns:1fr 1fr}.ap-home-stats__grid strong{font-size:21px}}
.ap-home-security{position:relative;isolation:isolate}.ap-home-security:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--ap-home-bg),var(--ap-home-bg)),var(--ap-security-media);background-size:cover;background-position:center;opacity:.98}

/* v21.3.4 — responsive polish + real Premium Admin design tokens. */
body.TMC {
    --ap-home-light-bg: var(--ap-home-admin-bg-light, #f7f9fc);
    --ap-home-dark-bg: var(--ap-home-admin-bg-dark, #0b111a);
    --ap-home-light-surface: var(--ap-home-admin-surface-light, #fff);
    --ap-home-dark-surface: var(--ap-home-admin-surface-dark, #161d27);
}
.ap-home {
    --ap-home-bg: var(--ap-home-light-bg);
    --ap-home-surface: var(--ap-home-light-surface);
    background: var(--ap-home-bg);
}
html[data-ap-theme="dark"] .ap-home {
    --ap-home-bg: var(--ap-home-dark-bg);
    --ap-home-surface: var(--ap-home-dark-surface);
}
body.TMC[style*="--ap-design-primary"] { --ap-shell-primary: var(--ap-design-primary); }
.ap-home .container,.ap-premium-footer .container,.ap-shell-breadcrumbs .container {
    width: min(calc(100% - 32px), var(--ap-design-container, 1280px));
    max-width: var(--ap-design-container, 1280px);
}
.ap-home .btn,.ap-home .form-control,.ap-home .ap-service-card,.ap-home .ap-benefit-card,.ap-home .ap-featured-card,
.ap-home .ap-faq-item,.ap-home .ap-step-card,.ap-home .ap-testimonial-card,.ap-home .ap-announcement-card,
.ap-premium-footer .btn { border-radius: var(--ap-design-radius, 20px); }
body[data-ap-density="compact"] .ap-home-section { padding-top: 62px; padding-bottom: 62px; }
body[data-ap-density="spacious"] .ap-home-section { padding-top: 88px; padding-bottom: 88px; }
body[data-ap-glass="0"] .ap-home-promo__inner,
body[data-ap-glass="0"] .ap-site-shell .ap-mega { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.ap-section-has-media {
    background-color: var(--ap-home-bg);
    background-image: var(--ap-section-media);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
}
.ap-home-split--dark.ap-section-has-media,.ap-home-stats.ap-section-has-media { background-color:#0c1828; }

/* Desktop active nav: current page is clear but no heavy underline/shadow. */
@media (min-width: 992px) {
    .ap-site-shell .ap-desktop-nav__link.is-current,
    .ap-site-shell .ap-nav-details.has-current > .ap-desktop-nav__link {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
        color: var(--ap-menu-end, var(--ap-shell-primary)) !important;
        font-weight: 850 !important;
    }
    .ap-site-shell .ap-desktop-nav__link.is-current::after,
    .ap-site-shell .ap-nav-details.has-current > .ap-desktop-nav__link::after {
        display: none !important;
        content: none !important;
        box-shadow: none !important;
    }
    .ap-domain-ribbon { padding: 14px 0; }
    .ap-domain-ribbon__inner { gap: 16px; }
    .ap-domain-ribbon__search .form-control {
        height: 46px;
        padding: 0 44px;
        border-radius: 13px !important;
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        letter-spacing: -.015em;
        box-shadow: inset 0 0 0 1px rgba(15,23,42,.015);
    }
    .ap-domain-ribbon__search .form-control::placeholder { color:#7a8798; opacity:1; font-weight:650; letter-spacing:-.01em; }
    html[data-ap-theme="dark"] .ap-domain-ribbon__search .form-control::placeholder { color:#8795a8; }
    .ap-domain-ribbon__actions .btn { min-height:46px; height:46px; border-radius:12px !important; font-size:11px; font-weight:850; }
    .ap-domain-tld { border-radius:10px; padding:5px 9px; }
}

/* Phone domain ribbon: one compact search row + small transfer row, not three huge blocks. */
@media (max-width: 767px) {
    .ap-home .container,.ap-premium-footer .container,.ap-shell-breadcrumbs .container { width: calc(100% - 20px); }
    .ap-domain-ribbon { padding: 8px 0 9px; }
    .ap-domain-ribbon__inner { gap: 6px; }
    .ap-domain-ribbon__form {
        display: grid;
        grid-template-columns: minmax(0,1fr) 82px;
        gap: 6px;
        align-items: center;
    }
    .ap-domain-ribbon__search { min-width:0; }
    .ap-domain-ribbon__search .form-control {
        width:100%;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px 0 34px !important;
        border-radius: 11px !important;
        font-family: inherit !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: -.01em;
        line-height: 40px !important;
    }
    .ap-domain-ribbon__search .form-control::placeholder { color:#778599; opacity:1; font-size:12px; font-weight:650; }
    .ap-domain-ribbon__search i { left:12px !important; font-size:11px !important; }
    .ap-domain-ribbon__actions { display: contents !important; }
    .ap-domain-ribbon__actions .btn {
        min-width:0 !important;
        min-height:40px !important;
        height:40px !important;
        padding:0 8px !important;
        border-radius:11px !important;
        font-size:11px !important;
        font-weight:850 !important;
        gap:5px !important;
    }
    .ap-domain-ribbon__actions .btn-primary { grid-column:2; grid-row:1; }
    .ap-domain-ribbon__actions .btn-inverse {
        grid-column:1 / -1;
        grid-row:2;
        min-height:31px !important;
        height:31px !important;
        border-radius:9px !important;
        font-size:10px !important;
        background:rgba(255,255,255,.035) !important;
    }
    .ap-domain-ribbon__tlds {
        grid-column:1 / -1;
        margin:0 !important;
        display:flex;
        flex-wrap:nowrap;
        gap:5px;
        overflow-x:auto;
        scrollbar-width:none;
        padding:1px 0;
    }
    .ap-domain-ribbon__tlds::-webkit-scrollbar { display:none; }
    .ap-domain-tld { flex:0 0 auto; padding:4px 7px !important; border-radius:8px !important; }
    .ap-domain-tld b { font-size:10px !important; }
    .ap-domain-tld small { font-size:8px !important; }

    .ap-home-section { padding: 48px 0; }
    .ap-home-heading { margin-bottom:22px; }
    .ap-home-heading h2 { font-size: clamp(27px,8.2vw,34px); }
    .ap-home-heading p { font-size:12px; line-height:1.62; }
    .ap-service-card,.ap-benefit-card,.ap-featured-card,.ap-step-card,.ap-testimonial-card,.ap-announcement-card { box-shadow:0 7px 22px rgba(15,35,62,.06); }
}

/* v21.6.112 — authenticated dark surfaces and compact empty announcement layout */
html[data-ap-theme="dark"] body.TMC:not(.login) .block-s3,
html[data-ap-theme="dark"] body.TMC:not(.login) .main-content,
html[data-ap-theme="dark"] body.TMC:not(.login) .ap-announcements-page {
    background: transparent !important;
    color: var(--ap-global-text-dark, #f4f7fb) !important;
}
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined,
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .breadcrumb,
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .breadcrumb a,
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .breadcrumb li,
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .text-muted {
    color: #aebdcb !important;
}
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined h1,
html[data-ap-theme="dark"] body.TMC:not(.login) .ap-announcements-page h2,
html[data-ap-theme="dark"] body.TMC:not(.login) .ap-announcements-page strong {
    color: #f4f7fb !important;
}
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .search-group input {
    border-color: #2b4055 !important;
    background: #111e2b !important;
    color: #f4f7fb !important;
}
html[data-ap-theme="dark"] body.TMC:not(.login) .header-lined .search-group input::placeholder {
    color: #91a4b7 !important;
    opacity: 1;
}
body.TMC .ap-announcements-page:has(.ap-announcements-empty) {
    min-height: 0 !important;
    padding-bottom: 32px;
}
body.TMC .ap-announcements-empty {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: 760px;
    min-height: 132px;
    padding: 24px;
    border: 1px solid color-mix(in srgb, var(--ap-design-primary, #1068d5) 18%, var(--ap-global-line, #dce4ed));
    border-radius: var(--ap-design-radius, 20px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--ap-design-primary, #1068d5) 7%, #fff), #fff 58%);
    box-shadow: 0 14px 38px rgba(15, 35, 62, .07);
    margin-bottom: 0 !important;
}
body.TMC .block-s3:has(.ap-announcements-page) .header-lined { display: none !important; }
body.TMC .ap-announcements-empty__icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 17px;
    background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 12%, #fff);
    color: var(--ap-design-primary, #1068d5);
    font-size: 22px;
}
body.TMC .ap-announcements-empty__content { min-width: 0; }
body.TMC .ap-announcements-empty strong { display: block; margin: 0 0 5px; font-size: 17px; line-height: 1.35; }
body.TMC .ap-announcements-empty p { margin: 0; color: var(--ap-readable-muted-light, #5f6d82); line-height: 1.6; }
html[data-ap-theme="dark"] body.TMC .ap-announcements-empty {
    border-color: #293d52;
    background: linear-gradient(135deg, rgba(16, 104, 213, .13), #131d28 58%);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .17);
}
html[data-ap-theme="dark"] body.TMC .ap-announcements-empty__icon { background: rgba(55, 142, 244, .14); color: #75b8ff; }
html[data-ap-theme="dark"] body.TMC .ap-announcements-empty p { color: var(--ap-readable-muted-dark, #b5bfcd); }
@media (max-width: 767px) {
    body.TMC .ap-announcements-page:has(.ap-announcements-empty) { padding-bottom: 18px; }
    body.TMC .ap-announcements-empty { grid-template-columns: 46px minmax(0, 1fr); gap: 13px; min-height: 0; padding: 18px; border-radius: 16px; }
    body.TMC .ap-announcements-empty__icon { width: 46px; height: 46px; border-radius: 14px; font-size: 18px; }
    body.TMC .ap-announcements-empty strong { font-size: 15px; }
    body.TMC .ap-announcements-empty p { font-size: 13px; }
}
@media (max-width: 480px) {
    /* Keep footer in two columns as requested; brand and copyright remain full width. */
    .ap-premium-footer { padding: 32px 0 17px; }
    .ap-premium-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 23px 14px !important; }
    .ap-premium-footer__brand { grid-column:1 / -1 !important; }
    .ap-premium-footer__brand p { max-width:none; margin:9px 0 12px; font-size:10px; line-height:1.55; }
    .ap-premium-footer__contacts { gap:6px; }
    .ap-premium-footer__contacts a { font-size:9px; }
    .ap-premium-footer__col { min-width:0; }
    .ap-premium-footer__col h4 { margin:0 0 9px; font-size:10px; letter-spacing:.08em; }
    .ap-premium-footer__col ul { gap:7px; }
    .ap-premium-footer__col a { display:block; font-size:9px; line-height:1.35; overflow-wrap:anywhere; }
    .ap-premium-footer__bottom { grid-column:1 / -1; margin-top:22px; padding-top:14px; gap:8px; font-size:8px; }
    .ap-premium-footer__logo img { max-width:118px; }
}

/* ================================================================
   AMIL Premium v21.6.76 — shell typography floor
   ================================================================ */
.ap-utility__badge { font-size: 11px; }
.ap-utility__account-copy small { font-size: 11px; line-height: 1.15; }
.ap-mega__eyebrow { font-size: 11px; }
.ap-mega__intro-description { font-size: 13px; line-height: 1.45; }

/* v21.3.4 — admin palette is shared across premium CTA accents without overriding real WHMCS states. */
.ap-home .ap-btn-primary,
.ap-home .btn-primary {
  background:linear-gradient(135deg,var(--ap-design-primary,var(--ap-home-primary,#1268ef)),var(--ap-design-secondary,#24b8ef));
  border-color:transparent;
}

/* v21.3.4 — active campaign image uploaded in Premium Admin is rendered, not silently ignored. */
.ap-home-promo__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.ap-home-promo__visual{width:66px;height:52px;border-radius:12px;overflow:hidden;display:block;background:var(--ap-home-surface);box-shadow:0 6px 18px rgba(15,35,62,.08)}.ap-home-promo__visual img{width:100%;height:100%;display:block;object-fit:cover}.ap-home-promo__copy{min-width:0}.ap-home-promo__copy strong{display:block}.ap-home-promo__copy p{margin:3px 0 0}
@media(max-width:767px){.ap-home-promo__inner{grid-template-columns:54px minmax(0,1fr);gap:10px}.ap-home-promo__visual{width:54px;height:46px}.ap-home-promo__inner>.btn{grid-column:1/-1;width:100%}}


/* v21.3.5 — Frontend Studio: global surfaces, reference-inspired domain ribbon and premium footer. */
body.TMC:not(.login){background:var(--ap-global-bg-light,#F5F7FB);color:var(--ap-global-text-light,#162033)}
html[data-ap-theme="dark"] body.TMC:not(.login){background:var(--ap-global-bg-dark,#0B111A);color:var(--ap-global-text-dark,#F4F7FB)}
body.TMC:not(.login) .main-content,body.TMC:not(.login) .block-s3{--ap-page-surface:var(--ap-global-surface-light,#fff)}
html[data-ap-theme="dark"] body.TMC:not(.login) .main-content,html[data-ap-theme="dark"] body.TMC:not(.login) .block-s3{--ap-page-surface:var(--ap-global-surface-dark,#141C27)}

.ap-domain-ribbon{padding:14px 0!important;background:var(--ap-domain-bg-light,#fff)!important;border-color:var(--ap-domain-border,#DDE4EC)!important;box-shadow:0 7px 24px rgba(15,30,50,.045)}
.ap-domain-ribbon:before{opacity:.18!important}
html[data-ap-theme="dark"] .ap-domain-ribbon{background:var(--ap-domain-bg-dark,#101720)!important}
.ap-domain-ribbon__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(500px,1.5fr);grid-template-areas:"tlds form";gap:20px;align-items:center}
.ap-domain-ribbon__desktop-title{display:none}
.ap-domain-ribbon__tlds{grid-area:tlds;grid-column:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:10px!important;overflow:visible!important;padding:0!important;margin:0!important}
.ap-domain-tld{min-width:0!important;height:48px;padding:6px 11px!important;border:0!important;border-right:1px solid var(--ap-domain-border,#DDE4EC)!important;border-radius:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px!important;background:transparent!important;box-shadow:none!important}
.ap-domain-tld:first-child{border-left:0}.ap-domain-tld:last-child{border-right:0!important}
.ap-domain-tld b{min-width:50px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--ap-domain-button,#1068D5) 58%,var(--ap-domain-border,#DDE4EC));border-radius:8px;color:var(--ap-domain-text-light,#1B2638)!important;font-size:13px!important;text-align:center;background:var(--ap-domain-surface-light,#fff)}
.ap-domain-tld small{min-width:0;color:var(--ap-domain-text-light,#1B2638)!important;font-size:10px!important;font-weight:760;line-height:1.35;white-space:normal}
html[data-ap-theme="dark"] .ap-domain-tld b{background:var(--ap-domain-surface-dark,#17212D);color:var(--ap-domain-text-dark,#F5F7FA)!important}html[data-ap-theme="dark"] .ap-domain-tld small{color:var(--ap-domain-text-dark,#F5F7FA)!important}
.ap-domain-ribbon__form{grid-area:form;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0!important;min-width:0;border:1px solid var(--ap-domain-border,#DDE4EC);border-radius:11px;background:var(--ap-domain-surface-light,#fff);box-shadow:0 9px 25px rgba(15,35,62,.055);overflow:hidden}
html[data-ap-theme="dark"] .ap-domain-ribbon__form{background:var(--ap-domain-surface-dark,#17212D)}
.ap-domain-ribbon__search{min-width:0}.ap-domain-ribbon__search i{left:17px!important;color:#9AA5B5!important;font-size:14px!important}
.ap-domain-ribbon__search .form-control{height:48px!important;min-height:48px!important;padding:0 16px 0 47px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ap-domain-text-light,#1B2638)!important;font-family:inherit!important;font-size:14px!important;font-weight:650!important;letter-spacing:-.012em}
html[data-ap-theme="dark"] .ap-domain-ribbon__search .form-control{color:var(--ap-domain-text-dark,#F5F7FA)!important}
.ap-domain-ribbon__search .form-control::placeholder{color:#8A95A4!important;font-size:13px!important;font-weight:560!important;opacity:1!important}
.ap-domain-ribbon__actions{display:flex!important;gap:0!important;border-left:1px solid var(--ap-domain-border,#DDE4EC)}
.ap-domain-ribbon__actions .btn{height:48px!important;min-height:48px!important;min-width:105px;padding:0 18px!important;border:0!important;border-radius:0!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important}
.ap-domain-ribbon__actions .btn-primary{background:var(--ap-domain-button,#1068D5)!important;color:#fff!important}.ap-domain-ribbon__actions .btn-inverse{background:var(--ap-domain-transfer,#fff)!important;color:var(--ap-domain-text-light,#1B2638)!important;border-left:1px solid var(--ap-domain-border,#DDE4EC)!important}
html[data-ap-theme="dark"] .ap-domain-ribbon__actions .btn-inverse{background:var(--ap-domain-surface-dark,#17212D)!important;color:var(--ap-domain-text-dark,#F5F7FA)!important}
.ap-domain-ribbon__actions .btn i{font-size:10px}
body[data-ap-domain-desktop="balanced"] .ap-domain-ribbon__inner{grid-template-columns:minmax(180px,.55fr) minmax(0,1.6fr);grid-template-areas:"title form" "title tlds"}body[data-ap-domain-desktop="balanced"] .ap-domain-ribbon__desktop-title{grid-area:title;display:grid;gap:3px}body[data-ap-domain-desktop="balanced"] .ap-domain-ribbon__desktop-title span{font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ap-domain-button,#1068D5)}body[data-ap-domain-desktop="balanced"] .ap-domain-ribbon__desktop-title strong{font-size:16px;color:var(--ap-domain-text-light,#1B2638)}html[data-ap-theme="dark"] body[data-ap-domain-desktop="balanced"] .ap-domain-ribbon__desktop-title strong{color:var(--ap-domain-text-dark,#F5F7FA)}

.ap-premium-footer{padding:48px 0 20px!important;background:linear-gradient(135deg,var(--ap-footer-start,#08131F),var(--ap-footer-end,#0B1A2A))!important;color:var(--ap-footer-text,#AEB9C6)!important}
.ap-premium-footer:before{background-image:linear-gradient(180deg,color-mix(in srgb,var(--ap-footer-start,#08131F) 92%,transparent),color-mix(in srgb,var(--ap-footer-end,#0B1A2A) 97%,transparent)),var(--ap-footer-media)!important;opacity:.98}
.ap-premium-footer__grid{grid-template-columns:minmax(220px,1.28fr) repeat(4,minmax(125px,.82fr))!important;gap:28px!important;align-items:start}
.ap-premium-footer__brand p{max-width:310px!important;margin-bottom:13px!important;font-size:10.5px!important;line-height:1.65!important;color:var(--ap-footer-text,#AEB9C6)!important}.ap-premium-footer__logo{margin-bottom:12px!important}.ap-premium-footer__logo img{max-width:145px!important;max-height:38px!important}
.ap-premium-footer__contacts{gap:6px!important}.ap-premium-footer__contacts a{font-size:10px!important;color:var(--ap-footer-heading,#fff)!important}.ap-premium-footer__contacts i{width:24px!important;height:24px!important;border-radius:7px!important;color:var(--ap-footer-accent,#51C7F4)!important}
.ap-premium-footer__col h4{position:relative;margin:2px 0 13px!important;padding-bottom:9px;color:var(--ap-footer-heading,#fff)!important;font-size:11px!important;letter-spacing:.045em!important}.ap-premium-footer__col h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:1px;background:color-mix(in srgb,var(--ap-footer-accent,#51C7F4) 70%,transparent)}
.ap-premium-footer__col ul{gap:7px!important}.ap-premium-footer__col a{font-size:10px!important;line-height:1.45!important;color:var(--ap-footer-text,#AEB9C6)!important}.ap-premium-footer__col a:hover,.ap-premium-footer__col a:focus{color:var(--ap-footer-heading,#fff)!important;transform:translateX(2px)}
.ap-premium-footer__bottom{margin-top:30px!important;padding-top:15px!important;color:color-mix(in srgb,var(--ap-footer-text,#AEB9C6) 70%,transparent)!important}.ap-premium-footer__status i{background:var(--ap-footer-accent,#51C7F4)!important}
body[data-ap-footer-brand="1"] .ap-premium-footer__brand{align-self:start}

@media(max-width:1199px){.ap-domain-ribbon__inner{grid-template-columns:minmax(0,.9fr) minmax(460px,1.35fr)}.ap-domain-ribbon__tlds{grid-template-columns:repeat(2,minmax(125px,1fr))}.ap-premium-footer__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ap-premium-footer__brand{grid-column:1/-1!important;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center}.ap-premium-footer__brand p{margin:0!important}.ap-premium-footer__contacts{grid-auto-flow:column;justify-content:end}}
@media(max-width:991px){.ap-domain-ribbon__inner{grid-template-columns:1fr;grid-template-areas:"form" "tlds"}.ap-domain-ribbon__tlds{grid-template-columns:repeat(4,minmax(115px,1fr));overflow-x:auto!important}.ap-premium-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ap-premium-footer__brand{grid-column:1/-1!important}}
@media(max-width:767px){
  .ap-domain-ribbon{padding:8px 0!important;box-shadow:0 4px 13px rgba(15,30,50,.035)}
  .ap-domain-ribbon__inner{gap:6px!important}.ap-domain-ribbon__desktop-title{display:none!important}
  .ap-domain-ribbon__form{grid-template-columns:minmax(0,1fr) 78px!important;border-radius:10px!important;box-shadow:0 5px 14px rgba(15,35,62,.045)}
  .ap-domain-ribbon__search .form-control{height:39px!important;min-height:39px!important;padding-left:34px!important;font-size:11.5px!important}.ap-domain-ribbon__search i{left:11px!important;font-size:10px!important}.ap-domain-ribbon__search .form-control::placeholder{font-size:11px!important}
  .ap-domain-ribbon__actions{display:contents!important}.ap-domain-ribbon__actions .btn{height:39px!important;min-height:39px!important;min-width:0!important;padding:0 7px!important;font-size:10px!important}.ap-domain-ribbon__actions .btn-primary{grid-column:2;grid-row:1}.ap-domain-ribbon__actions .btn-primary i{display:none}.ap-domain-ribbon__actions .btn-inverse{grid-column:1/-1;grid-row:2;height:28px!important;min-height:28px!important;border-left:0!important;border-top:1px solid var(--ap-domain-border,#DDE4EC)!important;font-size:9px!important;background:transparent!important}
  .ap-domain-ribbon__tlds{display:flex!important;gap:5px!important;overflow-x:auto!important}.ap-domain-tld{flex:0 0 auto!important;width:auto!important;height:31px!important;border:1px solid var(--ap-domain-border,#DDE4EC)!important;border-radius:8px!important;padding:3px 6px!important;grid-template-columns:auto auto}.ap-domain-tld b{min-width:0;padding:2px 5px;border:0!important;background:transparent!important;font-size:9px!important}.ap-domain-tld small{font-size:7.5px!important;white-space:nowrap}
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__form{grid-template-columns:1fr!important}body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions{display:grid!important;grid-template-columns:1fr 1fr!important;border-left:0!important}body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn-primary,body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn-inverse{grid-column:auto;grid-row:auto;height:34px!important;min-height:34px!important;border-top:1px solid var(--ap-domain-border,#DDE4EC)!important}
  .ap-premium-footer{padding:30px 0 16px!important}.ap-premium-footer__brand{display:block!important;grid-column:1/-1!important}.ap-premium-footer__brand p{font-size:9.5px!important;line-height:1.5!important;margin:8px 0 10px!important}.ap-premium-footer__contacts{display:flex!important;flex-wrap:wrap;gap:6px 10px!important;justify-content:flex-start!important}.ap-premium-footer__contacts a{font-size:8.5px!important}.ap-premium-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:21px 15px!important}.ap-premium-footer__col h4{font-size:9.5px!important;margin-bottom:9px!important;padding-bottom:7px!important}.ap-premium-footer__col ul{gap:6px!important}.ap-premium-footer__col a{font-size:8.7px!important;line-height:1.35!important}.ap-premium-footer__bottom{margin-top:20px!important;padding-top:12px!important;gap:6px!important;font-size:7.5px!important;flex-direction:column!important;align-items:flex-start!important}
  body[data-ap-footer-mobile-cols="1"] .ap-premium-footer__grid{grid-template-columns:1fr!important}
}
@media(max-width:390px){.ap-domain-ribbon__form{grid-template-columns:minmax(0,1fr) 70px!important}.ap-domain-tld small{display:none}.ap-domain-tld{height:29px!important}.ap-premium-footer__grid{gap:18px 12px!important}}


/* ============================================================
   v21.3.6 — Dark depth, sticky desktop utility, real TLD ribbon,
   global + per-content typography bridge.
   ============================================================ */
.ap-managed-text{color:var(--ap-text-color-light,inherit);font-size:var(--ap-text-size-desktop,inherit);font-weight:var(--ap-text-weight,inherit);line-height:var(--ap-text-line,inherit);letter-spacing:var(--ap-text-spacing,inherit);text-transform:var(--ap-text-transform,inherit)}
html[data-ap-theme="dark"] .ap-managed-text{color:var(--ap-text-color-dark,var(--ap-text-color-light,inherit))}

@media(min-width:992px){
  body.TMC{font-size:var(--ap-type-body-desktop,16px)}
  .ap-desktop-nav__link{font-size:var(--ap-type-nav,13px)!important}
  .top-navbar .pre-header.ap-utility,.ap-utility__control,.ap-utility__support-link,.ap-utility__account,.ap-utility__currency select{font-size:var(--ap-type-utility,11px)!important}
  .ap-domain-ribbon__search .form-control{font-size:var(--ap-type-domain,14px)!important}
  .ap-home-hero__content h1,.ap-home-hero__content h2{font-size:var(--ap-type-hero-desktop,68px)!important}
  .ap-home-heading h2,.ap-home-split__copy h2,.ap-home-migration__copy h2,.ap-home-security__inner h2{font-size:var(--ap-type-section-desktop,44px)!important}
  body[data-ap-sticky-desktop="1"].TMC.top-nav-collapse .top-navbar.ap-site-shell>.pre-header.ap-utility{display:block!important;visibility:visible!important;height:35px!important;min-height:35px!important;max-height:none!important;overflow:visible!important;opacity:1!important;transform:none!important}
  body[data-ap-sticky-desktop="1"].TMC.top-nav-collapse .top-navbar.ap-site-shell .ap-main-header{height:var(--ap-header-height)!important}
  body[data-ap-sticky-desktop="1"].TMC.top-nav-collapse .top-navbar.ap-site-shell .ap-header__inner{height:var(--ap-header-height)!important}
  body[data-ap-sticky-desktop="1"].TMC:not(.login){margin-top:calc(35px + var(--ap-header-height))!important}
}
@media(max-width:991px){
  body.TMC{font-size:var(--ap-type-body-mobile,13px)}
  .ap-managed-text{font-size:var(--ap-text-size-mobile,var(--ap-text-size-desktop,inherit))}
  .ap-domain-ribbon__search .form-control{font-size:min(var(--ap-type-domain,14px),13px)!important}
  .ap-home-hero__content h1,.ap-home-hero__content h2{font-size:var(--ap-type-hero-mobile,38px)!important}
  .ap-home-heading h2,.ap-home-split__copy h2,.ap-home-migration__copy h2,.ap-home-security__inner h2{font-size:var(--ap-type-section-mobile,31px)!important}
}

/* A darker theme should have depth, not one flat grey sheet. */
html[data-ap-theme="dark"] .ap-home{--ap-home-bg:var(--ap-home-admin-bg-dark,#09111C);--ap-home-surface:var(--ap-home-admin-surface-dark,#151E2A);--ap-home-text:#F7F9FC;--ap-home-muted:#AEB9C8;--ap-home-line:#253246;background:linear-gradient(180deg,#08111C 0%,var(--ap-home-admin-bg-dark,#0B111A) 35%,#08121D 100%)}
html[data-ap-theme="dark"] .ap-home-section{background-color:transparent}
html[data-ap-theme="dark"] .ap-home-section:nth-of-type(even){background:linear-gradient(180deg,rgba(19,29,42,.48),rgba(9,17,28,.2))}
html[data-ap-theme="dark"] .ap-section-has-media{background-image:linear-gradient(135deg,rgba(8,17,29,.96),rgba(14,28,43,.86)),var(--ap-section-media)!important;background-blend-mode:normal!important;background-size:cover!important;background-position:center!important}
html[data-ap-theme="dark"] .ap-service-card,html[data-ap-theme="dark"] .ap-benefit-card,html[data-ap-theme="dark"] .ap-step-card,html[data-ap-theme="dark"] .ap-testimonial-card,html[data-ap-theme="dark"] .ap-announcement-card,html[data-ap-theme="dark"] .ap-help-card,html[data-ap-theme="dark"] .ap-faq-item{background:linear-gradient(145deg,#151F2C,#111A25)!important;border-color:#273548!important;box-shadow:0 16px 38px rgba(0,0,0,.15)!important}
html[data-ap-theme="dark"] .ap-home-heading h2,html[data-ap-theme="dark"] .ap-home-split__copy h2,html[data-ap-theme="dark"] .ap-home-security__inner h2{color:#F7FAFD!important}
html[data-ap-theme="dark"] .ap-home-heading p,html[data-ap-theme="dark"] .ap-home-split__copy p,html[data-ap-theme="dark"] .ap-service-card__body small{color:#AAB7C7!important}

/* Domain reference layout: use real TLDs when available; never leave a fake empty block. */
.ap-domain-ribbon__inner.no-tlds{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"form"!important;max-width:860px;margin-inline:auto}
.ap-domain-ribbon__inner.no-tlds .ap-domain-ribbon__form{grid-area:form}
.ap-domain-ribbon__inner.has-tlds .ap-domain-ribbon__tlds{grid-area:tlds}
.ap-domain-ribbon__inner.has-tlds .ap-domain-ribbon__form{grid-area:form}
@media(min-width:992px){
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__inner.has-tlds{grid-template-columns:minmax(330px,.88fr) minmax(560px,1.55fr)!important;grid-template-areas:"tlds form"!important;gap:22px!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__inner.has-tlds .ap-domain-ribbon__tlds{grid-template-columns:repeat(2,minmax(150px,1fr))!important;gap:12px!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-tld{height:58px!important;padding:0!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:0!important;border-radius:10px!important;overflow:hidden!important;background:transparent!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-tld b{height:100%;display:grid;place-items:center;border-right:1px solid var(--ap-domain-border,#DDE4EC);background:var(--ap-domain-surface-light,#fff);font-size:14px!important;font-weight:900!important;color:var(--ap-domain-text-light,#1B2638)!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-tld small{display:flex;align-items:center;padding:0 14px;background:color-mix(in srgb,var(--ap-domain-surface-light,#fff) 94%,#EEF4FA);font-size:12px!important;font-weight:700!important;color:var(--ap-domain-text-light,#1B2638)!important}
  html[data-ap-theme="dark"] body[data-ap-domain-desktop="reference"] .ap-domain-tld b,html[data-ap-theme="dark"] body[data-ap-domain-desktop="reference"] .ap-domain-tld small{background:var(--ap-domain-surface-dark,#17212D)!important;color:var(--ap-domain-text-dark,#F5F7FA)!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__form{min-height:58px!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__search .form-control,body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__actions .btn{height:58px!important;min-height:58px!important}
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__actions .btn{min-width:125px!important;font-size:12px!important}
}
@media(max-width:767px){
  .ap-domain-ribbon__inner.has-tlds{grid-template-areas:"form" "tlds"!important}.ap-domain-ribbon__inner.no-tlds{max-width:none}
  .ap-domain-ribbon__tlds{padding-top:1px!important}.ap-domain-tld{box-shadow:none!important}
}

/* Make the three menu modes genuinely distinct on desktop. */
@media(min-width:992px){
 .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega{animation-duration:calc(var(--ap-menu-panel-duration) * 1.08)!important}
 .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="cascade"] .ap-nav-details[open] .ap-mega__card{animation-name:apMenuCascadeCardStrong!important}
 .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="soft"] .ap-nav-details[open] .ap-mega{animation-name:apMenuSoftPanelStrong!important}
 .ap-site-shell[data-ap-menu-motion="1"][data-ap-menu-style="minimal"] .ap-nav-details[open] .ap-mega{animation-duration:.11s!important;animation-name:apMenuMinimalPanelStrong!important}
}
@keyframes apMenuCascadeCardStrong{from{opacity:0;transform:translate3d(-10px,26px,0) scale(.94)}to{opacity:1;transform:none}}
@keyframes apMenuSoftPanelStrong{from{opacity:0;transform:translate3d(0,-18px,0) scale(.975)}to{opacity:1;transform:none}}
@keyframes apMenuMinimalPanelStrong{from{opacity:0}to{opacity:1}}

.ap-utility__guest{min-height:34px;border-left:1px solid var(--ap-utility-line);display:flex;align-items:stretch}.ap-utility__guest a{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:5px;color:var(--ap-utility-text)!important;font-weight:800;text-decoration:none!important}.ap-utility__guest a+a{border-left:1px solid var(--ap-utility-line)}.ap-utility__guest a:hover,.ap-utility__guest a:focus{background:rgba(255,255,255,.07);color:#fff!important}.ap-utility__guest i{font-size:10px!important}.ap-utility__guest-register{color:#9DE4FF!important}


/* ============================================================
   v21.3.7 — required homepage modules, stable current-nav colour,
   richer dark surfaces and admin-controlled dynamic text roles.
   ============================================================ */
@media(min-width:992px){
  .ap-site-shell .ap-desktop-nav__link.is-current,
  .ap-site-shell .ap-nav-details.has-current>.ap-desktop-nav__link,
  html[data-ap-theme="dark"] .ap-site-shell .ap-desktop-nav__link.is-current,
  html[data-ap-theme="dark"] .ap-site-shell .ap-nav-details.has-current>.ap-desktop-nav__link{
    color:inherit!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;font-weight:850!important
  }
  .ap-site-shell .ap-desktop-nav__link.is-current::after,
  .ap-site-shell .ap-nav-details.has-current>.ap-desktop-nav__link::after{display:none!important;content:none!important}
}
.ap-service-card__body strong,.ap-featured-card>div strong{font-size:var(--ap-type-service-title,15px)!important;color:var(--ap-service-title-light,#162033)!important}
.ap-service-card__body small,.ap-featured-card>div small{font-size:var(--ap-type-service-copy,11px)!important;color:var(--ap-service-copy-light,#718096)!important}
.ap-testimonial-card blockquote{font-size:var(--ap-type-testimonial,14px)!important;color:var(--ap-testimonial-light,#162033)!important}
html[data-ap-theme="dark"] .ap-service-card__body strong,html[data-ap-theme="dark"] .ap-featured-card>div strong{color:var(--ap-service-title-dark,#F7F9FC)!important}
html[data-ap-theme="dark"] .ap-service-card__body small,html[data-ap-theme="dark"] .ap-featured-card>div small{color:var(--ap-service-copy-dark,#AEB9C8)!important}
html[data-ap-theme="dark"] .ap-testimonial-card blockquote{color:var(--ap-testimonial-dark,#E8EEF7)!important}
.ap-featured-card{position:relative;overflow:hidden}.ap-featured-card__badge{position:absolute;top:10px;right:10px;z-index:2;padding:5px 8px;border-radius:999px;background:linear-gradient(135deg,var(--ap-design-primary,#1268ef),var(--ap-design-secondary,#24b8ef));color:#fff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.05em;box-shadow:0 8px 20px rgba(18,104,239,.18)}
.ap-testimonial-empty{min-height:145px;border:1px dashed var(--ap-home-line);border-radius:20px;display:grid;place-items:center;align-content:center;gap:10px;background:color-mix(in srgb,var(--ap-home-surface) 88%,transparent);color:var(--ap-home-muted);text-align:center}.ap-testimonial-empty i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 10%,var(--ap-home-surface));color:var(--ap-home-primary);font-size:16px}
/* Dark homepage keeps a premium navy/blue identity instead of flat grey shifts. */
html[data-ap-theme="dark"] .ap-home{--ap-home-bg:var(--ap-home-admin-bg-dark,#07111F);--ap-home-surface:var(--ap-home-admin-surface-dark,#0F1B2B);--ap-home-line:color-mix(in srgb,var(--ap-design-primary,#1268ef) 16%,#24364C);background:linear-gradient(180deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 5%,#07111F),#07111F 34%,#081522 100%)!important}
html[data-ap-theme="dark"] .ap-home-section:nth-of-type(even){background:linear-gradient(180deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 4%,#0B1726),rgba(7,17,31,.15))!important}
html[data-ap-theme="dark"] .ap-section-has-media{background-image:linear-gradient(135deg,rgba(7,17,31,.90),rgba(8,25,43,.78)),var(--ap-section-media)!important}
html[data-ap-theme="dark"] .ap-service-card,html[data-ap-theme="dark"] .ap-benefit-card,html[data-ap-theme="dark"] .ap-step-card,html[data-ap-theme="dark"] .ap-testimonial-card,html[data-ap-theme="dark"] .ap-announcement-card,html[data-ap-theme="dark"] .ap-faq-item{background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 4%,#112033),#0D1928)!important;border-color:color-mix(in srgb,var(--ap-design-primary,#1268ef) 16%,#26374A)!important}
@media(max-width:767px){.ap-featured-card__badge{top:8px;right:8px;font-size:7px;padding:4px 6px}.ap-testimonial-empty{min-height:112px;border-radius:16px}}

@media(max-width:767px){
  .ap-service-card__body strong,.ap-featured-card>div strong{font-size:var(--ap-type-service-title-mobile,14px)!important}
  .ap-service-card__body small,.ap-featured-card>div small{font-size:var(--ap-type-service-copy-mobile,10px)!important}
  .ap-testimonial-card blockquote{font-size:var(--ap-type-testimonial-mobile,13px)!important}
}


/* ========================================================================
   Amil Premium v21.3.8 — service showcase, apps, reviews & footer polish
   ======================================================================== */
.ap-home-services{position:relative;overflow:hidden}
.ap-home-services:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--ap-design-primary,#1268ef) 8%,transparent),transparent 34%),radial-gradient(circle at 88% 78%,color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 6%,transparent),transparent 32%)}
.ap-home-heading--services{position:relative;z-index:2}
.ap-service-showcase{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.ap-service-plan{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--ap-home-line);border-radius:calc(var(--ap-design-radius,20px) + 3px);background:var(--ap-home-surface);box-shadow:0 18px 46px rgba(22,43,75,.08);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .2s ease}
.ap-service-plan:hover,.ap-service-plan:focus-within{transform:translateY(-7px);border-color:color-mix(in srgb,var(--ap-design-primary,#1268ef) 34%,var(--ap-home-line));box-shadow:0 28px 70px rgba(20,47,86,.14)}
.ap-service-plan.is-recommended{border-color:color-mix(in srgb,var(--ap-design-primary,#1268ef) 45%,var(--ap-home-line));box-shadow:0 26px 72px color-mix(in srgb,var(--ap-design-primary,#1268ef) 15%,transparent)}
.ap-service-plan.is-recommended:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--ap-design-primary,#1268ef),var(--ap-design-secondary,#24b8ef));z-index:4}
.ap-service-plan__badge{position:absolute;top:14px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--ap-design-primary,#1268ef),var(--ap-design-secondary,#24b8ef));color:#fff;font-size:9px;font-weight:900;letter-spacing:.035em;box-shadow:0 10px 28px rgba(18,104,239,.22)}
.ap-service-plan__badge i{font-size:9px}
.ap-service-plan__media{position:relative;height:var(--ap-service-media-height,150px);display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 8%,var(--ap-home-surface)),color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 6%,var(--ap-home-bg)))}
.ap-service-plan__media:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,color-mix(in srgb,var(--ap-home-surface) 35%,transparent));pointer-events:none}
.ap-service-plan__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.ap-service-plan:hover .ap-service-plan__media img{transform:scale(1.035)}
.ap-service-plan__icon{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 17%,var(--ap-home-surface)),color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 12%,var(--ap-home-surface)));color:var(--ap-design-primary,#1268ef);font-size:31px;box-shadow:0 16px 36px rgba(18,104,239,.12)}
.ap-service-plan__content{display:flex;flex:1;flex-direction:column;padding:21px 20px 20px}
.ap-service-plan__content h3{margin:0 0 8px;color:var(--ap-service-title-light,#162033);font-size:var(--ap-type-service-title,15px);font-weight:900;letter-spacing:-.02em}
.ap-service-plan__content>p{min-height:50px;margin:0 0 18px;color:var(--ap-service-copy-light,#718096);font-size:var(--ap-type-service-copy,11px);line-height:1.65}
.ap-service-plan__price{margin-top:auto;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:6px}
.ap-service-plan__price small{grid-column:1/-1;margin-bottom:2px;color:var(--ap-home-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ap-service-plan__price strong{color:var(--ap-design-primary,#1268ef);font-size:28px;line-height:1;font-weight:900;letter-spacing:-.04em}
.ap-service-plan__price span{padding-bottom:2px;color:var(--ap-home-muted);font-size:10px}
.ap-service-plan__cta{margin-top:auto;min-height:42px;border-radius:13px!important;display:flex!important;align-items:center;justify-content:center;gap:9px;font-weight:800!important}
.ap-service-plan__cta i{font-size:10px}
.ap-home-featured{padding-top:18px}
.ap-featured-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ap-featured-card{min-height:112px!important;padding:18px!important}
.ap-featured-card__badge{top:9px!important;right:9px!important}

.ap-home-apps{overflow:hidden}
.ap-home-apps .ap-home-split__grid{position:relative}
.ap-apps-count{width:max-content;margin:14px 0 6px;display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--ap-design-primary,#1268ef) 20%,var(--ap-home-line));border-radius:999px;background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 6%,var(--ap-home-surface));box-shadow:0 8px 28px rgba(18,104,239,.06)}
.ap-apps-count strong{color:var(--ap-design-primary,#1268ef);font-size:22px;font-weight:950;line-height:1}
.ap-apps-count span{color:var(--ap-home-text);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ap-apps-benefits{display:flex;gap:8px;margin:18px 0}
.ap-apps-benefits span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ap-home-surface);border:1px solid var(--ap-home-line);color:var(--ap-design-primary,#1268ef);box-shadow:0 9px 24px rgba(17,47,84,.06)}
.ap-home-apps__visual{position:relative}
.ap-home-apps__visual:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:20px;pointer-events:none}

.ap-home-testimonials{position:relative;overflow:hidden}
.ap-testimonial-grid{gap:18px!important}
.ap-testimonial-card{position:relative;min-height:265px;padding:24px 24px 22px!important;display:flex;flex-direction:column;border-radius:24px!important;box-shadow:0 18px 50px rgba(24,47,80,.08)}
.ap-testimonial-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ap-testimonial-card__quote{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 8%,var(--ap-home-bg));color:var(--ap-design-primary,#1268ef);font-size:14px}
.ap-testimonial-card__stars{margin:0!important}
.ap-testimonial-card blockquote{flex:1;margin-bottom:22px!important}
.ap-testimonial-card footer{display:flex!important;align-items:center;gap:12px!important}
.ap-testimonial-card__avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--ap-design-primary,#1268ef) 18%,var(--ap-home-line));box-shadow:0 7px 20px rgba(20,47,86,.08)}
.ap-testimonial-card__avatar--fallback{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 13%,var(--ap-home-surface)),color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 8%,var(--ap-home-surface)));color:var(--ap-design-primary,#1268ef)}
.ap-testimonial-card footer>span:last-child{display:grid;gap:2px}
.ap-testimonial-card footer strong{font-size:12px;font-weight:900}
.ap-testimonial-card footer small{font-size:9px}

.ap-premium-footer__brand p{font-size:var(--ap-type-footer-summary,12px)!important}
.ap-premium-footer__col h4{font-size:var(--ap-type-footer-heading,13px)!important}
.ap-premium-footer__col a{font-size:var(--ap-type-footer-link,12px)!important}
.ap-premium-footer__grid{align-items:start}
.ap-premium-footer__col{min-width:0}
.ap-premium-footer__col ul{margin:0;padding:0;list-style:none}
.ap-premium-footer__col a{transition:color .18s ease,transform .18s ease}
.ap-premium-footer__bottom{font-size:calc(var(--ap-type-footer-link,12px) - 2px)!important}

html[data-ap-theme="dark"] .ap-service-plan{background:linear-gradient(145deg,#151f2c,#111a25);border-color:#273548}
html[data-ap-theme="dark"] .ap-service-plan__content h3{color:var(--ap-service-title-dark,#F7F9FC)}
html[data-ap-theme="dark"] .ap-service-plan__content>p{color:var(--ap-service-copy-dark,#AEB9C8)}
html[data-ap-theme="dark"] .ap-service-plan__media{background:linear-gradient(145deg,#172536,#101c2b)}
html[data-ap-theme="dark"] .ap-apps-count{background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 9%,#121c29);border-color:#2a3a4e}
html[data-ap-theme="dark"] .ap-apps-count span{color:#edf4fb}
html[data-ap-theme="dark"] .ap-apps-benefits span{background:#151f2c;border-color:#2a394c}

@media(max-width:1199px){
  .ap-service-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-featured-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .ap-service-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .ap-service-plan{border-radius:17px}
  .ap-service-plan__badge{top:8px;right:8px;padding:5px 7px;font-size:7px}
  .ap-service-plan__media{height:var(--ap-service-mobile-media-height,104px)}
  .ap-service-plan__icon{width:58px;height:58px;border-radius:17px;font-size:23px}
  .ap-service-plan__content{padding:14px 12px 13px}
  .ap-service-plan__content h3{font-size:var(--ap-type-service-title-mobile,14px);line-height:1.2}
  .ap-service-plan__content>p{min-height:0;margin-bottom:12px;font-size:var(--ap-type-service-copy-mobile,10px);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ap-service-plan__price{margin-bottom:11px}
  .ap-service-plan__price strong{font-size:21px}
  .ap-service-plan__price small{font-size:7px}
  .ap-service-plan__cta{min-height:36px;padding:8px 7px!important;font-size:9px!important}
  .ap-featured-strip{grid-template-columns:1fr!important}
  .ap-apps-count strong{font-size:19px}.ap-apps-count span{font-size:8px}
  .ap-apps-benefits{margin:14px 0}.ap-apps-benefits span{width:34px;height:34px;border-radius:10px}
  .ap-testimonial-grid{grid-template-columns:1fr!important}
  .ap-testimonial-card{min-height:auto;padding:19px!important}
  .ap-premium-footer__brand p{font-size:var(--ap-type-footer-summary-mobile,10px)!important}
  .ap-premium-footer__col h4{font-size:var(--ap-type-footer-heading-mobile,12px)!important}
  .ap-premium-footer__col a{font-size:var(--ap-type-footer-link-mobile,11px)!important}
  .ap-premium-footer__bottom{font-size:max(7px,calc(var(--ap-type-footer-link-mobile,11px) - 2px))!important}
}
@media(max-width:420px){
  .ap-service-showcase{grid-template-columns:1fr}
  .ap-service-plan__media{height:128px}
}


/* ================================================================
   Amil Premium v21.3.9 — video audit polish
   - One focused recommended service instead of duplicating all 4 categories.
   - Correct light/dark contrast for recommended content.
   - Smaller mobile back-to-top control and calmer mobile section rhythm.
   ================================================================ */

.ap-home-featured .ap-home-heading--featured{max-width:760px}
.ap-featured-focus-wrap{max-width:980px;margin:0 auto}
.ap-featured-focus{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);
  min-height:270px;
  border:1px solid var(--ap-home-line);
  border-radius:calc(var(--ap-design-radius,20px) + 6px);
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ap-design-primary,#1268ef) 7%,var(--ap-home-surface)),
    var(--ap-home-surface) 45%,
    color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 6%,var(--ap-home-surface))
  );
  box-shadow:0 24px 70px rgba(20,47,86,.11);
}
.ap-featured-focus:before{
  content:"";position:absolute;inset:0 0 auto;height:4px;z-index:3;
  background:linear-gradient(90deg,var(--ap-design-primary,#1268ef),var(--ap-design-secondary,#24b8ef));
}
.ap-featured-focus__media{
  position:relative;min-height:270px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--ap-design-primary,#1268ef) 11%,var(--ap-home-surface)),
    color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 8%,var(--ap-home-bg))
  );
}
.ap-featured-focus__media img{width:100%;height:100%;object-fit:cover}
.ap-featured-focus__media>span{
  width:112px;height:112px;border-radius:31px;display:grid;place-items:center;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--ap-design-primary,#1268ef) 18%,var(--ap-home-surface)),
    color-mix(in srgb,var(--ap-design-secondary,#24b8ef) 12%,var(--ap-home-surface))
  );
  color:var(--ap-design-primary,#1268ef);font-size:42px;
  box-shadow:0 22px 55px rgba(18,104,239,.14)
}
.ap-featured-focus__content{padding:31px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ap-featured-focus__badge{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;padding:7px 11px;border-radius:999px;
  background:linear-gradient(135deg,var(--ap-design-primary,#1268ef),var(--ap-design-secondary,#24b8ef));
  color:#fff!important;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.045em;
  box-shadow:0 10px 26px rgba(18,104,239,.18)
}
.ap-featured-focus__content h3{margin:0 0 9px;color:var(--ap-home-text);font-size:clamp(25px,2.4vw,34px);font-weight:950;letter-spacing:-.035em}
.ap-featured-focus__content>p{max-width:620px;margin:0 0 18px;color:var(--ap-home-muted);font-size:13px;line-height:1.7}
.ap-featured-focus__price{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:5px 8px;margin:2px 0 20px}
.ap-featured-focus__price small{grid-column:1/-1;color:var(--ap-home-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.ap-featured-focus__price strong{color:var(--ap-design-primary,#1268ef);font-size:31px;line-height:1;font-weight:950;letter-spacing:-.04em}
.ap-featured-focus__price span{padding-bottom:2px;color:var(--ap-home-muted);font-size:10px}
.ap-featured-focus__cta{min-width:180px;justify-content:center;border-radius:13px!important;font-weight:850!important}

html[data-ap-theme="dark"] .ap-featured-focus{
  border-color:#273548;
  background:linear-gradient(145deg,#111e2d,#0d1723 52%,#102239)
}
html[data-ap-theme="dark"] .ap-featured-focus__media{background:linear-gradient(145deg,#15283b,#0e1a28)}
html[data-ap-theme="dark"] .ap-featured-focus__content h3{color:#f7f9fc}
html[data-ap-theme="dark"] .ap-featured-focus__content>p,
html[data-ap-theme="dark"] .ap-featured-focus__price small,
html[data-ap-theme="dark"] .ap-featured-focus__price span{color:#aeb9c8}

/* Legacy featured cards can still be re-used by custom pages; keep their text readable on dark cards. */
.ap-featured-card>div strong{color:#fff!important}
.ap-featured-card>div small{color:rgba(255,255,255,.72)!important}
html[data-ap-theme="dark"] .ap-featured-card>div strong{color:#fff!important}
html[data-ap-theme="dark"] .ap-featured-card>div small{color:rgba(255,255,255,.72)!important}

@media(max-width:767px){
  .ap-home-featured{padding-top:10px}
  .ap-featured-focus{grid-template-columns:1fr;min-height:0;border-radius:20px}
  .ap-featured-focus__media{min-height:118px;height:118px}
  .ap-featured-focus__media>span{width:62px;height:62px;border-radius:18px;font-size:24px}
  .ap-featured-focus__content{padding:17px 16px 18px}
  .ap-featured-focus__badge{margin-bottom:10px;padding:5px 8px;font-size:7px}
  .ap-featured-focus__content h3{font-size:22px}
  .ap-featured-focus__content>p{margin-bottom:12px;font-size:11px;line-height:1.55}
  .ap-featured-focus__price{margin-bottom:13px}
  .ap-featured-focus__price strong{font-size:24px}
  .ap-featured-focus__cta{width:100%;min-height:38px}
  .scroll-top,.back-to-top,#scrollUp{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}


/* ================================================================
   Amil Premium v21.4.0 — full real-device mobile polish
   - Keep admin-controlled typography, but make the shipped mobile defaults
     calmer and prevent long managed headings from colliding with controls.
   - Replace the unsupported Font Awesome pseudo glyph in DDoS/security rows.
   - Make support CTA and back-to-top less intrusive on narrow screens.
   ================================================================ */
.ap-home-security__inner li:before{
  content:"✓"!important;
  font-family:inherit!important;
  font-weight:950!important;
  width:20px;height:20px;margin-right:9px;border-radius:7px;
  display:inline-grid;place-items:center;
  background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 9%,transparent);
  color:var(--ap-design-primary,#1268ef)!important;
  font-size:10px!important;line-height:1!important;
}

@media(max-width:767px){
  .ap-home-apps .ap-home-split__copy h2,
  .ap-home-apps .ap-home-split__copy h2 .ap-managed-text{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
    line-height:1.06;
  }
  .ap-home-apps .ap-home-split__copy h2{font-size:min(var(--ap-type-section-mobile,31px),29px)!important}
  .ap-home-apps .ap-home-split__copy>p{font-size:12px!important;line-height:1.58!important}
  .ap-home-apps__visual{min-height:210px!important}
  .ap-home-apps__visual img{min-height:210px!important}

  .ap-home-security__inner{padding:19px!important;border-radius:20px!important;gap:18px!important}
  .ap-home-security__inner h2{font-size:min(var(--ap-type-section-mobile,31px),29px)!important;line-height:1.08!important}
  .ap-home-security__inner p{font-size:12px!important;line-height:1.6!important}
  .ap-home-security__inner ul{gap:7px!important}
  .ap-home-security__inner li{padding:10px 11px!important;border-radius:11px!important;font-size:12px!important}

  .ap-home-support{padding:40px 0!important}
  .ap-home-support__inner{gap:22px!important}
  .ap-home-support__inner h2{font-size:min(var(--ap-type-section-mobile,31px),30px)!important;line-height:1.08!important}
  .ap-home-support__inner p{font-size:12px!important;line-height:1.58!important}
  .ap-home-support__actions{gap:7px!important}
  .ap-home-support__actions .btn{min-height:44px!important;padding:10px 13px!important;border-radius:13px!important;font-size:13px!important}

  .scroll-top,.back-to-top,#scrollUp,#back-to-top{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    right:10px!important;bottom:12px!important;padding:0!important;border-radius:12px!important;
    display:grid!important;place-items:center!important;opacity:.86;
  }
  .scroll-top i,.back-to-top i,#scrollUp i,#back-to-top i{font-size:12px!important}

  .ap-premium-footer__bottom{margin-top:22px!important;padding-top:14px!important;gap:6px!important}
  .ap-premium-footer__status{font-size:max(8px,calc(var(--ap-type-footer-link-mobile,11px) - 2px))!important}
}

@media(max-width:420px){
  .ap-home-section{padding-top:43px!important;padding-bottom:43px!important}
  .ap-home-apps .ap-home-split__copy h2{font-size:min(var(--ap-type-section-mobile,31px),27px)!important}
  .ap-home-support__inner h2{font-size:min(var(--ap-type-section-mobile,31px),28px)!important}
}


/* ================================================================
   AMIL Premium v21.4.1 — touch/focus state correction
   Mobile Chrome keeps :focus after a tap. Never leave header actions
   as a white "selected" tile after the tap has finished.
   ================================================================ */
@media (max-width: 991px) and (hover: none), (max-width: 991px) and (pointer: coarse) {
    .ap-site-shell .ap-header__icon-button:focus:not(:focus-visible) {
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    html[data-ap-theme="light"] .ap-site-shell .ap-header__icon-button:focus:not(:focus-visible) {
        color: #202a3a !important;
    }
    html[data-ap-theme="dark"] .ap-site-shell .ap-header__icon-button:focus:not(:focus-visible) {
        color: #e8eef7 !important;
    }
    .ap-mobile-account[open] > .ap-mobile-account__toggle {
        border-color: color-mix(in srgb, var(--ap-shell-primary) 22%, transparent) !important;
        background: color-mix(in srgb, var(--ap-shell-primary) 9%, transparent) !important;
        color: var(--ap-shell-primary) !important;
        box-shadow: none !important;
    }
    html[data-ap-theme="dark"] .ap-mobile-account[open] > .ap-mobile-account__toggle {
        border-color: rgba(96,165,250,.22) !important;
        background: rgba(96,165,250,.10) !important;
        color: #dcecff !important;
    }
}

/* ================================================================
   AMIL Premium v21.4.2 — deterministic mobile header action states.
   Android/Chrome can retain :hover/:focus on tapped <summary> controls.
   Closed actions are forced back to the neutral shell state, while the
   actual open account popover keeps an intentional accent state.
   ================================================================ */
@media (max-width: 991px) {
  .ap-site-shell .ap-header__icon-button,
  .ap-site-shell .ap-header__icon-button i,
  .ap-site-shell .ap-header__icon-button svg {
    -webkit-tap-highlight-color: transparent;
  }

  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle,
  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle:hover,
  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle:active,
  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle:focus,
  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle:focus:not(:focus-visible),
  .ap-site-shell .ap-header__theme-button:hover:not(:focus-visible),
  .ap-site-shell .ap-header__theme-button:active:not(:focus-visible),
  .ap-site-shell .ap-header__theme-button:focus:not(:focus-visible),
  .ap-site-shell .ap-header__cart-button:hover:not(:focus-visible),
  .ap-site-shell .ap-header__cart-button:active:not(:focus-visible),
  .ap-site-shell .ap-header__cart-button:focus:not(:focus-visible) {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html[data-ap-theme="light"] .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle,
  html[data-ap-theme="light"] .ap-site-shell .ap-header__theme-button:not(:focus-visible),
  html[data-ap-theme="light"] .ap-site-shell .ap-header__cart-button:not(:focus-visible) {
    color: #202a3a !important;
  }

  html[data-ap-theme="dark"] .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle,
  html[data-ap-theme="dark"] .ap-site-shell .ap-header__theme-button:not(:focus-visible),
  html[data-ap-theme="dark"] .ap-site-shell .ap-header__cart-button:not(:focus-visible) {
    color: #eef3f8 !important;
  }

  .ap-site-shell .ap-mobile-account:not([open]) > .ap-mobile-account__toggle i,
  .ap-site-shell .ap-header__theme-button i,
  .ap-site-shell .ap-header__cart-button i {
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }

  .ap-site-shell .ap-mobile-account[open] > .ap-mobile-account__toggle {
    border-color: color-mix(in srgb,var(--ap-shell-primary) 22%,transparent) !important;
    background: color-mix(in srgb,var(--ap-shell-primary) 9%,transparent) !important;
    color: var(--ap-shell-primary) !important;
    box-shadow: none !important;
  }
  html[data-ap-theme="dark"] .ap-site-shell .ap-mobile-account[open] > .ap-mobile-account__toggle {
    border-color: rgba(96,165,250,.22) !important;
    background: rgba(96,165,250,.10) !important;
    color: #dcecff !important;
  }
}


/* ================================================================
   AMIL Premium v21.4.3 — mobile action stability + domain reference fallback.
   - Closed hamburger/cart/theme/account controls never retain a stale white tile.
   - touch-action:manipulation prevents accidental double-tap zoom on header actions.
   - Reference domain mode never leaves a detached title when live TLD pricing is absent.
   ================================================================ */
@media (max-width:991px) {
  .ap-site-shell .ap-header__icon-button {
    touch-action: manipulation !important;
    -ms-touch-action: manipulation !important;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent !important;
  }
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle,
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle:hover,
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle:active,
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle:focus,
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle:focus:not(:focus-visible) {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }
  html[data-ap-theme="light"] .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle {
    color: #202a3a !important;
  }
  html[data-ap-theme="dark"] .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle {
    color: #eef3f8 !important;
  }
  .ap-site-shell .ap-mobile-menu:not([open]) > .ap-mobile-menu__toggle i {
    color: currentColor !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }
}

@media (min-width:992px) {
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__desktop-title {
    display:none !important;
  }
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__inner.no-tlds {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"form" !important;
  }
  body[data-ap-domain-desktop="reference"] .ap-domain-ribbon__inner.no-tlds .ap-domain-ribbon__form {
    grid-area:form !important;
    width:min(760px,100%);
    justify-self:end;
  }
}


/* v21.4.4 — Stage 2 closeout: resilient navigation media fallback. */
.ap-nav-media-fallback[hidden]{display:none!important}
.ap-desktop-nav__icon .ap-nav-media-fallback,.ap-mega__intro-icon .ap-nav-media-fallback,.ap-mega__icon .ap-nav-media-fallback,.ap-mobile-menu__parent-icon .ap-nav-media-fallback,.ap-mobile-menu__child-icon .ap-nav-media-fallback{display:grid;place-items:center;width:100%;height:100%}

/* ======================================================================
   AMIL Premium v21.5.0 — Stage 3 / Hero Studio
   One-slide mobile integrity, premium fade, admin-driven sizing/media.
   ====================================================================== */
.ap-home-hero{
  --ap-hero-desktop-height:610px;
  --ap-hero-mobile-height:540px;
  --ap-hero-overlay:.42;
  --ap-hero-fit:cover;
  --ap-hero-position:center;
  overflow:hidden;
  isolation:isolate;
}
.ap-home-hero__carousel,
.ap-home-hero__carousel .carousel-inner,
.ap-home-hero__slide{
  min-height:var(--ap-hero-desktop-height)!important;
  height:var(--ap-hero-desktop-height);
}
.ap-home-hero__carousel .carousel-inner{overflow:hidden!important}
.ap-home-hero__slide{
  background-color:#071522!important;
  background-image:var(--ap-hero-desktop)!important;
  background-repeat:no-repeat!important;
  background-size:var(--ap-hero-fit)!important;
  background-position:var(--ap-hero-position)!important;
}
html[data-ap-theme="dark"] .ap-home-hero__slide{
  background-image:var(--ap-hero-dark,var(--ap-hero-desktop))!important;
}
.ap-home-hero__slide:before{
  opacity:var(--ap-hero-overlay,.42);
  background:linear-gradient(90deg,#020b16 0%,#06172b 43%,#082846 72%,rgba(8,40,70,.2) 100%)!important;
}
.ap-home-hero__slide:after{pointer-events:none}
.ap-home-hero__slide .container{position:relative;z-index:2;height:100%}
.ap-home-hero__content{
  width:min(680px,62%);
  padding:0!important;
  min-height:var(--ap-hero-desktop-height);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  opacity:.55;
  transform:translateY(16px);
  transition:opacity .48s cubic-bezier(.2,.8,.2,1),transform .48s cubic-bezier(.2,.8,.2,1);
}
.ap-home-hero__slide.active .ap-home-hero__content{opacity:1;transform:none}
.ap-home-hero__content h1,.ap-home-hero__content h2{max-width:100%;text-wrap:balance}
.ap-home-hero__content p{max-width:620px}
.ap-home-hero__actions .btn{min-height:50px;padding:13px 20px}
.ap-home-hero__dots{z-index:8}
.ap-home-hero__control{z-index:9}

/* Desktop fade mode: incoming/outgoing slides occupy the same canvas. */
.ap-home-hero__carousel--fade .carousel-inner>.item{
  display:block!important;
  position:absolute!important;
  inset:0;
  width:100%;
  left:0!important;
  opacity:0;
  transform:none!important;
  -webkit-transform:none!important;
  transition:opacity .58s ease!important;
  -webkit-transition:opacity .58s ease!important;
  pointer-events:none;
  z-index:1;
}
.ap-home-hero__carousel--fade .carousel-inner>.item.active,
.ap-home-hero__carousel--fade .carousel-inner>.item.next.left,
.ap-home-hero__carousel--fade .carousel-inner>.item.prev.right{
  opacity:1;
  z-index:3;
  pointer-events:auto;
}
.ap-home-hero__carousel--fade .carousel-inner>.item.active.left,
.ap-home-hero__carousel--fade .carousel-inner>.item.active.right{
  opacity:0;
  z-index:2;
}
.ap-home-hero__carousel--fade .carousel-inner>.item.next,
.ap-home-hero__carousel--fade .carousel-inner>.item.prev{
  left:0!important;
  transform:none!important;
  -webkit-transform:none!important;
}

@media(max-width:991px){
  .ap-home-hero__carousel,
  .ap-home-hero__carousel .carousel-inner,
  .ap-home-hero__slide{
    min-height:var(--ap-hero-mobile-height)!important;
    height:var(--ap-hero-mobile-height)!important;
  }
  .ap-home-hero__slide{
    background-image:var(--ap-hero-mobile,var(--ap-hero-desktop))!important;
    background-size:cover!important;
    background-position:center!important;
  }
  html[data-ap-theme="dark"] .ap-home-hero__slide{
    background-image:var(--ap-hero-mobile,var(--ap-hero-dark,var(--ap-hero-desktop)))!important;
  }
  .ap-home-hero__content{
    width:100%!important;
    min-height:var(--ap-hero-mobile-height)!important;
    justify-content:flex-end;
    padding:150px 0 72px!important;
  }
  .ap-home-hero__slide:before{
    opacity:1!important;
    background:linear-gradient(0deg,rgba(3,11,21,.96) 0%,rgba(5,16,30,.84) 52%,rgba(6,21,39,.3) 100%)!important;
  }
}

/* Mobile always cross-fades on one canvas, even if desktop uses slide mode. */
@media(max-width:767px){
  .ap-home-hero__carousel .carousel-inner>.item{
    display:block!important;
    position:absolute!important;
    inset:0;
    width:100%!important;
    left:0!important;
    opacity:0;
    transform:none!important;
    -webkit-transform:none!important;
    transition:opacity .42s ease!important;
    -webkit-transition:opacity .42s ease!important;
    pointer-events:none;
    z-index:1;
  }
  .ap-home-hero__carousel .carousel-inner>.item.active,
  .ap-home-hero__carousel .carousel-inner>.item.next.left,
  .ap-home-hero__carousel .carousel-inner>.item.prev.right{
    opacity:1;
    z-index:3;
    pointer-events:auto;
  }
  .ap-home-hero__carousel .carousel-inner>.item.active.left,
  .ap-home-hero__carousel .carousel-inner>.item.active.right{
    opacity:0;
    z-index:2;
  }
  .ap-home-hero__carousel .carousel-inner>.item.next,
  .ap-home-hero__carousel .carousel-inner>.item.prev{
    left:0!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  .ap-home-hero__content{
    padding:145px 0 68px!important;
  }
  .ap-home-hero__content h1,.ap-home-hero__content h2{
    font-size:min(var(--ap-type-hero-mobile,38px),40px)!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }
  .ap-home-hero__content p{font-size:13px!important;line-height:1.58!important;max-width:94%}
  .ap-home-hero__actions{width:100%;gap:9px!important;margin-top:18px!important}
  .ap-home-hero__actions .btn{width:100%;min-height:46px!important;padding:11px 14px!important}
  .ap-home-hero__dots{bottom:18px!important;left:13px!important;gap:5px!important}
  .ap-home-hero__dots li{width:20px!important;height:3px!important}
  .ap-home-hero__dots li.active{width:38px!important;height:3px!important}
}

@media(max-width:420px){
  .ap-home-hero__content{padding-top:128px!important;padding-bottom:62px!important}
  .ap-home-hero__content h1,.ap-home-hero__content h2{font-size:min(var(--ap-type-hero-mobile,38px),35px)!important}
}

@media(prefers-reduced-motion:reduce){
  .ap-home-hero__carousel .carousel-inner>.item,
  .ap-home-hero__content{transition:none!important;animation:none!important}
}


/* ========================================================================
   AMIL Premium v21.5.1 — Stage 3 Service Studio
   - Four real core-service cards, admin-controlled density/motion/media size.
   - One recommended REAL service, responsive without duplicated fake plans.
   ======================================================================== */
.ap-home-services.ap-services-density--compact .ap-service-plan__content{padding:16px 15px 15px}
.ap-home-services.ap-services-density--compact .ap-service-plan__content>p{margin-bottom:13px;min-height:42px;-webkit-line-clamp:2}
.ap-home-services.ap-services-density--compact .ap-service-plan__price{margin-bottom:12px}
.ap-home-services.ap-services-density--compact .ap-service-plan__cta{min-height:38px}

.ap-home-services.ap-services-motion--soft .ap-service-plan:hover,
.ap-home-services.ap-services-motion--soft .ap-service-plan:focus-within{transform:translateY(-3px) scale(1.006);box-shadow:0 22px 54px rgba(20,47,86,.11)}
.ap-home-services.ap-services-motion--soft .ap-service-plan:hover .ap-service-plan__media img{transform:scale(1.018)}
.ap-home-services.ap-services-motion--minimal .ap-service-plan:hover,
.ap-home-services.ap-services-motion--minimal .ap-service-plan:focus-within{transform:none;box-shadow:0 18px 46px rgba(22,43,75,.10)}
.ap-home-services.ap-services-motion--minimal .ap-service-plan:hover .ap-service-plan__media img{transform:none}
.ap-home-services.ap-services-motion--none .ap-service-plan,
.ap-home-services.ap-services-motion--none .ap-service-plan__media img{transition:none!important}
.ap-home-services.ap-services-motion--none .ap-service-plan:hover,
.ap-home-services.ap-services-motion--none .ap-service-plan:focus-within{transform:none;box-shadow:0 18px 46px rgba(22,43,75,.08);border-color:var(--ap-home-line)}
.ap-home-services.ap-services-motion--none .ap-service-plan:hover .ap-service-plan__media img{transform:none}

.ap-home-featured.ap-featured-layout--stacked .ap-featured-focus-wrap{max-width:760px}
.ap-home-featured.ap-featured-layout--stacked .ap-featured-focus{grid-template-columns:1fr}
.ap-home-featured.ap-featured-layout--stacked .ap-featured-focus__media{min-height:210px;height:210px}
.ap-home-featured.ap-featured-layout--stacked .ap-featured-focus__content{padding:26px 28px 28px}

@media (hover:none){
  .ap-home-services .ap-service-plan:active{transform:scale(.985);transition-duration:.1s}
  .ap-home-services.ap-services-motion--minimal .ap-service-plan:active,
  .ap-home-services.ap-services-motion--none .ap-service-plan:active{transform:none}
}
@media(max-width:767px){
  .ap-home-services.ap-services-mobile-cols--1 .ap-service-showcase{grid-template-columns:1fr}
  .ap-home-services.ap-services-mobile-cols--2 .ap-service-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-home-services.ap-services-density--compact .ap-service-plan__content{padding:11px 10px 11px}
  .ap-home-services.ap-services-density--compact .ap-service-plan__content>p{margin-bottom:9px;-webkit-line-clamp:2}
  .ap-home-services.ap-services-density--compact .ap-service-plan__price{margin-bottom:9px}
  .ap-home-featured.ap-featured-layout--stacked .ap-featured-focus__media{min-height:112px;height:112px}
  .ap-home-featured.ap-featured-layout--stacked .ap-featured-focus__content{padding:16px 15px 17px}
}
@media(max-width:420px){
  .ap-home-services.ap-services-mobile-cols--2 .ap-service-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-home-services .ap-service-plan__media{height:var(--ap-service-mobile-media-height,104px)}
}
@media(max-width:359px){
  .ap-home-services.ap-services-mobile-cols--2 .ap-service-showcase{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .ap-home-services .ap-service-plan,.ap-home-services .ap-service-plan__media img{transition:none!important;transform:none!important}
}


/* AMIL Premium v21.5.3 — Stage 3 Value / Apps / Infrastructure / DDoS Studio */
.ap-value-motion--lift .ap-benefit-card,.ap-value-motion--lift .ap-home-split__visual,.ap-value-motion--lift .ap-home-security__inner{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
@media (hover:hover) and (pointer:fine){.ap-value-motion--lift .ap-benefit-card:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(15,35,62,.13);border-color:color-mix(in srgb,var(--ap-home-primary) 28%,var(--ap-home-line))}.ap-value-motion--lift .ap-home-split__visual:hover,.ap-value-motion--lift .ap-home-security__inner:hover{transform:translateY(-4px);box-shadow:0 28px 68px rgba(15,35,62,.16)}}
.ap-value-motion--soft .ap-benefit-card,.ap-value-motion--soft .ap-home-split__visual,.ap-value-motion--soft .ap-home-security__inner{transition:box-shadow .25s ease,border-color .25s ease}
.ap-value-motion--minimal .ap-benefit-card,.ap-value-motion--minimal .ap-home-split__visual,.ap-value-motion--minimal .ap-home-security__inner{transition:opacity .2s ease}.ap-value-motion--none .ap-benefit-card,.ap-value-motion--none .ap-home-split__visual,.ap-value-motion--none .ap-home-security__inner{transition:none!important;transform:none!important}
.ap-value-density--compact.ap-home-why,.ap-value-density--compact.ap-home-apps,.ap-value-density--compact.ap-home-split--dark,.ap-value-density--compact.ap-home-security{--ap-value-gap:18px}.ap-value-density--compact .ap-benefit-card{padding:18px}.ap-value-density--compact .ap-benefit-card>span{width:42px;height:42px;margin-bottom:13px}.ap-value-density--compact .ap-home-split__grid{gap:30px}.ap-value-density--compact .ap-home-security__inner{padding:27px}
.ap-benefit-grid--d2{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-benefit-grid--d3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-home-apps.ap-apps-layout--copy-right .ap-home-split__copy{order:2}.ap-home-apps.ap-apps-layout--copy-right .ap-home-split__visual{order:1}
.ap-infra-layout--media-right .ap-home-split__copy{order:1}.ap-infra-layout--media-right .ap-home-split__visual{order:2}
.ap-media-fit--contain .ap-home-split__visual{background:linear-gradient(145deg,#0d1b2d,#10243b);display:grid;place-items:center;padding:20px}.ap-media-fit--contain .ap-home-split__visual img{object-fit:contain!important;min-height:0!important;max-height:350px}
.ap-home-apps__visual img{object-position:center}.ap-apps-benefits span{transition:transform .22s ease,background .22s ease}.ap-value-motion--lift .ap-apps-benefits span:hover{transform:translateY(-3px)}
.ap-home-security__inner li{display:flex;align-items:center;gap:10px}.ap-home-security__inner li:before{display:none!important;content:none!important}.ap-home-security__inner li>i{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 10%,var(--ap-home-bg));color:var(--ap-home-primary);font-size:12px}.ap-home-security__inner li .ap-managed-text{min-width:0}
.ap-security-layout--stacked .ap-home-security__inner{grid-template-columns:1fr}.ap-security-layout--stacked .ap-home-security__inner ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:991px){.ap-benefit-grid--d2,.ap-benefit-grid--d3{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-home-apps.ap-apps-layout--copy-right .ap-home-split__copy,.ap-home-apps.ap-apps-layout--copy-right .ap-home-split__visual,.ap-infra-layout--media-right .ap-home-split__copy,.ap-infra-layout--media-right .ap-home-split__visual{order:initial}.ap-security-layout--stacked .ap-home-security__inner ul{grid-template-columns:1fr}}
@media(max-width:767px){.ap-benefit-grid--m1{grid-template-columns:1fr!important}.ap-benefit-grid--m2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.ap-benefit-grid--m2 .ap-benefit-card{padding:14px;border-radius:15px}.ap-benefit-grid--m2 .ap-benefit-card>span{width:38px;height:38px;margin-bottom:10px;border-radius:11px}.ap-benefit-grid--m2 .ap-benefit-card h3{font-size:13px;line-height:1.25}.ap-benefit-grid--m2 .ap-benefit-card p{font-size:10px;line-height:1.5}.ap-value-density--compact .ap-home-split__grid{gap:18px}.ap-media-fit--contain .ap-home-split__visual{padding:12px;min-height:200px!important}.ap-media-fit--contain .ap-home-split__visual img{max-height:200px}.ap-home-security__inner li>i{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.ap-value-motion--lift .ap-benefit-card,.ap-value-motion--lift .ap-home-split__visual,.ap-value-motion--lift .ap-home-security__inner,.ap-apps-benefits span{transition:none!important;transform:none!important}}


/* AMIL Premium v21.5.4 — Stage 3 “3 Addımda Başlayın” / How It Works Studio */
.ap-home-steps{position:relative;overflow:hidden;background-color:var(--ap-home-surface)}
.ap-home-steps:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--ap-home-primary) 8%,transparent),transparent 42%);opacity:.75}
.ap-home-steps>.container{position:relative;z-index:1}
.ap-steps-heading{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.ap-step-grid{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ap-step}
.ap-step-card{position:relative;z-index:1;min-height:250px;padding:24px 24px 25px;border:1px solid var(--ap-home-line);border-radius:22px;background:color-mix(in srgb,var(--ap-home-surface) 94%,var(--ap-home-primary) 6%);box-shadow:0 10px 32px rgba(15,35,62,.055);overflow:hidden}
.ap-step-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ap-home-primary),color-mix(in srgb,var(--ap-home-primary) 42%,#27beef));opacity:.78}
.ap-step-card:after{content:"";position:absolute;right:-48px;top:-52px;width:142px;height:142px;border:20px solid color-mix(in srgb,var(--ap-home-primary) 5%,transparent);border-radius:50%;pointer-events:none}
.ap-step-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:35px}
.ap-step-card__icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--ap-home-primary) 14%,var(--ap-home-surface)),color-mix(in srgb,#27beef 8%,var(--ap-home-surface)));border:1px solid color-mix(in srgb,var(--ap-home-primary) 14%,var(--ap-home-line));color:var(--ap-home-primary);font-size:18px;box-shadow:0 9px 24px color-mix(in srgb,var(--ap-home-primary) 10%,transparent)}
.ap-step-card__number{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;margin:0;padding:0 10px;border:1px solid color-mix(in srgb,var(--ap-home-primary) 16%,var(--ap-home-line));border-radius:999px;background:var(--ap-home-surface);color:var(--ap-home-primary);font-size:10px;font-weight:900;letter-spacing:.14em}
.ap-step-card h3{position:relative;z-index:1;margin:0 0 10px;color:var(--ap-home-text);font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.ap-step-card p{position:relative;z-index:1;margin:0;color:var(--ap-home-muted);font-size:12px;line-height:1.72}
.ap-steps-layout--timeline.ap-steps-has-connectors .ap-step-grid:before{content:"";position:absolute;z-index:0;left:16.666%;right:16.666%;top:49px;height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--ap-home-primary) 16%,var(--ap-home-line)),color-mix(in srgb,var(--ap-home-primary) 46%,var(--ap-home-line)),color-mix(in srgb,var(--ap-home-primary) 16%,var(--ap-home-line)))}
.ap-steps-layout--timeline .ap-step-card{background:color-mix(in srgb,var(--ap-home-surface) 97%,var(--ap-home-primary) 3%)}
.ap-steps-layout--cards .ap-step-card__top{margin-bottom:28px}
.ap-steps-actions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.ap-steps-actions .btn{min-height:45px;padding:11px 18px;border-radius:13px!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850}
.ap-steps-actions__secondary{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--ap-home-text)!important;border-bottom:1px solid color-mix(in srgb,var(--ap-home-primary) 34%,transparent);font-weight:800;text-decoration:none!important}
.ap-steps-actions__secondary:hover,.ap-steps-actions__secondary:focus{color:var(--ap-home-primary)!important;border-color:var(--ap-home-primary)}
.ap-steps-motion--lift .ap-step-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.ap-steps-motion--soft .ap-step-card{transition:box-shadow .24s ease,border-color .24s ease}
.ap-steps-motion--minimal .ap-step-card{transition:opacity .2s ease}
.ap-steps-motion--none .ap-step-card{transition:none!important;transform:none!important}
@media (hover:hover) and (pointer:fine){.ap-steps-motion--lift .ap-step-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--ap-home-primary) 28%,var(--ap-home-line));box-shadow:0 22px 52px rgba(15,35,62,.12)}.ap-steps-motion--soft .ap-step-card:hover{box-shadow:0 17px 42px rgba(15,35,62,.095);border-color:color-mix(in srgb,var(--ap-home-primary) 22%,var(--ap-home-line))}}
html[data-ap-theme="dark"] .ap-home-steps{background-color:var(--ap-home-surface)}
html[data-ap-theme="dark"] .ap-step-card{background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 5%,#112033),#0e1926)!important;border-color:color-mix(in srgb,var(--ap-home-primary) 15%,#26374a)!important;box-shadow:0 16px 38px rgba(0,0,0,.14)!important}
html[data-ap-theme="dark"] .ap-step-card__number{background:#101c2a;border-color:#2b3b50;color:#8fdfff}
html[data-ap-theme="dark"] .ap-step-card__icon{background:linear-gradient(145deg,#14283e,#102033);border-color:#29405a}
@media(max-width:991px){.ap-step-grid{gap:13px}.ap-step-card{padding:21px;min-height:235px}.ap-step-card__top{margin-bottom:28px}}
@media(max-width:767px){.ap-steps-heading{text-align:left;margin-left:0;margin-right:0}.ap-step-grid{grid-template-columns:1fr;gap:11px}.ap-steps-layout--timeline.ap-steps-has-connectors .ap-step-grid:before{display:none}.ap-step-card{min-height:0;padding:18px 18px 20px;border-radius:18px}.ap-step-card__top{margin-bottom:14px}.ap-step-card__icon{width:43px;height:43px;flex-basis:43px;border-radius:13px;font-size:15px}.ap-step-card__number{height:25px;min-width:40px;font-size:9px}.ap-step-card h3{font-size:17px;margin-bottom:7px}.ap-step-card p{font-size:11px;line-height:1.62}.ap-steps-actions{margin-top:22px;display:grid;grid-template-columns:1fr;gap:8px}.ap-steps-actions .btn{width:100%}.ap-steps-actions__secondary{justify-content:center;border:0}}
@media(prefers-reduced-motion:reduce){.ap-steps-motion--lift .ap-step-card,.ap-steps-motion--soft .ap-step-card,.ap-steps-motion--minimal .ap-step-card{transition:none!important;transform:none!important}}


/* AMIL Premium v21.5.5 — Stage 3 Migration CTA Studio */
.ap-home-migration{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--ap-home-primary) 6%,var(--ap-home-bg)),var(--ap-home-bg) 58%,color-mix(in srgb,#27beef 4%,var(--ap-home-bg)))}
.ap-home-migration:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--ap-home-primary) 11%,transparent),transparent 32%),radial-gradient(circle at 92% 78%,color-mix(in srgb,#27beef 9%,transparent),transparent 30%);opacity:.9}
.ap-home-migration>.container{position:relative;z-index:1}
.ap-home-migration__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:18px;padding:18px;border:1px solid color-mix(in srgb,var(--ap-home-primary) 12%,var(--ap-home-line));border-radius:30px;background:color-mix(in srgb,var(--ap-home-surface) 96%,transparent);box-shadow:0 28px 80px rgba(15,35,62,.10);overflow:hidden}
.ap-home-migration__inner:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,color-mix(in srgb,var(--ap-home-primary) 5%,transparent),transparent 34%,color-mix(in srgb,#27beef 3%,transparent));opacity:.8}
.ap-home-migration__copy{position:relative;z-index:2;padding:34px 28px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.ap-migration-kicker{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--ap-home-primary) 14%,var(--ap-home-line));border-radius:999px;background:color-mix(in srgb,var(--ap-home-primary) 5%,var(--ap-home-surface))}
.ap-migration-kicker>i{color:var(--ap-home-primary);font-size:10px}
.ap-home-migration__copy h2{margin:17px 0 13px;max-width:760px;font-size:clamp(34px,4.2vw,54px);line-height:1.03;letter-spacing:-.045em}
.ap-migration-lead{max-width:720px;margin:0!important;color:var(--ap-home-muted);font-size:14px!important;line-height:1.75!important}
.ap-migration-points{list-style:none;margin:23px 0 0;padding:0;display:grid;gap:9px}
.ap-migration-points li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:9px 11px;border:1px solid color-mix(in srgb,var(--ap-home-primary) 8%,var(--ap-home-line));border-radius:13px;background:color-mix(in srgb,var(--ap-home-primary) 2.5%,var(--ap-home-surface));color:var(--ap-home-text);font-size:11px;font-weight:720;line-height:1.45}
.ap-migration-points li>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ap-home-primary) 9%,var(--ap-home-surface));color:var(--ap-home-primary);font-size:12px}
.ap-migration-note{margin-top:14px;display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-left:3px solid color-mix(in srgb,var(--ap-home-primary) 58%,#27beef);border-radius:9px;background:color-mix(in srgb,var(--ap-home-primary) 4%,var(--ap-home-surface));color:var(--ap-home-muted);font-size:10.5px;line-height:1.55}
.ap-migration-note>i{margin-top:2px;color:var(--ap-home-primary)}
.ap-migration-actions{margin-top:22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ap-migration-actions .btn{min-height:47px;padding:11px 18px;border-radius:13px!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850}
.ap-migration-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 2px;color:var(--ap-home-text)!important;border-bottom:1px solid color-mix(in srgb,var(--ap-home-primary) 38%,transparent);font-weight:820;text-decoration:none!important}
.ap-migration-secondary:hover,.ap-migration-secondary:focus{color:var(--ap-home-primary)!important;border-color:var(--ap-home-primary)}
.ap-home-migration__visual{position:relative;z-index:1;height:auto;min-height:440px;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#0e2139,#142f50);isolation:isolate}
.ap-home-migration__visual:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,18,34,.02),rgba(5,20,39,.38))}
.ap-home-migration__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ap-home-migration__visual.ap-media-fit--contain{padding:20px;background:color-mix(in srgb,var(--ap-home-primary) 5%,var(--ap-home-surface))}
.ap-home-migration__visual.ap-media-fit--contain img{position:relative;inset:auto;object-fit:contain;border-radius:17px}
.ap-migration-visual__orb{position:absolute;z-index:2;border-radius:50%;pointer-events:none;filter:blur(.2px)}
.ap-migration-visual__orb--one{width:120px;height:120px;right:-34px;top:-28px;background:color-mix(in srgb,var(--ap-home-primary) 24%,transparent)}
.ap-migration-visual__orb--two{width:82px;height:82px;left:-24px;bottom:42px;background:color-mix(in srgb,#27beef 20%,transparent)}
.ap-migration-visual__badge{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.20);border-radius:12px;background:rgba(7,24,43,.72);box-shadow:0 12px 34px rgba(0,0,0,.16);backdrop-filter:blur(9px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.ap-migration-visual__badge i{color:#7fddff}.ap-migration-visual__nodes{display:flex;align-items:center;gap:4px}.ap-migration-visual__nodes b{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.78)}.ap-migration-visual__nodes b:nth-child(2){width:13px;border-radius:999px;background:#7fddff}
.ap-migration-layout--visual-left .ap-home-migration__visual{order:-1}
.ap-migration-layout--compact .ap-home-migration__inner{grid-template-columns:1fr;max-width:980px;margin-left:auto;margin-right:auto}
.ap-migration-layout--compact .ap-home-migration__copy{padding:38px 36px;text-align:center;align-items:center}
.ap-migration-layout--compact .ap-migration-points{width:min(760px,100%);grid-template-columns:repeat(3,minmax(0,1fr))}
.ap-migration-layout--compact .ap-migration-points li{grid-template-columns:1fr;text-align:center;justify-items:center;padding:14px 10px}
.ap-migration-layout--compact .ap-migration-note{max-width:720px;text-align:left}
.ap-migration-layout--compact .ap-home-migration__visual{display:none}
.ap-migration-motion--lift .ap-home-migration__inner,.ap-migration-motion--lift .ap-home-migration__visual{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.ap-migration-motion--soft .ap-home-migration__inner{transition:box-shadow .24s ease,border-color .24s ease}
.ap-migration-motion--none .ap-home-migration__inner,.ap-migration-motion--none .ap-home-migration__visual{transition:none!important;transform:none!important}
@media (hover:hover) and (pointer:fine){.ap-migration-motion--lift .ap-home-migration__inner:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--ap-home-primary) 24%,var(--ap-home-line));box-shadow:0 34px 92px rgba(15,35,62,.14)}.ap-migration-motion--lift .ap-home-migration__inner:hover .ap-home-migration__visual{transform:scale(1.008)}.ap-migration-motion--soft .ap-home-migration__inner:hover{border-color:color-mix(in srgb,var(--ap-home-primary) 18%,var(--ap-home-line));box-shadow:0 31px 84px rgba(15,35,62,.12)}}
html[data-ap-theme="dark"] .ap-home-migration{background:linear-gradient(135deg,#0b1724,#0c1928 60%,#0b1c2c)}
html[data-ap-theme="dark"] .ap-home-migration__inner{background:linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1268ef) 4%,#101d2b),#0e1926);border-color:#27394c;box-shadow:0 28px 80px rgba(0,0,0,.23)}
html[data-ap-theme="dark"] .ap-migration-points li{background:#101d2b;border-color:#26384a}
html[data-ap-theme="dark"] .ap-migration-kicker,html[data-ap-theme="dark"] .ap-migration-note{background:#101e2d;border-color:#2a3c50}
@media(max-width:991px){.ap-home-migration__inner{grid-template-columns:1fr;gap:12px}.ap-home-migration__copy{padding:27px 24px}.ap-home-migration__visual{min-height:300px;order:2}.ap-migration-layout--visual-left .ap-home-migration__visual{order:2}.ap-migration-layout--compact .ap-migration-points{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:767px){.ap-home-migration__inner{padding:10px;border-radius:22px}.ap-home-migration__copy{padding:20px 12px 17px}.ap-home-migration__copy h2{font-size:32px!important;margin-top:14px}.ap-migration-lead{font-size:12px!important;line-height:1.65!important}.ap-migration-points{gap:7px;margin-top:17px}.ap-migration-points li{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:8px 9px;font-size:10px}.ap-migration-points li>i{width:30px;height:30px;border-radius:9px;font-size:10px}.ap-migration-note{font-size:9.5px;margin-top:10px}.ap-migration-actions{margin-top:17px;display:grid;grid-template-columns:1fr;gap:8px}.ap-migration-actions .btn{width:100%}.ap-migration-secondary{width:100%;border:0}.ap-home-migration__visual{min-height:230px;border-radius:17px}.ap-migration-layout--compact .ap-home-migration__copy{padding:22px 12px;text-align:left;align-items:stretch}.ap-migration-layout--compact .ap-migration-points{grid-template-columns:1fr}.ap-migration-layout--compact .ap-migration-points li{grid-template-columns:30px minmax(0,1fr);text-align:left;justify-items:stretch}.ap-migration-kicker{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.ap-migration-motion--lift .ap-home-migration__inner,.ap-migration-motion--lift .ap-home-migration__visual,.ap-migration-motion--soft .ap-home-migration__inner{transition:none!important;transform:none!important}}


/* ======================================================================
   AMIL Premium v21.5.6 — Domain Ribbon Mobile Premium Hotfix
   Real WHMCS search/transfer semantics are preserved; this layer is visual.
   ====================================================================== */
@media(max-width:767px){
  .ap-domain-ribbon{
    padding:12px 0 13px!important;
    border-bottom:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 82%,transparent)!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--ap-domain-bg-light,#fff) 98%,#F5FAFF),var(--ap-domain-bg-light,#fff))!important;
    box-shadow:0 8px 24px rgba(18,42,72,.055)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon{
    background:linear-gradient(180deg,color-mix(in srgb,var(--ap-domain-bg-dark,#101720) 94%,#132238),var(--ap-domain-bg-dark,#101720))!important;
    border-bottom-color:color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 26%,transparent)!important;
    box-shadow:0 9px 28px rgba(0,0,0,.18)!important;
  }
  .ap-domain-ribbon:before{
    background-image:linear-gradient(110deg,color-mix(in srgb,var(--ap-domain-button,#1068D5) 9%,transparent),transparent 55%,color-mix(in srgb,#27beef 7%,transparent)),var(--ap-domain-media)!important;
    background-size:auto,440px auto!important;
    background-position:center,right center!important;
    background-repeat:no-repeat!important;
    opacity:.07!important;
    filter:saturate(.72) contrast(.92)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon:before{opacity:.045!important;filter:saturate(.7) brightness(.78)!important}
  .ap-domain-ribbon>.container{width:min(calc(100% - 24px),1280px)!important;padding-left:0!important;padding-right:0!important}
  .ap-domain-ribbon__inner,
  .ap-domain-ribbon__inner.has-tlds,
  .ap-domain-ribbon__inner.no-tlds{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"title" "form" "tlds"!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  .ap-domain-ribbon__desktop-title{
    grid-area:title!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    padding:0 2px!important;
  }
  .ap-domain-ribbon__desktop-title>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:4px 8px!important;
    border:1px solid color-mix(in srgb,var(--ap-domain-button,#1068D5) 18%,var(--ap-domain-border,#DDE4EC))!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--ap-domain-button,#1068D5) 6%,var(--ap-domain-surface-light,#fff))!important;
    color:var(--ap-domain-button,#1068D5)!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .ap-domain-ribbon__desktop-title>strong{
    min-width:0!important;
    color:var(--ap-domain-text-light,#1B2638)!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
    text-align:right!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__desktop-title>span{
    background:color-mix(in srgb,var(--ap-domain-button,#1068D5) 12%,var(--ap-domain-surface-dark,#17212D))!important;
    border-color:color-mix(in srgb,var(--ap-domain-button,#1068D5) 30%,#2D3A4D)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__desktop-title>strong{color:var(--ap-domain-text-dark,#F5F7FA)!important}

  .ap-domain-ribbon__form{
    grid-area:form!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    grid-auto-rows:auto!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 94%,#fff)!important;
    border-radius:16px!important;
    background:var(--ap-domain-surface-light,#fff)!important;
    box-shadow:0 12px 30px rgba(19,47,80,.09)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__form{
    background:var(--ap-domain-surface-dark,#17212D)!important;
    border-color:color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 28%,#253347)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
  }
  .ap-domain-ribbon__search{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    background:transparent!important;
  }
  .ap-domain-ribbon__search i{
    left:15px!important;
    color:color-mix(in srgb,var(--ap-domain-text-light,#1B2638) 46%,#AAB5C4)!important;
    font-size:12px!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__search i{color:#8FA1B7!important}
  .ap-domain-ribbon__search .form-control{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px 0 40px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--ap-domain-text-light,#1B2638)!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:50px!important;
    letter-spacing:-.01em!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__search .form-control{color:var(--ap-domain-text-dark,#F5F7FA)!important}
  .ap-domain-ribbon__search .form-control::placeholder{color:#8C98A8!important;font-size:11.5px!important;font-weight:560!important;opacity:1!important}

  .ap-domain-ribbon__actions{display:contents!important;border:0!important}
  .ap-domain-ribbon__actions .btn{
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:inherit!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
  .ap-domain-ribbon__actions .btn-primary{
    grid-column:2!important;
    grid-row:1!important;
    width:92px!important;
    height:50px!important;
    min-height:50px!important;
    min-width:92px!important;
    padding:0 12px!important;
    border:0!important;
    border-left:1px solid color-mix(in srgb,var(--ap-domain-button,#1068D5) 80%,#0D5DBA)!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--ap-domain-button,#1068D5) 93%,#1C8FE8),var(--ap-domain-button,#1068D5))!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
  }
  .ap-domain-ribbon__actions .btn-primary i{display:none!important}
  .ap-domain-ribbon__actions .btn-inverse{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    min-width:0!important;
    padding:0 12px!important;
    border:0!important;
    border-top:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 78%,transparent)!important;
    background:color-mix(in srgb,var(--ap-domain-transfer,#fff) 96%,#F5F8FC)!important;
    color:var(--ap-domain-text-light,#1B2638)!important;
    font-size:9.5px!important;
    font-weight:820!important;
    gap:7px!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__actions .btn-inverse{
    background:color-mix(in srgb,var(--ap-domain-surface-dark,#17212D) 92%,#0F1A27)!important;
    color:var(--ap-domain-text-dark,#F5F7FA)!important;
    border-top-color:#2B394B!important;
  }
  .ap-domain-ribbon__actions .btn-inverse i{font-size:9px!important;color:var(--ap-domain-button,#1068D5)!important}

  .ap-domain-ribbon__tlds{
    grid-area:tlds!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:stretch!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .ap-domain-ribbon__tlds::-webkit-scrollbar{display:none!important}
  .ap-domain-tld{
    flex:1 0 128px!important;
    min-width:128px!important;
    max-width:190px!important;
    height:38px!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 92%,#fff)!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    background:color-mix(in srgb,var(--ap-domain-surface-light,#fff) 94%,#F4F8FC)!important;
    box-shadow:0 6px 16px rgba(20,45,75,.045)!important;
    scroll-snap-align:start!important;
  }
  html[data-ap-theme="dark"] .ap-domain-tld{
    background:color-mix(in srgb,var(--ap-domain-surface-dark,#17212D) 94%,#101A27)!important;
    border-color:#29384B!important;
    box-shadow:none!important;
  }
  .ap-domain-tld b{
    min-width:auto!important;
    padding:4px 6px!important;
    border:0!important;
    border-radius:7px!important;
    background:color-mix(in srgb,var(--ap-domain-button,#1068D5) 9%,transparent)!important;
    color:var(--ap-domain-button,#1068D5)!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html[data-ap-theme="dark"] .ap-domain-tld b{background:color-mix(in srgb,var(--ap-domain-button,#1068D5) 15%,transparent)!important;color:#8FDFFF!important}
  .ap-domain-tld small{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    color:color-mix(in srgb,var(--ap-domain-text-light,#1B2638) 72%,#738096)!important;
    font-size:8px!important;
    font-weight:720!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  html[data-ap-theme="dark"] .ap-domain-tld small{color:#AFBCCB!important}

  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__form{
    grid-template-columns:1fr!important;
  }
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__search{
    grid-column:1!important;
    grid-row:1!important;
  }
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    border-top:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 78%,transparent)!important;
  }
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn-primary,
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn-inverse{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    border:0!important;
  }
  body[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn-inverse{
    border-left:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 78%,transparent)!important;
  }
}

@media(max-width:390px){
  .ap-domain-ribbon>.container{width:min(calc(100% - 20px),1280px)!important}
  .ap-domain-ribbon__desktop-title>span{font-size:7.5px!important;padding:4px 7px!important}
  .ap-domain-ribbon__desktop-title>strong{font-size:11px!important}
  .ap-domain-ribbon__form{grid-template-columns:minmax(0,1fr) 86px!important}
  .ap-domain-ribbon__actions .btn-primary{width:86px!important;min-width:86px!important;padding:0 8px!important}
  .ap-domain-tld{flex-basis:118px!important;min-width:118px!important}
  .ap-domain-tld small{display:block!important;font-size:7.5px!important}
}

/* ======================================================================
   AMIL Premium v21.5.7 — Domain Ribbon Clean Mobile Polish
   Final mobile-only visual override. Real WHMCS form/action semantics stay
   untouched; configured domain media is intentionally suppressed on mobile
   so the ribbon remains calm, legible and premium on narrow screens.
   ====================================================================== */
@media(max-width:767px){
  .ap-domain-ribbon{
    padding:13px 0 14px!important;
    background:linear-gradient(180deg,color-mix(in srgb,var(--ap-domain-bg-light,#fff) 98%,#F7FAFD),var(--ap-domain-bg-light,#fff))!important;
    border-bottom:1px solid color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 78%,transparent)!important;
    box-shadow:0 7px 22px rgba(18,42,72,.045)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon{
    background:linear-gradient(180deg,color-mix(in srgb,var(--ap-domain-bg-dark,#101720) 96%,#132033),var(--ap-domain-bg-dark,#101720))!important;
    border-bottom-color:color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 24%,transparent)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  }
  .ap-domain-ribbon:before{
    background-image:
      radial-gradient(circle at 96% 10%,color-mix(in srgb,var(--ap-domain-button,#1068D5) 8%,transparent) 0,transparent 34%),
      radial-gradient(circle at 2% 100%,color-mix(in srgb,#27BEEF 5%,transparent) 0,transparent 30%)!important;
    background-size:100% 100%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    filter:none!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon:before{
    background-image:
      radial-gradient(circle at 96% 10%,color-mix(in srgb,var(--ap-domain-button,#1068D5) 10%,transparent) 0,transparent 35%),
      radial-gradient(circle at 2% 100%,color-mix(in srgb,#27BEEF 6%,transparent) 0,transparent 31%)!important;
    opacity:.65!important;
    filter:none!important;
  }
  .ap-domain-ribbon>.container{width:min(calc(100% - 24px),1280px)!important}
  .ap-domain-ribbon__inner,
  .ap-domain-ribbon__inner.has-tlds,
  .ap-domain-ribbon__inner.no-tlds{
    gap:9px!important;
    grid-template-areas:"title" "form" "tlds"!important;
  }
  .ap-domain-ribbon__desktop-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:start!important;
    align-items:start!important;
    gap:3px!important;
    padding:0 2px 2px!important;
  }
  .ap-domain-ribbon__desktop-title>span{
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--ap-domain-button,#1068D5)!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1.25!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  .ap-domain-ribbon__desktop-title>strong{
    width:100%!important;
    color:var(--ap-domain-text-light,#1B2638)!important;
    font-size:15px!important;
    font-weight:850!important;
    line-height:1.22!important;
    letter-spacing:-.025em!important;
    text-align:left!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  html[data-ap-theme="dark"] .ap-domain-ribbon__desktop-title>span{background:transparent!important;border:0!important}
  html[data-ap-theme="dark"] .ap-domain-ribbon__desktop-title>strong{color:var(--ap-domain-text-dark,#F5F7FA)!important}

  .ap-domain-ribbon__form{
    grid-template-columns:minmax(0,1fr) 94px!important;
    border-radius:15px!important;
    border-color:color-mix(in srgb,var(--ap-domain-border,#DDE4EC) 90%,#fff)!important;
    box-shadow:0 10px 26px rgba(19,47,80,.075)!important;
  }
  .ap-domain-ribbon__search .form-control{
    height:49px!important;
    min-height:49px!important;
    padding-left:40px!important;
    font-size:13px!important;
  }
  .ap-domain-ribbon__actions .btn-primary{
    width:94px!important;
    min-width:94px!important;
    height:49px!important;
    min-height:49px!important;
    font-size:11px!important;
  }
  .ap-domain-ribbon__actions .btn-inverse{
    height:33px!important;
    min-height:33px!important;
    font-size:9.5px!important;
  }

  .ap-domain-ribbon__tlds{
    gap:8px!important;
    padding:1px 0 0!important;
  }
  .ap-domain-tld{
    flex:1 0 calc(50% - 4px)!important;
    min-width:142px!important;
    max-width:none!important;
    height:41px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    background:color-mix(in srgb,var(--ap-domain-surface-light,#fff) 97%,#F2F6FA)!important;
    box-shadow:0 4px 12px rgba(20,45,75,.035)!important;
  }
  html[data-ap-theme="dark"] .ap-domain-tld{
    background:color-mix(in srgb,var(--ap-domain-surface-dark,#17212D) 96%,#0F1925)!important;
    border-color:#29384B!important;
  }
  .ap-domain-tld b{
    padding:4px 7px!important;
    font-size:10.5px!important;
  }
  .ap-domain-tld small{
    font-size:8px!important;
    font-weight:700!important;
  }
}

@media(max-width:390px){
  .ap-domain-ribbon>.container{width:min(calc(100% - 20px),1280px)!important}
  .ap-domain-ribbon__desktop-title>strong{font-size:14px!important}
  .ap-domain-ribbon__form{grid-template-columns:minmax(0,1fr) 86px!important}
  .ap-domain-ribbon__actions .btn-primary{width:86px!important;min-width:86px!important}
  .ap-domain-tld{flex-basis:calc(50% - 4px)!important;min-width:126px!important}
  .ap-domain-tld small{display:block!important;font-size:7.5px!important}
}

/* ======================================================================
   AMIL Premium v21.5.10 — Public Readability / Typography Scale
   Shared semantic minimums mirror Premium Admin without altering layout geometry.
   ====================================================================== */
:root {
  --ap-type-eyebrow-readable: 12px;
  --ap-type-secondary-readable: 14px;
  --ap-type-data-readable: 13px;
  --ap-type-meta-readable: 12px;
  --ap-readable-muted-light: #5f6d82;
  --ap-readable-muted-dark: #b5bfcd;
}

/* Eyebrows / uppercase category labels. */
.ap-domain-ribbon__desktop-title>span,
.ap-service-plan__price small,
.ap-featured-focus__price small,
.ap-apps-count span,
.ap-featured-card__badge,
.ap-service-plan__badge,
.ap-migration-kicker {
  font-size: var(--ap-type-eyebrow-readable) !important;
  line-height: 1.3 !important;
}

/* Secondary public copy — central minimum, not per-page patches. */
.ap-service-card__body small,
.ap-featured-card>div small,
.ap-service-plan__content>p,
.ap-benefit-card p,
.ap-step-card p,
.ap-home-split__copy>p,
.ap-home-migration__copy>p,
.ap-home-security__inner p,
.ap-home-support__inner p,
.ap-help-grid small,
.ap-migration-lead,
.ap-migration-note {
  font-size: var(--ap-type-secondary-readable) !important;
  color: var(--ap-readable-muted-light) !important;
  line-height: 1.6 !important;
}

/* Metadata / compact factual copy. */
.ap-testimonial-card footer small,
.ap-announcement-card small,
.ap-domain-tld small,
.ap-service-plan__price span,
.ap-featured-focus__price span,
.ap-premium-footer__bottom {
  font-size: var(--ap-type-meta-readable) !important;
}

/* WHMCS public tables/lists stay readable without changing table geometry. */
body.TMC .table > thead > tr > th,
body.TMC table.table > thead > tr > th {
  font-size: var(--ap-type-data-readable) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}
body.TMC .table > tbody > tr > td,
body.TMC table.table > tbody > tr > td {
  font-size: var(--ap-type-data-readable) !important;
  line-height: 1.45 !important;
}

html[data-ap-theme="dark"] .ap-service-card__body small,
html[data-ap-theme="dark"] .ap-featured-card>div small,
html[data-ap-theme="dark"] .ap-service-plan__content>p,
html[data-ap-theme="dark"] .ap-benefit-card p,
html[data-ap-theme="dark"] .ap-step-card p,
html[data-ap-theme="dark"] .ap-home-split__copy>p,
html[data-ap-theme="dark"] .ap-home-migration__copy>p,
html[data-ap-theme="dark"] .ap-home-security__inner p,
html[data-ap-theme="dark"] .ap-home-support__inner p,
html[data-ap-theme="dark"] .ap-help-grid small,
html[data-ap-theme="dark"] .ap-migration-lead,
html[data-ap-theme="dark"] .ap-migration-note,
html[data-ap-theme="dark"] .ap-testimonial-card footer small,
html[data-ap-theme="dark"] .ap-announcement-card small,
html[data-ap-theme="dark"] .ap-domain-tld small {
  color: var(--ap-readable-muted-dark) !important;
}

@media(max-width:767px){
  .ap-service-card__body small,
  .ap-featured-card>div small,
  .ap-service-plan__content>p,
  .ap-benefit-card p,
  .ap-step-card p,
  .ap-home-split__copy>p,
  .ap-home-migration__copy>p,
  .ap-home-security__inner p,
  .ap-home-support__inner p,
  .ap-help-grid small,
  .ap-migration-lead { font-size: 13px !important; }
  .ap-domain-ribbon__desktop-title>span,
  .ap-service-plan__price small,
  .ap-featured-focus__price small,
  .ap-apps-count span,
  .ap-featured-card__badge,
  .ap-service-plan__badge { font-size: 11px !important; }
  .ap-testimonial-card footer small,
  .ap-announcement-card small,
  .ap-domain-tld small { font-size: 12px !important; }
}



/* AMIL Premium v21.5.24 — Stage 3 Trust Strip. Real values only; no generated claims. */
.ap-home-trust{position:relative;isolation:isolate;overflow:hidden;padding:34px 0;background:#0b1727;color:#fff}
.ap-home-trust .ap-home-stats__inner{position:relative;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:28px;align-items:center}
.ap-home-trust.ap-trust-layout--strip .ap-home-stats__inner{grid-template-columns:1fr}
.ap-home-trust.ap-trust-layout--strip .ap-home-stats__copy{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);align-items:end;gap:12px 28px}
.ap-home-trust.ap-trust-layout--strip .ap-home-stats__copy .ap-eyebrow{grid-column:1/-1;margin:0}
.ap-home-trust.ap-trust-layout--strip .ap-home-stats__copy h2{margin:0}
.ap-home-trust.ap-trust-layout--strip .ap-home-stats__copy p{margin:0}
.ap-home-trust .ap-home-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;min-width:0}
.ap-home-trust .ap-trust-metric{min-width:0;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.ap-home-trust .ap-trust-metric__icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:rgba(120,215,255,.12);color:#9be5ff;font-size:14px}
.ap-home-trust .ap-trust-metric__copy{min-width:0;display:grid;gap:4px}
.ap-home-trust .ap-trust-metric strong{font-size:clamp(20px,2vw,27px);line-height:1;color:#fff;font-weight:900;letter-spacing:-.035em;overflow-wrap:anywhere}
.ap-home-trust .ap-trust-metric__copy>span{font-size:13px;line-height:1.35;color:#c3cfdb;font-weight:750;overflow-wrap:anywhere}
.ap-home-trust.ap-trust-motion--soft .ap-trust-metric:hover{transform:translateY(-2px);border-color:rgba(155,229,255,.3);background:rgba(255,255,255,.075)}
.ap-home-trust.ap-trust-motion--minimal .ap-trust-metric:hover{border-color:rgba(155,229,255,.28)}
.ap-home-trust.ap-trust-motion--none .ap-trust-metric{transition:none}
@media(max-width:991px){.ap-home-trust .ap-home-stats__inner{grid-template-columns:1fr}.ap-home-trust.ap-trust-layout--strip .ap-home-stats__copy{grid-template-columns:1fr;gap:8px}.ap-home-trust .ap-home-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ap-home-trust{padding:28px 0}.ap-home-trust .ap-home-stats__grid{grid-template-columns:1fr}.ap-home-trust .ap-trust-metric{padding:13px}.ap-home-trust .ap-trust-metric strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ap-home-trust .ap-trust-metric{transition:none!important;transform:none!important}}

/* ======================================================================
   AMIL Premium v21.5.26 — Stage 3 FAQ Accordion
   Native details = no-JS fallback; JS only enforces optional single-open mode.
   ====================================================================== */
.ap-home-faq{position:relative;isolation:isolate;overflow:hidden}
.ap-home-faq .ap-home-faq__grid{min-width:0;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,58px);align-items:start}
.ap-home-faq.ap-faq-layout--stacked .ap-home-faq__grid{grid-template-columns:1fr;gap:26px}
.ap-home-faq.ap-faq-layout--stacked .ap-home-faq__heading{max-width:760px}
.ap-home-faq .ap-home-faq__heading{position:relative;min-width:0}
.ap-home-faq .ap-faq-knowledgebase{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-weight:800}
.ap-home-faq .ap-faq-list{min-width:0;display:grid;gap:10px}
.ap-home-faq .ap-faq-item{min-width:0;margin:0;border:1px solid var(--ap-home-line);border-radius:18px;background:var(--ap-home-surface);box-shadow:0 8px 24px rgba(16,42,73,.045);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease}
.ap-home-faq .ap-faq-item>summary{min-width:0;min-height:58px;padding:18px 20px;list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:16px;color:var(--ap-home-text);font-size:15px;font-weight:850;line-height:1.45}
.ap-home-faq .ap-faq-item>summary::-webkit-details-marker{display:none}
.ap-home-faq .ap-faq-item>summary::marker{content:""}
.ap-home-faq .ap-faq-question{min-width:0;overflow-wrap:anywhere}
.ap-home-faq .ap-faq-toggle{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 9%,transparent);color:var(--ap-home-primary);font-size:12px;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.ap-home-faq .ap-faq-toggle i{color:inherit!important;font-size:12px!important;transform:none!important;transition:none!important}
.ap-home-faq .ap-faq-item[open]>summary .ap-faq-toggle{transform:rotate(45deg);background:var(--ap-home-primary);color:#fff}
.ap-home-faq .ap-faq-answer{padding:0 20px 20px;min-width:0}
.ap-home-faq .ap-faq-answer p{margin:0;color:var(--ap-readable-muted-light,#5f6d82);font-size:14px;line-height:1.72;overflow-wrap:anywhere}
.ap-home-faq .ap-faq-item[open]{border-color:color-mix(in srgb,var(--ap-home-primary) 34%,var(--ap-home-line));box-shadow:0 16px 38px rgba(16,42,73,.08)}
.ap-home-faq.ap-faq-density--compact .ap-faq-list{gap:8px}
.ap-home-faq.ap-faq-density--compact .ap-faq-item>summary{min-height:52px;padding:14px 16px}
.ap-home-faq.ap-faq-density--compact .ap-faq-answer{padding:0 16px 16px}
.ap-home-faq.ap-faq-motion--soft .ap-faq-item:not([open]):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ap-home-primary) 24%,var(--ap-home-line));box-shadow:0 12px 30px rgba(16,42,73,.07)}
.ap-home-faq.ap-faq-motion--minimal .ap-faq-item{transition:border-color .15s ease,background-color .15s ease}
.ap-home-faq.ap-faq-motion--minimal .ap-faq-item:hover{border-color:color-mix(in srgb,var(--ap-home-primary) 24%,var(--ap-home-line))}
.ap-home-faq.ap-faq-motion--none .ap-faq-item,.ap-home-faq.ap-faq-motion--none .ap-faq-toggle{transition:none!important;transform:none}
.ap-home-faq .ap-faq-item>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--ap-home-primary) 42%,transparent);outline-offset:-3px;border-radius:16px}
html[data-ap-theme="dark"] .ap-home-faq .ap-faq-answer p{color:var(--ap-readable-muted-dark,#b5bfcd)!important}
html[data-ap-theme="dark"] .ap-home-faq .ap-faq-toggle{background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 16%,#101a28)}
html[data-ap-theme="dark"] .ap-home-faq .ap-faq-item[open]{border-color:color-mix(in srgb,var(--ap-design-primary,#1268ef) 45%,#2b3b50)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important}
@media(max-width:991px){.ap-home-faq .ap-home-faq__grid{grid-template-columns:1fr;gap:26px}.ap-home-faq .ap-home-faq__heading{max-width:760px}}
@media(max-width:767px){
  .ap-home-faq .ap-home-faq__grid{gap:20px}
  .ap-home-faq .ap-faq-list{gap:8px}
  .ap-home-faq .ap-faq-item{border-radius:16px}
  .ap-home-faq .ap-faq-item>summary{min-height:56px;padding:15px 14px;grid-template-columns:minmax(0,1fr) 36px;gap:12px;font-size:14px}
  .ap-home-faq .ap-faq-toggle{width:36px;height:36px;border-radius:11px}
  .ap-home-faq .ap-faq-answer{padding:0 14px 16px}
  .ap-home-faq .ap-faq-answer p{font-size:13px;line-height:1.68}
}
@media(prefers-reduced-motion:reduce){.ap-home-faq .ap-faq-item,.ap-home-faq .ap-faq-toggle{transition:none!important;transform:none!important}}

/* ======================================================================
   AMIL Premium v21.5.27 — Stage 3 Real WHMCS Announcements
   Native WHMCS records only: date/title/summary/link remain real source data.
   ====================================================================== */
.ap-home-announcements{position:relative;isolation:isolate;overflow:hidden}
.ap-home-announcements .ap-announcements-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;min-width:0}
.ap-home-announcements .ap-announcements-head .ap-home-heading{margin:0;min-width:0;text-align:left}
.ap-home-announcements .ap-announcements-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:850;white-space:nowrap}
.ap-home-announcements .ap-announcement-grid{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ap-home-announcements .ap-announcement-grid.is-single{grid-template-columns:minmax(0,1fr)}
.ap-home-announcements .ap-announcement-grid.is-double{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap-home-announcements.ap-announcements-layout--stacked .ap-announcement-grid{grid-template-columns:1fr!important}
.ap-home-announcements .ap-announcement-card{position:relative;min-width:0;min-height:190px;padding:22px;border:1px solid var(--ap-home-line);border-radius:19px;display:flex;flex-direction:column;gap:11px;background:var(--ap-home-surface);color:var(--ap-home-text)!important;box-shadow:0 9px 28px rgba(16,42,73,.05);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-card{min-height:0;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta arrow" "title arrow" "excerpt arrow" "more arrow";align-items:center;column-gap:26px}
.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-meta{grid-area:meta}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-title{grid-area:title}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-excerpt{grid-area:excerpt}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-more{grid-area:more}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-arrow{grid-area:arrow}
.ap-home-announcements .ap-announcement-meta{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--ap-readable-muted-light,#5f6d82);font-size:12px;font-weight:750;line-height:1.35}
.ap-home-announcements .ap-announcement-meta i{color:var(--ap-home-primary)}
.ap-home-announcements .ap-announcement-title{min-width:0;font-size:16px;font-weight:900;line-height:1.42;color:var(--ap-home-text);overflow-wrap:anywhere}
.ap-home-announcements .ap-announcement-excerpt{margin:0;min-width:0;color:var(--ap-readable-muted-light,#5f6d82);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.ap-home-announcements .ap-announcement-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:850;color:var(--ap-home-primary)}
.ap-home-announcements .ap-announcement-arrow{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--ap-home-primary) 10%,transparent);color:var(--ap-home-primary);font-size:13px;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.ap-home-announcements.ap-announcements-density--compact .ap-announcement-card{min-height:160px;padding:17px;gap:8px}.ap-home-announcements.ap-announcements-density--compact .ap-announcement-grid.is-single .ap-announcement-card{padding:18px 20px}
.ap-home-announcements.ap-announcements-motion--soft .ap-announcement-card:hover,.ap-home-announcements.ap-announcements-motion--soft .ap-announcement-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ap-home-primary) 28%,var(--ap-home-line));box-shadow:0 18px 42px rgba(16,42,73,.10);text-decoration:none}
.ap-home-announcements.ap-announcements-motion--soft .ap-announcement-card:hover .ap-announcement-arrow{transform:translateX(2px);background:var(--ap-home-primary);color:#fff}
.ap-home-announcements.ap-announcements-motion--minimal .ap-announcement-card:hover,.ap-home-announcements.ap-announcements-motion--minimal .ap-announcement-card:focus-visible{border-color:color-mix(in srgb,var(--ap-home-primary) 28%,var(--ap-home-line));text-decoration:none}
.ap-home-announcements.ap-announcements-motion--none .ap-announcement-card,.ap-home-announcements.ap-announcements-motion--none .ap-announcement-arrow{transition:none!important;transform:none!important}
.ap-home-announcements .ap-announcement-card:focus-visible{outline:3px solid color-mix(in srgb,var(--ap-home-primary) 40%,transparent);outline-offset:3px}
html[data-ap-theme="dark"] .ap-home-announcements .ap-announcement-meta,html[data-ap-theme="dark"] .ap-home-announcements .ap-announcement-excerpt{color:var(--ap-readable-muted-dark,#b5bfcd)!important}
html[data-ap-theme="dark"] .ap-home-announcements .ap-announcement-arrow{background:color-mix(in srgb,var(--ap-design-primary,#1268ef) 16%,#101a28)}
@media(max-width:991px){.ap-home-announcements .ap-announcement-grid{grid-template-columns:1fr 1fr}.ap-home-announcements .ap-announcement-grid.is-single{grid-template-columns:1fr}.ap-home-announcements .ap-announcement-grid.is-triple .ap-announcement-card:last-child{grid-column:1/-1}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-card{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:767px){.ap-home-announcements .ap-announcements-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.ap-home-announcements .ap-announcements-all{width:100%;justify-content:center}.ap-home-announcements .ap-announcement-grid,.ap-home-announcements .ap-announcement-grid.is-double{grid-template-columns:1fr}.ap-home-announcements .ap-announcement-grid.is-triple .ap-announcement-card:last-child{grid-column:auto}.ap-home-announcements .ap-announcement-card{min-height:0;padding:17px;border-radius:16px}.ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-card{padding:17px;grid-template-columns:minmax(0,1fr) 38px;grid-template-areas:"meta arrow" "title title" "excerpt excerpt" "more more";column-gap:12px}.ap-home-announcements .ap-announcement-title{font-size:15px}.ap-home-announcements .ap-announcement-excerpt{font-size:13px;line-height:1.62}.ap-home-announcements .ap-announcement-arrow{width:38px;height:38px;border-radius:11px}}
@media(prefers-reduced-motion:reduce){.ap-home-announcements .ap-announcement-card,.ap-home-announcements .ap-announcement-arrow{transition:none!important;transform:none!important}}
.ap-home-announcements .ap-announcement-arrow i{color:inherit!important}

/* ======================================================================
   AMIL Premium v21.5.28 — Announcements real-device hotfix
   Mobile CTA cleanup after real-device video review.
   ====================================================================== */
@media(max-width:767px){
  .ap-home-announcements .ap-announcement-grid.is-single .ap-announcement-card{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"meta" "title" "excerpt" "more";
  }
  .ap-home-announcements .ap-announcement-arrow{display:none!important}
}


/* AMIL Premium v21.5.30 — Stage 3 Support Close */
.ap-home-help--compact .ap-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ap-home-help--compact .ap-help-grid>a{padding:16px;min-height:82px}.ap-home-help--density-compact .ap-help-grid>a{padding:16px}.ap-home-help--density-compact .ap-help-grid>a>i{width:40px;height:40px}.ap-home-help.ap-motion-minimal .ap-help-grid>a:hover,.ap-home-help.ap-motion-minimal .ap-help-grid>a:focus{transform:translateY(-2px)}.ap-home-help.ap-motion-none .ap-help-grid>a{transition:none!important}.ap-home-help.ap-motion-none .ap-help-grid>a:hover,.ap-home-help.ap-motion-none .ap-help-grid>a:focus{transform:none}.ap-home-support--centered .ap-home-support__inner{max-width:900px;margin:0 auto;flex-direction:column;text-align:center}.ap-home-support--centered .ap-home-support__inner>div:first-child{max-width:760px}.ap-home-support--centered .ap-home-support__actions{justify-content:center}.ap-home-support.ap-motion-minimal .ap-home-support__actions .btn{transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.ap-home-support.ap-motion-minimal .ap-home-support__actions .btn:hover,.ap-home-support.ap-motion-minimal .ap-home-support__actions .btn:focus{transform:translateY(-1px)}.ap-home-support.ap-motion-none .ap-home-support__actions .btn{transition:none!important;transform:none!important}@media(max-width:767px){.ap-home-help--compact .ap-help-grid{grid-template-columns:1fr}.ap-home-support--centered .ap-home-support__inner{text-align:left}.ap-home-support--centered .ap-home-support__actions{justify-content:stretch}}@media(prefers-reduced-motion:reduce){.ap-home-help .ap-help-grid>a,.ap-home-support__actions .btn{transition:none!important;transform:none!important}}

/* =========================================================
   AMIL Premium v21.6.1 — Stage 4 service landing pages
   Real WHMCS group/product/pricing presentation only.
   ========================================================= */
.ap-service-page{--asp-text:#122033;--asp-muted:#65748a;--asp-line:#dfe7f1;--asp-surface:#fff;--asp-soft:#f5f8fc;--asp-accent:#087cc7;--asp-accent2:#24b9de;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0,#fff 34%,#f7f9fc 100%);color:var(--asp-text)}
html[data-ap-theme="dark"] .ap-service-page{--asp-text:#f4f7fb;--asp-muted:#aeb9c9;--asp-line:#293749;--asp-surface:#111a26;--asp-soft:#0d1520;background:linear-gradient(180deg,#0b121c 0,#0e1621 38%,#0a1119 100%)}
.ap-service-page *{box-sizing:border-box}.ap-service-page .container{width:min(calc(100% - 32px),1280px);max-width:1280px;margin-inline:auto}.ap-service-hero{position:relative;padding:clamp(54px,7vw,94px) 0 52px;background:radial-gradient(circle at 86% 16%,rgba(36,185,222,.18),transparent 31%),radial-gradient(circle at 8% 82%,rgba(8,124,199,.12),transparent 28%)}
.ap-service-hero__inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(34px,6vw,86px);align-items:center}.ap-service-hero__copy{min-width:0}.ap-service-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--asp-accent);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ap-service-hero h1{margin:0;max-width:760px;color:var(--asp-text);font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:850}.ap-service-hero__copy>p{max-width:720px;margin:20px 0 0;color:var(--asp-muted);font-size:clamp(15px,1.55vw,18px);line-height:1.7}.ap-service-group-pill{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;border:1px solid var(--asp-line);border-radius:999px;background:color-mix(in srgb,var(--asp-surface) 86%,transparent);color:var(--asp-text);font-size:13px;font-weight:750;box-shadow:0 8px 22px rgba(24,52,84,.06)}
.ap-service-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.ap-service-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:13px;text-decoration:none!important;font-size:14px;font-weight:800;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.ap-service-btn--primary{background:linear-gradient(135deg,var(--asp-accent),var(--asp-accent2));color:#fff!important;box-shadow:0 12px 28px rgba(8,124,199,.2)}.ap-service-btn--primary:hover,.ap-service-btn--primary:focus{color:#fff!important;transform:translateY(-1px);box-shadow:0 16px 34px rgba(8,124,199,.26)}.ap-service-btn--ghost{border-color:var(--asp-line);background:var(--asp-surface);color:var(--asp-text)!important}.ap-service-btn--ghost:hover,.ap-service-btn--ghost:focus{border-color:color-mix(in srgb,var(--asp-accent) 42%,var(--asp-line));color:var(--asp-accent)!important}.ap-service-btn--block{width:100%}.ap-service-btn--disabled{width:100%;border-color:var(--asp-line);background:var(--asp-soft);color:var(--asp-muted);cursor:not-allowed}.ap-service-btn:focus-visible,.ap-service-inline-link:focus-visible,.ap-service-alt-card:focus-visible{outline:3px solid color-mix(in srgb,var(--asp-accent) 45%,transparent);outline-offset:3px}
.ap-service-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ap-service-facts span{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--asp-line);border-radius:10px;background:color-mix(in srgb,var(--asp-surface) 82%,transparent);color:var(--asp-muted);font-size:12px;font-weight:700}.ap-service-facts strong{color:var(--asp-text)}.ap-service-facts i{color:var(--asp-accent);font-size:11px}
.ap-service-hero__visual{position:relative;min-height:330px;display:grid;place-items:center}.ap-service-hero-icon{position:relative;z-index:2;width:154px;height:154px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:42px;background:linear-gradient(145deg,#0b75c2,#28c2de);color:#fff;font-size:58px;box-shadow:0 32px 70px rgba(7,92,158,.24);transform:rotate(-5deg)}.ap-service-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--asp-accent) 25%,transparent);border-radius:50%}.ap-service-orbit--one{width:290px;height:290px}.ap-service-orbit--two{width:230px;height:230px;border-style:dashed;transform:rotate(28deg)}
.ap-service-plans{padding:64px 0}.ap-service-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.ap-service-section-head>div{min-width:0}.ap-service-section-head h2{margin:0;color:var(--asp-text);font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.04em;font-weight:840}.ap-service-section-head p{max-width:720px;margin:10px 0 0;color:var(--asp-muted);font-size:14px;line-height:1.65}.ap-service-inline-link{flex:0 0 auto;color:var(--asp-accent)!important;font-size:13px;font-weight:800;text-decoration:none!important}.ap-service-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.ap-service-plan-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:22px;border:1px solid var(--asp-line);border-radius:22px;background:var(--asp-surface);box-shadow:0 16px 38px rgba(24,49,80,.07);overflow:hidden}.ap-service-plan-card.is-featured{border-color:color-mix(in srgb,var(--asp-accent) 38%,var(--asp-line));box-shadow:0 22px 54px rgba(8,124,199,.12)}.ap-service-plan-card.is-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--asp-accent),var(--asp-accent2))}.ap-service-plan-index{display:inline-flex;margin-bottom:14px;color:var(--asp-accent);font-size:11px;font-weight:900;letter-spacing:.12em}.ap-service-plan-card h3{margin:0;color:var(--asp-text);font-size:21px;line-height:1.2;font-weight:820;letter-spacing:-.025em}.ap-service-price{min-height:46px;display:flex;align-items:flex-end;gap:7px;margin-top:16px}.ap-service-price strong{color:var(--asp-text);font-size:30px;line-height:1;font-weight:850;letter-spacing:-.04em}.ap-service-price span{padding-bottom:3px;color:var(--asp-muted);font-size:12px;font-weight:700}.ap-service-price .ap-service-price--muted{font-size:15px;letter-spacing:0;color:var(--asp-muted)}.ap-service-setup{margin-top:8px;color:var(--asp-muted);font-size:12px}.ap-service-setup strong{color:var(--asp-text)}.ap-service-feature-list{display:grid;gap:10px;margin:22px 0 24px;padding:18px 0 0;border-top:1px solid var(--asp-line);list-style:none}.ap-service-feature-list li{min-width:0;display:flex;align-items:flex-start;gap:9px;color:var(--asp-muted);font-size:13px;line-height:1.5}.ap-service-feature-list i{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--asp-accent) 10%,var(--asp-soft));color:var(--asp-accent);font-size:8px}.ap-service-feature-list span{min-width:0;overflow-wrap:anywhere}.ap-service-plan-spacer{flex:1;min-height:40px}.ap-service-plan-card__footer{margin-top:auto;padding-top:4px}
.ap-service-empty{display:flex;align-items:center;gap:18px;padding:26px;border:1px dashed color-mix(in srgb,var(--asp-accent) 42%,var(--asp-line));border-radius:20px;background:var(--asp-surface)}.ap-service-empty__icon{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--asp-accent) 10%,var(--asp-soft));color:var(--asp-accent);font-size:20px}.ap-service-empty h3{margin:0 0 6px;color:var(--asp-text);font-size:18px}.ap-service-empty p{margin:0;color:var(--asp-muted);font-size:13px;line-height:1.55}
.ap-service-alternatives{padding:0 0 64px}.ap-service-section-head--compact{margin-bottom:16px}.ap-service-section-head--compact h2{font-size:clamp(24px,2.6vw,34px)}.ap-service-alt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ap-service-alt-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid var(--asp-line);border-radius:15px;background:var(--asp-surface);color:var(--asp-text)!important;text-decoration:none!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ap-service-alt-card:hover{border-color:color-mix(in srgb,var(--asp-accent) 35%,var(--asp-line));transform:translateY(-1px);box-shadow:0 12px 26px rgba(24,49,80,.07)}.ap-service-alt-card>span{min-width:0;display:grid;gap:3px}.ap-service-alt-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ap-service-alt-card small{color:var(--asp-muted);font-size:11px}.ap-service-alt-card i{color:var(--asp-accent);font-size:11px}
.ap-service-support-close{padding:0 0 72px}.ap-service-support-close__inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#071a2b,#0b3e61);color:#fff;box-shadow:0 24px 56px rgba(5,28,49,.2)}.ap-service-support-close h2{margin:0;color:#fff;font-size:clamp(23px,2.8vw,34px);letter-spacing:-.035em}.ap-service-support-close p{max-width:700px;margin:8px 0 0;color:#c7d7e5;font-size:13px;line-height:1.6}.ap-service-support-close .ap-service-eyebrow{margin-bottom:6px;color:#7bdcf2}
@media(max-width:1020px){.ap-service-hero__inner{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.ap-service-hero__visual{min-height:260px}.ap-service-hero-icon{width:126px;height:126px;border-radius:34px;font-size:46px}.ap-service-orbit--one{width:230px;height:230px}.ap-service-orbit--two{width:180px;height:180px}.ap-service-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-service-alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ap-service-page .container{width:min(calc(100% - 24px),1280px)}.ap-service-hero{padding:38px 0 34px}.ap-service-hero__inner{display:block}.ap-service-hero__visual{display:none}.ap-service-hero h1{font-size:clamp(36px,12vw,50px)}.ap-service-hero__copy>p{font-size:14px;line-height:1.65}.ap-service-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ap-service-btn{min-height:44px;padding:10px 13px;font-size:13px}.ap-service-facts{display:grid;grid-template-columns:1fr 1fr}.ap-service-facts span:first-child{grid-column:1/-1}.ap-service-plans{padding:44px 0}.ap-service-section-head{display:grid;align-items:start;gap:10px;margin-bottom:18px}.ap-service-section-head h2{font-size:30px}.ap-service-plan-grid{grid-template-columns:1fr;gap:12px}.ap-service-plan-card{padding:18px;border-radius:18px}.ap-service-price strong{font-size:27px}.ap-service-alt-grid{grid-template-columns:1fr}.ap-service-alternatives{padding-bottom:44px}.ap-service-support-close{padding-bottom:48px}.ap-service-support-close__inner{display:grid;gap:18px;padding:22px;border-radius:20px}.ap-service-support-close .ap-service-btn{width:100%}.ap-service-empty{align-items:flex-start;padding:20px}.ap-service-empty__icon{width:44px;height:44px;flex-basis:44px}}
@media(max-width:420px){.ap-service-actions{grid-template-columns:1fr}.ap-service-facts{grid-template-columns:1fr}.ap-service-facts span:first-child{grid-column:auto}.ap-service-plan-card h3{font-size:19px}.ap-service-price{flex-wrap:wrap}.ap-service-section-head h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.ap-service-page *{scroll-behavior:auto!important}.ap-service-btn,.ap-service-alt-card{transition:none!important}.ap-service-btn:hover,.ap-service-alt-card:hover{transform:none!important}.ap-service-orbit{display:none}}


/* ================================================================
   AMIL Premium v21.6.2 — Stage 4 real-device plan-card cleanup
   - Service landing product descriptions are filtered server-side so
     decorative/empty rows never become blank check bullets.
   - On narrow service pages the fixed legacy back-to-top control is
     hidden because it can cover a full-width order CTA while scrolling.
   ================================================================ */
@media(max-width:767px){
  body:has(.ap-service-page) #back-to-top{display:none!important}
  .ap-service-feature-list{gap:9px;margin-top:18px;margin-bottom:20px;padding-top:15px}
  .ap-service-feature-list li{font-size:13px;line-height:1.45}
}

/* ================================================================
   AMIL-PRO Global Light/Dark Theme Sync v21.6.5
   Unifies legacy Clouder + WHMCS Bootstrap surfaces with the
   data-ap-theme switch without changing semantic status colors.
   ================================================================ */
html[data-ap-theme="light"] {
  color-scheme: light;
}

html[data-ap-theme="dark"] {
  color-scheme: dark;
}

body.TMC {
  --ap-ui-bg: var(--ap-global-bg-light, #f5f7fb);
  --ap-ui-surface: var(--ap-global-surface-light, #ffffff);
  --ap-ui-surface-2: #f3f6fa;
  --ap-ui-surface-3: #eaf0f6;
  --ap-ui-text: var(--ap-global-text-light, #162033);
  --ap-ui-muted: #66758a;
  --ap-ui-line: #dce4ed;
  --ap-ui-input: #ffffff;
  --ap-ui-hover: #eef4fa;
  --ap-ui-shadow: rgba(18, 38, 63, .08);
  --ap-ui-code: #eef3f8;
}

html[data-ap-theme="dark"] body.TMC {
  --ap-ui-bg: var(--ap-global-bg-dark, #0b111a);
  --ap-ui-surface: var(--ap-global-surface-dark, #141c27);
  --ap-ui-surface-2: #1a2431;
  --ap-ui-surface-3: #202c3a;
  --ap-ui-text: var(--ap-global-text-dark, #f4f7fb);
  --ap-ui-muted: #aeb9c8;
  --ap-ui-line: #2c3948;
  --ap-ui-input: #111923;
  --ap-ui-hover: #1f2b39;
  --ap-ui-shadow: rgba(0, 0, 0, .24);
  --ap-ui-code: #111b27;
}

body.TMC,
body.TMC .page-container,
body.TMC section#main-body {
  background-color: var(--ap-ui-bg) !important;
  color: var(--ap-ui-text);
}

body.TMC .page-container,
body.TMC section#main-body,
body.TMC .main-content,
body.TMC .block-s3 {
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

html[data-ap-theme="dark"] body.TMC .page-header.title,
html[data-ap-theme="dark"] body.TMC .panel,
html[data-ap-theme="dark"] body.TMC .well,
html[data-ap-theme="dark"] body.TMC .jumbotron,
html[data-ap-theme="dark"] body.TMC .thumbnail,
html[data-ap-theme="dark"] body.TMC .list-group-item,
html[data-ap-theme="dark"] body.TMC .dropdown-menu,
html[data-ap-theme="dark"] body.TMC .modal-content,
html[data-ap-theme="dark"] body.TMC .popover,
html[data-ap-theme="dark"] body.TMC .tc-table,
html[data-ap-theme="dark"] body.TMC .ticket-reply,
html[data-ap-theme="dark"] body.TMC div.credit-card,
html[data-ap-theme="dark"] body.TMC .invoice-summary,
html[data-ap-theme="dark"] body.TMC .marketing-email-optin,
html[data-ap-theme="dark"] body.TMC .continue-container,
html[data-ap-theme="dark"] body.TMC .invite-box,
html[data-ap-theme="dark"] body.TMC .upgrade .products .product,
html[data-ap-theme="dark"] body.TMC .store-promoted-product,
html[data-ap-theme="dark"] body.TMC .promo-banner,
html[data-ap-theme="dark"] body.TMC .section .panel.panel-tabs .panel-nav,
html[data-ap-theme="dark"] body.TMC .md-editor,
html[data-ap-theme="dark"] body.TMC .md-editor > .md-header,
html[data-ap-theme="dark"] body.TMC .md-editor .md-footer,
html[data-ap-theme="dark"] body.TMC .md-editor > .md-preview,
html[data-ap-theme="dark"] body.TMC .markdown-content table,
html[data-ap-theme="dark"] body.TMC div.dtr-modal div.dtr-modal-display {
  background-color: var(--ap-ui-surface) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
  box-shadow: 0 14px 36px var(--ap-ui-shadow);
}

html[data-ap-theme="dark"] body.TMC .panel-default > .panel-heading,
html[data-ap-theme="dark"] body.TMC .panel .panel-footer,
html[data-ap-theme="dark"] body.TMC .panel-sidebar > .panel-heading,
html[data-ap-theme="dark"] body.TMC .panel-sidebar > .panel-footer,
html[data-ap-theme="dark"] body.TMC .modal-content .modal-header,
html[data-ap-theme="dark"] body.TMC .modal-content .modal-footer,
html[data-ap-theme="dark"] body.TMC .ticket-reply .user,
html[data-ap-theme="dark"] body.TMC .ticket-reply .attachments,
html[data-ap-theme="dark"] body.TMC .compact-control-bar,
html[data-ap-theme="dark"] body.TMC .invoice-summary-table td.total-row,
html[data-ap-theme="dark"] body.TMC .ticketfeedbackstaffcont,
html[data-ap-theme="dark"] body.TMC h3.kb-alsoread,
html[data-ap-theme="dark"] body.TMC .upgrade .product-to-be-upgraded,
html[data-ap-theme="dark"] body.TMC .bootstrap-switch .bootstrap-switch-label {
  background-color: var(--ap-ui-surface-2) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .panel,
html[data-ap-theme="dark"] body.TMC .panel-body,
html[data-ap-theme="dark"] body.TMC .well,
html[data-ap-theme="dark"] body.TMC .jumbotron,
html[data-ap-theme="dark"] body.TMC .list-group-item,
html[data-ap-theme="dark"] body.TMC .modal-content,
html[data-ap-theme="dark"] body.TMC .popover,
html[data-ap-theme="dark"] body.TMC .table,
html[data-ap-theme="dark"] body.TMC .table > tbody > tr > td,
html[data-ap-theme="dark"] body.TMC .table > tbody > tr > th,
html[data-ap-theme="dark"] body.TMC .table > tfoot > tr > td,
html[data-ap-theme="dark"] body.TMC .table > tfoot > tr > th,
html[data-ap-theme="dark"] body.TMC .table > thead > tr > td,
html[data-ap-theme="dark"] body.TMC .table > thead > tr > th {
  color: var(--ap-ui-text);
  border-color: var(--ap-ui-line) !important;
}

html[data-ap-theme="dark"] body.TMC .table-striped > tbody > tr:nth-of-type(odd),
html[data-ap-theme="dark"] body.TMC .table-hover > tbody > tr:hover {
  background-color: var(--ap-ui-surface-2) !important;
}

html[data-ap-theme="dark"] body.TMC .form-control,
html[data-ap-theme="dark"] body.TMC #registration .field,
html[data-ap-theme="dark"] body.TMC #registration .form-control,
html[data-ap-theme="dark"] body.TMC textarea,
html[data-ap-theme="dark"] body.TMC input[type="text"],
html[data-ap-theme="dark"] body.TMC input[type="password"],
html[data-ap-theme="dark"] body.TMC input[type="email"],
html[data-ap-theme="dark"] body.TMC input[type="number"],
html[data-ap-theme="dark"] body.TMC input[type="search"],
html[data-ap-theme="dark"] body.TMC input[type="url"],
html[data-ap-theme="dark"] body.TMC input[type="tel"],
html[data-ap-theme="dark"] body.TMC input[type="date"],
html[data-ap-theme="dark"] body.TMC input[type="time"],
html[data-ap-theme="dark"] body.TMC select,
html[data-ap-theme="dark"] body.TMC .select2-container .select2-choice,
html[data-ap-theme="dark"] body.TMC .select2-container .select2-selection,
html[data-ap-theme="dark"] body.TMC .intl-tel-input .country-list {
  background-color: var(--ap-ui-input) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .form-control[disabled],
html[data-ap-theme="dark"] body.TMC .form-control[readonly],
html[data-ap-theme="dark"] body.TMC fieldset[disabled] .form-control,
html[data-ap-theme="dark"] body.TMC #registration .field[disabled],
html[data-ap-theme="dark"] body.TMC #registration .field[readonly] {
  background-color: var(--ap-ui-surface-2) !important;
  color: var(--ap-ui-muted) !important;
}

html[data-ap-theme="dark"] body.TMC .form-control::placeholder,
html[data-ap-theme="dark"] body.TMC textarea::placeholder,
html[data-ap-theme="dark"] body.TMC input::placeholder {
  color: #8291a5 !important;
  opacity: 1;
}

html[data-ap-theme="dark"] body.TMC .input-group-addon,
html[data-ap-theme="dark"] body.TMC .input-group-btn .btn-default,
html[data-ap-theme="dark"] body.TMC .btn-default {
  background-color: var(--ap-ui-surface-2) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .btn-default:hover,
html[data-ap-theme="dark"] body.TMC .btn-default:focus,
html[data-ap-theme="dark"] body.TMC .btn-default:active,
html[data-ap-theme="dark"] body.TMC .open > .dropdown-toggle.btn-default {
  background-color: var(--ap-ui-hover) !important;
  border-color: #3b4c60 !important;
  color: #fff !important;
}

html[data-ap-theme="dark"] body.TMC .dropdown-menu > li > a,
html[data-ap-theme="dark"] body.TMC .dropdown-menu > li > button,
html[data-ap-theme="dark"] body.TMC .list-group-item,
html[data-ap-theme="dark"] body.TMC .nav-tabs > li > a,
html[data-ap-theme="dark"] body.TMC .nav-pills > li > a,
html[data-ap-theme="dark"] body.TMC .pagination > li > a,
html[data-ap-theme="dark"] body.TMC .pagination > li > span {
  background-color: transparent;
  border-color: var(--ap-ui-line);
  color: var(--ap-ui-text);
}

html[data-ap-theme="dark"] body.TMC .dropdown-menu > li > a:hover,
html[data-ap-theme="dark"] body.TMC .dropdown-menu > li > a:focus,
html[data-ap-theme="dark"] body.TMC .nav-tabs > li > a:hover,
html[data-ap-theme="dark"] body.TMC .nav-tabs > li > a:focus,
html[data-ap-theme="dark"] body.TMC .nav-pills > li > a:hover,
html[data-ap-theme="dark"] body.TMC .nav-pills > li > a:focus,
html[data-ap-theme="dark"] body.TMC .pagination > li > a:hover,
html[data-ap-theme="dark"] body.TMC .pagination > li > a:focus {
  background-color: var(--ap-ui-hover) !important;
  border-color: #3b4c60 !important;
  color: #fff !important;
}

html[data-ap-theme="dark"] body.TMC .nav-tabs,
html[data-ap-theme="dark"] body.TMC .page-header,
html[data-ap-theme="dark"] body.TMC hr,
html[data-ap-theme="dark"] body.TMC .modal-header,
html[data-ap-theme="dark"] body.TMC .modal-footer {
  border-color: var(--ap-ui-line) !important;
}

html[data-ap-theme="dark"] body.TMC .nav-tabs > li.active > a,
html[data-ap-theme="dark"] body.TMC .nav-tabs > li.active > a:hover,
html[data-ap-theme="dark"] body.TMC .nav-tabs > li.active > a:focus,
html[data-ap-theme="dark"] body.TMC .section .panel.panel-tabs .nav-pills li.active a {
  background-color: var(--ap-ui-surface) !important;
  border-color: var(--ap-ui-line) !important;
  color: #7cccf7 !important;
}

html[data-ap-theme="dark"] body.TMC .breadcrumb,
html[data-ap-theme="dark"] body.TMC .breadcrumb > li,
html[data-ap-theme="dark"] body.TMC .breadcrumb > li + li::before,
html[data-ap-theme="dark"] body.TMC .text-muted,
html[data-ap-theme="dark"] body.TMC .help-block,
html[data-ap-theme="dark"] body.TMC .form-control-static,
html[data-ap-theme="dark"] body.TMC .panel .panel-footer {
  color: var(--ap-ui-muted) !important;
}

html[data-ap-theme="dark"] body.TMC .header-lined h1,
html[data-ap-theme="dark"] body.TMC .page-header h1,
html[data-ap-theme="dark"] body.TMC .panel-title,
html[data-ap-theme="dark"] body.TMC label,
html[data-ap-theme="dark"] body.TMC legend,
html[data-ap-theme="dark"] body.TMC dt,
html[data-ap-theme="dark"] body.TMC dd {
  color: var(--ap-ui-text);
}

html[data-ap-theme="dark"] body.TMC code,
html[data-ap-theme="dark"] body.TMC pre,
html[data-ap-theme="dark"] body.TMC .twofa-setup .backup-code {
  background-color: var(--ap-ui-code) !important;
  border-color: var(--ap-ui-line) !important;
  color: #d9e6f4 !important;
}

html[data-ap-theme="dark"] body.TMC .md-editor > textarea.markdown-editor,
html[data-ap-theme="dark"] body.TMC .md-editor > textarea,
html[data-ap-theme="dark"] body.TMC .md-editor > .md-preview,
html[data-ap-theme="dark"] body.TMC .md-editor > .btn-toolbar {
  background-color: var(--ap-ui-input) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .markdown-content table > thead > tr > th {
  background-color: var(--ap-ui-surface-2) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .status,
html[data-ap-theme="dark"] body.TMC .status-custom {
  background-color: var(--ap-ui-surface-2) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

html[data-ap-theme="dark"] body.TMC .email-verification {
  background-color: #172331 !important;
  border-color: #2a3a4d !important;
  color: #d7e3ef !important;
}

html[data-ap-theme="dark"] body.TMC .alert-warning {
  background-color: #342a16 !important;
  border-color: #5f4a1c !important;
  color: #f4d78b !important;
}
html[data-ap-theme="dark"] body.TMC .alert-info {
  background-color: #122b3b !important;
  border-color: #24536c !important;
  color: #b9e5fb !important;
}
html[data-ap-theme="dark"] body.TMC .alert-success {
  background-color: #122d25 !important;
  border-color: #245848 !important;
  color: #bcebdc !important;
}
html[data-ap-theme="dark"] body.TMC .alert-danger {
  background-color: #341a1f !important;
  border-color: #6b303a !important;
  color: #f4c5cc !important;
}

html[data-ap-theme="dark"] body.TMC .alert a,
html[data-ap-theme="dark"] body.TMC .alert .alert-link {
  color: inherit !important;
  text-decoration: underline;
}

html[data-ap-theme="dark"] body.TMC .white,
html[data-ap-theme="dark"] body.TMC .light:not(.btn):not(.badge):not(.label) {
  background-color: var(--ap-ui-surface) !important;
  border-color: var(--ap-ui-line) !important;
  color: var(--ap-ui-text) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.TMC,
  body.TMC .page-container,
  body.TMC section#main-body,
  body.TMC .main-content,
  body.TMC .block-s3 {
    transition: none !important;
  }
}

/* ================================================================
   AMIL Premium v21.6.6 — Stage 4 service comparison + CMS completion
   Real WHMCS product data only; CMS-managed copy; contained mobile UX.
   ================================================================ */
.ap-service-compare{padding:0 0 64px}
.ap-service-compare__scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--asp-line);border-radius:22px;background:var(--asp-surface);box-shadow:0 18px 44px rgba(24,49,80,.07);-webkit-overflow-scrolling:touch}
.ap-service-compare__scroll:focus-visible{outline:3px solid color-mix(in srgb,var(--asp-accent) 45%,transparent);outline-offset:3px}
.ap-service-compare__table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;color:var(--asp-text);background:transparent}
.ap-service-compare__table th,.ap-service-compare__table td{min-width:155px;padding:15px 16px;border-right:1px solid var(--asp-line);border-bottom:1px solid var(--asp-line);vertical-align:middle;text-align:left;font-size:13px;line-height:1.45}
.ap-service-compare__table th:first-child,.ap-service-compare__table td:first-child{min-width:150px;position:sticky;left:0;z-index:2;background:var(--asp-soft);font-weight:820}
.ap-service-compare__table thead th{position:sticky;top:0;z-index:1;background:var(--asp-soft);font-weight:840}
.ap-service-compare__table thead th:first-child{z-index:3}
.ap-service-compare__table tr:last-child th,.ap-service-compare__table tr:last-child td{border-bottom:0}
.ap-service-compare__table th:last-child,.ap-service-compare__table td:last-child{border-right:0}
.ap-service-compare__table td strong{font-weight:850;color:var(--asp-text)}
.ap-service-compare__muted{color:var(--asp-muted)}
.ap-service-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;line-height:1.2}
.ap-service-status--on{background:rgba(35,160,101,.12);color:#178052}
.ap-service-status--off{background:rgba(196,67,67,.12);color:#b63a3a}
.ap-service-status--neutral{background:var(--asp-soft);color:var(--asp-muted)}
html[data-ap-theme="dark"] .ap-service-status--on{background:rgba(45,190,125,.16);color:#77dfad}
html[data-ap-theme="dark"] .ap-service-status--off{background:rgba(229,92,92,.16);color:#ff9d9d}
.ap-service-compare__order{display:inline-flex;align-items:center;gap:6px;color:var(--asp-accent)!important;font-weight:850;text-decoration:none!important}
.ap-service-compare__order:hover{text-decoration:underline!important}
.ap-service-compare__order:focus-visible{outline:3px solid color-mix(in srgb,var(--asp-accent) 45%,transparent);outline-offset:3px;border-radius:4px}

.ap-service-benefits{padding:0 0 64px}
.ap-service-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ap-service-benefit-card{min-width:0;padding:22px;border:1px solid var(--asp-line);border-radius:20px;background:var(--asp-surface);box-shadow:0 14px 34px rgba(24,49,80,.06)}
.ap-service-benefit-card__icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:16px;border-radius:14px;background:color-mix(in srgb,var(--asp-accent) 11%,var(--asp-soft));color:var(--asp-accent);font-size:17px}
.ap-service-benefit-card h3{margin:0;color:var(--asp-text);font-size:18px;line-height:1.25;font-weight:840;letter-spacing:-.02em}
.ap-service-benefit-card p{margin:9px 0 0;color:var(--asp-muted);font-size:13px;line-height:1.62;overflow-wrap:anywhere}

.ap-service-domain-cta{padding:0 0 64px}
.ap-service-domain-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid color-mix(in srgb,var(--asp-accent) 24%,var(--asp-line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--asp-accent) 8%,var(--asp-surface)),var(--asp-surface));box-shadow:0 18px 44px rgba(24,49,80,.07)}
.ap-service-domain-cta__inner>div:first-child{min-width:0;max-width:720px}
.ap-service-domain-cta h2{margin:0;color:var(--asp-text);font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:-.035em;font-weight:850}
.ap-service-domain-cta p{margin:9px 0 0;color:var(--asp-muted);font-size:13px;line-height:1.62}
.ap-service-domain-cta__actions{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}

.ap-service-faq{padding:0 0 64px}
.ap-service-faq__list{display:grid;gap:10px}
.ap-service-faq details{border:1px solid var(--asp-line);border-radius:16px;background:var(--asp-surface);overflow:hidden}
.ap-service-faq summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;color:var(--asp-text);font-size:14px;font-weight:820;line-height:1.45;cursor:pointer;list-style:none}
.ap-service-faq summary::-webkit-details-marker{display:none}
.ap-service-faq summary i{flex:0 0 auto;color:var(--asp-accent);font-size:12px;transition:transform .18s ease}
.ap-service-faq details[open] summary i{transform:rotate(45deg)}
.ap-service-faq__answer{padding:0 18px 17px;border-top:1px solid var(--asp-line)}
.ap-service-faq__answer p{margin:14px 0 0;color:var(--asp-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.ap-service-faq summary:focus-visible{outline:3px solid color-mix(in srgb,var(--asp-accent) 45%,transparent);outline-offset:-3px}

@media(max-width:1020px){
  .ap-service-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-service-benefit-card:last-child{grid-column:1/-1}
  .ap-service-domain-cta__inner{align-items:flex-start;display:grid}
  .ap-service-domain-cta__actions{justify-content:flex-start}
}
@media(max-width:720px){
  .ap-service-compare,.ap-service-benefits,.ap-service-domain-cta,.ap-service-faq{padding-bottom:44px}
  .ap-service-compare__scroll{border-radius:16px}
  .ap-service-compare__table{min-width:680px}
  .ap-service-compare__table th,.ap-service-compare__table td{min-width:145px;padding:13px 12px;font-size:12px}
  .ap-service-compare__table th:first-child,.ap-service-compare__table td:first-child{min-width:128px}
  .ap-service-benefits__grid{grid-template-columns:1fr;gap:10px}
  .ap-service-benefit-card:last-child{grid-column:auto}
  .ap-service-benefit-card{padding:18px;border-radius:17px}
  .ap-service-domain-cta__inner{gap:18px;padding:21px;border-radius:19px}
  .ap-service-domain-cta__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ap-service-domain-cta__actions .ap-service-btn{width:100%}
  .ap-service-faq summary{min-height:54px;padding:14px 15px;font-size:13px}
  .ap-service-faq__answer{padding:0 15px 15px}
}
@media(max-width:420px){
  .ap-service-domain-cta__actions{grid-template-columns:1fr}
  .ap-service-compare__table{min-width:620px}
}
@media(prefers-reduced-motion:reduce){
  .ap-service-faq summary i{transition:none!important}
}

/* v21.6.7 — readable mobile comparison and progressive plan controls. */
.ap-service-page [hidden]{display:none!important}
.ap-service-page .container,.ap-service-plan-card{min-width:0}
.ap-service-plan-card h3,.ap-service-compare__table th,.ap-service-compare__table td{overflow-wrap:anywhere}
.ap-service-filters{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px;margin-bottom:24px;background:var(--asp-surface);border:1px solid var(--asp-line);border-radius:18px;color:var(--asp-text)}
.ap-service-filters label{margin:0;font-size:14px;line-height:1.5;color:var(--asp-text)}
.ap-service-filters__search{display:grid;gap:6px;flex:1 1 240px;min-width:0}
.ap-service-filters input[type=search]{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--asp-line);border-radius:10px;background:var(--asp-soft);color:var(--asp-text);font:inherit;font-size:16px}
.ap-service-filters__available{display:flex;gap:8px;align-items:center;min-height:44px;cursor:pointer}
.ap-service-filters input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--asp-accent)}
.ap-service-filters [data-service-count]{min-height:44px;display:flex;align-items:center;font-size:14px;font-variant-numeric:tabular-nums}
.ap-service-filters button{min-height:44px;font-size:14px;cursor:pointer}
.ap-service-filters button:disabled{opacity:.6;cursor:default}
.ap-service-filters input:focus-visible,.ap-service-filters button:focus-visible{outline:3px solid var(--asp-accent);outline-offset:3px}
.ap-service-page [data-service-empty]{padding:22px;border:1px dashed var(--asp-line);border-radius:14px;color:var(--asp-text);font-size:15px}
.ap-service-compare__order{min-height:44px}
@media(max-width:767px){
 .ap-service-compare__table th,.ap-service-compare__table td{font-size:13px}
 .ap-service-filters{padding:16px;gap:12px}
 .ap-service-filters__search{flex-basis:100%}
 .ap-service-filters__available{flex:1 1 100%}
}

/* v21.6.9 account form polish: keep WHMCS markup/actions while improving touch targets and focus. */
.login .login-container, #registration {
  color: var(--ap-global-text, #162033);
}
.login .login-box, #registration .TM-card {
  border-radius: var(--ap-design-radius, 20px);
  box-shadow: 0 16px 42px rgba(15, 31, 54, .10);
}
.login input.form-control, #registration .form-control, #registration select.field {
  min-height: 46px;
  border-radius: 12px;
}
.login input.form-control:focus, #registration .form-control:focus, #registration select.field:focus {
  outline: 3px solid color-mix(in srgb, var(--ap-design-primary, #1068d5) 28%, transparent);
  outline-offset: 1px;
}
#registration .checkbox-inline { display: inline-flex; align-items: flex-start; gap: 8px; min-height: 44px; padding-top: 10px; }
#registration .checkbox-inline input[type=checkbox] { margin: 2px 0 0; min-width: 18px; min-height: 18px; }
@media (max-width: 575px) {
  .login .login-container { padding-left: 16px; padding-right: 16px; }
  #registration .TM-card { padding: 16px 12px; }
}

/* ================================================================
   AMIL Premium v21.6.36 — unified authentication and account shell.
   Keeps native WHMCS forms while removing the legacy ThemeMetro skin.
   ================================================================ */
body.TMC.login {
  margin: calc(35px + var(--ap-header-height, 78px)) 0 0 !important;
  background: var(--ap-ui-bg) !important;
  color: var(--ap-ui-text) !important;
  font-family: "Open Sans", Arial, sans-serif;
}

body.TMC.login .page-container {
  min-height: 100vh;
  background: var(--ap-ui-bg);
}

.ap-auth-shell {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 620px;
  padding: 72px 0 88px;
  overflow: hidden;
}

.ap-auth-shell::before,
.ap-auth-shell::after {
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  filter: blur(80px);
  opacity: .14;
}

.ap-auth-shell::before {
  top: -150px;
  left: -110px;
  background: var(--ap-design-primary, #1068d5);
}

.ap-auth-shell::after {
  right: -140px;
  bottom: -180px;
  background: var(--ap-design-secondary, #51c7f4);
}

.ap-auth-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.ap-auth-card {
  width: min(100%, 520px);
  padding: 34px;
  border: 1px solid var(--ap-ui-line);
  border-radius: var(--ap-design-radius, 20px);
  background: var(--ap-ui-surface);
  color: var(--ap-ui-text);
  box-shadow: 0 24px 64px var(--ap-ui-shadow);
}

.ap-auth-card__heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 28px;
}

.ap-auth-card__icon {
  display: grid;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 15px;
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 13%, var(--ap-ui-surface-2));
  color: var(--ap-design-primary, #1068d5);
  font-size: 20px;
}

.ap-auth-card__eyebrow {
  margin: 0 0 3px;
  color: var(--ap-ui-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.35;
  text-transform: uppercase;
}

.ap-auth-card h1 {
  margin: 0;
  color: var(--ap-ui-text);
  font-size: clamp(25px, 4vw, 34px);
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1.15;
}

.ap-auth-form .form-group { margin-bottom: 18px; }
.ap-auth-form .form-group > label {
  display: block;
  margin: 0 0 7px;
  color: var(--ap-ui-text);
  font-size: 13px;
  font-weight: 750;
}

.ap-auth-input { position: relative; }
.ap-auth-input > i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 16px;
  color: var(--ap-ui-muted);
  transform: translateY(-50%);
  pointer-events: none;
}

body.TMC.login .ap-auth-input .form-control {
  width: 100%;
  height: 50px;
  padding: 12px 15px 12px 45px;
  border: 1px solid var(--ap-ui-line) !important;
  border-radius: 13px !important;
  background: var(--ap-ui-input) !important;
  color: var(--ap-ui-text) !important;
  font-size: 16px;
  box-shadow: none !important;
}

body.TMC.login .ap-auth-input .form-control:focus {
  border-color: var(--ap-design-primary, #1068d5) !important;
  outline: 3px solid color-mix(in srgb, var(--ap-design-primary, #1068d5) 24%, transparent);
  outline-offset: 1px;
}

.ap-auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 4px 0 22px;
  font-size: 13px;
}

.ap-auth-options a { color: var(--ap-design-primary, #1068d5); font-weight: 750; }
.ap-auth-remember {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  gap: 9px;
  color: var(--ap-ui-text);
  cursor: pointer;
}
.ap-auth-remember input { width: 18px; height: 18px; margin: 0; accent-color: var(--ap-design-primary, #1068d5); }
.ap-auth-form .btn-primary {
  min-height: 50px;
  border-radius: 13px !important;
  font-size: 14px;
  font-weight: 850;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--ap-design-primary, #1068d5) 24%, transparent);
}
.ap-auth-hint { margin: 13px 0 0; color: var(--ap-ui-muted); font-size: 12px; line-height: 1.55; text-align: center; }
.ap-auth-captcha { margin: 0 0 18px; text-align: center; }
.ap-auth-providers { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--ap-ui-line); }

/* Register, invoice, domain and support surfaces share the same card language. */
body.TMC #registration { max-width: 980px; margin: 0 auto; color: var(--ap-ui-text); }
body.TMC #registration > form > div > h4,
body.TMC #registration h4 {
  margin: 30px 0 12px;
  color: var(--ap-ui-text) !important;
  font-size: 18px;
  font-weight: 830;
  letter-spacing: -.02em;
}
body.TMC #registration .TM-card {
  padding: 24px;
  border: 1px solid var(--ap-ui-line) !important;
  border-radius: var(--ap-design-radius, 20px) !important;
  background: var(--ap-ui-surface) !important;
  color: var(--ap-ui-text) !important;
  box-shadow: 0 16px 42px var(--ap-ui-shadow) !important;
}
body.TMC #registration .form-control,
body.TMC #registration .field {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--ap-ui-line) !important;
  border-radius: 12px !important;
  background: var(--ap-ui-input) !important;
  color: var(--ap-ui-text) !important;
  font-size: 16px;
  box-shadow: none !important;
}
body.TMC #registration .field-icon { color: var(--ap-ui-muted) !important; }
body.TMC #registration .field-help-text,
body.TMC #registration .text-muted,
body.TMC #registration small { color: var(--ap-ui-muted) !important; }
body.TMC #registration .form-actions { margin-top: 24px; text-align: center; }
body.TMC #registration .form-actions .btn { min-height: 50px; border-radius: 13px !important; font-weight: 850; }

body.TMC .main-content > .panel,
body.TMC .main-content > .well,
body.TMC .main-content .invoice-container,
body.TMC .main-content .ticket-reply,
body.TMC .main-content .domain-management-options {
  border-color: var(--ap-ui-line) !important;
  border-radius: var(--ap-design-radius, 20px) !important;
  background: var(--ap-ui-surface);
  color: var(--ap-ui-text);
  box-shadow: 0 16px 42px var(--ap-ui-shadow);
}

@media (max-width: 767px) {
  body.TMC.login { margin-top: 60px !important; }
  .ap-auth-shell { min-height: auto; padding: 42px 0 54px; }
  .ap-auth-card { width: min(100%, 500px); padding: 26px; }
  body.TMC #registration .TM-card { padding: 18px; }
}

@media (max-width: 479px) {
  .ap-auth-shell { padding: 28px 0 42px; }
  .ap-auth-container { padding-right: 14px; padding-left: 14px; }
  .ap-auth-card { padding: 22px 18px; border-radius: 17px; }
  .ap-auth-card__heading { align-items: flex-start; margin-bottom: 24px; }
  .ap-auth-card__icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 13px; }
  .ap-auth-card h1 { font-size: 25px; }
  .ap-auth-options { align-items: flex-start; flex-direction: column; gap: 4px; }
  .ap-auth-options a { display: inline-flex; align-items: center; min-height: 44px; }
  body.TMC #registration .TM-card { padding: 16px 12px; border-radius: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .ap-auth-shell::before,
  .ap-auth-shell::after { filter: none; }
}
/* v21.6.40 — public route parity: remove legacy ThemeMetro chrome and
   present native announcements with the same Bizik card system. */
body.TMC:not(.login) .mass-head { display: none !important; }
body.TMC:not(.login) .main-content { min-width: 0; }
body.TMC:not(.login) .main-content > .header-lined { margin: 0 0 24px; padding: 0; border: 0; }
body.TMC:not(.login) .main-content > .header-lined h1 { margin: 0; color: var(--ap-global-text-light,#162033); font-size: clamp(28px,4vw,44px); font-weight: 850; letter-spacing: -.03em; text-transform: none; }
html[data-ap-theme="dark"] body.TMC:not(.login) .main-content > .header-lined h1 { color: var(--ap-global-text-dark,#f4f7fb); }

.ap-announcements-page { min-width: 0; padding: clamp(8px,2vw,18px) 0 clamp(28px,5vw,58px); color: var(--ap-global-text-light,#162033); }
.ap-announcements-page__intro { display: grid; gap: 9px; max-width: 760px; margin: 0 0 26px; }
.ap-announcements-page__eyebrow { display: inline-flex; align-items: center; gap: 8px; width: fit-content; min-height: 28px; padding: 6px 11px; border: 1px solid rgba(16,104,213,.16); border-radius: 999px; background: rgba(16,104,213,.08); color: var(--ap-design-primary,#1068d5); font-size: 11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.ap-announcements-page__intro h2 { margin: 0; color: var(--ap-global-text-light,#162033); font-size: clamp(26px,3.4vw,40px); line-height: 1.1; font-weight: 850; letter-spacing: -.03em; }
.ap-announcements-page__intro p { margin: 0; color: var(--ap-readable-muted-light,#5f6d82); font-size: 15px; line-height: 1.65; }
.ap-announcements-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 18px; min-width: 0; }
.ap-announcement-item { display: flex; min-width: 0; min-height: 220px; flex-direction: column; gap: 11px; padding: 22px; border: 1px solid var(--ap-global-line,#dce4ed); border-radius: var(--ap-design-radius,20px); background: var(--ap-global-surface-light,#fff); box-shadow: 0 13px 34px rgba(15,35,62,.07); cursor: pointer; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ap-announcement-item:hover,.ap-announcement-item:focus-visible { border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 38%,var(--ap-global-line,#dce4ed)); box-shadow: 0 20px 44px rgba(15,35,62,.12); outline: 0; transform: translateY(-3px); }
.ap-announcement-item__meta { display: inline-flex; align-items: center; gap: 7px; color: var(--ap-readable-muted-light,#5f6d82); font-size: 12px; font-weight: 750; }
.ap-announcement-item__meta i { color: var(--ap-design-primary,#1068d5); }
.ap-announcement-item h3 { margin: 0; color: var(--ap-global-text-light,#162033); font-size: 20px; line-height: 1.35; font-weight: 850; overflow-wrap: anywhere; }
.ap-announcement-item__body { flex: 1 1 auto; min-width: 0; }
.ap-announcement-item__body p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--ap-readable-muted-light,#5f6d82); font-size: 14px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.ap-announcement-item__footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.ap-announcement-item__footer .btn { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; border-radius: 10px; font-size: 12px; font-weight: 800; }
.ap-announcement-item__footer .btn-link { padding: 8px 0; color: var(--ap-design-primary,#1068d5); }
.ap-announcement-item__footer .btn-primary { padding: 8px 11px; color: #fff; }
.ap-announcements-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; }
.ap-announcements-pagination li { float: none; }
.ap-announcements-pagination a,.ap-announcements-pagination span { border-radius: 10px !important; }
html[data-ap-theme="dark"] .ap-announcements-page { color: var(--ap-global-text-dark,#f4f7fb); }
html[data-ap-theme="dark"] .ap-announcements-page__intro h2,html[data-ap-theme="dark"] .ap-announcement-item h3 { color: var(--ap-global-text-dark,#f4f7fb); }
html[data-ap-theme="dark"] .ap-announcements-page__intro p,html[data-ap-theme="dark"] .ap-announcement-item__meta,html[data-ap-theme="dark"] .ap-announcement-item__body p { color: var(--ap-readable-muted-dark,#b5bfcd); }
html[data-ap-theme="dark"] .ap-announcement-item { border-color: #293a4e; background: linear-gradient(145deg,#151f2c,#111a25); box-shadow: 0 16px 38px rgba(0,0,0,.15); }
@media (max-width: 767px) { .ap-announcements-page { padding-top: 0; } .ap-announcement-item { padding: 18px; border-radius: 16px; } .ap-announcement-item h3 { font-size: 18px; } }

/* v21.6.51 — client dashboard cards use the same Premium visual language. */
body.TMC .tiles { margin: 0 0 26px; }
body.TMC .tiles .row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 0; }
body.TMC .tiles .tile { float: none; width: auto; min-width: 0; height: auto; padding: 0; border: 1px solid rgba(16,104,213,.14); border-radius: 18px; background: linear-gradient(145deg,#fff,#f4f9ff); box-shadow: 0 12px 30px rgba(21,62,108,.08); overflow: hidden; transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
body.TMC .tiles .tile:hover { transform: translateY(-3px); border-color: rgba(16,104,213,.35); box-shadow: 0 18px 40px rgba(21,62,108,.14); }
body.TMC .tiles .tile a { display: grid; grid-template-columns: 42px 1fr; grid-template-areas: "icon stat" "icon title"; align-items: center; gap: 2px 12px; min-height: 104px; padding: 18px; color: #162033; text-decoration: none; }
body.TMC .tiles .tile .icon { grid-area: icon; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(135deg,#1068d5,#31a7ed); color: #fff; font-size: 17px; }
body.TMC .tiles .tile .stat { grid-area: stat; margin: 0; color: #162033; font-size: 25px; font-weight: 900; line-height: 1; }
body.TMC .tiles .tile .title { grid-area: title; margin: 0; color: #617086; font-size: 12px; font-weight: 800; }
body.TMC .tiles .tile .highlight { display: none; }
body.TMC .home-kb-search { position: relative; margin: 0 0 26px; padding: 0; }
body.TMC .home-kb-search input { min-height: 52px; padding: 0 50px 0 18px; border: 1px solid #dce5ef; border-radius: 14px; box-shadow: 0 10px 25px rgba(21,62,108,.06); }
body.TMC .home-kb-search > i { position: absolute; top: 17px; right: 20px; color: #1068d5; }
body.TMC .client-home-panels .panel { border: 1px solid rgba(16,104,213,.14); border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(21,62,108,.07); overflow: hidden; }
body.TMC .client-home-panels .panel-heading { border: 0; background: linear-gradient(135deg,#f4f9ff,#fff); color: #162033; }
body.TMC .client-home-panels .panel-title { color: #162033; font-weight: 850; }
body.TMC .client-home-panels .panel-body,body.TMC .client-home-panels .list-group-item,body.TMC .client-home-panels .panel-footer { border-color: #e6edf5; }
html[data-ap-theme="dark"] body.TMC .tiles .tile,html[data-ap-theme="dark"] body.TMC .client-home-panels .panel { border-color: #2c3d50; background: linear-gradient(145deg,#172331,#111b28); }
html[data-ap-theme="dark"] body.TMC .tiles .tile .stat,html[data-ap-theme="dark"] body.TMC .tiles .tile a,html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-title { color: #f4f7fb; }
html[data-ap-theme="dark"] body.TMC .tiles .tile .title { color: #b5bfcd; }
@media (max-width: 991px) { body.TMC .tiles .row { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 480px) { body.TMC .tiles .row { grid-template-columns: 1fr 1fr; gap: 10px; } body.TMC .tiles .tile a { min-height: 92px; padding: 14px; } body.TMC .tiles .tile .icon { width: 36px; height: 36px; } body.TMC .tiles .tile .stat { font-size: 21px; } }

/* v21.6.52 — persistent client account navigation. */
body.TMC .ap-client-sidebar-nav { display: grid; gap: 6px; margin: 0 0 18px; padding: 12px; border: 1px solid rgba(16,104,213,.14); border-radius: 18px; background: linear-gradient(145deg,#fff,#f4f9ff); box-shadow: 0 12px 30px rgba(21,62,108,.07); }
body.TMC .ap-client-sidebar-nav a { display: flex; align-items: center; gap: 11px; min-height: 42px; padding: 10px 12px; border-radius: 11px; color: #53647a; font-size: 13px; font-weight: 800; text-decoration: none; transition: background .18s ease,color .18s ease,transform .18s ease; }
body.TMC .ap-client-sidebar-nav a i { width: 18px; color: #1068d5; text-align: center; }
body.TMC .ap-client-sidebar-nav a:hover,body.TMC .ap-client-sidebar-nav a.is-active { background: linear-gradient(135deg,#1068d5,#31a7ed); color: #fff; transform: translateX(2px); }
body.TMC .ap-client-sidebar-nav a:hover i,body.TMC .ap-client-sidebar-nav a.is-active i { color: #fff; }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__logout { margin-top: 4px; border: 1px solid rgba(199,67,89,.16); color: #b7364c; }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__logout i { color: #c74359; }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__logout:hover { border-color: transparent; background: linear-gradient(135deg,#b7364c,#e46478); color: #fff; }
body.TMC .client-home-panels [menuItemName="Recent News"] { display: none !important; }
html[data-ap-theme="dark"] body.TMC .ap-client-sidebar-nav { border-color: #2c3d50; background: linear-gradient(145deg,#172331,#111b28); }
html[data-ap-theme="dark"] body.TMC .ap-client-sidebar-nav a { color: #b5bfcd; }
@media (max-width: 767px) { body.TMC .ap-client-sidebar-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 9px; } body.TMC .ap-client-sidebar-nav a { min-height: 40px; padding: 9px 8px; font-size: 11px; } }

/* v21.6.55 — premium mobile client account menu. */
body.TMC .ap-client-account-menu__toggle { display: none; }
@media (max-width: 767px) {
  body.TMC .sidebar-primary { width: 100%; margin: 0 0 14px; }
  body.TMC .ap-client-account-menu { position: relative; margin: 0 0 16px; }
  body.TMC .ap-client-account-menu__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 56px; padding: 11px 14px; border: 1px solid rgba(16,104,213,.2); border-radius: 16px; background: linear-gradient(135deg,#fff,#eef7ff); color: #162033; box-shadow: 0 12px 28px rgba(21,62,108,.1); text-align: left; }
  body.TMC .ap-client-account-menu__toggle-copy { display: grid; gap: 2px; min-width: 0; }
  body.TMC .ap-client-account-menu__toggle-copy strong { display: flex; align-items: center; gap: 9px; color: #162033; font-size: 14px; font-weight: 900; }
  body.TMC .ap-client-account-menu__toggle-copy strong i { color: #1068d5; font-size: 18px; }
  body.TMC .ap-client-account-menu__toggle-copy small { overflow: hidden; color: #68788d; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
  body.TMC .ap-client-account-menu__chevron { flex: 0 0 auto; margin-left: 12px; color: #1068d5; transition: transform .2s ease; }
  body.TMC .ap-client-account-menu.is-open .ap-client-account-menu__chevron { transform: rotate(180deg); }
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav { display: none; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 9px 0 0; padding: 10px; border-radius: 16px; animation: apClientMenuIn .2s ease both; }
  body.TMC .ap-client-account-menu.is-open .ap-client-sidebar-nav { display: grid; }
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav a { min-height: 48px; padding: 10px; border: 1px solid rgba(16,104,213,.09); border-radius: 12px; background: rgba(255,255,255,.7); font-size: 12px; line-height: 1.25; }
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav a:hover,body.TMC .ap-client-account-menu .ap-client-sidebar-nav a.is-active { border-color: transparent; background: linear-gradient(135deg,#1068d5,#31a7ed); }
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav a.ap-client-sidebar-nav__logout { margin-top: 0; }
  html[data-ap-theme="dark"] body.TMC .ap-client-account-menu__toggle { border-color: #2c3d50; background: linear-gradient(145deg,#172331,#111b28); color: #f4f7fb; }
  html[data-ap-theme="dark"] body.TMC .ap-client-account-menu__toggle-copy strong { color: #f4f7fb; }
  html[data-ap-theme="dark"] body.TMC .ap-client-account-menu__toggle-copy small { color: #aebbd0; }
  html[data-ap-theme="dark"] body.TMC .ap-client-account-menu .ap-client-sidebar-nav a { border-color: #2c3d50; background: rgba(17,27,40,.72); }
}
@media (max-width: 480px) {
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav { grid-template-columns: 1fr; }
  body.TMC .ap-client-account-menu .ap-client-sidebar-nav a { min-height: 50px; font-size: 13px; }
}
@keyframes apClientMenuIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { body.TMC .ap-client-account-menu .ap-client-sidebar-nav { animation: none; } body.TMC .ap-client-account-menu__chevron { transition: none; } }

/* v21.6.56 — deterministic premium client statistics grid.
   Bootstrap clearfix pseudo-elements and legacy ThemeMetro tile positioning must
   not participate in CSS Grid or displace the real dashboard cards. */
body.TMC .ap-client-stats {
  margin: 0 0 22px !important;
  isolation: isolate;
}
body.TMC .ap-client-stats > .row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 1fr;
  gap: 14px !important;
  margin: 0 !important;
  direction: ltr;
}
body.TMC .ap-client-stats > .row::before,
body.TMC .ap-client-stats > .row::after {
  content: none !important;
  display: none !important;
}
body.TMC .ap-client-stats > .row > .tile {
  --ap-stat-accent: #1068d5;
  --ap-stat-accent-2: #31a7ed;
  position: relative !important;
  inset: auto !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--ap-stat-accent) 18%, #dce5ef) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--ap-stat-accent) 5%, #fff) 100%) !important;
  box-shadow: 0 12px 28px rgba(21,62,108,.09) !important;
  overflow: hidden !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  direction: ltr;
}
body.TMC .ap-client-stats > .row > .tile:nth-child(2) { --ap-stat-accent: #087f70; --ap-stat-accent-2: #25bda9; }
body.TMC .ap-client-stats > .row > .tile:nth-child(3) { --ap-stat-accent: #7c4bd1; --ap-stat-accent-2: #aa79f2; }
body.TMC .ap-client-stats > .row > .tile:nth-child(4) { --ap-stat-accent: #d27416; --ap-stat-accent-2: #f3a337; }
body.TMC .ap-client-stats > .row > .tile > a,
body.TMC .ap-client-stats > .row > .tile > .no-link {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-areas: "icon stat" "icon title" !important;
  align-items: center !important;
  align-content: center !important;
  gap: 3px 12px !important;
  width: 100% !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 17px !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  color: #162033 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-align: left !important;
  text-decoration: none !important;
  transform: none !important;
}
body.TMC .ap-client-stats > .row > .tile .icon {
  position: static !important;
  inset: auto !important;
  grid-area: icon !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--ap-stat-accent), var(--ap-stat-accent-2)) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: 0 9px 20px color-mix(in srgb, var(--ap-stat-accent) 24%, transparent) !important;
}
body.TMC .ap-client-stats > .row > .tile .stat {
  grid-area: stat !important;
  margin: 0 !important;
  color: #162033 !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: left !important;
}
body.TMC .ap-client-stats > .row > .tile .title {
  grid-area: title !important;
  min-width: 0;
  margin: 0 !important;
  color: #607087 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
  letter-spacing: .02em;
  text-align: left !important;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
body.TMC .ap-client-stats > .row > .tile .highlight {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.TMC .ap-client-stats > .row > .tile:hover {
  border-color: color-mix(in srgb, var(--ap-stat-accent) 40%, #dce5ef) !important;
  box-shadow: 0 18px 38px rgba(21,62,108,.14) !important;
  transform: translateY(-2px) !important;
}
body.TMC .ap-client-stats > .row > .tile:active { transform: translateY(0) scale(.99) !important; }
html[data-ap-theme="dark"] body.TMC .ap-client-stats > .row > .tile {
  border-color: color-mix(in srgb, var(--ap-stat-accent) 28%, #2c3d50) !important;
  background: linear-gradient(145deg,#172331,#111b28) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18) !important;
}
html[data-ap-theme="dark"] body.TMC .ap-client-stats > .row > .tile > a,
html[data-ap-theme="dark"] body.TMC .ap-client-stats > .row > .tile .stat { color: #f4f7fb !important; }
html[data-ap-theme="dark"] body.TMC .ap-client-stats > .row > .tile .title { color: #b5bfcd !important; }
@media (max-width: 991px) {
  body.TMC .ap-client-stats > .row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
  body.TMC .ap-client-stats > .row { gap: 10px !important; }
  body.TMC .ap-client-stats > .row > .tile { border-radius: 16px !important; }
  body.TMC .ap-client-stats > .row > .tile > a,
  body.TMC .ap-client-stats > .row > .tile > .no-link {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 3px 10px !important;
    min-height: 98px !important;
    padding: 13px !important;
  }
  body.TMC .ap-client-stats > .row > .tile .icon { width: 40px !important; height: 40px !important; border-radius: 12px !important; font-size: 16px !important; }
  body.TMC .ap-client-stats > .row > .tile .stat { font-size: 23px !important; }
  body.TMC .ap-client-stats > .row > .tile .title { font-size: 11px !important; }
}
@media (max-width: 350px) {
  body.TMC .ap-client-stats > .row { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.TMC .ap-client-stats > .row > .tile { transition: none !important; }
  body.TMC .ap-client-stats > .row > .tile:hover,
  body.TMC .ap-client-stats > .row > .tile:active { transform: none !important; }
}

/* v21.6.57 — unified premium client data surfaces. */
body.TMC .main-content .table-container {
  position: relative;
  margin: 0 0 22px !important;
  border: 1px solid var(--ap-ui-line, #dce5ef);
  border-radius: 18px;
  background: var(--ap-ui-surface, #fff);
  box-shadow: 0 14px 36px var(--ap-ui-shadow, rgba(21,62,108,.08));
  overflow: visible;
}
body.TMC .main-content .table-container::after { content: ""; display: block; clear: both; }
body.TMC .main-content .table-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-height: 62px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ap-ui-line, #dce5ef);
  border-radius: 18px 18px 0 0;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ap-design-primary, #1068d5) 6%, #fff), #fff);
}
body.TMC .main-content .table-header > label {
  margin: 0;
  color: var(--ap-ui-muted, #607087);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.TMC .main-content .view-filter-btns > .dropdown-toggle {
  display: inline-flex;
  min-width: 154px;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: 11px !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(21,62,108,.06);
}
body.TMC .main-content .view-filter-btns > .dropdown-toggle i { color: var(--ap-design-primary, #1068d5); }
body.TMC .main-content .view-filter-btns .dropdown-menu {
  min-width: 190px;
  margin-top: 7px;
  padding: 7px;
  border: 1px solid var(--ap-ui-line, #dce5ef);
  border-radius: 13px;
  background: var(--ap-ui-surface, #fff);
  box-shadow: 0 18px 42px rgba(15,35,62,.16);
}
body.TMC .main-content .view-filter-btns .dropdown-menu > li > a {
  min-height: 38px;
  padding: 9px 11px;
  border-radius: 9px;
  color: var(--ap-ui-text, #162033);
  font-size: 13px;
  font-weight: 700;
}
body.TMC .main-content .view-filter-btns .dropdown-menu > li.active > a,
body.TMC .main-content .view-filter-btns .dropdown-menu > li > a:hover {
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 10%, transparent) !important;
  color: var(--ap-design-primary, #1068d5) !important;
}
body.TMC .main-content .listtable {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  border-radius: 0 0 18px 18px;
  -webkit-overflow-scrolling: touch;
}
body.TMC .main-content .table-container table.dataTable {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent;
}
body.TMC .main-content .table-container table.dataTable > thead > tr > th {
  min-height: 46px;
  padding: 14px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ap-ui-line, #dce5ef) !important;
  background: var(--ap-ui-surface-2, #f6f9fc) !important;
  color: var(--ap-ui-muted, #5f6f84) !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.35;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.TMC .main-content .table-container table.dataTable > tbody > tr > td {
  padding: 15px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ap-ui-line, #e6edf5) !important;
  background: transparent !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13.5px !important;
  line-height: 1.5;
  vertical-align: middle;
}
body.TMC .main-content .table-container table.dataTable > tbody > tr:last-child > td { border-bottom: 0 !important; }
body.TMC .main-content .table-container table.dataTable > tbody > tr {
  cursor: pointer;
  transition: background-color .16s ease;
}
body.TMC .main-content .table-container table.dataTable > tbody > tr:hover { background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 5%, transparent) !important; }
body.TMC .main-content .table-container table.dataTable a { color: var(--ap-design-primary, #1068d5); font-weight: 750; overflow-wrap: anywhere; }
body.TMC .main-content .table-container .status {
  display: inline-flex;
  width: auto;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 5px 9px !important;
  border: 1px solid color-mix(in srgb, currentColor 24%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, currentColor 8%, transparent) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: none;
  white-space: nowrap;
}
body.TMC .main-content .table-container .action-buttons a,
body.TMC .main-content .table-container .btn-group > .btn-link {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0 !important;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: 11px !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-design-primary, #1068d5) !important;
  box-shadow: 0 6px 16px rgba(21,62,108,.07);
}
body.TMC .main-content .dataTables_filter,
body.TMC .main-content .dataTables_length { padding: 12px 14px 0; }
body.TMC .main-content .dataTables_filter input,
body.TMC .main-content .dataTables_length select {
  min-height: 40px;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: 10px !important;
  background: var(--ap-ui-input, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: none !important;
}
body.TMC .main-content .dataTables_info { padding: 15px !important; color: var(--ap-ui-muted, #607087) !important; font-size: 13px; }
body.TMC .main-content .dataTables_paginate { padding: 11px 14px 14px !important; }
body.TMC .main-content .dataTables_paginate .paginate_button {
  min-width: 36px;
  min-height: 36px;
  margin: 2px !important;
  padding: 7px 10px !important;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: 10px !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
}
body.TMC .main-content .dataTables_paginate .paginate_button.current,
body.TMC .main-content .dataTables_paginate .paginate_button:hover {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--ap-design-primary, #1068d5), #31a7ed) !important;
  color: #fff !important;
}
body.TMC .main-content td.dataTables_empty {
  padding: 38px 18px !important;
  color: var(--ap-ui-muted, #607087) !important;
  font-size: 14px !important;
  font-weight: 700;
  text-align: center;
}
html[data-ap-theme="dark"] body.TMC .main-content .table-header {
  background: linear-gradient(135deg, color-mix(in srgb, var(--ap-design-primary, #1068d5) 10%, #172331), #111b28);
}
html[data-ap-theme="dark"] body.TMC .main-content .table-container table.dataTable > thead > tr > th { background: #172331 !important; }
html[data-ap-theme="dark"] body.TMC .main-content .table-container table.dataTable > tbody > tr:hover { background: rgba(49,167,237,.08) !important; }
@media (max-width: 767px) {
  body.TMC .main-content .table-container { border-radius: 16px; }
  body.TMC .main-content .table-header { min-height: 58px; padding: 9px 10px; border-radius: 16px 16px 0 0; }
  body.TMC .main-content .view-filter-btns { min-width: 0; }
  body.TMC .main-content .view-filter-btns > .dropdown-toggle { min-width: 142px; max-width: 62vw; }
  body.TMC .main-content .listtable { border-radius: 0 0 16px 16px; }
  body.TMC .main-content .table-container table.dataTable > thead > tr > th,
  body.TMC .main-content .table-container table.dataTable > tbody > tr > td { padding: 12px 10px !important; }
  body.TMC .main-content .dataTables_filter,
  body.TMC .main-content .dataTables_length { float: none !important; width: 100%; padding: 10px 10px 0; text-align: left !important; }
  body.TMC .main-content .dataTables_filter label,
  body.TMC .main-content .dataTables_filter input { width: 100% !important; }
  body.TMC .main-content .dataTables_info,
  body.TMC .main-content .dataTables_paginate { float: none !important; width: 100%; text-align: center !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.TMC .main-content .table-container table.dataTable > tbody > tr { transition: none; }
}

/* v21.6.58 — premium profile/details form in light and dark modes. */
body.TMC .ap-profile-form {
  width: 100%;
  max-width: 100%;
  color: var(--ap-ui-text, #162033);
}
body.TMC .ap-profile-form > h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 26px 0 12px;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.02em;
  line-height: 1.35;
}
body.TMC .ap-profile-form > h4:first-child { margin-top: 0; }
body.TMC .ap-profile-form > h4::before {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ap-design-primary, #1068d5), #31a7ed);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--ap-design-primary, #1068d5) 10%, transparent);
  content: "";
}
body.TMC .ap-profile-form .ap-profile-card {
  position: relative;
  margin: 0 0 18px;
  padding: 24px 24px 8px;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: var(--ap-design-radius, 20px) !important;
  background: linear-gradient(145deg, var(--ap-ui-surface, #fff), color-mix(in srgb, var(--ap-design-primary, #1068d5) 2.5%, var(--ap-ui-surface, #fff))) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: 0 16px 42px var(--ap-ui-shadow, rgba(21, 62, 108, .08)) !important;
  overflow: visible;
}
body.TMC .ap-profile-form .ap-profile-card::before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, var(--ap-design-primary, #1068d5), #31a7ed);
  content: "";
  opacity: .8;
}
body.TMC .ap-profile-form .form-group { margin-bottom: 17px; }
body.TMC .ap-profile-form .form-group > label,
body.TMC .ap-profile-form .control-label {
  display: block;
  margin: 0 0 7px;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.4;
}
body.TMC .ap-profile-form .form-control,
body.TMC .ap-profile-form select.form-control {
  width: 100%;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid var(--ap-ui-line, #dce5ef) !important;
  border-radius: 12px !important;
  background-color: var(--ap-ui-input, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: inset 0 1px 1px rgba(15, 35, 62, .025) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
body.TMC .ap-profile-form .form-control:hover { border-color: color-mix(in srgb, var(--ap-design-primary, #1068d5) 38%, var(--ap-ui-line, #dce5ef)) !important; }
body.TMC .ap-profile-form .form-control:focus {
  border-color: var(--ap-design-primary, #1068d5) !important;
  outline: 0;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ap-design-primary, #1068d5) 15%, transparent) !important;
}
body.TMC .ap-profile-form .form-control[disabled],
body.TMC .ap-profile-form .form-control[readonly] {
  background: var(--ap-ui-surface-2, #f5f8fc) !important;
  color: var(--ap-ui-muted, #607087) !important;
  cursor: not-allowed;
  opacity: .85;
}
body.TMC .ap-profile-form .intl-tel-input { width: 100%; }
body.TMC .ap-profile-form .intl-tel-input .flag-container { border-radius: 12px 0 0 12px; }
body.TMC .ap-profile-form .intl-tel-input .selected-flag {
  min-width: 92px;
  border-right: 1px solid var(--ap-ui-line, #dce5ef);
  border-radius: 12px 0 0 12px;
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 5%, var(--ap-ui-surface-2, #f5f8fc));
}
body.TMC .ap-profile-form .intl-tel-input input.form-control { padding-left: 104px !important; }
body.TMC .ap-profile-form .checkbox label,
body.TMC .ap-profile-form label.checkbox-inline {
  display: inline-flex;
  align-items: flex-start;
  min-height: 36px;
  margin: 0;
  padding: 7px 0;
  gap: 10px;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.55;
  cursor: pointer;
}
body.TMC .ap-profile-form .ap-profile-card--preferences input[type="checkbox"],
body.TMC .ap-profile-form .ap-profile-card--additional input[type="checkbox"] {
  position: static !important;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin: 1px 0 0 !important;
  accent-color: var(--ap-design-primary, #1068d5);
}
body.TMC .ap-profile-form .ap-profile-card--marketing > p {
  margin: 0 0 14px;
  color: var(--ap-ui-muted, #607087);
  font-size: 13.5px;
  line-height: 1.65;
}
body.TMC .ap-profile-form .panel-switch,
body.TMC .ap-profile-form .panel-switch .panel-body {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}
body.TMC .ap-profile-form .panel-switch .panel-body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}
body.TMC .ap-profile-form .switch-label { color: var(--ap-ui-text, #162033); font-weight: 800; }
body.TMC .ap-profile-form .form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 24px 0 8px;
}
body.TMC .ap-profile-form .form-actions .btn {
  min-width: 138px;
  min-height: 48px;
  padding: 11px 18px;
  border-radius: 12px !important;
  font-size: 13px;
  font-weight: 850;
}
body.TMC .ap-profile-form .form-actions .btn-primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--ap-design-primary, #1068d5), #31a7ed) !important;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--ap-design-primary, #1068d5) 24%, transparent) !important;
}
html[data-ap-theme="dark"] body.TMC .ap-profile-form .ap-profile-card {
  background: linear-gradient(145deg, #172331, #111b28) !important;
  border-color: #2c3d50 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .2) !important;
}
html[data-ap-theme="dark"] body.TMC .ap-profile-form .form-control,
html[data-ap-theme="dark"] body.TMC .ap-profile-form select.form-control {
  background-color: #0f1823 !important;
  border-color: #314357 !important;
  color: #f4f7fb !important;
}
html[data-ap-theme="dark"] body.TMC .ap-profile-form .form-control:hover { border-color: #48617a !important; }
html[data-ap-theme="dark"] body.TMC .ap-profile-form .intl-tel-input .selected-flag {
  border-color: #314357;
  background: #172331;
}
html[data-ap-theme="dark"] body.TMC .ap-profile-form .intl-tel-input .country-list {
  border-color: #314357 !important;
  background: #111b28 !important;
  color: #f4f7fb !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .3);
}
html[data-ap-theme="dark"] body.TMC .ap-profile-form .intl-tel-input .country.highlight,
html[data-ap-theme="dark"] body.TMC .ap-profile-form .intl-tel-input .country:hover { background: #203044 !important; }
@media (max-width: 767px) {
  body.TMC .ap-profile-form > h4 { margin-top: 22px; font-size: 17px; }
  body.TMC .ap-profile-form .ap-profile-card { padding: 18px 16px 4px; border-radius: 17px !important; }
  body.TMC .ap-profile-form .ap-profile-card::before { top: 16px; bottom: 16px; }
  body.TMC .ap-profile-form .form-control,
  body.TMC .ap-profile-form select.form-control { min-height: 48px; font-size: 16px; }
  body.TMC .ap-profile-form .form-actions { align-items: stretch; flex-direction: column; }
  body.TMC .ap-profile-form .form-actions .btn { width: 100%; min-width: 0; }
}
@media (max-width: 420px) {
  body.TMC .ap-profile-form .ap-profile-card { padding-right: 13px; padding-left: 13px; }
  body.TMC .ap-profile-form .intl-tel-input .selected-flag { min-width: 86px; }
  body.TMC .ap-profile-form .intl-tel-input input.form-control { padding-left: 96px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.TMC .ap-profile-form .form-control { transition: none; }
}

/* ========================================================================
   Amil Premium v21.6.61 — mobile client-area visual integrity
   Fixes legacy ThemeMetro/DataTables expand controls, icon-font fallbacks,
   service/domain row readability and dashboard panel contrast in both modes.
   ======================================================================== */

/* WHMCS' legacy header search pseudo-icon requested the unavailable Pro
   family on some mobile browsers. Use the bundled solid family explicitly. */
body.TMC .main-content .header-lined .search-group::before {
  color: var(--ap-ui-muted, #66758a) !important;
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important;
  font-weight: 900 !important;
  opacity: .9;
}

body.TMC .main-content .header-lined .search-group input {
  min-height: 48px;
  padding: 10px 14px 10px 42px !important;
  border: 1px solid var(--ap-ui-line, #dce4ed) !important;
  border-radius: 13px !important;
  background: var(--ap-ui-input, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 14px;
  box-shadow: 0 9px 24px var(--ap-ui-shadow, rgba(18,38,63,.08)) !important;
}

/* Keep the knowledge-base search icon inside the field. Legacy CSS floated it
   with negative margins, which pushed it above the input on narrow screens. */
body.TMC .home-kb-search > i {
  position: absolute !important;
  z-index: 3;
  top: 50% !important;
  right: 20px !important;
  left: auto !important;
  float: none !important;
  margin: 0 !important;
  color: var(--ap-design-primary, #1068d5) !important;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Remove the full-height white legacy expander strip. A compact, theme-aware
   control keeps the row readable and remains a 40px touch target. */
body.TMC .main-content .table-container .listtable .table.datatable.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
  position: absolute !important;
  z-index: 2;
  top: 50% !important;
  bottom: auto !important;
  left: 8px !important;
  display: inline-flex !important;
  width: 40px !important;
  height: 40px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--ap-design-primary, #1068d5) 20%, var(--ap-ui-line, #dce4ed)) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 8%, var(--ap-ui-surface-2, #f3f6fa)) !important;
  color: var(--ap-design-primary, #1068d5) !important;
  box-shadow: 0 6px 16px var(--ap-ui-shadow, rgba(18,38,63,.08));
  text-indent: 0 !important;
  transform: translateY(-50%);
  outline: 0;
  cursor: pointer;
  touch-action: manipulation;
}

body.TMC .main-content .table-container .table.datatable.has-columns-hidden > tbody > tr > td > span.responsiveExpander::before {
  display: block !important;
  padding: 0 !important;
  color: inherit !important;
  content: "+" !important;
  font-family: Arial, sans-serif !important;
  font-size: 23px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.TMC .main-content .table-container .table.datatable.has-columns-hidden > tbody > tr.detail-show > td > span.responsiveExpander::before {
  content: "\2212" !important;
}

body.TMC .main-content .table-container .table.datatable.has-columns-hidden > tbody > tr > td:first-child {
  padding-left: 58px !important;
  background: transparent !important;
}

/* Replace the missing legacy sort glyph with a CSS-only chevron. */
body.TMC .main-content .table-container .footable-sort-indicator {
  position: relative;
  width: 14px;
  height: 14px;
  margin-left: 7px;
  padding: 0 !important;
  color: var(--ap-ui-muted, #66758a);
  font-family: inherit !important;
  vertical-align: middle;
}

body.TMC .main-content .table-container .footable-sort-indicator::before {
  position: absolute;
  top: 1px;
  left: 2px;
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  content: "" !important;
  transform: rotate(45deg);
}

body.TMC .main-content .table-container th.footable-sorted .footable-sort-indicator::before {
  top: 5px;
  transform: rotate(225deg);
}

body.TMC .main-content .table-container th.footable-sorted-desc .footable-sort-indicator::before {
  top: 1px;
  transform: rotate(45deg);
}

body.TMC .main-content .table-container .d-flex.align-items-center {
  display: flex !important;
  min-width: 0;
  align-items: center !important;
  gap: 7px;
}

body.TMC .main-content .table-container .ssl-info {
  display: inline-flex;
  width: 18px;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
}

body.TMC .main-content .table-container .ssl-info:empty { display: none; }
body.TMC .main-content .table-container .ssl-info img { max-width: 16px !important; max-height: 16px; margin: 0 !important; }
body.TMC .main-content .table-container .text-small { min-width: 0; font-size: 13px !important; line-height: 1.45; }
body.TMC .main-content .table-container .text-small a { display: inline-block; max-width: 100%; word-break: break-word !important; overflow-wrap: anywhere; }

/* Client-home panels must not retain a white heading in dark mode. */
body.TMC .client-home-panels .panel-heading {
  min-height: 54px;
  padding: 14px 17px;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ap-design-primary, #1068d5) 5%, var(--ap-ui-surface, #fff)), var(--ap-ui-surface, #fff)) !important;
  color: var(--ap-ui-text, #162033) !important;
}

body.TMC .client-home-panels .panel-title,
body.TMC .client-home-panels .panel-title > i,
body.TMC .client-home-panels .panel-title > a,
body.TMC .client-home-panels .panel-title .pull-right > a {
  color: var(--ap-ui-text, #162033) !important;
}

body.TMC .client-home-panels .panel-title {
  font-size: 14px;
  font-weight: 850;
  line-height: 1.45;
}

body.TMC .client-home-panels .panel-title .pull-right > a {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  margin-top: -3px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 8%, transparent);
}

body.TMC .client-home-panels .panel-body,
body.TMC .client-home-panels .panel-footer,
body.TMC .client-home-panels .list-group-item {
  background: var(--ap-ui-surface, #fff) !important;
  border-color: var(--ap-ui-line, #dce4ed) !important;
  color: var(--ap-ui-text, #162033) !important;
}

html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-heading {
  border-color: #2c3948 !important;
  background: linear-gradient(135deg, #1a2736, #141e2a) !important;
  color: #f4f7fb !important;
}

html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-title,
html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-title > i,
html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-title > a,
html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-title .pull-right > a {
  color: #f4f7fb !important;
}

html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-body,
html[data-ap-theme="dark"] body.TMC .client-home-panels .panel-footer,
html[data-ap-theme="dark"] body.TMC .client-home-panels .list-group-item {
  background: #141c27 !important;
  border-color: #2c3948 !important;
  color: #f4f7fb !important;
}

html[data-ap-theme="dark"] body.TMC .main-content .table-container .footable-row-detail-cell,
html[data-ap-theme="dark"] body.TMC .main-content .table-container tr.row-detail > td {
  background: #111923 !important;
  border-color: #2c3948 !important;
  color: #f4f7fb !important;
}

html[data-ap-theme="dark"] body.TMC .main-content .table-container .footable-row-detail-name { color: #aeb9c8 !important; }
html[data-ap-theme="dark"] body.TMC .main-content .table-container .footable-row-detail-value { color: #f4f7fb !important; }

@media (max-width: 767px) {
  body.TMC:not(.login) .main-content > .header-lined h1 {
    max-width: 100%;
    font-size: clamp(29px, 8.8vw, 38px);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  body.TMC .main-content .header-lined .search-group { margin-top: 17px; }
  body.TMC .main-content .table-container .table-header { flex-wrap: wrap; }
  body.TMC .main-content .table-container .table-header > label { flex: 1 1 auto; min-width: 80px; }
  body.TMC .main-content .table-container .listtable { overflow-x: hidden; }
  body.TMC .main-content .table-container table.dataTable > tbody > tr > td { min-height: 64px; }
  body.TMC .main-content .table-container table.dataTable > tbody > tr > td:first-child { padding-left: 58px !important; }
  body.TMC .main-content .table-container table.dataTable > tbody > tr > td.col-small:first-child { width: 64px !important; min-width: 64px !important; }
  body.TMC .main-content .table-container .action-buttons a,
  body.TMC .main-content .table-container .btn-group > .btn-link { width: 42px; height: 42px; }
  body.TMC .client-home-panels .panel { border-radius: 17px; }
  body.TMC .client-home-panels .panel-heading { min-height: 52px; padding: 13px 15px; }
  body.TMC .client-home-panels .panel-title { font-size: 13.5px; }
  body.TMC .client-home-panels .panel-body,
  body.TMC .client-home-panels .panel-footer,
  body.TMC .client-home-panels .list-group-item { font-size: 13.5px; line-height: 1.6; }
}

@media (max-width: 380px) {
  body.TMC .main-content .view-filter-btns > .dropdown-toggle { min-width: 128px; max-width: 58vw; }
  body.TMC .main-content .table-container .table.datatable.has-columns-hidden > tbody > tr > td > span.responsiveExpander { left: 6px !important; width: 38px !important; height: 38px !important; }
  body.TMC .main-content .table-container table.dataTable > tbody > tr > td:first-child { padding-left: 52px !important; }
}

/* ========================================================================
   Amil Premium v21.6.62 — unified invoice detail / payment surface
   The WHMCS invoice route is a standalone document, so it receives the same
   header, theme tokens, card language and responsive behaviour explicitly.
   ======================================================================== */
body.TMC.ap-invoice-page {
  min-height: 100vh;
  margin: 0 !important;
  background: var(--ap-ui-bg, #f5f7fb) !important;
  color: var(--ap-ui-text, #162033);
}

body.TMC.ap-invoice-page .ap-invoice-page-container {
  min-height: 100vh;
  background:
    radial-gradient(circle at 90% 4%, color-mix(in srgb, var(--ap-design-primary, #1068d5) 7%, transparent), transparent 31%),
    var(--ap-ui-bg, #f5f7fb) !important;
}

body.TMC.ap-invoice-page .ap-invoice-main {
  min-height: 72vh;
  padding: 128px 0 64px;
}

body.TMC.ap-invoice-page .ap-invoice-layout {
  margin: 0 auto !important;
}

body.TMC.ap-invoice-page .panel-invoice-info,
body.TMC.ap-invoice-page .ap-invoice-card {
  overflow: hidden;
  border: 1px solid var(--ap-ui-line, #dce4ed) !important;
  border-radius: var(--ap-design-radius, 20px) !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: 0 18px 50px var(--ap-ui-shadow, rgba(18,38,63,.10)) !important;
}

body.TMC.ap-invoice-page .panel-invoice-info .panel-body {
  padding: 22px !important;
  background: transparent !important;
  color: inherit !important;
}

body.TMC.ap-invoice-page .panel-invoice-info .total {
  display: grid;
  gap: 5px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed);
}

body.TMC.ap-invoice-page .panel-invoice-info .total-price {
  color: var(--ap-ui-text, #162033) !important;
  font-size: clamp(27px, 3vw, 38px) !important;
  font-weight: 850;
  letter-spacing: -.035em;
  line-height: 1.1;
}

body.TMC.ap-invoice-page .panel-invoice-info label {
  margin-bottom: 8px;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13px;
  font-weight: 800;
}

body.TMC.ap-invoice-page .panel-invoice-info .form-control {
  min-height: 46px;
  border: 1px solid var(--ap-ui-line, #dce4ed) !important;
  border-radius: 12px !important;
  background: var(--ap-ui-input, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: none !important;
}

body.TMC.ap-invoice-page .payment-form { min-width: 0; }
body.TMC.ap-invoice-page .payment-form > div {
  width: 100% !important;
  max-width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 15px !important;
  border-color: var(--ap-ui-line, #dce4ed) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 4%, var(--ap-ui-surface, #fff)) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: none !important;
}

body.TMC.ap-invoice-page .payment-form > div > div:first-child {
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

body.TMC.ap-invoice-page .payment-form > div > div:first-child > div {
  min-width: 0;
  flex: 1 1 145px;
}

body.TMC.ap-invoice-page .payment-form strong,
body.TMC.ap-invoice-page .payment-form small {
  display: block;
  max-width: 100%;
  color: var(--ap-ui-text, #162033) !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.TMC.ap-invoice-page .payment-form strong {
  margin: 0 0 5px !important;
}

body.TMC.ap-invoice-page .payment-form small {
  margin: 0 !important;
  color: var(--ap-ui-muted, #66758a) !important;
}
body.TMC.ap-invoice-page .payment-form .btn { min-height: 46px !important; border-radius: 11px !important; font-weight: 800; }

body.TMC.ap-invoice-page .ap-invoice-card {
  padding: clamp(24px, 4.2vw, 52px) !important;
}

body.TMC.ap-invoice-page .ap-invoice-card .company-logo {
  margin-bottom: 24px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed);
  text-align: left;
}

body.TMC.ap-invoice-page .ap-invoice-card .company-logo img {
  width: auto;
  max-width: min(220px, 58vw);
  max-height: 72px;
  object-fit: contain;
}

body.TMC.ap-invoice-page .ap-invoice-card .section {
  margin: 0;
  padding: 28px 0;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed);
}

body.TMC.ap-invoice-page .ap-invoice-card .section:last-child { border-bottom: 0; }
body.TMC.ap-invoice-page .ap-invoice-card .invoice-info { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
body.TMC.ap-invoice-page .ap-invoice-card .invoice-title .title { color: var(--ap-ui-text, #162033) !important; font-size: clamp(25px, 3vw, 36px); font-weight: 850; letter-spacing: -.035em; }
body.TMC.ap-invoice-page .ap-invoice-card .invoice-status { display: inline-flex; min-height: 29px; align-items: center; margin-left: 8px; padding: 6px 10px; border-radius: 999px !important; font-size: 11px; font-weight: 850; vertical-align: middle; }
body.TMC.ap-invoice-page .ap-invoice-card .invoice-date { min-width: 170px; }
body.TMC.ap-invoice-page .ap-invoice-card .invoice-date .pull-right { float: none !important; }
body.TMC.ap-invoice-page .ap-invoice-card h4 { margin: 0 0 13px; color: var(--ap-ui-text, #162033) !important; font-size: 17px; font-weight: 850; }
body.TMC.ap-invoice-page .ap-invoice-card address { margin: 0; color: var(--ap-ui-muted, #66758a); font-size: 14px; line-height: 1.7; }
body.TMC.ap-invoice-page .ap-invoice-card .table-responsive { overflow-x: auto; border: 1px solid var(--ap-ui-line, #dce4ed); border-radius: 14px; }
body.TMC.ap-invoice-page .ap-invoice-card .table { min-width: 560px; margin: 0; background: transparent !important; }
body.TMC.ap-invoice-page .ap-invoice-card .table th { padding: 13px 15px !important; background: var(--ap-ui-surface-2, #f3f6fa) !important; color: var(--ap-ui-muted, #66758a) !important; font-size: 11px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
body.TMC.ap-invoice-page .ap-invoice-card .table td { padding: 13px 15px !important; border-color: var(--ap-ui-line, #dce4ed) !important; background: transparent !important; color: var(--ap-ui-text, #162033) !important; font-size: 13.5px; }
body.TMC.ap-invoice-page .ap-invoice-card .table tr.active td,
body.TMC.ap-invoice-page .ap-invoice-card .table td.total-row { background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 5%, var(--ap-ui-surface, #fff)) !important; }
body.TMC.ap-invoice-page .ap-invoice-card + .text-center { margin-top: 18px; }
body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn { min-height: 44px; padding: 11px 17px; border-radius: 11px !important; }

body.TMC.ap-invoice-page .ap-invoice-footer { margin-top: 0; }
body.TMC.ap-invoice-page .ap-invoice-footer__inner { display: grid; grid-template-columns: minmax(150px, 220px) minmax(220px, 1fr) auto; align-items: center; gap: 28px; padding: 42px 0 28px; }
body.TMC.ap-invoice-page .ap-invoice-footer__inner p { margin: 0; color: var(--ap-footer-text, #aeb9c6); font-size: 13px; line-height: 1.7; }
body.TMC.ap-invoice-page .ap-invoice-footer__inner nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px 18px; }
body.TMC.ap-invoice-page .ap-invoice-footer__inner nav a { color: var(--ap-footer-text, #aeb9c6); font-size: 12px; font-weight: 700; }
body.TMC.ap-invoice-page .ap-invoice-footer__inner nav a:hover { color: var(--ap-footer-accent, #51c7f4); }

html[data-ap-theme="dark"] body.TMC.ap-invoice-page .ap-invoice-card .table tr.active td,
html[data-ap-theme="dark"] body.TMC.ap-invoice-page .ap-invoice-card .table td.total-row {
  background: #1a2634 !important;
}

@media (max-width: 991px) {
  body.TMC.ap-invoice-page { margin-top: 60px !important; }
  body.TMC.ap-invoice-page .ap-invoice-main { padding: 34px 0 50px; }
  body.TMC.ap-invoice-page .sidebar { margin-bottom: 18px; }
  body.TMC.ap-invoice-page .ap-invoice-footer__inner { grid-template-columns: 1fr; gap: 16px; }
  body.TMC.ap-invoice-page .ap-invoice-footer__inner nav { justify-content: flex-start; }
}

@media (max-width: 767px) {
  body.TMC.ap-invoice-page .ap-invoice-layout { padding-right: 14px; padding-left: 14px; }
  body.TMC.ap-invoice-page .panel-invoice-info .panel-body { padding: 18px !important; }
  body.TMC.ap-invoice-page .ap-invoice-card { padding: 20px 16px !important; border-radius: 17px !important; }
  body.TMC.ap-invoice-page .ap-invoice-card .section { padding: 22px 0; }
  body.TMC.ap-invoice-page .ap-invoice-card .invoice-info { flex-direction: column; }
  body.TMC.ap-invoice-page .ap-invoice-card .invoice-date { width: 100%; min-width: 0; }
  body.TMC.ap-invoice-page .ap-invoice-card .invoice-date .text-right { text-align: left !important; }
  body.TMC.ap-invoice-page .ap-invoice-card .row > [class*="col-"] + [class*="col-"] { margin-top: 22px; }
  body.TMC.ap-invoice-page .ap-invoice-card .table { min-width: 520px; }
  body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn-group { display: grid; grid-template-columns: 1fr 1fr; }
  body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn { width: 100%; }
}

@media print {
  body.TMC.ap-invoice-page { background: #fff !important; color: #111 !important; }
  body.TMC.ap-invoice-page .ap-invoice-main { padding: 0; }
  body.TMC.ap-invoice-page .ap-invoice-card { border: 0 !important; box-shadow: none !important; }
}

/* Domain and service detail cards: remove the remaining white legacy blocks
   and keep labels readable in the dark theme. */
body.TMC .main-content .product-details .product-holder,
body.TMC .main-content .product-details .product-info {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--ap-ui-line, #dce4ed) !important;
  border-radius: var(--ap-design-radius, 20px) !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: 0 16px 42px var(--ap-ui-shadow, rgba(18,38,63,.09)) !important;
}

body.TMC .main-content .product-details .product-content {
  min-height: 250px;
  padding: 34px 24px 28px;
  background: transparent !important;
  color: var(--ap-ui-text, #162033) !important;
}

body.TMC .main-content .product-details .product-content h4,
body.TMC .main-content .product-details .product-content h4 a,
body.TMC .main-content .product-details .list-text {
  color: var(--ap-ui-text, #162033) !important;
}

body.TMC .main-content .product-details .product-content h4 {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 850;
  overflow-wrap: anywhere;
}

body.TMC .main-content .product-details .product-footer {
  min-height: 58px;
  padding: 13px 18px;
  border-top: 1px solid var(--ap-ui-line, #dce4ed) !important;
  background: var(--ap-ui-surface-2, #f3f6fa) !important;
  color: var(--ap-ui-muted, #66758a) !important;
}

body.TMC .main-content .product-details .product-info {
  padding: 24px;
}

body.TMC .main-content .product-details .list-info,
body.TMC .main-content .product-details .list-info > li {
  background: transparent !important;
  color: var(--ap-ui-text, #162033) !important;
}

body.TMC .main-content .product-details .list-info > li {
  display: grid;
  grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed) !important;
}

body.TMC .main-content .product-details .list-info > li:last-child { border-bottom: 0 !important; }
body.TMC .main-content .product-details .list-heading { color: var(--ap-ui-muted, #66758a) !important; font-size: 13px; font-weight: 750; }
body.TMC .main-content .product-details .list-text { min-width: 0; font-size: 13.5px; font-weight: 700; overflow-wrap: anywhere; }

/* Secondary account panels now use the same rounded navigation language. */
body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) {
  overflow: hidden;
  border: 1px solid var(--ap-ui-line, #dce4ed) !important;
  border-radius: 15px !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  box-shadow: 0 10px 28px var(--ap-ui-shadow, rgba(18,38,63,.07)) !important;
}

body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) > .panel-heading {
  min-height: 46px;
  padding: 13px 15px !important;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed) !important;
  background: var(--ap-ui-surface-2, #f3f6fa) !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13px;
  font-weight: 850;
}

body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) .list-group-item,
body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) .panel-body {
  padding: 12px 15px;
  border-color: var(--ap-ui-line, #dce4ed) !important;
  background: var(--ap-ui-surface, #fff) !important;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 13px;
  line-height: 1.5;
}

body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) .list-group-item:hover,
body.TMC .sidebar .panel-sidebar:not(.ap-client-nav) .list-group-item.active {
  background: color-mix(in srgb, var(--ap-design-primary, #1068d5) 9%, var(--ap-ui-surface, #fff)) !important;
  color: var(--ap-design-primary, #1068d5) !important;
}

@media (max-width: 767px) {
  body.TMC .main-content .product-details .row-eq-height { display: block; }
  body.TMC .main-content .product-details .row > [class*="col-"] + [class*="col-"] { margin-top: 16px; }
  body.TMC .main-content .product-details .product-content { min-height: 210px; padding: 26px 18px 22px; }
  body.TMC .main-content .product-details .product-info { padding: 18px; }
  body.TMC .main-content .product-details .list-info > li { grid-template-columns: 1fr; gap: 4px; }
}

/* ================================================================
   AMIL Premium v21.6.66 — portable locale flags, complete account
   navigation and password-reset parity.
   ================================================================ */
.ap-language-flag {
  display: inline-flex;
  width: 22px;
  min-width: 22px;
  height: 18px;
  align-items: center;
  justify-content: center;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 17px;
  line-height: 1;
  filter: saturate(1.08);
}
.ap-language-option { display: inline-flex; min-width: 0; align-items: center; gap: 9px; }
.ap-mobile-menu__language > summary { justify-content: flex-start; }
.ap-mobile-menu__language > summary > span:nth-child(2) { flex: 1 1 auto; }

.ap-account-menu { position: relative; }
.ap-account-menu > summary { cursor: pointer; }
.ap-account-popover {
  position: absolute;
  z-index: 1140;
  top: calc(100% + 9px);
  right: 0;
  width: min(344px, calc(100vw - 24px));
  max-height: min(620px, calc(100vh - 56px));
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--ap-ui-line, #dce4ed);
  border-radius: 18px;
  background: var(--ap-ui-surface, #fff);
  color: var(--ap-ui-text, #162033);
  box-shadow: 0 24px 64px rgba(4,18,38,.24);
  overscroll-behavior: contain;
}
.ap-account-popover__profile {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  padding: 7px 7px 13px;
  border-bottom: 1px solid var(--ap-ui-line, #dce4ed);
}
.ap-account-popover__avatar {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: linear-gradient(145deg, color-mix(in srgb,var(--ap-design-primary,#1068d5) 18%,transparent), color-mix(in srgb,var(--ap-design-secondary,#51c7f4) 12%,transparent));
  color: var(--ap-design-primary, #1068d5);
  font-size: 16px;
}
.ap-account-popover__profile > span:last-child { display: grid; min-width: 0; gap: 2px; }
.ap-account-popover__profile strong,
.ap-account-popover__profile small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-account-popover__profile strong { color: var(--ap-ui-text, #162033); font-size: 13px; font-weight: 850; }
.ap-account-popover__profile small { color: var(--ap-ui-muted, #66758a); font-size: 10.5px; }
.ap-account-links { display: grid; gap: 3px; padding-top: 8px; }
.top-navbar .ap-account-links .ap-account-link,
.ap-account-links .ap-account-link {
  display: grid;
  min-height: 42px;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--ap-ui-text, #162033) !important;
  font-size: 11.5px;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none !important;
}
.ap-account-link i {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--ap-ui-surface-2, #f3f6fa);
  color: var(--ap-design-primary, #1068d5);
}
.top-navbar .ap-account-links .ap-account-link:hover,
.top-navbar .ap-account-links .ap-account-link:focus,
.ap-account-links .ap-account-link:hover,
.ap-account-links .ap-account-link:focus {
  border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 16%,transparent);
  background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 7%,var(--ap-ui-surface,#fff));
  color: var(--ap-design-primary, #1068d5) !important;
}
.ap-account-link--primary {
  background: linear-gradient(135deg, var(--ap-design-primary,#1068d5), color-mix(in srgb,var(--ap-design-primary,#1068d5) 68%,#052f74)) !important;
  color: #fff !important;
  box-shadow: 0 9px 20px color-mix(in srgb,var(--ap-design-primary,#1068d5) 22%,transparent);
}
.ap-account-link--primary i { background: rgba(255,255,255,.15); color: #fff; }
.top-navbar .ap-account-links .ap-account-link--primary:hover,
.top-navbar .ap-account-links .ap-account-link--primary:focus { color: #fff !important; filter: brightness(1.05); }
.ap-account-links__divider { height: 1px; margin: 5px 3px; background: var(--ap-ui-line, #dce4ed); }
.ap-account-link--danger,
.ap-account-link--danger i { color: #dc3346 !important; }
.ap-mobile-account__panel .ap-account-links { min-width: 0; }

html[data-ap-theme="dark"] .ap-account-popover,
html[data-ap-theme="dark"] .ap-mobile-account__panel {
  border-color: var(--ap-ui-line, #2b3848);
  background: var(--ap-ui-surface, #141c27);
  color: var(--ap-ui-text, #f4f7fb);
}

.ap-password-reset__content { color: var(--ap-ui-text, #162033); }
.ap-auth-lead { margin: -8px 0 24px; color: var(--ap-ui-muted, #66758a); font-size: 13.5px; line-height: 1.65; }
.ap-auth-message { margin: 0; color: var(--ap-ui-text, #162033); line-height: 1.65; text-align: center; }
.ap-auth-actions { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.ap-auth-actions .btn { min-height: 48px; border-radius: 12px !important; font-weight: 800; }
.ap-password-reset .password-strength-meter { border-radius: 999px; overflow: hidden; }

/* Exactly one appearance switch is visible at each breakpoint. */
@media (min-width: 992px) {
  .ap-site-shell .ap-header__theme-button { display: none !important; }
}
@media (max-width: 991px) {
  body.TMC .ap-utility .ap-theme-toggle { display: none !important; }
  .ap-mobile-account__panel {
    width: min(356px, calc(100vw - 16px));
    max-height: calc(100dvh - var(--ap-header-height, 62px) - 18px);
    padding: 11px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .ap-account-link { min-height: 44px; font-size: 12px; }
}
@media (max-width: 420px) {
  .ap-mobile-account__panel { right: -4px; width: min(350px, calc(100vw - 12px)); border-radius: 16px; }
  .ap-account-popover__profile { padding-right: 5px; padding-left: 5px; }
  .ap-auth-actions { grid-template-columns: 1fr; }
  .ap-auth-actions .btn { width: 100%; }
}

/* ================================================================
   AMIL Premium v21.6.67 — authenticated dark-surface completion
   ThemeMetro's base stylesheet gives generic .TM-card blocks a fixed
   #f2f2f2 background. Account/password, user invitation, ticket and
   product-module cards therefore stayed white after the global switch.
   Keep the override inside the client content so branded hero/media cards
   and printable invoice output are not flattened.
   ================================================================ */
html[data-ap-theme="dark"] body.TMC .main-content .TM-card {
  background: linear-gradient(145deg, var(--ap-ui-surface, #141c27), #111a25) !important;
  border-color: var(--ap-ui-line, #2c3948) !important;
  color: var(--ap-ui-text, #f4f7fb) !important;
  box-shadow: 0 16px 42px var(--ap-ui-shadow, rgba(0, 0, 0, .24)) !important;
}

html[data-ap-theme="dark"] body.TMC .main-content .TM-card h1,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card h2,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card h3,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card h4,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card h5,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card h6,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card label,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card legend,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card p,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card strong {
  color: var(--ap-ui-text, #f4f7fb) !important;
}

html[data-ap-theme="dark"] body.TMC .main-content .TM-card .row,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card .form-group,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card .control-label,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card .md-editor,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card .md-header,
html[data-ap-theme="dark"] body.TMC .main-content .TM-card .md-footer {
  border-color: var(--ap-ui-line, #2c3948) !important;
}

/* Third-party gateway status badge is emitted with inline light colours. */
html[data-ap-theme="dark"] body.TMC.ap-invoice-page .payment-form span[style*="background:#f4f4f5"] {
  background: #1e2b3a !important;
  color: #c9d6e4 !important;
  box-shadow: inset 0 0 0 1px #34475c;
}

/* ================================================================
   AMIL Premium v21.6.68 — domain search dark surface + portability
   The domain registration route renders its pricing card outside
   .main-content, so the authenticated v21.6.67 scope did not reach it.
   ================================================================ */
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card {
  background: linear-gradient(145deg, var(--ap-ui-surface, #141c27), #111a25) !important;
  border: 1px solid var(--ap-ui-line, #2c3948) !important;
  color: var(--ap-ui-text, #f4f7fb) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .28) !important;
}

html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card .table,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card th,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card td,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card span,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card small {
  color: var(--ap-ui-text, #f4f7fb) !important;
  border-color: var(--ap-ui-line, #2c3948) !important;
}

html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card thead,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card tr,
html[data-ap-theme="dark"] body.TMC #order-standard_cart.ap-order-domain .TM-card td {
  background: transparent !important;
}

/* ================================================================
   AMIL Premium v21.6.69 — end-to-end premium support experience
   ================================================================ */
.ap-ticket-compose,
.ap-ticket-entry,
.ap-ticket-thread { max-width: 1040px; margin: 0 auto 48px; color: var(--ap-ui-text); }

.ap-ticket-compose__hero {
  display: flex; align-items: center; gap: 18px; margin: 0 0 18px; padding: 22px 24px;
  border: 1px solid color-mix(in srgb,var(--ap-design-primary,#1068d5) 22%,var(--ap-ui-line));
  border-radius: 20px; background: linear-gradient(135deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 9%,var(--ap-ui-surface)),var(--ap-ui-surface));
  box-shadow: 0 16px 40px var(--ap-ui-shadow);
}
.ap-ticket-compose__icon { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border-radius: 17px; background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),#32b7ee); color: #fff; font-size: 23px; box-shadow: 0 12px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 28%,transparent); }
.ap-ticket-compose__eyebrow { display: block; margin-bottom: 4px; color: var(--ap-design-primary,#1068d5); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.ap-ticket-compose__hero h2 { margin: 0 0 4px; color: var(--ap-ui-text); font-size: clamp(22px,3vw,31px); font-weight: 900; letter-spacing: -.035em; }
.ap-ticket-compose__hero p { margin: 0; color: var(--ap-ui-muted); font-size: 13px; line-height: 1.6; }

.ap-ticket-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 0 0 18px; padding: 0; list-style: none; }
.ap-ticket-steps li { display: flex; min-width: 0; min-height: 52px; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid var(--ap-ui-line); border-radius: 14px; background: var(--ap-ui-surface); color: var(--ap-ui-muted); }
.ap-ticket-steps span { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 10px; background: var(--ap-ui-surface-2); color: var(--ap-ui-muted); font-size: 11px; font-weight: 900; }
.ap-ticket-steps strong { overflow: hidden; font-size: 11px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.ap-ticket-steps .is-complete,.ap-ticket-steps .is-active { border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 28%,var(--ap-ui-line)); color: var(--ap-ui-text); }
.ap-ticket-steps .is-complete span,.ap-ticket-steps .is-active span { background: var(--ap-design-primary,#1068d5); color: #fff; }
.ap-ticket-steps .is-active { box-shadow: 0 10px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 10%,transparent); }

body.TMC .ap-ticket-card { margin: 0 0 16px; padding: 22px !important; border: 1px solid var(--ap-ui-line) !important; border-radius: 20px !important; background: var(--ap-ui-surface) !important; color: var(--ap-ui-text) !important; box-shadow: 0 16px 42px var(--ap-ui-shadow) !important; }
.ap-ticket-card__heading { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid var(--ap-ui-line); }
.ap-ticket-card__heading > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 12%,var(--ap-ui-surface-2)); color: var(--ap-design-primary,#1068d5); }
.ap-ticket-card__heading h3 { margin: 0 0 3px; color: var(--ap-ui-text); font-size: 15px; font-weight: 900; letter-spacing: -.015em; }
.ap-ticket-card__heading p { margin: 0; color: var(--ap-ui-muted); font-size: 11.5px; line-height: 1.55; }
.ap-ticket-form label { margin-bottom: 7px; color: var(--ap-ui-text); font-size: 11px; font-weight: 850; letter-spacing: .02em; }
.ap-ticket-form .form-control { min-height: 46px; border: 1px solid var(--ap-ui-line) !important; border-radius: 12px !important; background: var(--ap-ui-input) !important; color: var(--ap-ui-text) !important; box-shadow: none !important; }
.ap-ticket-form .form-control:focus { border-color: var(--ap-design-primary,#1068d5) !important; outline: 3px solid color-mix(in srgb,var(--ap-design-primary,#1068d5) 16%,transparent); outline-offset: 1px; }
.ap-ticket-form .form-control[disabled] { background: var(--ap-ui-surface-2) !important; color: var(--ap-ui-muted) !important; opacity: 1; }
.ap-ticket-form .md-editor { overflow: hidden; border: 1px solid var(--ap-ui-line) !important; border-radius: 14px !important; background: var(--ap-ui-input) !important; box-shadow: inset 0 1px 2px rgba(10,30,50,.03); }
.ap-ticket-form .md-editor > .md-header { padding: 8px; border: 0 !important; border-bottom: 1px solid var(--ap-ui-line) !important; background: var(--ap-ui-surface-2) !important; }
.ap-ticket-form .md-editor .btn { min-width: 34px; min-height: 34px; margin: 2px; border-color: var(--ap-ui-line) !important; border-radius: 8px !important; background: var(--ap-ui-surface) !important; color: var(--ap-ui-text) !important; }
.ap-ticket-form .md-editor textarea { min-height: 260px; padding: 18px !important; border: 0 !important; border-radius: 0 !important; font-size: 14px; line-height: 1.7; resize: vertical; }
.ap-ticket-form .md-editor .md-footer { padding: 8px 12px; border-top: 1px solid var(--ap-ui-line) !important; color: var(--ap-ui-muted) !important; font-size: 10px; }
.ap-ticket-card--attachments input[type="file"] { min-height: 48px; padding: 8px; border: 1px dashed color-mix(in srgb,var(--ap-design-primary,#1068d5) 38%,var(--ap-ui-line)) !important; background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 4%,var(--ap-ui-surface)) !important; }
.ap-ticket-card--attachments input[type="file"]::file-selector-button { min-height: 30px; margin-right: 10px; padding: 6px 12px; border: 0; border-radius: 8px; background: var(--ap-design-primary,#1068d5); color: #fff; font-weight: 800; cursor: pointer; }
.ap-ticket-card--attachments .btn { min-height: 48px; border-radius: 12px !important; font-weight: 800; }
.ap-ticket-card--attachments .ticket-attachments-message { margin-top: 8px; font-size: 10.5px; line-height: 1.55; }
.ap-ticket-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid var(--ap-ui-line); }
.ap-ticket-actions .btn { min-width: 132px; min-height: 48px; border-radius: 12px !important; font-weight: 850; }
.ap-ticket-actions .btn-primary { box-shadow: 0 12px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 22%,transparent); }

.ap-ticket-entry > .desc { margin: 0 0 18px; padding: 18px 20px; border: 1px solid var(--ap-ui-line); border-radius: 16px; background: var(--ap-ui-surface); color: var(--ap-ui-muted); line-height: 1.65; box-shadow: 0 12px 30px var(--ap-ui-shadow); }
.ap-ticket-entry > h4 { margin: 0 0 12px; color: var(--ap-ui-text); font-size: 16px; font-weight: 900; }
.ap-ticket-entry .ticket-departments { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: 14px; }
.ap-ticket-entry .ticket-departments a { display: block; min-height: 118px; padding: 20px; border: 1px solid var(--ap-ui-line); border-radius: 17px; background: var(--ap-ui-surface); color: var(--ap-ui-text); box-shadow: 0 13px 34px var(--ap-ui-shadow); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ap-ticket-entry .ticket-departments a:hover { border-color: var(--ap-design-primary,#1068d5); text-decoration: none; transform: translateY(-3px); }
.ap-ticket-entry .ticket-departments span { color: var(--ap-ui-text); font-size: 15px; font-weight: 900; }
.ap-ticket-entry .ticket-departments p { margin: 8px 0 0; color: var(--ap-ui-muted); font-size: 12px; line-height: 1.55; }

.ap-ticket-thread > .panel { overflow: hidden; border: 1px solid var(--ap-ui-line) !important; border-radius: 18px !important; background: var(--ap-ui-surface) !important; box-shadow: 0 16px 40px var(--ap-ui-shadow) !important; }
.ap-ticket-thread > .panel > .panel-heading { min-height: 58px; padding: 17px 20px; border: 0; background: linear-gradient(135deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 8%,var(--ap-ui-surface)),var(--ap-ui-surface)) !important; color: var(--ap-ui-text) !important; }
.ap-ticket-thread .ticket-reply { overflow: hidden; margin: 14px 0; border: 1px solid var(--ap-ui-line) !important; border-radius: 17px !important; background: var(--ap-ui-surface) !important; box-shadow: 0 12px 30px var(--ap-ui-shadow) !important; }
.ap-ticket-thread .ticket-reply.staff { border-left: 4px solid var(--ap-design-primary,#1068d5) !important; }
.ap-ticket-thread .ticket-reply .user { padding: 13px 16px; border-bottom: 1px solid var(--ap-ui-line); background: var(--ap-ui-surface-2) !important; color: var(--ap-ui-text); }
.ap-ticket-thread .ticket-reply .message { padding: 18px; color: var(--ap-ui-text); font-size: 13px; line-height: 1.72; }
.ap-ticket-thread .ticket-reply .date { padding: 13px 16px; color: var(--ap-ui-muted); }

@media (max-width: 767px) {
  .ap-ticket-compose,.ap-ticket-entry,.ap-ticket-thread { margin-bottom: 34px; }
  .ap-ticket-compose__hero { align-items: flex-start; padding: 18px; border-radius: 17px; }
  .ap-ticket-compose__icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; font-size: 18px; }
  .ap-ticket-steps { gap: 6px; }
  .ap-ticket-steps li { min-height: 46px; justify-content: center; padding: 7px; }
  .ap-ticket-steps strong { display: none; }
  body.TMC .ap-ticket-card { padding: 17px 14px !important; border-radius: 17px !important; }
  .ap-ticket-card__heading { margin-bottom: 16px; }
  .ap-ticket-form .md-editor textarea { min-height: 220px; padding: 14px !important; }
  .ap-ticket-card--attachments .col-sm-3 { margin-top: 10px; }
  .ap-ticket-actions { display: grid; grid-template-columns: 1fr; }
  .ap-ticket-actions .btn { width: 100%; min-width: 0; }
  .ap-ticket-thread .ticket-reply .date { float: none; padding-bottom: 0; text-align: right; }
}

/* ================================================================
   AMIL Premium v21.6.70 — client quick actions + domain action card
   ================================================================ */
.ap-client-quick-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 22px; }
.ap-client-quick-action { position: relative; display: grid; min-width: 0; min-height: 88px; grid-template-columns: 40px minmax(0,1fr) 18px; grid-template-areas: "icon title arrow" "icon note arrow"; align-items: center; gap: 2px 11px; padding: 15px; overflow: hidden; border: 1px solid var(--ap-ui-line); border-radius: 16px; background: linear-gradient(145deg,var(--ap-ui-surface),color-mix(in srgb,var(--ap-design-primary,#1068d5) 3%,var(--ap-ui-surface))); color: var(--ap-ui-text); box-shadow: 0 12px 30px var(--ap-ui-shadow); text-decoration: none !important; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ap-client-quick-action:hover,.ap-client-quick-action:focus-visible { border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 45%,var(--ap-ui-line)); color: var(--ap-ui-text); box-shadow: 0 18px 38px color-mix(in srgb,var(--ap-design-primary,#1068d5) 12%,var(--ap-ui-shadow)); outline: 0; transform: translateY(-3px); }
.ap-client-quick-action > span { grid-area: icon; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 12%,var(--ap-ui-surface-2)); color: var(--ap-design-primary,#1068d5); font-size: 16px; }
.ap-client-quick-action > strong { grid-area: title; overflow: hidden; color: var(--ap-ui-text); font-size: 12px; font-weight: 900; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.ap-client-quick-action > small { grid-area: note; overflow: hidden; color: var(--ap-ui-muted); font-size: 9.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.ap-client-quick-action > i { grid-area: arrow; color: var(--ap-ui-muted); font-size: 11px; transition: transform .2s ease,color .2s ease; }
.ap-client-quick-action:hover > i { color: var(--ap-design-primary,#1068d5); transform: translateX(3px); }
.ap-client-quick-action--support { border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 28%,var(--ap-ui-line)); }
.ap-client-quick-action--support > span { background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),#31b9ef); color: #fff; box-shadow: 0 9px 20px color-mix(in srgb,var(--ap-design-primary,#1068d5) 22%,transparent); }

body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary { border: 1px solid color-mix(in srgb,var(--ap-design-primary,#1068d5) 24%,transparent); background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 7%,transparent); color: var(--ap-design-primary,#1068d5); }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary i { color: var(--ap-design-primary,#1068d5); }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary:hover,
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary.is-active { border-color: transparent; background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),#31a7ed); color: #fff; }
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary:hover i,
body.TMC .ap-client-sidebar-nav a.ap-client-sidebar-nav__primary.is-active i { color: #fff; }

body.TMC .client-home-panels .ap-domain-action-card { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb,var(--ap-design-primary,#1068d5) 20%,var(--ap-ui-line)); border-radius: 20px !important; background: linear-gradient(145deg,var(--ap-ui-surface),color-mix(in srgb,var(--ap-design-primary,#1068d5) 6%,var(--ap-ui-surface))) !important; box-shadow: 0 18px 42px var(--ap-ui-shadow) !important; }
body.TMC .client-home-panels .ap-domain-action-card > .fal { position: absolute; right: -16px; bottom: -24px; color: var(--ap-design-primary,#1068d5); font-size: 120px; opacity: .055; pointer-events: none; }
body.TMC .client-home-panels .ap-domain-action-card .panel-heading { position: relative; z-index: 1; padding: 18px 18px 10px; border: 0; background: transparent !important; }
body.TMC .client-home-panels .ap-domain-action-card .panel-title { color: var(--ap-ui-text) !important; font-size: 18px; font-weight: 900; letter-spacing: -.025em; }
body.TMC .client-home-panels .ap-domain-action-card .panel-body { position: relative; z-index: 1; padding: 12px 18px 18px; border: 0; }
body.TMC .client-home-panels .ap-domain-action-card .form-control,
body.TMC .client-home-panels .ap-domain-action-card input[type="text"] { min-height: 48px; margin-bottom: 10px; padding: 0 15px; border: 1px solid var(--ap-ui-line) !important; border-radius: 12px !important; background: var(--ap-ui-input) !important; color: var(--ap-ui-text) !important; font-size: 13px; box-shadow: none !important; }
body.TMC .client-home-panels .ap-domain-action-card .btn,
body.TMC .client-home-panels .ap-domain-action-card input[type="submit"] { min-height: 44px; border: 0 !important; border-radius: 11px !important; font-size: 11px; font-weight: 850; box-shadow: none; }
body.TMC .client-home-panels .ap-domain-action-card .btn-success,
body.TMC .client-home-panels .ap-domain-action-card input.btn-success { background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),#31a7ed) !important; color: #fff !important; box-shadow: 0 9px 20px color-mix(in srgb,var(--ap-design-primary,#1068d5) 20%,transparent); }
body.TMC .client-home-panels .ap-domain-action-card .btn-default,
body.TMC .client-home-panels .ap-domain-action-card input.btn-default { border: 1px solid var(--ap-ui-line) !important; background: var(--ap-ui-surface-2) !important; color: var(--ap-ui-text) !important; }
body.TMC .client-home-panels .ap-domain-action-card p { margin: 12px 0 0; color: var(--ap-ui-muted); font-size: 9.5px; line-height: 1.5; text-align: center; }

@media (max-width: 1199px) { .ap-client-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) {
  .ap-client-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 18px; }
  .ap-client-quick-action { min-height: 80px; grid-template-columns: 36px minmax(0,1fr); grid-template-areas: "icon title" "icon note"; gap: 2px 9px; padding: 12px; border-radius: 14px; }
  .ap-client-quick-action > span { width: 36px; height: 36px; border-radius: 11px; font-size: 14px; }
  .ap-client-quick-action > i { display: none; }
  .ap-client-quick-action > strong { font-size: 11px; }
  .ap-client-quick-action > small { font-size: 8.5px; }
  body.TMC .client-home-panels .ap-domain-action-card { border-radius: 17px !important; }
}
@media (max-width: 420px) {
  .ap-client-quick-actions { grid-template-columns: 1fr; }
  .ap-client-quick-action { min-height: 72px; }
}

/* ================================================================
   AMIL Premium v21.6.71 — client dashboard polish and mobile guards
   ================================================================ */
body.TMC .client-home-panels .ap-home-panel { position: relative; isolation: isolate; }
body.TMC .client-home-panels .ap-home-panel::before { position: absolute; z-index: 3; top: 0; left: 18px; width: 42px; height: 3px; border-radius: 0 0 999px 999px; background: var(--ap-panel-accent,var(--ap-design-primary,#1068d5)); content: ""; }
body.TMC .client-home-panels .ap-home-panel--services { --ap-panel-accent: #1689eb; }
body.TMC .client-home-panels .ap-home-panel--support { --ap-panel-accent: #8b5cf6; }
body.TMC .client-home-panels .ap-home-panel--billing { --ap-panel-accent: #f59e0b; }
body.TMC .client-home-panels .ap-home-panel--attention { --ap-panel-accent: #ef4444; border-color: color-mix(in srgb,#ef4444 25%,var(--ap-ui-line)) !important; }
body.TMC .client-home-panels .ap-home-panel .list-group { margin: 0; }
body.TMC .client-home-panels .ap-home-panel .list-group-item { position: relative; min-height: 52px; padding: 14px 46px 14px 17px; line-height: 1.55; transition: background .18s ease,color .18s ease,transform .18s ease; }
body.TMC .client-home-panels .ap-home-panel a.list-group-item:hover,
body.TMC .client-home-panels .ap-home-panel a.list-group-item:focus-visible { z-index: 2; background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 6%,var(--ap-ui-surface)) !important; color: var(--ap-design-primary,#1068d5) !important; outline: 0; }
body.TMC .client-home-panels .ap-home-panel .badge { min-width: 25px; padding: 5px 8px; border: 0; border-radius: 999px; background: color-mix(in srgb,var(--ap-panel-accent,var(--ap-design-primary,#1068d5)) 13%,var(--ap-ui-surface-2)); color: var(--ap-panel-accent,var(--ap-design-primary,#1068d5)); font-size: 10px; font-weight: 900; }
body.TMC .client-home-panels .ap-home-panel .panel-footer { padding: 13px 17px; color: var(--ap-ui-muted) !important; }
body.TMC .client-home-panels .ap-home-panel .btn-xs,
body.TMC .client-home-panels .ap-home-panel .btn-sm { min-height: 34px; padding: 7px 12px; border-radius: 9px !important; font-weight: 800; }

body.TMC .panel-sidebar { overflow: hidden; border: 1px solid var(--ap-ui-line) !important; border-radius: 16px !important; background: var(--ap-ui-surface) !important; box-shadow: 0 12px 28px var(--ap-ui-shadow) !important; }
body.TMC .panel-sidebar > .panel-heading { min-height: 50px; padding: 14px 16px; border: 0 !important; border-bottom: 1px solid var(--ap-ui-line) !important; background: linear-gradient(135deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 6%,var(--ap-ui-surface)),var(--ap-ui-surface)) !important; color: var(--ap-ui-text) !important; }
body.TMC .panel-sidebar > .panel-heading .panel-title,
body.TMC .panel-sidebar > .panel-heading i { color: var(--ap-ui-text) !important; font-weight: 850; }
body.TMC .panel-sidebar > .panel-body,
body.TMC .panel-sidebar > .panel-footer,
body.TMC .panel-sidebar > .list-group > .list-group-item { border-color: var(--ap-ui-line) !important; background: var(--ap-ui-surface) !important; color: var(--ap-ui-text) !important; }
body.TMC .panel-sidebar > .list-group > .list-group-item { min-height: 45px; padding: 12px 15px; }
body.TMC .panel-sidebar > .list-group > a.list-group-item:hover,
body.TMC .panel-sidebar > .list-group > a.list-group-item.active { background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 8%,var(--ap-ui-surface)) !important; color: var(--ap-design-primary,#1068d5) !important; }

@media (max-width: 767px) {
  .ap-client-quick-action > strong,
  .ap-client-quick-action > small { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
  .ap-client-quick-action > strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .ap-client-quick-action > small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  body.TMC .client-home-panels > .row { margin-right: -6px; margin-left: -6px; }
  body.TMC .client-home-panels > .row > [class*="col-"] { padding-right: 6px; padding-left: 6px; }
  body.TMC .client-home-panels .ap-home-panel { margin-bottom: 14px; }
  body.TMC .client-home-panels .ap-home-panel .panel-title { min-width: 0; overflow-wrap: anywhere; }
  body.TMC .client-home-panels .ap-home-panel .list-group-item { min-height: 50px; padding: 13px 42px 13px 14px; overflow-wrap: anywhere; }
  body.TMC .panel-sidebar { border-radius: 15px !important; }
  body.TMC .panel-sidebar > .panel-heading { padding: 13px 14px; }
  body.TMC .panel-sidebar > .panel-body,
  body.TMC .panel-sidebar > .panel-footer,
  body.TMC .panel-sidebar > .list-group > .list-group-item { overflow-wrap: anywhere; }
}

@media (max-width: 359px) {
  .ap-client-quick-actions { grid-template-columns: 1fr; }
  .ap-client-quick-action { min-height: 70px; }
}

/* ================================================================
   AMIL Premium v21.6.73 — account continuity and readable actions
   ================================================================ */
.ap-client-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ap-client-quick-action { min-height: 98px; grid-template-columns: 44px minmax(0,1fr) 18px; padding: 16px; }
.ap-client-quick-action > span { width: 44px; height: 44px; }
.ap-client-quick-action > strong,
.ap-client-quick-action > small { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.ap-client-quick-action > strong { font-size: 14px; line-height: 1.35; }
.ap-client-quick-action > small { font-size: 13px; line-height: 1.4; }
body.TMC .ap-domain-bulk-actions { margin-top: 14px; }
body.TMC .ap-domain-bulk-actions > .btn { min-height: 42px; padding: 9px 14px; border: 1px solid var(--ap-ui-line) !important; border-radius: 12px !important; background: var(--ap-ui-surface) !important; color: var(--ap-ui-text) !important; font-weight: 800; box-shadow: 0 8px 22px var(--ap-ui-shadow); }
body.TMC .ap-domain-bulk-actions > .dropdown-menu { min-width: 230px; padding: 8px; border: 1px solid var(--ap-ui-line); border-radius: 14px; background: var(--ap-ui-surface); box-shadow: 0 18px 45px var(--ap-ui-shadow); }
body.TMC .ap-domain-bulk-actions > .dropdown-menu > li > a { padding: 10px 12px; border-radius: 9px; color: var(--ap-ui-text); }
body.TMC .ap-domain-bulk-actions > .dropdown-menu > li > a:hover { background: var(--ap-ui-surface-2); color: var(--ap-design-primary,#1068d5); }
@media (max-width: 767px) {
  .ap-client-quick-action { min-height: 92px; grid-template-columns: 40px minmax(0,1fr); padding: 14px; }
  .ap-client-quick-action > span { width: 40px; height: 40px; }
  .ap-client-quick-action > strong { font-size: 13px; }
  .ap-client-quick-action > small { font-size: 13px; }
}
@media (max-width: 420px) {
  .ap-client-quick-actions { grid-template-columns: 1fr; }
}

/* ================================================================
   AMIL Premium v21.6.75 — invoice gateway readability
   ================================================================ */
body.TMC .payment-form > div[style*="max-width:470px"] small { font-size: 13px !important; line-height: 1.45 !important; }
body.TMC .payment-form > div[style*="max-width:470px"] span[style*="font-size:10px"] { min-height: 25px; padding: 5px 9px !important; font-size: 11.5px !important; line-height: 1.3 !important; letter-spacing: .02em; }
@media (max-width: 480px) {
  body.TMC .payment-form > div[style*="max-width:470px"] > div:first-child { align-items: flex-start !important; flex-direction: column; }
  body.TMC .payment-form > div[style*="max-width:470px"] small { display: block; overflow-wrap: anywhere; }
}

/* ================================================================
   AMIL Premium v21.6.77 — client-area typography floor
   ================================================================ */
.ap-account-popover__profile small,
.ap-mobile-account__panel .ap-account-popover__profile small { font-size: 13px !important; line-height: 1.4; overflow-wrap: anywhere; }
.ap-utility__support-link,
.ap-premium-footer__contacts a,
.ap-premium-footer__contacts span { font-size: 13px !important; line-height: 1.45; }
body.TMC .client-home-panels .div-service-status .label { min-height: 24px; padding: 5px 8px; font-size: 11px !important; line-height: 1.25; }
body.TMC .client-home-panels .ap-domain-action-card .panel-body > p { font-size: 13px !important; line-height: 1.5; }

/* ================================================================
   AMIL Premium v21.6.78 — premium support localisation/readability
   ================================================================ */
.ap-ticket-compose__eyebrow { font-size: 11px; }
.ap-ticket-card__heading p,
.ap-ticket-entry .ticket-departments p { font-size: 13px; line-height: 1.55; }
.ap-ticket-form .md-editor .md-footer,
.ap-ticket-form .md-editor .md-footer .small-font,
.ap-ticket-form .md-editor .md-footer .markdown-save { font-size: 13px !important; line-height: 1.45; }
.ap-ticket-card--attachments .ticket-attachments-message { font-size: 13px; line-height: 1.55; }

/* ================================================================
   AMIL Premium v21.6.79 — account security visual unification
   ================================================================ */
.ap-security-page{display:grid;gap:22px;padding-bottom:28px}
.ap-security-intro{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid var(--ap-client-border,#dce6f1);border-radius:20px;background:linear-gradient(135deg,rgba(35,154,232,.09),rgba(17,183,161,.05)),var(--ap-client-surface,#fff);box-shadow:0 14px 36px rgba(24,47,80,.07)}
.ap-security-intro__icon,.ap-security-card__icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#178de1,#16b6a5);box-shadow:0 10px 24px rgba(23,141,225,.22)}
.ap-security-intro strong{display:block;color:var(--ap-client-text,#172235);font-size:17px;line-height:1.3}
.ap-security-intro p{margin:4px 0 0;color:var(--ap-client-muted,#66748a);font-size:14px;line-height:1.6}
.ap-security-page>.section.ap-security-card{margin:0;padding:0;border:1px solid var(--ap-client-border,#dce6f1);border-radius:20px;overflow:hidden;background:var(--ap-client-surface,#fff);box-shadow:0 14px 36px rgba(24,47,80,.07)}
.ap-security-card>h4{margin:0;padding:18px 22px;border-bottom:1px solid var(--ap-client-border,#dce6f1);color:var(--ap-client-text,#172235);font-size:16px}
.ap-security-card>form,.ap-security-card>.providerLinkingFeedback,.ap-security-card>.providerLinking{padding:20px 22px}
.ap-security-panel.panel{margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.ap-security-panel>.panel-heading{display:flex;align-items:center;gap:14px;padding:20px 22px!important;border:0!important;border-bottom:1px solid var(--ap-client-border,#dce6f1)!important;background:linear-gradient(135deg,rgba(35,154,232,.08),rgba(17,183,161,.04))!important}
.ap-security-card__icon{width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:15px}
.ap-security-panel>.panel-heading .panel-title{color:var(--ap-client-text,#172235)!important;font-size:17px!important}
.ap-security-panel>.panel-body{padding:22px!important;background:transparent!important;color:var(--ap-client-text,#172235)}
.ap-security-panel .alert-warning{margin:16px 0;padding:15px 17px;border:1px solid rgba(242,164,31,.28)!important;border-radius:14px!important;background:rgba(242,164,31,.09)!important;color:var(--ap-client-text,#172235)!important;font-size:14px;line-height:1.6}
.ap-security-action{min-height:42px;padding:10px 18px!important;border:0!important;border-radius:12px!important;font-weight:700;box-shadow:0 9px 22px rgba(23,141,225,.2)}
html[data-ap-theme="dark"] .ap-security-intro,html[data-ap-theme="dark"] .ap-security-page>.section.ap-security-card{border-color:#26394d;background:#101c29;box-shadow:0 16px 38px rgba(0,0,0,.24)}
html[data-ap-theme="dark"] .ap-security-intro strong,html[data-ap-theme="dark"] .ap-security-panel>.panel-heading .panel-title,html[data-ap-theme="dark"] .ap-security-panel>.panel-body,html[data-ap-theme="dark"] .ap-security-card>h4{color:#f4f8fc!important}
html[data-ap-theme="dark"] .ap-security-intro p{color:#aebdcb}
html[data-ap-theme="dark"] .ap-security-panel>.panel-heading{border-color:#26394d!important;background:linear-gradient(135deg,rgba(35,154,232,.13),rgba(17,183,161,.07))!important}
html[data-ap-theme="dark"] .ap-security-panel .alert-warning{border-color:rgba(242,181,63,.3)!important;background:rgba(242,181,63,.1)!important;color:#f5e8bd!important}
@media(max-width:767px){.ap-security-page{gap:16px}.ap-security-intro{padding:17px;border-radius:17px;align-items:flex-start}.ap-security-intro__icon{width:42px;height:42px;flex-basis:42px}.ap-security-intro strong{font-size:16px}.ap-security-intro p{font-size:13px}.ap-security-page>.section.ap-security-card{border-radius:17px}.ap-security-panel>.panel-heading,.ap-security-panel>.panel-body,.ap-security-card>form{padding:17px!important}.ap-security-action{display:flex!important;width:100%;justify-content:center}}

/* ================================================================
   AMIL Premium v21.6.88 — invoice hierarchy and mobile polish
   ================================================================ */
body.TMC.ap-invoice-page .ap-invoice-payment-summary {
  position: sticky;
  top: 118px;
  border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 25%,var(--ap-ui-line,#dce4ed)) !important;
  background: linear-gradient(155deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 7%,var(--ap-ui-surface,#fff)),var(--ap-ui-surface,#fff) 58%) !important;
}
body.TMC.ap-invoice-page .ap-invoice-payment-summary .total::before {
  content: "\f3d1";
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 7px;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),var(--ap-design-secondary,#31a7ed));
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  box-shadow: 0 10px 24px color-mix(in srgb,var(--ap-design-primary,#1068d5) 25%,transparent);
}
body.TMC.ap-invoice-page .ap-invoice-parties > .row { display: flex; gap: 16px; margin: 0; }
body.TMC.ap-invoice-page .ap-invoice-parties .ap-invoice-party {
  width: auto;
  min-width: 0;
  padding: 20px !important;
  border: 1px solid var(--ap-ui-line,#dce4ed);
  border-radius: 16px;
  background: var(--ap-ui-surface-2,#f3f6fa);
}
body.TMC.ap-invoice-page .ap-invoice-parties .ap-invoice-party--issuer { flex: 7 1 0; }
body.TMC.ap-invoice-page .ap-invoice-parties .ap-invoice-party--customer { flex: 5 1 0; }
body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn-group { gap: 9px; }
body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn i { margin-right: 6px; }
html[data-ap-theme="dark"] body.TMC.ap-invoice-page .ap-invoice-parties .ap-invoice-party {
  border-color: #293b4f;
  background: #101c29;
}
@media (max-width:991px) {
  body.TMC.ap-invoice-page .ap-invoice-payment-summary { position: static; }
}
@media (max-width:767px) {
  body.TMC.ap-invoice-page .ap-invoice-parties > .row { display: grid; grid-template-columns: 1fr; gap: 12px; }
  body.TMC.ap-invoice-page .ap-invoice-parties .ap-invoice-party { width: 100%; margin: 0 !important; padding: 17px !important; }
  body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn-group { width: 100%; }
}

/* ================================================================
   AMIL Premium v21.6.94 — downloads and network status surfaces
   ================================================================ */
.ap-download-empty,.ap-status-clear { border: 1px solid var(--ap-ui-line,#dce4ed); border-radius: 20px; background: linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 6%,var(--ap-ui-surface,#fff)),var(--ap-ui-surface,#fff)); box-shadow: 0 16px 42px var(--ap-ui-shadow,rgba(18,38,63,.08)); }
.ap-download-empty { display: flex; min-height: 270px; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 30px; text-align: center; }
.ap-download-empty__icon,.ap-status-clear__icon { display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),var(--ap-design-secondary,#31a7ed)); box-shadow: 0 12px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 24%,transparent); font-size: 21px; }
.ap-download-empty h2 { margin: 7px 0 0; color: var(--ap-ui-text,#162033); font-size: 20px; font-weight: 850; }
.ap-download-empty p { max-width: 580px; margin: 0 0 7px; color: var(--ap-ui-muted,#66758a); font-size: 14px; line-height: 1.65; }
.ap-download-empty .btn { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; border-radius: 12px !important; font-weight: 800; }
.ap-status-page { display: grid; gap: 18px; padding-bottom: 18px; }
.ap-status-clear { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; min-height: 145px; padding: 26px; border-color: rgba(18,164,126,.28); background: linear-gradient(145deg,rgba(18,164,126,.08),var(--ap-ui-surface,#fff)); }
.ap-status-clear__icon { background: linear-gradient(135deg,#0f9f79,#19c69a); box-shadow: 0 12px 28px rgba(18,164,126,.22); }
.ap-status-clear strong { display: block; margin-bottom: 6px; color: var(--ap-ui-text,#162033); font-size: 19px; font-weight: 850; }
.ap-status-clear p { margin: 0; color: var(--ap-ui-muted,#66758a); font-size: 14px; line-height: 1.6; }
.ap-status-issue.panel { overflow: hidden; margin: 0; border: 1px solid var(--ap-ui-line,#dce4ed) !important; border-radius: 18px !important; background: var(--ap-ui-surface,#fff) !important; box-shadow: 0 14px 36px var(--ap-ui-shadow,rgba(18,38,63,.08)) !important; }
.ap-status-issue .panel-heading { padding: 17px 20px !important; border-bottom: 1px solid var(--ap-ui-line,#dce4ed) !important; background: var(--ap-ui-surface-2,#f3f6fa) !important; color: var(--ap-ui-text,#162033) !important; font-size: 16px; font-weight: 850; }
.ap-status-issue .list-group-item { padding: 14px 20px; border-color: var(--ap-ui-line,#dce4ed) !important; background: transparent !important; color: var(--ap-ui-text,#162033) !important; font-size: 13px; line-height: 1.6; }
.ap-status-table-wrap { overflow: auto; border: 1px solid var(--ap-ui-line,#dce4ed); border-radius: 17px; background: var(--ap-ui-surface,#fff); box-shadow: 0 14px 36px var(--ap-ui-shadow,rgba(18,38,63,.08)); }
.ap-status-table-wrap .table { min-width: 760px; margin: 0; }
html[data-ap-theme="dark"] .ap-download-empty,html[data-ap-theme="dark"] .ap-status-clear,html[data-ap-theme="dark"] .ap-status-issue.panel,html[data-ap-theme="dark"] .ap-status-table-wrap { border-color: #293d52 !important; background: #101c29 !important; }
html[data-ap-theme="dark"] .ap-download-empty h2,html[data-ap-theme="dark"] .ap-status-clear strong { color: #f4f8fc; }
html[data-ap-theme="dark"] .ap-download-empty p,html[data-ap-theme="dark"] .ap-status-clear p { color: #aebdcb; }
@media (max-width:767px) {
  .ap-download-empty { min-height: 235px; padding: 25px 18px; border-radius: 17px; }
  .ap-download-empty h2 { font-size: 18px; }
  .ap-download-empty p,.ap-status-clear p { font-size: 13px; }
  .ap-download-empty .btn { width: 100%; justify-content: center; }
  .ap-status-clear { grid-template-columns: 1fr; min-height: 0; padding: 21px 18px; border-radius: 17px; }
  .ap-status-clear__icon,.ap-download-empty__icon { width: 50px; height: 50px; flex-basis: 50px; border-radius: 15px; }
  .ap-status-clear strong { font-size: 17px; }
}

/* ================================================================
   AMIL Premium v21.6.93 — knowledge base landing and empty state
   ================================================================ */
.ap-kb-page { display: grid; gap: 20px; padding-bottom: 18px; }
.ap-kb-intro { display: flex; align-items: center; gap: 17px; padding: 22px 24px; border: 1px solid var(--ap-ui-line,#dce4ed); border-radius: 20px; background: linear-gradient(135deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 8%,var(--ap-ui-surface,#fff)),var(--ap-ui-surface,#fff)); box-shadow: 0 15px 38px var(--ap-ui-shadow,rgba(18,38,63,.08)); }
.ap-kb-intro__icon,.ap-kb-empty__icon { display: grid; flex: 0 0 54px; width: 54px; height: 54px; place-items: center; border-radius: 17px; background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),var(--ap-design-secondary,#31a7ed)); color: #fff; font-size: 20px; box-shadow: 0 12px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 24%,transparent); }
.ap-kb-intro__eyebrow { color: var(--ap-design-primary,#1068d5); font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ap-kb-intro h2 { margin: 4px 0 5px; color: var(--ap-ui-text,#162033); font-size: clamp(22px,3vw,30px); font-weight: 850; letter-spacing: -.025em; }
.ap-kb-intro p { margin: 0; color: var(--ap-ui-muted,#66758a); font-size: 14px; line-height: 1.6; }
.ap-kb-search-card { margin: 0 !important; padding: 20px !important; border: 1px solid var(--ap-ui-line,#dce4ed) !important; border-radius: 18px !important; background: var(--ap-ui-surface,#fff) !important; box-shadow: 0 14px 34px var(--ap-ui-shadow,rgba(18,38,63,.08)) !important; }
.ap-kb-search-card .kb-search .form-control { min-height: 52px; border: 1px solid var(--ap-ui-line,#dce4ed) !important; border-radius: 13px 0 0 13px !important; background: var(--ap-ui-input,var(--ap-ui-surface,#fff)) !important; color: var(--ap-ui-text,#162033) !important; font-size: 14px; box-shadow: none !important; }
.ap-kb-search-card .kb-search .btn { min-height: 52px; padding-inline: 22px !important; border-radius: 0 13px 13px 0 !important; font-weight: 800; }
.ap-kb-empty { display: flex; min-height: 240px; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 28px; border: 1px dashed color-mix(in srgb,var(--ap-design-primary,#1068d5) 34%,var(--ap-ui-line,#dce4ed)); border-radius: 20px; background: var(--ap-ui-surface,#fff); text-align: center; }
.ap-kb-empty strong { margin-top: 5px; color: var(--ap-ui-text,#162033); font-size: 18px; }
.ap-kb-empty p { max-width: 560px; margin: 0 0 7px; color: var(--ap-ui-muted,#66758a); font-size: 14px; line-height: 1.6; }
.ap-kb-empty .btn { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; border-radius: 12px !important; font-weight: 800; }
html[data-ap-theme="dark"] .ap-kb-intro,html[data-ap-theme="dark"] .ap-kb-search-card,html[data-ap-theme="dark"] .ap-kb-empty { border-color: #293d52 !important; background: #101c29 !important; }
html[data-ap-theme="dark"] .ap-kb-intro h2,html[data-ap-theme="dark"] .ap-kb-empty strong { color: #f4f8fc; }
html[data-ap-theme="dark"] .ap-kb-intro p,html[data-ap-theme="dark"] .ap-kb-empty p { color: #aebdcb; }
@media (max-width:767px) {
  .ap-kb-page { gap: 15px; }
  .ap-kb-intro { align-items: flex-start; padding: 18px; border-radius: 17px; }
  .ap-kb-intro__icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 14px; }
  .ap-kb-intro h2 { font-size: 21px; }
  .ap-kb-intro p,.ap-kb-empty p { font-size: 13px; }
  .ap-kb-search-card { padding: 14px !important; border-radius: 16px !important; }
  .ap-kb-search-card .kb-search { display: grid; grid-template-columns: 1fr; gap: 9px; }
  .ap-kb-search-card .kb-search .form-control,.ap-kb-search-card .kb-search .btn { width: 100%; border-radius: 12px !important; }
  .ap-kb-empty { min-height: 220px; padding: 24px 18px; border-radius: 17px; }
  .ap-kb-empty .btn { width: 100%; justify-content: center; }
}

/* ================================================================
   AMIL Premium v21.6.89 — invoice result states and action clarity
   ================================================================ */
body.TMC.ap-invoice-page .ap-invoice-card > .alert {
  position: relative; margin: 0 0 22px; padding: 16px 18px 16px 52px !important;
  border: 1px solid var(--ap-ui-line,#dce4ed) !important; border-radius: 15px !important;
  background: var(--ap-ui-surface-2,#f3f6fa) !important; color: var(--ap-ui-text,#162033) !important;
  font-size: 14px; line-height: 1.6; box-shadow: none !important;
}
body.TMC.ap-invoice-page .ap-invoice-card > .alert::before {
  position: absolute; top: 15px; left: 18px; content: "\f05a";
  font-family: "Font Awesome 5 Free"; font-weight: 900;
}
body.TMC.ap-invoice-page .ap-invoice-card > .alert-success { border-color: rgba(18,164,126,.32) !important; background: rgba(18,164,126,.09) !important; }
body.TMC.ap-invoice-page .ap-invoice-card > .alert-success::before { content: "\f058"; color: #12a47e; }
body.TMC.ap-invoice-page .ap-invoice-card > .alert-danger { border-color: rgba(220,70,70,.32) !important; background: rgba(220,70,70,.09) !important; }
body.TMC.ap-invoice-page .ap-invoice-card > .alert-danger::before { content: "\f06a"; color: #dc4646; }
body.TMC.ap-invoice-page .ap-invoice-card > .alert-info { border-color: color-mix(in srgb,var(--ap-design-primary,#1068d5) 32%,transparent) !important; background: color-mix(in srgb,var(--ap-design-primary,#1068d5) 9%,transparent) !important; }
body.TMC.ap-invoice-page .ap-invoice-card > .alert-info::before { color: var(--ap-design-primary,#1068d5); }
html[data-ap-theme="dark"] body.TMC.ap-invoice-page .ap-invoice-card > .alert { color: #f4f7fb !important; }
body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn-default {
  border: 1px solid var(--ap-ui-line,#dce4ed) !important; background: var(--ap-ui-surface,#fff) !important;
  color: var(--ap-ui-text,#162033) !important; font-weight: 800;
}
body.TMC.ap-invoice-page .ap-invoice-card + .text-center .btn-default:hover {
  border-color: var(--ap-design-primary,#1068d5) !important; color: var(--ap-design-primary,#1068d5) !important;
}

/* ================================================================
   AMIL Premium v21.6.90 — support ticket empty state
   ================================================================ */
.ap-ticket-list-empty {
  display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px;
  min-height: 190px; padding: 28px; border: 1px dashed color-mix(in srgb,var(--ap-design-primary,#1068d5) 35%,var(--ap-ui-line,#dce4ed));
  border-radius: 20px; background: linear-gradient(145deg,color-mix(in srgb,var(--ap-design-primary,#1068d5) 6%,var(--ap-ui-surface,#fff)),var(--ap-ui-surface,#fff));
  box-shadow: 0 16px 42px var(--ap-ui-shadow,rgba(18,38,63,.08));
}
.ap-ticket-list-empty__icon {
  display: grid; width: 58px; height: 58px; place-items: center; border-radius: 18px;
  background: linear-gradient(135deg,var(--ap-design-primary,#1068d5),var(--ap-design-secondary,#31a7ed)); color: #fff;
  font-size: 21px; box-shadow: 0 12px 28px color-mix(in srgb,var(--ap-design-primary,#1068d5) 24%,transparent);
}
.ap-ticket-list-empty__copy h2 { margin: 0 0 7px; color: var(--ap-ui-text,#162033); font-size: 19px; font-weight: 850; }
.ap-ticket-list-empty__copy p { max-width: 640px; margin: 0; color: var(--ap-ui-muted,#66758a); font-size: 14px; line-height: 1.65; }
.ap-ticket-list-empty__action { display: inline-flex !important; min-height: 46px; align-items: center; gap: 8px; padding: 11px 17px !important; border-radius: 12px !important; font-weight: 800; }
html[data-ap-theme="dark"] .ap-ticket-list-empty { border-color: #2b4258; background: linear-gradient(145deg,rgba(23,141,225,.11),#101c29); }
html[data-ap-theme="dark"] .ap-ticket-list-empty__copy h2 { color: #f4f8fc; }
html[data-ap-theme="dark"] .ap-ticket-list-empty__copy p { color: #aebdcb; }
@media (max-width:767px) {
  .ap-ticket-list-empty { grid-template-columns: 1fr; justify-items: start; min-height: 0; padding: 22px 19px; border-radius: 17px; }
  .ap-ticket-list-empty__icon { width: 50px; height: 50px; border-radius: 15px; }
  .ap-ticket-list-empty__copy h2 { font-size: 17px; }
  .ap-ticket-list-empty__copy p { font-size: 13px; }
  .ap-ticket-list-empty__action { width: 100%; justify-content: center; }
}

/* ================================================================
   AMIL Premium v21.6.80 — profile/password form unification
   ================================================================ */
.ap-profile-page{display:grid;gap:22px;padding-bottom:28px}
.ap-account-form-card{margin:0!important;padding:22px!important;border:1px solid var(--ap-client-border,#dce6f1);border-radius:20px;background:var(--ap-client-surface,#fff);box-shadow:0 14px 36px rgba(24,47,80,.07)}
.ap-account-form-card>h4{margin:-22px -22px 20px;padding:18px 22px;border-bottom:1px solid var(--ap-client-border,#dce6f1);border-radius:20px 20px 0 0;background:linear-gradient(135deg,rgba(35,154,232,.08),rgba(17,183,161,.04));color:var(--ap-client-text,#172235);font-size:17px}
.ap-account-form-card .TM-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ap-account-form-card .form-control{min-height:44px;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:12px!important;background:var(--ap-client-surface,#fff)!important;color:var(--ap-client-text,#172235)!important;box-shadow:none!important}
.ap-account-form-card .form-control:focus{border-color:var(--ap-design-primary,#178de1)!important;box-shadow:0 0 0 3px rgba(23,141,225,.12)!important}
.ap-account-form-card .control-label{margin-bottom:7px;color:var(--ap-client-text,#172235)!important;font-size:13px;font-weight:700}
.ap-account-form-card .form-actions{display:flex;gap:10px;margin:20px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--ap-client-border,#dce6f1)!important}
.ap-account-form-card .form-actions .btn,.ap-account-form-card .generate-password{min-height:42px;padding:10px 18px!important;border-radius:12px!important;font-weight:700}
.ap-password-page>.col-sm-7{width:100%}
.ap-password-page .ap-account-form-card{max-width:760px}
html[data-ap-theme="dark"] .ap-account-form-card{border-color:#26394d;background:#101c29;box-shadow:0 16px 38px rgba(0,0,0,.24)}
html[data-ap-theme="dark"] .ap-account-form-card>h4{border-color:#26394d;background:linear-gradient(135deg,rgba(35,154,232,.13),rgba(17,183,161,.07));color:#f4f8fc}
html[data-ap-theme="dark"] .ap-account-form-card .form-control{border-color:#2b4055!important;background:#111e2b!important;color:#f4f8fc!important}
html[data-ap-theme="dark"] .ap-account-form-card .control-label{color:#eaf2f8!important}
html[data-ap-theme="dark"] .ap-account-form-card .form-actions{border-color:#26394d!important}
@media(max-width:767px){.ap-profile-page{gap:16px}.ap-account-form-card{padding:17px!important;border-radius:17px}.ap-account-form-card>h4{margin:-17px -17px 17px;padding:16px 17px;border-radius:17px 17px 0 0}.ap-account-form-card .form-actions{display:grid;grid-template-columns:1fr}.ap-account-form-card .form-actions .btn,.ap-account-form-card .generate-password{width:100%}}

/* AMIL Premium v21.6.81 — password guidance localisation */
.ap-password-strength{margin-top:12px}
.ap-password-strength .progress{height:8px;margin:0 0 12px;border:0;border-radius:999px;overflow:hidden;background:var(--ap-client-border,#dce6f1);box-shadow:none}
.ap-password-strength .progress-bar{border-radius:999px;transition:width .22s ease}
.ap-password-strength .alert{margin:0!important;padding:15px 17px!important;border:1px solid rgba(35,154,232,.2)!important;border-radius:14px!important;background:rgba(35,154,232,.08)!important;color:var(--ap-client-text,#172235)!important;font-size:13px!important;line-height:1.55!important}
html[data-ap-theme="dark"] .ap-password-strength .progress{background:#293b4d}
html[data-ap-theme="dark"] .ap-password-strength .alert{border-color:rgba(61,174,235,.25)!important;background:rgba(35,154,232,.1)!important;color:#dce8f2!important}

/* AMIL Premium v21.6.82 — account user management unification */
.ap-users-page__list{margin:0 0 22px;padding:22px;border:1px solid var(--ap-client-border,#dce6f1);border-radius:20px;background:var(--ap-client-surface,#fff);box-shadow:0 14px 36px rgba(24,47,80,.07)}
.ap-users-page__count{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--ap-client-text,#172235);font-size:15px;font-weight:700}
.ap-users-page__count i{color:var(--ap-design-primary,#178de1)}
.ap-users-table-wrap{overflow-x:auto;border:1px solid var(--ap-client-border,#dce6f1);border-radius:15px}
.ap-users-table{min-width:650px;margin:0!important;background:transparent!important}
.ap-users-table>tbody>tr>th{padding:14px 16px!important;border:0!important;background:linear-gradient(135deg,rgba(35,154,232,.1),rgba(17,183,161,.05))!important;color:var(--ap-client-text,#172235)!important;font-size:13px}
.ap-users-table>tbody>tr>td{padding:15px 16px!important;border-color:var(--ap-client-border,#dce6f1)!important;background:transparent!important;color:var(--ap-client-text,#172235)!important;font-size:13px}
.ap-users-table small{color:var(--ap-client-muted,#66748a)!important;font-size:13px!important}
.ap-users-table .btn{min-height:36px;padding:7px 11px!important;border-radius:10px!important}
.ap-users-page__note{display:flex;gap:8px;margin:15px 0 0;color:var(--ap-client-muted,#66748a);font-size:13px;line-height:1.5}
.ap-users-page__invite{margin:0!important}
.ap-users-page__invite .ap-account-form-card{max-width:none}
.ap-users-page__invite .TM-card h4{margin:0 0 10px;color:var(--ap-client-text,#172235);font-size:18px}
.ap-users-page__invite .TM-card>p{color:var(--ap-client-muted,#66748a);font-size:14px;line-height:1.6}
.ap-users-page__invite .radio-inline,.ap-users-page__invite .checkbox-inline{color:var(--ap-client-text,#172235);font-size:13px;line-height:1.5}
html[data-ap-theme="dark"] .ap-users-page__list{border-color:#26394d;background:#101c29;box-shadow:0 16px 38px rgba(0,0,0,.24)}
html[data-ap-theme="dark"] .ap-users-page__count,html[data-ap-theme="dark"] .ap-users-table>tbody>tr>th,html[data-ap-theme="dark"] .ap-users-table>tbody>tr>td,html[data-ap-theme="dark"] .ap-users-page__invite .TM-card h4,html[data-ap-theme="dark"] .ap-users-page__invite .radio-inline,html[data-ap-theme="dark"] .ap-users-page__invite .checkbox-inline{color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-users-table-wrap,html[data-ap-theme="dark"] .ap-users-table>tbody>tr>td{border-color:#26394d!important}
html[data-ap-theme="dark"] .ap-users-table>tbody>tr>th{background:linear-gradient(135deg,rgba(35,154,232,.14),rgba(17,183,161,.07))!important}
@media(max-width:767px){.ap-users-page__list{padding:16px;border-radius:17px}.ap-users-table{min-width:580px}.ap-users-table>tbody>tr>th,.ap-users-table>tbody>tr>td{padding:12px!important}.ap-users-page__invite .radio-inline{display:flex;align-items:center;gap:7px;margin:8px 0}.ap-users-page__invite .padding-all{padding:12px!important}}

/* AMIL Premium v21.6.83 — payment methods empty/list states */
.ap-payment-methods-page{display:grid;gap:18px;padding-bottom:28px}
.ap-payment-methods-actions{display:flex;flex-wrap:wrap;gap:10px}
.ap-payment-methods-actions p{margin:0}
.ap-payment-methods-actions .btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 17px!important;border-radius:12px!important;font-weight:700}
.ap-payment-methods-card.table-container{margin:0!important;overflow:hidden;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:20px!important;background:var(--ap-client-surface,#fff)!important;box-shadow:0 14px 36px rgba(24,47,80,.07)!important}
.ap-payment-methods-card .table-header{padding:18px 20px!important;border-bottom:1px solid var(--ap-client-border,#dce6f1)!important;background:linear-gradient(135deg,rgba(35,154,232,.08),rgba(17,183,161,.04))!important;color:var(--ap-client-text,#172235)!important;text-align:left!important}
.ap-payment-methods-heading{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}
.ap-payment-methods-heading i{color:var(--ap-design-primary,#178de1);font-size:17px}
.ap-payment-methods-table-wrap{overflow-x:auto}
.ap-payment-methods-table-wrap table{min-width:650px;margin:0!important;background:transparent!important}
.ap-payment-methods-table-wrap th,.ap-payment-methods-table-wrap td{padding:13px 16px!important;border-color:var(--ap-client-border,#dce6f1)!important;color:var(--ap-client-text,#172235)!important;font-size:13px!important}
.ap-payment-methods-empty-row td{padding:0!important;border:0!important;background:transparent!important}
.ap-payment-methods-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px;text-align:center}
.ap-payment-methods-empty__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:5px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#178de1,#16b6a5);box-shadow:0 12px 28px rgba(23,141,225,.24);font-size:21px}
.ap-payment-methods-empty strong{color:var(--ap-client-text,#172235);font-size:17px}
.ap-payment-methods-empty>span:last-child{max-width:480px;color:var(--ap-client-muted,#66748a);font-size:14px;line-height:1.55}
html[data-ap-theme="dark"] .ap-payment-methods-card.table-container{border-color:#26394d!important;background:#101c29!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
html[data-ap-theme="dark"] .ap-payment-methods-card .table-header{border-color:#26394d!important;background:linear-gradient(135deg,rgba(35,154,232,.13),rgba(17,183,161,.07))!important;color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-payment-methods-table-wrap th,html[data-ap-theme="dark"] .ap-payment-methods-table-wrap td{border-color:#26394d!important;color:#eef5fb!important;background:transparent!important}
html[data-ap-theme="dark"] .ap-payment-methods-empty strong{color:#f4f8fc}
html[data-ap-theme="dark"] .ap-payment-methods-empty>span:last-child{color:#aebdcb}
@media(max-width:767px){.ap-payment-methods-page{gap:14px}.ap-payment-methods-actions{display:grid;grid-template-columns:1fr}.ap-payment-methods-actions p,.ap-payment-methods-actions .btn{width:100%}.ap-payment-methods-card.table-container{border-radius:17px!important}.ap-payment-methods-card .table-header{padding:16px!important}.ap-payment-methods-table-wrap table{min-width:580px}.ap-payment-methods-empty{min-height:210px;padding:24px 18px}.ap-payment-methods-empty strong{font-size:16px}}

/* AMIL Premium v21.6.84 — contacts and sub-account forms */
.ap-contacts-page{display:grid;gap:18px;padding-bottom:28px}
.ap-contacts-page>h4,.ap-contacts-page>form>h4{margin:4px 0 -6px;color:var(--ap-client-text,#172235);font-size:16px;font-weight:800}
.ap-contacts-page>form{margin:0}
.ap-contacts-page>form>.TM-card,.ap-contacts-page>form>#subacct-container{margin:0 0 18px!important;padding:22px!important;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:20px!important;background:var(--ap-client-surface,#fff)!important;box-shadow:0 14px 36px rgba(24,47,80,.07)!important}
.ap-contacts-page .form-group{margin-bottom:16px}
.ap-contacts-page .control-label,.ap-contacts-page .form-group>label{margin-bottom:7px;color:var(--ap-client-text,#172235)!important;font-size:13px;font-weight:700}
.ap-contacts-page .form-control{min-height:44px;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:12px!important;background:var(--ap-client-surface,#fff)!important;color:var(--ap-client-text,#172235)!important;box-shadow:none!important}
.ap-contacts-page .form-control:focus{border-color:var(--ap-design-primary,#178de1)!important;box-shadow:0 0 0 3px rgba(23,141,225,.12)!important}
.ap-contacts-page .checkbox label{color:var(--ap-client-text,#172235);font-size:13px;line-height:1.55}
.ap-contacts-page #contactPermissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin-top:14px}
.ap-contacts-page #contactPermissions>[class*=col-]{width:auto;padding:0}
.ap-contacts-page .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0!important;padding:18px 0 0!important;border-top:1px solid var(--ap-client-border,#dce6f1)!important}
.ap-contacts-page .form-actions .btn,.ap-contacts-page .btn-check-all{min-height:42px;padding:10px 18px!important;border-radius:12px!important;font-weight:700}
html[data-ap-theme="dark"] .ap-contacts-page>h4,html[data-ap-theme="dark"] .ap-contacts-page>form>h4,html[data-ap-theme="dark"] .ap-contacts-page .control-label,html[data-ap-theme="dark"] .ap-contacts-page .form-group>label,html[data-ap-theme="dark"] .ap-contacts-page .checkbox label{color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-contacts-page>form>.TM-card,html[data-ap-theme="dark"] .ap-contacts-page>form>#subacct-container{border-color:#26394d!important;background:#101c29!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
html[data-ap-theme="dark"] .ap-contacts-page .form-control{border-color:#2b4055!important;background:#111e2b!important;color:#f4f8fc!important}
html[data-ap-theme="dark"] .ap-contacts-page .form-actions{border-color:#26394d!important}
@media(max-width:767px){.ap-contacts-page{gap:14px}.ap-contacts-page>form>.TM-card,.ap-contacts-page>form>#subacct-container{padding:17px!important;border-radius:17px!important}.ap-contacts-page #contactPermissions{grid-template-columns:1fr}.ap-contacts-page .form-actions{display:grid;grid-template-columns:1fr}.ap-contacts-page .form-actions .btn{width:100%}.ap-contacts-page .row>[class*=col-]{width:100%}.ap-contacts-page .form-control{font-size:16px}}

/* AMIL Premium v21.6.85 — WHMCS 9 active contact routes */
.ap-contacts-page>.alert-info{margin:0!important;padding:17px 20px!important;border:1px solid rgba(35,154,232,.22)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(35,154,232,.1),rgba(17,183,161,.05))!important;color:var(--ap-client-text,#172235)!important}
.ap-contacts-page>.alert-info .row{display:flex;align-items:center;gap:12px}
.ap-contacts-page>.alert-info [class*=col-]{float:none}
.ap-contacts-page>.alert-info .control-label{margin:0!important}
.ap-contact-editor{margin:0!important;padding:22px!important;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:20px!important;background:var(--ap-client-surface,#fff)!important;box-shadow:0 14px 36px rgba(24,47,80,.07)!important}
.ap-contact-editor>.row{margin-left:-10px;margin-right:-10px}
.ap-contact-editor>.row>[class*=col-]{padding-left:10px;padding-right:10px}
.ap-contact-editor>.form-group:has(>h3){margin:6px 0 18px;padding:18px;border:1px solid var(--ap-client-border,#dce6f1);border-radius:16px;background:linear-gradient(135deg,rgba(35,154,232,.06),rgba(17,183,161,.03))}
.ap-contact-editor>.form-group>h3{margin:0 0 13px;color:var(--ap-client-text,#172235);font-size:17px;font-weight:800}
.ap-contact-editor>.form-group.text-center{display:flex;justify-content:flex-end;gap:10px;margin:0!important;padding-top:18px;border-top:1px solid var(--ap-client-border,#dce6f1)}
.ap-contact-editor>.form-group.text-center .btn{min-height:42px;padding:10px 18px!important;border-radius:12px!important;font-weight:700}
html[data-ap-theme="dark"] .ap-contacts-page>.alert-info{border-color:#29445d!important;background:linear-gradient(135deg,rgba(35,154,232,.14),rgba(17,183,161,.07))!important;color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-contact-editor{border-color:#26394d!important;background:#101c29!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
html[data-ap-theme="dark"] .ap-contact-editor>.form-group:has(>h3){border-color:#26394d;background:linear-gradient(135deg,rgba(35,154,232,.1),rgba(17,183,161,.05))}
html[data-ap-theme="dark"] .ap-contact-editor>.form-group>h3{color:#f4f8fc}
html[data-ap-theme="dark"] .ap-contact-editor>.form-group.text-center{border-color:#26394d}
@media(max-width:767px){.ap-contacts-page>.alert-info{padding:15px!important}.ap-contacts-page>.alert-info .row{display:grid;grid-template-columns:1fr}.ap-contacts-page>.alert-info [class*=col-]{width:100%;padding:0}.ap-contact-editor{padding:17px!important;border-radius:17px!important}.ap-contact-editor>.form-group.text-center{display:grid;grid-template-columns:1fr}.ap-contact-editor>.form-group.text-center .btn{width:100%}}

/* AMIL Premium v21.6.86 — email history */
.ap-emails-page{padding-bottom:28px}
.ap-emails-card.table-container{margin:0!important;overflow:hidden;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:20px!important;background:var(--ap-client-surface,#fff)!important;box-shadow:0 14px 36px rgba(24,47,80,.07)!important}
.ap-emails-card__heading{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--ap-client-border,#dce6f1);background:linear-gradient(135deg,rgba(35,154,232,.08),rgba(17,183,161,.04))}
.ap-emails-card__icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#178de1,#16b6a5);box-shadow:0 10px 24px rgba(23,141,225,.2)}
.ap-emails-card__heading strong{display:block;color:var(--ap-client-text,#172235);font-size:16px}
.ap-emails-card__heading div>span{display:block;margin-top:3px;color:var(--ap-client-muted,#66748a);font-size:13px;line-height:1.5}
.ap-emails-table-wrap{overflow-x:auto;padding:0 16px 14px}
.ap-emails-table{min-width:650px;margin:0!important;background:transparent!important}
.ap-emails-table th{padding:15px!important;border-bottom:1px solid var(--ap-client-border,#dce6f1)!important;color:var(--ap-client-muted,#66748a)!important;font-size:12px!important;font-weight:800!important}
.ap-emails-table td{padding:14px 15px!important;border-color:var(--ap-client-border,#dce6f1)!important;color:var(--ap-client-text,#172235)!important;font-size:13px!important;vertical-align:middle!important}
.ap-emails-table .btn{min-height:36px;padding:7px 12px!important;border-radius:10px!important;font-size:12px!important;font-weight:700}
.ap-emails-page .dataTables_filter input,.ap-emails-page .dataTables_length select{min-height:40px;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:11px!important;background:var(--ap-client-surface,#fff)!important;color:var(--ap-client-text,#172235)!important;box-shadow:none!important}
.ap-emails-page .dataTables_filter{margin:0 0 14px!important}
.ap-emails-page .dataTables_info,.ap-emails-page .dataTables_length,.ap-emails-page .dataTables_paginate{color:var(--ap-client-muted,#66748a)!important;font-size:13px!important}
.ap-emails-page .pagination>li>a{min-width:38px;min-height:38px;padding:9px 12px;border-radius:0!important}
html[data-ap-theme="dark"] .ap-emails-card.table-container{border-color:#26394d!important;background:#101c29!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important}
html[data-ap-theme="dark"] .ap-emails-card__heading{border-color:#26394d;background:linear-gradient(135deg,rgba(35,154,232,.13),rgba(17,183,161,.07))}
html[data-ap-theme="dark"] .ap-emails-card__heading strong,html[data-ap-theme="dark"] .ap-emails-table td{color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-emails-card__heading div>span,html[data-ap-theme="dark"] .ap-emails-table th{color:#aebdcb!important}
html[data-ap-theme="dark"] .ap-emails-table th,html[data-ap-theme="dark"] .ap-emails-table td{border-color:#26394d!important;background:transparent!important}
html[data-ap-theme="dark"] .ap-emails-page .dataTables_filter input,html[data-ap-theme="dark"] .ap-emails-page .dataTables_length select{border-color:#2b4055!important;background:#111e2b!important;color:#f4f8fc!important}
@media(max-width:767px){.ap-emails-card.table-container{border-radius:17px!important}.ap-emails-card__heading{padding:16px}.ap-emails-card__icon{width:40px;height:40px;flex-basis:40px}.ap-emails-table-wrap{padding:0 12px 12px}.ap-emails-table{min-width:590px}.ap-emails-page .dataTables_filter{float:none!important;width:100%;text-align:left!important}.ap-emails-page .dataTables_filter input{width:100%!important;margin:6px 0 0!important;font-size:16px}.ap-emails-page .dataTables_length,.ap-emails-page .dataTables_info,.ap-emails-page .dataTables_paginate{float:none!important;text-align:center!important}}

/* AMIL Premium v21.6.87 — email message viewer */
body#popup-backdrop.ap-email-view-body{min-height:100vh;margin:0!important;padding:24px!important;background:linear-gradient(145deg,#edf4fa,#f7f9fc)!important;color:#172235!important}
.ap-email-view{width:min(980px,100%);margin:0 auto}
.ap-email-view__panel.panel{overflow:hidden;margin:0!important;border:1px solid #dce6f1!important;border-radius:22px!important;background:#fff!important;box-shadow:0 24px 70px rgba(24,47,80,.14)!important}
.ap-email-view__panel>.panel-heading{padding:22px 24px!important;border:0!important;border-bottom:1px solid #dce6f1!important;background:linear-gradient(135deg,rgba(35,154,232,.12),rgba(17,183,161,.06))!important;color:#172235!important}
.ap-email-view__title{display:flex;align-items:center;gap:14px}
.ap-email-view__icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#178de1,#16b6a5);box-shadow:0 10px 24px rgba(23,141,225,.22);font-size:18px}
.ap-email-view__title h1{min-width:0;margin:0!important;color:#172235!important;font-size:clamp(20px,3vw,28px)!important;line-height:1.3!important;overflow-wrap:anywhere}
.ap-email-view__attachments{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 0 60px}
.ap-email-view__attachments span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(35,154,232,.2);border-radius:10px;background:rgba(255,255,255,.72);color:#526176;font-size:13px}
.ap-email-view__panel>.panel-body{padding:18px!important;background:#edf2f6!important}
.ap-email-view__frame{display:block;width:100%;height:clamp(420px,65vh,760px);border:1px solid #dce6f1!important;border-radius:14px;background:#fff!important}
.ap-email-view__panel>.panel-footer{padding:16px 20px!important;border:0!important;border-top:1px solid #dce6f1!important;background:#fff!important}
.ap-email-view__panel>.panel-footer p{margin:0!important}
.ap-email-view__close{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px!important;border-radius:12px!important;font-weight:700}
html[data-ap-theme="dark"] body#popup-backdrop.ap-email-view-body{background:linear-gradient(145deg,#07111c,#0b1622)!important;color:#eef5fb!important}
html[data-ap-theme="dark"] .ap-email-view__panel.panel{border-color:#26394d!important;background:#101c29!important;box-shadow:0 26px 78px rgba(0,0,0,.38)!important}
html[data-ap-theme="dark"] .ap-email-view__panel>.panel-heading{border-color:#26394d!important;background:linear-gradient(135deg,rgba(35,154,232,.16),rgba(17,183,161,.08))!important}
html[data-ap-theme="dark"] .ap-email-view__title h1{color:#f4f8fc!important}
html[data-ap-theme="dark"] .ap-email-view__attachments span{border-color:#29445d;background:#111e2b;color:#b9c8d6}
html[data-ap-theme="dark"] .ap-email-view__panel>.panel-body{background:#0c1723!important}
html[data-ap-theme="dark"] .ap-email-view__frame{border-color:#2b4055!important}
html[data-ap-theme="dark"] .ap-email-view__panel>.panel-footer{border-color:#26394d!important;background:#101c29!important}
@media(max-width:767px){body#popup-backdrop.ap-email-view-body{padding:10px!important}.ap-email-view__panel.panel{border-radius:17px!important}.ap-email-view__panel>.panel-heading{padding:17px!important}.ap-email-view__icon{width:40px;height:40px;flex-basis:40px}.ap-email-view__title h1{font-size:19px!important}.ap-email-view__attachments{margin-left:0}.ap-email-view__panel>.panel-body{padding:10px!important}.ap-email-view__frame{height:70vh;border-radius:11px}.ap-email-view__close{width:100%}}
/* AMIL Premium v21.6.97 — public contact centre */
.ap-public-contact{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.45fr);gap:22px;align-items:stretch;margin:4px 0 30px}
.ap-public-contact__aside,.ap-public-contact__form{min-width:0;border:1px solid var(--ap-client-border,#dce6f1);border-radius:22px;background:var(--ap-client-surface,#fff);box-shadow:0 18px 48px rgba(24,47,80,.09)}
.ap-public-contact__aside{position:relative;overflow:hidden;padding:30px;background:linear-gradient(145deg,rgba(23,141,225,.12),rgba(17,183,161,.06)),var(--ap-client-surface,#fff)}
.ap-public-contact__aside:after{content:"";position:absolute;right:-70px;bottom:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(23,141,225,.18),transparent 68%);pointer-events:none}
.ap-public-contact__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--ap-design-primary,#178de1);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ap-public-contact__eyebrow i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(23,141,225,.12)}
.ap-public-contact__aside h2{margin:0 0 12px;color:var(--ap-client-text,#172235);font-size:30px;font-weight:850;line-height:1.16}
.ap-public-contact__aside>p{margin:0;color:var(--ap-client-muted,#66758a);font-size:14px;line-height:1.75}
.ap-public-contact__benefits{display:grid;gap:12px;margin:26px 0}
.ap-public-contact__benefits>div{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(23,141,225,.13);border-radius:15px;background:rgba(255,255,255,.5)}
.ap-public-contact__benefits>div>i{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#178de1,#10a99a);color:#fff}
.ap-public-contact__benefits span{display:grid;gap:3px}.ap-public-contact__benefits strong{color:var(--ap-client-text,#172235);font-size:13px}.ap-public-contact__benefits small{color:var(--ap-client-muted,#66758a);font-size:11px;line-height:1.5}
.ap-public-contact__channels{display:grid;gap:9px}.ap-public-contact__channels a{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ap-client-text,#172235)!important;font-size:12px;font-weight:700}.ap-public-contact__channels i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(23,141,225,.1);color:var(--ap-design-primary,#178de1)}.ap-public-contact__channels span{overflow-wrap:anywhere}
.ap-public-contact__form{padding:26px}.ap-public-contact__form-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.ap-public-contact__form-head>span{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#178de1,#10a99a);color:#fff;box-shadow:0 10px 22px rgba(23,141,225,.2)}.ap-public-contact__form-head h3{margin:0 0 3px;color:var(--ap-client-text,#172235);font-size:20px;font-weight:850}.ap-public-contact__form-head p{margin:0;color:var(--ap-client-muted,#66758a);font-size:12px}
.ap-public-contact__form>.TM-card{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.ap-public-contact__form .form-group{margin-bottom:16px}.ap-public-contact__form label{margin-bottom:7px;color:var(--ap-client-text,#172235)!important;font-size:12px;font-weight:750}.ap-public-contact__form .form-control{min-height:46px;border:1px solid var(--ap-client-border,#dce6f1)!important;border-radius:13px!important;background:var(--ap-client-surface,#fff)!important;color:var(--ap-client-text,#172235)!important;box-shadow:none!important}.ap-public-contact__form textarea.form-control{min-height:170px;resize:vertical}.ap-public-contact__form .form-control:focus{border-color:var(--ap-design-primary,#178de1)!important;box-shadow:0 0 0 3px rgba(23,141,225,.12)!important}.ap-public-contact__form .form-actions{margin:18px 0 0!important;padding-top:18px!important;border-top:1px solid var(--ap-client-border,#dce6f1)!important}.ap-public-contact__form .btn-primary{min-width:190px;min-height:46px;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#178de1,#10a99a)!important;font-weight:800;box-shadow:0 12px 25px rgba(23,141,225,.2)}
html[data-ap-theme="dark"] .ap-public-contact__aside,html[data-ap-theme="dark"] .ap-public-contact__form{border-color:#26394d;background:#101c29;box-shadow:0 20px 48px rgba(0,0,0,.28)}html[data-ap-theme="dark"] .ap-public-contact__aside{background:linear-gradient(145deg,rgba(23,141,225,.15),rgba(17,183,161,.07)),#101c29}html[data-ap-theme="dark"] .ap-public-contact__aside h2,html[data-ap-theme="dark"] .ap-public-contact__benefits strong,html[data-ap-theme="dark"] .ap-public-contact__channels a,html[data-ap-theme="dark"] .ap-public-contact__form-head h3,html[data-ap-theme="dark"] .ap-public-contact__form label{color:#f4f8fc!important}html[data-ap-theme="dark"] .ap-public-contact__aside>p,html[data-ap-theme="dark"] .ap-public-contact__benefits small,html[data-ap-theme="dark"] .ap-public-contact__form-head p{color:#9fb0c2}html[data-ap-theme="dark"] .ap-public-contact__benefits>div{border-color:#284158;background:rgba(13,27,40,.72)}html[data-ap-theme="dark"] .ap-public-contact__form .form-control{border-color:#2b4055!important;background:#111e2b!important;color:#f4f8fc!important}html[data-ap-theme="dark"] .ap-public-contact__form .form-actions{border-color:#26394d!important}
@media(max-width:991px){.ap-public-contact{grid-template-columns:1fr}.ap-public-contact__aside{padding:24px}.ap-public-contact__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-public-contact__channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ap-public-contact{gap:14px;margin-bottom:22px}.ap-public-contact__aside,.ap-public-contact__form{padding:18px;border-radius:18px}.ap-public-contact__aside h2{font-size:25px}.ap-public-contact__benefits,.ap-public-contact__channels{grid-template-columns:1fr}.ap-public-contact__form-head{align-items:flex-start}.ap-public-contact__form .row>[class*=col-]{width:100%}.ap-public-contact__form .form-control{font-size:16px}.ap-public-contact__form .form-actions{display:grid}.ap-public-contact__form .btn-primary{width:100%;min-width:0}.ap-public-contact__form textarea.form-control{min-height:150px}}

/* AMIL Premium v21.6.120 — professional public support centre */
.ap-public-contact__status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:18px 0 2px;padding:11px 13px;border:1px solid rgba(23,141,225,.13);border-radius:13px;background:rgba(255,255,255,.48)}
.ap-public-contact__status span,.ap-public-contact__status small{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:var(--ap-client-text,#172235)}
.ap-public-contact__status span>i{width:8px;height:8px;border-radius:50%;background:#16b978;box-shadow:0 0 0 4px rgba(22,185,120,.12)}
.ap-public-contact__status small{color:var(--ap-client-muted,#66758a);font-weight:650}.ap-public-contact__status small i{color:var(--ap-design-primary,#178de1)}
.ap-public-contact__form label{display:flex;align-items:center;gap:7px}.ap-public-contact__form label>i{width:16px;color:var(--ap-design-primary,#178de1);text-align:center}
.ap-public-contact__form .form-control::placeholder{color:#9aa8b8;opacity:1}.ap-public-contact__form textarea.form-control{line-height:1.65}
.ap-public-contact__form .form-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left!important}
.ap-public-contact__privacy{display:flex;align-items:flex-start;gap:8px;max-width:390px;margin:0;color:var(--ap-client-muted,#66758a);font-size:10.5px;line-height:1.55}.ap-public-contact__privacy i{margin-top:2px;color:#16a673}
.ap-public-contact__form .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding-left:22px!important;padding-right:20px!important;transition:transform .2s ease,box-shadow .2s ease!important}.ap-public-contact__form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(23,141,225,.28)!important}.ap-public-contact__form .btn-primary i{font-size:12px;transition:transform .2s ease}.ap-public-contact__form .btn-primary:hover i{transform:translateX(3px)}
html[data-ap-theme="dark"] .ap-public-contact__status{border-color:#284158;background:rgba(13,27,40,.68)}html[data-ap-theme="dark"] .ap-public-contact__status span{color:#f4f8fc}html[data-ap-theme="dark"] .ap-public-contact__form .form-control::placeholder{color:#70859a}html[data-ap-theme="dark"] .ap-public-contact__privacy{color:#9fb0c2}
@media(max-width:600px){.ap-public-contact__status{display:grid;gap:9px}.ap-public-contact__form .form-actions{display:grid;gap:14px}.ap-public-contact__privacy{max-width:none}.ap-public-contact__form .btn-primary{width:100%}}

/* AMIL Premium v21.6.121 — professional registration journey */
.ap-register-intro{position:relative;overflow:hidden;margin:4px 0 26px;padding:27px 29px;border:1px solid var(--ap-ui-line);border-radius:22px;background:linear-gradient(135deg,rgba(23,141,225,.1),rgba(17,183,161,.045)),var(--ap-ui-surface);box-shadow:0 18px 48px var(--ap-ui-shadow)}
.ap-register-intro:after{content:"";position:absolute;right:-55px;top:-70px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(23,141,225,.18),transparent 68%);pointer-events:none}.ap-register-intro__copy{position:relative;z-index:1;max-width:720px}.ap-register-intro__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--ap-design-primary,#178de1);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.ap-register-intro__copy h2{margin:0 0 9px!important;color:var(--ap-ui-text)!important;font-size:28px!important;font-weight:880!important;line-height:1.2;letter-spacing:-.035em!important}.ap-register-intro__copy p{max-width:650px;margin:0;color:var(--ap-ui-muted);font-size:13px;line-height:1.7}
.ap-register-intro__trust{position:absolute;right:28px;top:28px;z-index:1;display:grid;gap:7px}.ap-register-intro__trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(23,141,225,.14);border-radius:10px;background:color-mix(in srgb,var(--ap-ui-surface) 86%,transparent);color:var(--ap-ui-text);font-size:10.5px;font-weight:750}.ap-register-intro__trust i{color:#16a673}
.ap-register-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0;list-style:none}.ap-register-steps li{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid rgba(23,141,225,.13);border-radius:13px;background:color-mix(in srgb,var(--ap-ui-surface) 78%,transparent);color:var(--ap-ui-text);font-size:11px;font-weight:750}.ap-register-steps b{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#178de1,#10a99a);color:#fff;font-size:11px;box-shadow:0 7px 16px rgba(23,141,225,.18)}
body.TMC #registration .ap-register-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px!important;padding:20px 22px;border:1px solid var(--ap-ui-line);border-radius:18px;background:var(--ap-ui-surface);box-shadow:0 14px 38px var(--ap-ui-shadow);text-align:left!important}.ap-register-submit>p{display:flex;align-items:center;gap:12px;max-width:520px;margin:0}.ap-register-submit>p>i{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(22,166,115,.11);color:#16a673}.ap-register-submit>p span{display:grid;gap:3px}.ap-register-submit>p strong{color:var(--ap-ui-text);font-size:12px}.ap-register-submit>p small{color:var(--ap-ui-muted)!important;font-size:10.5px;line-height:1.45}.ap-register-submit .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:190px;padding:12px 20px!important;border:0!important;background:linear-gradient(135deg,#178de1,#10a99a)!important;box-shadow:0 12px 26px rgba(23,141,225,.22)!important;transition:transform .2s ease,box-shadow .2s ease!important}.ap-register-submit .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(23,141,225,.29)!important}.ap-register-submit .btn-primary i{font-size:12px;transition:transform .2s ease}.ap-register-submit .btn-primary:hover i{transform:translateX(3px)}
html[data-ap-theme="dark"] .ap-register-intro{background:linear-gradient(135deg,rgba(23,141,225,.14),rgba(17,183,161,.06)),#101c29}html[data-ap-theme="dark"] .ap-register-intro__trust span,html[data-ap-theme="dark"] .ap-register-steps li{border-color:#29445d;background:rgba(13,27,40,.7)}
@media(max-width:767px){.ap-register-intro{padding:21px 19px;border-radius:18px}.ap-register-intro__copy h2{font-size:24px!important}.ap-register-intro__trust{position:static;margin-top:15px;display:flex;flex-wrap:wrap}.ap-register-steps{grid-template-columns:1fr}.ap-register-steps li{padding:9px 10px}body.TMC #registration .ap-register-submit{display:grid;gap:16px;padding:18px}.ap-register-submit .btn-primary{width:100%;min-width:0}}

/* AMIL Premium v21.6.122 — professional login trust and conversion */
.ap-auth-login-lead{margin:-8px 0 16px;color:var(--ap-ui-muted);font-size:12.5px;line-height:1.65}.ap-auth-security{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.ap-auth-security span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--ap-ui-line);border-radius:10px;background:color-mix(in srgb,var(--ap-ui-surface) 84%,var(--ap-design-primary,#178de1) 4%);color:var(--ap-ui-text);font-size:10px;font-weight:750}.ap-auth-security i{color:#16a673}
.ap-auth-form #login{display:flex;align-items:center;justify-content:center;gap:11px}.ap-auth-form #login i{font-size:12px;transition:transform .2s ease}.ap-auth-form #login:hover i{transform:translateX(3px)}
.ap-auth-register{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:16px;border:1px solid var(--ap-ui-line);border-radius:15px;background:linear-gradient(135deg,rgba(23,141,225,.07),rgba(17,183,161,.035))}.ap-auth-register>div{display:grid;gap:3px;min-width:0}.ap-auth-register strong{color:var(--ap-ui-text);font-size:11.5px}.ap-auth-register small{color:var(--ap-ui-muted);font-size:10px;line-height:1.45}.ap-auth-register .btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 12px!important;border:1px solid var(--ap-ui-line)!important;border-radius:11px!important;background:var(--ap-ui-surface)!important;color:var(--ap-design-primary,#178de1)!important;font-size:10.5px;font-weight:800}
html[data-ap-theme="dark"] .ap-auth-register{background:linear-gradient(135deg,rgba(23,141,225,.1),rgba(17,183,161,.045))}
@media(max-width:479px){.ap-auth-security{display:grid}.ap-auth-register{display:grid}.ap-auth-register .btn{width:100%;justify-content:center}}
/* v21.6.101 — domain pricing hierarchy and filter surface */
.domain-pricing {
    padding: 24px;
    border: 1px solid var(--ap-global-border, #dce4ed);
    border-radius: 20px;
    background: var(--ap-global-surface-light, #fff);
    box-shadow: 0 20px 52px rgba(15,31,54,.08);
}
.domain-pricing > h4 {
    margin: 0 0 14px;
    color: var(--ap-global-text-light, #162033);
    font-size: 18px;
    font-weight: 800;
}
.domain-pricing .currency-selector {
    min-height: 44px;
    margin-bottom: 16px;
    border-radius: 11px;
}
.domain-pricing .tld-filters {
    display: flex;
    margin: 0 0 20px;
    flex-wrap: wrap;
    gap: 8px;
}
.domain-pricing .tld-filters .label {
    display: inline-flex;
    min-height: 34px;
    padding: 7px 12px;
    align-items: center;
    border: 1px solid var(--ap-global-border, #dce4ed);
    border-radius: 999px;
    background: #f3f7fb;
    color: #526176;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.domain-pricing .tld-filters .label:hover,
.domain-pricing .tld-filters .label-success {
    border-color: #168dd5;
    background: rgba(22,141,213,.12);
    color: #0876ba;
}
.domain-pricing .dataTables_wrapper {
    overflow: hidden;
    border: 1px solid var(--ap-global-border, #dce4ed);
    border-radius: 16px;
    background: var(--ap-global-surface-light, #fff);
}
.domain-pricing .dataTables_wrapper .listtable { margin-bottom: 0; }
.domain-pricing .dataTables_filter,
.domain-pricing .dataTables_length { padding: 14px 16px; }
.domain-pricing .dataTables_filter input { min-height: 42px; border-radius: 10px; }
html[data-ap-theme="dark"] .domain-pricing {
    border-color: #2b3a4c;
    background: var(--ap-global-surface-dark, #141c27);
    box-shadow: 0 22px 54px rgba(0,0,0,.28);
}
html[data-ap-theme="dark"] .domain-pricing > h4 { color: var(--ap-global-text-dark, #f4f7fb); }
html[data-ap-theme="dark"] .domain-pricing .tld-filters .label {
    border-color: #33465a;
    background: #182534;
    color: #b4c0cf;
}
html[data-ap-theme="dark"] .domain-pricing .tld-filters .label:hover,
html[data-ap-theme="dark"] .domain-pricing .tld-filters .label-success { border-color: #42ace7; background: rgba(49,167,237,.16); color: #75caf6; }
html[data-ap-theme="dark"] .domain-pricing .dataTables_wrapper { border-color: #2b3a4c; background: #111b27; }
@media (max-width: 767px) {
    .domain-pricing { padding: 16px; border-radius: 16px; }
    .domain-pricing > form.pull-right { float: none !important; }
    .domain-pricing .currency-selector { width: 100%; }
    .domain-pricing .tld-filters { flex-wrap: nowrap; margin-inline: -16px; padding: 0 16px 6px; overflow-x: auto; scrollbar-width: thin; }
    .domain-pricing .tld-filters .label { flex: 0 0 auto; }
    .domain-pricing .dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
/* v21.6.104 — labeled currency control on domain pricing */
.domain-pricing .ap-pricing-currency-form {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    gap: 10px;
}
.domain-pricing .ap-pricing-currency-label {
    display: inline-flex;
    margin: 0;
    align-items: center;
    gap: 7px;
    color: var(--ap-global-text-light, #162033);
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}
.domain-pricing .ap-pricing-currency-label i { color: #168dd5; }
html[data-ap-theme="dark"] .domain-pricing .ap-pricing-currency-label { color: var(--ap-global-text-dark, #f4f7fb); }
@media (max-width: 767px) {
    .domain-pricing .ap-pricing-currency-form { align-items: stretch; flex-direction: column; gap: 7px; }
}

/* 21.6.130 DEV 1: polish the existing theme surfaces and keyboard controls. */
body.TMC :is(.ap-main-header, .ap-home, .ap-premium-footer, .ap-client-quick-actions, #order-standard_cart)
    :is(a[href], button, summary, input, select, textarea):focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px;
}

body.TMC .ap-domain-ribbon__form :is(input, button):focus-visible {
    outline-offset: -3px;
}

.ap-home-hero__actions .btn,
.ap-mobile-menu__row,
.ap-mobile-menu__child {
    overflow-wrap: anywhere;
}

.ap-home .ap-service-card,
.ap-service-plan-card,
.ap-client-quick-action {
    box-shadow: 0 10px 26px rgb(14 35 59 / 10%);
}

.ap-home .ap-service-card__body,
.ap-premium-footer__grid > *,
.ap-service-plan-card {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ap-premium-footer__col ul {
    row-gap: 9px !important;
}

body.TMC .ap-premium-footer__col a {
    font-size: .8125rem !important;
}

@media (max-width: 767px) {
    body.TMC .ap-domain-ribbon__search .form-control {
        font-size: 16px !important;
    }

    body.TMC .ap-domain-ribbon__actions .btn,
    body.TMC[data-ap-domain-mobile="stacked"] .ap-domain-ribbon__actions .btn {
        min-height: 44px !important;
        white-space: normal;
    }

    body.TMC .ap-mobile-menu__row,
    body.TMC .ap-mobile-menu__child {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.TMC :is(.ap-main-header, .ap-home-hero, .ap-premium-footer),
    body.TMC :is(.ap-main-header, .ap-home-hero, .ap-premium-footer) * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Fixed product identity, separate from the hosting company's editable logo. */
.pc-product-brand { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; white-space:nowrap; }
.pc-product-brand img { display:block; width:20px; height:20px; }

/* PoyrazCore 133: client controls stay readable with long localized text. */
@media (max-width: 767px) {
    body.TMC .main-content :is(.form-control, select.form-control) {
        min-width: 0;
        max-width: 100%;
        font-size: 16px;
    }

    body.TMC .ap-client-account-menu__toggle,
    body.TMC .main-content .table-header .dropdown-toggle,
    body.TMC #order-standard_cart .btn-transfer {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.TMC .main-content .dataTables_length label {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        white-space: normal;
    }

    body.TMC .main-content .dataTables_length select {
        width: auto;
        max-width: 100%;
    }
}

/* Contact action keeps the label and icon inside the button in all locales. */
body.TMC .ap-public-contact__form .btn-primary {
    width: max-content;
    max-width: 100%;
    flex-shrink: 0;
    white-space: normal;
}

body.TMC .ap-public-contact__form .btn-primary > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

body.TMC .ap-public-contact__form .btn-primary > i {
    flex-shrink: 0;
}

@media (max-width: 600px) {
    body.TMC .ap-public-contact__form .btn-primary {
        width: 100%;
        min-width: 0;
    }
}

.ap-payment-methods-page { grid-template-columns: minmax(0, 1fr); }
.ap-payment-methods-table-wrap { min-width: 0; max-width: 100%; }
.ap-payment-methods-heading { min-width: 0; overflow-wrap: anywhere; }
.ap-payment-methods-heading > span { min-width: 0; }

/* PoyrazCore hero lighting follows the active color mode. */
@media (max-width: 991px) {
    html[data-ap-theme="dark"] .ap-home-hero__slide:first-child {
        background-image: var(--ap-hero-dark, var(--ap-hero-mobile, var(--ap-hero-desktop))) !important;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .ap-home-hero__slide.active::after {
        background: radial-gradient(ellipse at 85% 100%, rgba(34, 165, 237, .3), transparent 65%),
                    linear-gradient(0deg, rgba(4, 14, 27, .32), transparent);
        animation: poyrazcore-hero-light 7s ease-in-out 2 alternate;
    }
}

@keyframes poyrazcore-hero-light {
    from { opacity: .35; }
    to { opacity: 1; }
}

/* Keep faces and equipment in frame and shade only the text area. */
html[data-ap-theme="dark"] .ap-home-hero__slide:first-child {
    background-position: right top !important;
}

html[data-ap-theme="dark"] .ap-home-hero__slide::before {
    opacity: 1;
    background: linear-gradient(90deg, rgba(3, 12, 26, .95) 0%, rgba(3, 12, 26, .72) 36%, rgba(3, 12, 26, .12) 65%, transparent 85%) !important;
}

@media (max-width: 991px) {
    html[data-ap-theme="dark"] .ap-home-hero__slide::before {
        background: linear-gradient(0deg, #030b15 0%, rgba(3, 11, 21, .94) 32%, rgba(3, 11, 21, .28) 63%, transparent 82%) !important;
    }
}

@media (max-width: 767px) {
    html[data-ap-theme="dark"] .ap-home-hero__slide:first-child {
        background-size: auto 66% !important;
        background-position: right top !important;
        background-color: #030b15 !important;
    }
}

/* Animate the photo independently so the heading and links stay still. */
.ap-home-hero__slide {
    overflow: hidden;
    background-position: right top !important;
}

.ap-home-hero__slide::before {
    background: inherit !important;
    opacity: 1 !important;
    pointer-events: none;
    transform-origin: 75% 25%;
}

.ap-home-hero__slide::after {
    inset: 0;
    height: auto;
    opacity: 1;
    animation: none;
    background: linear-gradient(90deg, #071526 0%, rgba(7, 21, 38, .92) 27%, rgba(7, 21, 38, .27) 55%, transparent 72%);
}

@media (max-width: 991px) {
    .ap-home-hero__slide,
    html[data-ap-theme="dark"] .ap-home-hero__slide {
        background-size: auto 66% !important;
        background-color: #071526 !important;
    }

    .ap-home-hero__slide::after {
        background: linear-gradient(0deg, #071526 33%, rgba(7, 21, 38, .78) 49%, transparent 73%);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .ap-home-hero__slide.active::before {
        animation: poyrazcore-photo-drift 7s ease-out both;
    }
}

@keyframes poyrazcore-photo-drift {
    from { transform: scale(1); }
    to { transform: scale(1.075); }
}

/* Match the dark overlay selector so the animated layer keeps its photo. */
html[data-ap-theme="dark"] .ap-home-hero__slide::before {
    background: inherit !important;
}

.ap-service-hero__visual.ap-service-hero__visual--photo,
.ap-about-team {
    min-height: 0;
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 18px 48px rgba(8, 23, 42, .20);
}
.ap-about-team img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: 70% center;
}
.ap-about-team {
    max-width: 820px;
    margin: 0 auto 36px;
}
@media (max-width: 720px) {
    .ap-service-page .ap-service-hero__visual.ap-service-hero__visual--photo {
        display: block;
    }
}

.pc-about {
    --pc-about-bg: #edf4fa;
    --pc-about-card: #f8fbfe;
    --pc-about-ink: #14263a;
    --pc-about-muted: #40566c;
    --pc-about-line: #cbdbea;
    --pc-about-accent: #075ca6;
    background: var(--pc-about-bg);
    color: var(--pc-about-ink);
    padding: clamp(32px, 6vw, 88px) 16px;
    overflow-wrap: anywhere;
}
html[data-ap-theme="dark"] .pc-about {
    --pc-about-bg: #0a1524;
    --pc-about-card: #112239;
    --pc-about-ink: #f0f7ff;
    --pc-about-muted: #b4c7db;
    --pc-about-line: #2b435d;
    --pc-about-accent: #7cd3ff;
}
.pc-about__wrap { max-width: 1200px; margin-inline: auto; }
.pc-about__hero,
.pc-about__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 3vw, 36px);
}
.pc-about__hero { align-items: center; margin-bottom: clamp(28px, 5vw, 60px); }
.pc-about .pc-about__brand { color: var(--pc-about-accent); font-weight: 800; }
.pc-about h1, .pc-about h2 { color: var(--pc-about-ink); }
.pc-about h1 { font-size: clamp(34px, 6vw, 66px); line-height: 1.1; }
.pc-about h2 { font-size: clamp(21px, 3vw, 28px); }
.pc-about p, .pc-about li { color: var(--pc-about-muted); font-size: 16px; line-height: 1.7; }
.pc-about__photo, .pc-about__card { border: 1px solid var(--pc-about-line); border-radius: 20px; }
.pc-about__photo { margin: 0; overflow: hidden; }
.pc-about__photo img { display: block; width: 100%; height: auto; }
.pc-about__card { background: var(--pc-about-card); padding: clamp(18px, 3vw, 32px); }
.pc-about__card h2 { margin-top: 0; }
.pc-about__card ul { padding-inline-start: 20px; margin-bottom: 0; }
@media (max-width: 760px) {
    .pc-about__hero, .pc-about__details { grid-template-columns: minmax(0, 1fr); }
}

/* Preserve the entire service photograph at its native aspect ratio. */
.ap-service-hero__visual.ap-service-hero__visual--photo {
    min-width: 0;
    margin: 0;
    background: #e7f1fb;
}
html[data-ap-theme="dark"] .ap-service-hero__visual.ap-service-hero__visual--photo {
    background: #14243a;
}
.ap-service-hero__visual--photo img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
}

/* Bootstrap container clearfix must not occupy service hero grid cells. */
.ap-service-hero__inner.container::before,
.ap-service-hero__inner.container::after {
    content: none;
}

/* Bill Branson / National Cancer Institute. Public domain. */
.ap-home-hero__slide:first-child,
html[data-ap-theme="dark"] .ap-home-hero__slide:first-child {
    background-image: url('../images/poyrazcloud-technician-photo.webp') !important;
    background-size: cover !important;
    background-position: center 10% !important;
}
.ap-home-hero__slide:first-child::after {
    background: linear-gradient(90deg, rgba(5, 17, 32, .95), rgba(5, 17, 32, .83) 32%, rgba(5, 17, 32, .27) 65%, rgba(5, 17, 32, .08));
}
@media (max-width: 991px) {
    .ap-home-hero__slide:first-child {
        background-position: 36% top !important;
    }
    .ap-home-hero__slide:first-child::after {
        background: linear-gradient(0deg, rgba(5, 17, 32, .98) 12%, rgba(5, 17, 32, .82) 39%, rgba(5, 17, 32, .18) 78%);
    }
}