/*
 * AER Multinet client area visual layer.
 * Loaded by the Lagom2 supported header override; no Lagom2 core assets changed.
 */
:root {
    --aer-ink: #071326;
    --aer-surface: #0d1d35;
    --aer-surface-2: #102846;
    --aer-line: rgba(101, 195, 255, .20);
    --aer-text: #eaf4ff;
    --aer-muted: #a9c0d8;
    --aer-cyan: #20c7dc;
    --aer-blue: #347cf6;
    --aer-orange: #ff8a2a;
    --aer-radius: 14px;
}

body.aer-client-theme {
    background: radial-gradient(circle at 10% -5%, rgba(32, 199, 220, .14), transparent 30rem), var(--aer-ink);
    color: var(--aer-text);
}

.aer-client-theme .app-nav,
.aer-client-theme .app-nav-header,
.aer-client-theme .app-nav .navbar,
.aer-client-theme .app-nav .navbar-default {
    background: rgba(7, 19, 38, .96) !important;
    border-color: var(--aer-line) !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .16);
}

.aer-client-theme .app-nav a,
.aer-client-theme .app-nav .nav-link,
.aer-client-theme .app-nav .navbar-nav > li > a { color: #d8ebff !important; }
.aer-client-theme .app-nav a:hover,
.aer-client-theme .app-nav .active > a { color: var(--aer-cyan) !important; }

.aer-client-logo { display: inline-flex !important; align-items: center; gap: .65rem; min-height: 48px; }
.aer-client-logo img { width: 166px !important; max-width: 166px !important; max-height: 48px; object-fit: contain; object-position: left center; }
.aer-client-logo span { border-left: 1px solid var(--aer-line); color: var(--aer-muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; padding-left: .6rem; text-transform: uppercase; white-space: nowrap; }

.aer-client-theme .main-header,
.aer-client-theme .main-body,
.aer-client-theme .app-main { background: transparent !important; }
.aer-client-theme .main-header { border-bottom: 1px solid var(--aer-line); padding: 2rem 0 1.5rem; }
.aer-client-theme .main-header h1,
.aer-client-theme .main-header .page-title,
.aer-client-theme h1,
.aer-client-theme h2,
.aer-client-theme h3 { color: var(--aer-text); letter-spacing: -.02em; }
.aer-client-theme .main-header p,
.aer-client-theme .main-header .lead,
.aer-client-theme .text-muted { color: var(--aer-muted) !important; }

.aer-client-theme .panel,
.aer-client-theme .card,
.aer-client-theme .section,
.aer-client-theme .login,
.aer-client-theme .login-wrapper,
.aer-client-theme .form-container,
.aer-client-theme .order-summary,
.aer-client-theme .sidebar .panel,
.aer-client-theme .table-container {
    background: linear-gradient(145deg, rgba(16, 40, 70, .96), rgba(9, 26, 49, .96)) !important;
    border: 1px solid var(--aer-line) !important;
    border-radius: var(--aer-radius) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.aer-client-theme .panel-heading,
.aer-client-theme .card-header,
.aer-client-theme .sidebar .panel-heading {
    background: rgba(10, 30, 56, .85) !important;
    border-color: var(--aer-line) !important;
    color: var(--aer-text) !important;
}

.aer-client-theme .btn,
.aer-client-theme button,
.aer-client-theme input[type="submit"] { border-radius: 9px; font-weight: 700; letter-spacing: .01em; }
.aer-client-theme .btn-primary,
.aer-client-theme .btn-success,
.aer-client-theme .btn-checkout,
.aer-client-theme .btn-order-now {
    background: var(--aer-orange) !important;
    border-color: var(--aer-orange) !important;
    color: #16100a !important;
    box-shadow: 0 8px 18px rgba(255, 138, 42, .22);
}
.aer-client-theme .btn-primary:hover,
.aer-client-theme .btn-success:hover,
.aer-client-theme .btn-checkout:hover,
.aer-client-theme .btn-order-now:hover { background: #ff9c4a !important; border-color: #ff9c4a !important; }
.aer-client-theme .btn-default,
.aer-client-theme .btn-outline { background: rgba(32, 199, 220, .08) !important; border-color: rgba(32, 199, 220, .5) !important; color: var(--aer-cyan) !important; }

.aer-client-theme .form-control,
.aer-client-theme input:not([type="submit"]),
.aer-client-theme select,
.aer-client-theme textarea {
    background: rgba(4, 15, 30, .76) !important;
    border-color: rgba(142, 195, 239, .3) !important;
    border-radius: 9px !important;
    color: var(--aer-text) !important;
}
.aer-client-theme .form-control:focus,
.aer-client-theme input:focus,
.aer-client-theme select:focus,
.aer-client-theme textarea:focus { border-color: var(--aer-cyan) !important; box-shadow: 0 0 0 .18rem rgba(32, 199, 220, .16) !important; }

.aer-client-theme .table,
.aer-client-theme .table > tbody > tr > td,
.aer-client-theme .table > thead > tr > th { color: var(--aer-text) !important; border-color: var(--aer-line) !important; }
.aer-client-theme .table > thead > tr > th { background: rgba(32, 199, 220, .08); color: var(--aer-cyan) !important; text-transform: uppercase; font-size: .72rem; letter-spacing: .06em; }
.aer-client-theme .table-hover > tbody > tr:hover { background: rgba(32, 199, 220, .06) !important; }

.aer-client-theme .label-success,
.aer-client-theme .badge-success { background: #118d74 !important; }
.aer-client-theme .label-warning,
.aer-client-theme .badge-warning { background: #b76216 !important; color: #fff !important; }
.aer-client-theme .label-info,
.aer-client-theme .badge-info { background: #1769bd !important; }
.aer-client-theme .alert { border-radius: 10px; border-width: 1px; }

.aer-client-theme .page-login .app-main,
.aer-client-theme .page-clientregister .app-main { min-height: calc(100vh - 80px); }
.aer-client-theme .page-login .login,
.aer-client-theme .page-clientregister .panel { max-width: 620px; margin-left: auto; margin-right: auto; }
.aer-client-theme .page-order .product,
.aer-client-theme .page-order .product-group,
.aer-client-theme .page-order .order-summary { border-radius: var(--aer-radius) !important; }
.aer-client-theme .page-order .product:hover { border-color: var(--aer-cyan) !important; transform: translateY(-2px); }

/* Order form: Lagom packages use a light surface. Keep its contents legible. */
.aer-client-theme.page-order .package {
    background: #ffffff !important;
    border: 1px solid #cbd9e8 !important;
    border-radius: var(--aer-radius) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
    color: #29425e !important;
}
.aer-client-theme.page-order .package .package-title,
.aer-client-theme.page-order .package h1,
.aer-client-theme.page-order .package h2,
.aer-client-theme.page-order .package h3,
.aer-client-theme.page-order .package .price,
.aer-client-theme.page-order .package .price .price-amount,
.aer-client-theme.page-order .package .price .price-prefix,
.aer-client-theme.page-order .package .price .price-suffix {
    color: #102642 !important;
}
.aer-client-theme.page-order .package .package-features,
.aer-client-theme.page-order .package .package-features li,
.aer-client-theme.page-order .package .package-content,
.aer-client-theme.page-order .package .package-content p,
.aer-client-theme.page-order .package .price-cycle,
.aer-client-theme.page-order .package .price-starting-from,
.aer-client-theme.page-order .package small,
.aer-client-theme.page-order .package .text-muted {
    color: #48617c !important;
}
.aer-client-theme.page-order .package .package-features li:before,
.aer-client-theme.page-order .package .package-features .lm { color: #147f9d !important; }
.aer-client-theme.page-order .package .package-header,
.aer-client-theme.page-order .package .package-footer { border-color: #dbe5ef !important; }
.aer-client-theme.page-order .package-featured { border-color: var(--aer-cyan) !important; }
.aer-client-theme.page-order .main-content { min-width: 0; }
.aer-client-theme.page-order .main-grid { overflow-x: clip; }

/* Login and registration retain the portal layout, with the AER dark surface. */
.aer-client-theme.page-login,
.aer-client-theme.page-clientregister {
    background: radial-gradient(circle at 50% -15%, rgba(32, 199, 220, .10), transparent 32rem), #071326 !important;
}
.aer-client-theme.page-login .login,
.aer-client-theme.page-login .login-wrapper,
.aer-client-theme.page-clientregister .panel {
    background: linear-gradient(145deg, #102440, #091a31) !important;
    max-width: 500px;
    padding: .35rem;
}
.aer-client-theme.page-login label,
.aer-client-theme.page-login .checkbox,
.aer-client-theme.page-login .checkbox label,
.aer-client-theme.page-login .login-remember,
.aer-client-theme.page-clientregister label { color: #d9e9f7 !important; }
.aer-client-theme.page-login a:not(.btn),
.aer-client-theme.page-clientregister a:not(.btn) { color: #72d7e7 !important; }
.aer-client-theme.page-login hr,
.aer-client-theme.page-clientregister hr { border-color: var(--aer-line) !important; }

/* Navigation and category hierarchy: cyan denotes state, not every item. */
.aer-client-theme .main-sidebar a,
.aer-client-theme .sidebar a,
.aer-client-theme .main-sidebar .nav-link { color: #b8cee2 !important; }
.aer-client-theme .main-sidebar .active > a,
.aer-client-theme .sidebar .active > a,
.aer-client-theme .main-sidebar a.active,
.aer-client-theme .sidebar a.active { color: #ffffff !important; background: rgba(32, 199, 220, .14) !important; border-color: rgba(32, 199, 220, .44) !important; }

/* Sidebar: compact navigation groups with clear selected state. */
.aer-client-theme .main-sidebar .panel,
.aer-client-theme .sidebar .panel {
    overflow: hidden;
    margin-bottom: 1.35rem;
    border-radius: 14px !important;
}
.aer-client-theme .main-sidebar .panel-heading,
.aer-client-theme .sidebar .panel-heading {
    padding: .9rem 1rem .78rem;
    color: #f4f9ff !important;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}
.aer-client-theme .main-sidebar .list-group,
.aer-client-theme .sidebar .list-group { padding: .45rem; }
.aer-client-theme .main-sidebar .list-group-item,
.aer-client-theme .sidebar .list-group-item {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 42px;
    margin: .08rem 0;
    padding: .6rem .7rem;
    color: #c6d8e9 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.28;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.aer-client-theme .main-sidebar .list-group-item:hover,
.aer-client-theme .sidebar .list-group-item:hover {
    color: #ffffff !important;
    background: rgba(101,195,255,.08) !important;
    border-color: rgba(101,195,255,.18) !important;
}
.aer-client-theme .main-sidebar .list-group-item.active,
.aer-client-theme .sidebar .list-group-item.active {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(32,199,220,.20), rgba(32,199,220,.08)) !important;
    border-color: rgba(32,199,220,.28) !important;
    box-shadow: inset 3px 0 0 var(--aer-cyan);
}
.aer-client-theme .main-sidebar .list-group-item .lm,
.aer-client-theme .sidebar .list-group-item .lm,
.aer-client-theme .main-sidebar .list-group-item i,
.aer-client-theme .sidebar .list-group-item i {
    flex: 0 0 18px;
    color: #20c7dc !important;
    font-size: .95rem;
    text-align: center;
}
.aer-client-theme .main-sidebar select,
.aer-client-theme .sidebar select {
    width: calc(100% - 1rem);
    margin: .45rem .5rem .6rem;
    color: #eaf4ff !important;
    background: #071326 !important;
}
.aer-client-theme .app-nav .navbar-nav > li > a { color: #c7d9ea !important; }
.aer-client-theme .app-nav .navbar-nav > li > a:hover,
.aer-client-theme .app-nav .navbar-nav > .active > a { color: #72d7e7 !important; }

.aer-client-theme .app-footer,
.aer-client-theme footer { background: #061225 !important; border-top: 1px solid var(--aer-line); color: var(--aer-muted) !important; }
.aer-client-theme .app-footer a,
.aer-client-theme footer a { color: #b8dcff !important; }
.aer-client-theme .app-footer h1,
.aer-client-theme .app-footer h2,
.aer-client-theme .app-footer h3,
.aer-client-theme .app-footer p,
.aer-client-theme footer h1,
.aer-client-theme footer h2,
.aer-client-theme footer h3,
.aer-client-theme footer p { color: #c8d9e9 !important; }

/* Checkout, domain flow and forms: Lagom defaults to dark text, while these
   AER surfaces are dark. Keep all operational copy readable. */
.aer-client-theme .section:not(.package),
.aer-client-theme .panel:not(.package),
.aer-client-theme .order-summary,
.aer-client-theme .view-cart,
.aer-client-theme .domain-selection-options,
.aer-client-theme .domain-checker-container,
.aer-client-theme .form-container {
    --text-primary-color: #eaf4ff;
    --text-heading-color: #f4f9ff;
    --text-body-color: #c6d7e8;
    --text-secondary-color: #a9c0d8;
}
.aer-client-theme.page-order .section:not(.package) h1,
.aer-client-theme.page-order .section:not(.package) h2,
.aer-client-theme.page-order .section:not(.package) h3,
.aer-client-theme.page-order .section:not(.package) h4,
.aer-client-theme.page-order .panel:not(.package) h1,
.aer-client-theme.page-order .panel:not(.package) h2,
.aer-client-theme.page-order .panel:not(.package) h3,
.aer-client-theme.page-order .panel:not(.package) h4,
.aer-client-theme.page-order .section:not(.package) label,
.aer-client-theme.page-order .panel:not(.package) label,
.aer-client-theme.page-order .section:not(.package) p,
.aer-client-theme.page-order .panel:not(.package) p,
.aer-client-theme.page-order .view-cart td,
.aer-client-theme.page-order .view-cart .cart-item-title,
.aer-client-theme.page-order .domain-selection-options label,
.aer-client-theme.page-clientregister .section h1,
.aer-client-theme.page-clientregister .section h2,
.aer-client-theme.page-clientregister .section h3,
.aer-client-theme.page-clientregister .section label,
.aer-client-theme.page-clientregister .section p {
    color: #dbe9f6 !important;
}
.aer-client-theme.page-order .section:not(.package) .text-muted,
.aer-client-theme.page-order .panel:not(.package) .text-muted,
.aer-client-theme.page-clientregister .section .text-muted { color: #a9c0d8 !important; }
.aer-client-theme.page-order label,
.aer-client-theme.page-order .control-label,
.aer-client-theme.page-order .form-group > label,
.aer-client-theme.page-order .checkbox label,
.aer-client-theme.page-order .radio label,
.aer-client-theme.page-order .section-title,
.aer-client-theme.page-order .sub-heading,
.aer-client-theme.page-order .cart-item-title-main { color: #dbe9f6 !important; }
.aer-client-theme.page-order .view-cart .summary-actions,
.aer-client-theme.page-order .view-cart .summary-actions .btn { background: #f7faff !important; }

/* A condensed Lagom header renders the common logo twice. Keep the branded
   top bar and remove the redundant miniature mark from the menu strip. */
.aer-client-theme .app-nav-menu { background: rgba(7, 19, 38, .98) !important; border-bottom: 1px solid var(--aer-line) !important; }
.aer-client-theme .app-nav-menu .aer-client-logo { display: none !important; }
.aer-client-theme .app-nav-menu .menu-primary > li > a,
.aer-client-theme .app-nav-menu .menu-primary > li > button,
.aer-client-theme .app-nav-menu .nav-item-text-only > a { color: #c7d9ea !important; }
.aer-client-theme .app-nav-menu .menu-primary > .active > a,
.aer-client-theme .app-nav-menu .menu-primary > li > a:hover { color: #72d7e7 !important; }
.aer-client-theme .app-nav-menu .dropdown-menu {
    background: #0d1d35 !important;
    border: 1px solid rgba(101,195,255,.3) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.3) !important;
}
.aer-client-theme .app-nav-menu .dropdown-menu a,
.aer-client-theme .app-nav-menu .dropdown-menu .dropdown-menu-item,
.aer-client-theme .app-nav-menu .dropdown-menu .dropdown-menu-item a {
    color: #dbe9f6 !important;
}
.aer-client-theme .app-nav-menu .dropdown-menu a:hover,
.aer-client-theme .app-nav-menu .dropdown-menu .active > a,
.aer-client-theme .app-nav-menu .dropdown-menu .dropdown-menu-item:hover a {
    color: #ffffff !important;
    background: rgba(32,199,220,.15) !important;
}

/* Currency selector: visual country reference only; currency switching remains native WHMCS. */
.aer-client-theme .nav-item-currency .dropdown-menu-item a span::before,
.aer-client-theme .nav-item-currency > .dropdown-toggle .item-text::before {
    display: inline-block;
    margin-right: .45rem;
    font-size: 1rem;
    line-height: 1;
}
.aer-client-theme .nav-item-currency a[href*="currency=1"] span::before { content: "🇺🇸"; }
.aer-client-theme .nav-item-currency a[href*="currency=2"] span::before { content: "🇦🇷"; }
.aer-client-theme .nav-item-currency a[href*="currency=3"] span::before { content: "🇵🇾"; }
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=1"]) > .dropdown-toggle .item-text::before { content: "🇺🇸"; }
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=2"]) > .dropdown-toggle .item-text::before { content: "🇦🇷"; }
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=3"]) > .dropdown-toggle .item-text::before { content: "🇵🇾"; }

/* Use bundled flag images: the Lagom icon font cannot render emoji flags. */
.aer-client-theme .nav-item-currency .dropdown-menu-item a span::before,
.aer-client-theme .nav-item-currency > .dropdown-toggle .item-text::before {
    content: "" !important;
    width: 18px;
    height: 13px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.2);
    vertical-align: -1px;
}
.aer-client-theme .nav-item-currency a[href*="currency=1"] span::before,
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=1"]) > .dropdown-toggle .item-text::before { background-image: url('../../../assets/img/flags/us.png'); }
.aer-client-theme .nav-item-currency a[href*="currency=2"] span::before,
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=2"]) > .dropdown-toggle .item-text::before { background-image: url('../../../assets/img/flags/ar.png'); }
.aer-client-theme .nav-item-currency a[href*="currency=3"] span::before,
.aer-client-theme .nav-item-currency:has(.dropdown-menu-item.active a[href*="currency=3"]) > .dropdown-toggle .item-text::before { background-image: url('../../../assets/img/flags/py.png'); }
.aer-client-theme .nav-item-currency .dropdown-menu {
    background: #0d1d35 !important;
    border: 1px solid rgba(101,195,255,.3) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.3) !important;
}
.aer-client-theme .nav-item-currency .dropdown-menu-item a { color: #dbe9f6 !important; }
.aer-client-theme .nav-item-currency .dropdown-menu-item a:hover,
.aer-client-theme .nav-item-currency .dropdown-menu-item.active a { color: #ffffff !important; background: rgba(32,199,220,.15) !important; }

/* The light product cards keep their own dark copy after the global dark-surface rules. */
.aer-client-theme.page-order .package,
.aer-client-theme.page-order .package p,
.aer-client-theme.page-order .package label,
.aer-client-theme.page-order .package li { color: #29425e !important; }
.aer-client-theme.page-order .package .package-title,
.aer-client-theme.page-order .package .price,
.aer-client-theme.page-order .package .price * { color: #102642 !important; }
/* Re-assert the light-card palette after the dark checkout copy rules above. */
.aer-client-theme.page-order .section .package .package-title,
.aer-client-theme.page-order .section .package h1,
.aer-client-theme.page-order .section .package h2,
.aer-client-theme.page-order .section .package h3,
.aer-client-theme.page-order .section .package h4 { color: #102642 !important; }
.aer-client-theme.page-order .section .package .package-content,
.aer-client-theme.page-order .section .package .package-content p,
.aer-client-theme.page-order .section .package .package-features,
.aer-client-theme.page-order .section .package .package-features li { color: #48617c !important; }

/* Logged-in client area QA: Lagom's left-navigation layout uses a few
   independent light components. Keep those operational screens on the same
   dark AER surface and enforce readable copy at the component level. */
.aer-client-theme.page-user-logged {
    --ui-block-bg: #0d1d35;
    --ui-block-bg-hover: #122946;
    --ui-block-border-color: rgba(101, 195, 255, .22);
    --text-primary-color: #edf6ff;
    --text-heading-color: #f6faff;
    --text-body-color: #c7d8e9;
    --text-lighter-color: #a9c0d8;
    --link-color: #4bd7eb;
    --table-bg: #0d1d35;
}
.aer-client-theme.page-user-logged .main-top,
.aer-client-theme.page-user-logged .main-top .container {
    background: #08172b !important;
    border-bottom-color: var(--aer-line) !important;
}
.aer-client-theme.page-user-logged .main-top a,
.aer-client-theme.page-user-logged .main-top .nav-link,
.aer-client-theme.page-user-logged .main-top .nav-item-text { color: #c9dbec !important; }
.aer-client-theme.page-user-logged .main-top a:hover { color: #72d7e7 !important; }

.aer-client-theme.page-user-logged .tile {
    min-height: 164px;
    background: linear-gradient(145deg, #122b4a, #0a1c34) !important;
    border: 1px solid rgba(101, 195, 255, .25) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18) !important;
}
.aer-client-theme.page-user-logged .tile,
.aer-client-theme.page-user-logged .tile .tile-stat,
.aer-client-theme.page-user-logged .tile .tile-title { color: #f1f7ff !important; }
.aer-client-theme.page-user-logged .tile .tile-stat { color: #3dd8ee !important; }
.aer-client-theme.page-user-logged .tile .tile-icon-absolute,
.aer-client-theme.page-user-logged .tile .tile-icon-absolute i { color: #8ca4bd !important; }

.aer-client-theme.page-user-logged .client-home-panels .panel,
.aer-client-theme.page-user-logged .client-home-panels .panel-body,
.aer-client-theme.page-user-logged .client-home-panels .panel-footer,
.aer-client-theme.page-user-logged .table-container,
.aer-client-theme.page-user-logged .dataTables_wrapper {
    background: linear-gradient(145deg, #102846, #091a31) !important;
    color: #dce9f6 !important;
}
.aer-client-theme.page-user-logged .client-home-panels .panel-title,
.aer-client-theme.page-user-logged .client-home-panels .panel-heading,
.aer-client-theme.page-user-logged .client-home-panels .panel-heading *,
.aer-client-theme.page-user-logged .client-home-panels .panel-body,
.aer-client-theme.page-user-logged .client-home-panels .panel-body *,
.aer-client-theme.page-user-logged .client-home-panels .panel-footer,
.aer-client-theme.page-user-logged .client-home-panels .panel-footer * { color: #dce9f6 !important; }
.aer-client-theme.page-user-logged .client-home-panels a { color: #51d7ea !important; }
.aer-client-theme.page-user-logged .client-home-panels .list-group-item {
    background: transparent !important;
    border-color: rgba(101, 195, 255, .16) !important;
    color: #dce9f6 !important;
}

.aer-client-theme.page-user-logged .table-container .table,
.aer-client-theme.page-user-logged .table-container .table tbody,
.aer-client-theme.page-user-logged .table-container .table tbody tr,
.aer-client-theme.page-user-logged .table-container .table tbody td {
    background: #102744 !important;
    color: #e7f1fb !important;
}
.aer-client-theme.page-user-logged .table-container .table tbody tr:nth-child(even) td { background: #0d213b !important; }
.aer-client-theme.page-user-logged .table-container .table thead th,
.aer-client-theme.page-user-logged .table-container .table thead tr { background: #0a1d36 !important; color: #52d9ec !important; }
.aer-client-theme.page-user-logged .table-container .table td *,
.aer-client-theme.page-user-logged .table-container .table .small,
.aer-client-theme.page-user-logged .table-container .table .text-small { color: inherit !important; }
.aer-client-theme.page-user-logged .table-container .table a { color: #63dceb !important; }
.aer-client-theme.page-user-logged .table-container .table .status { color: #ffffff !important; }
.aer-client-theme.page-user-logged .table-top,
.aer-client-theme.page-user-logged .dataTables_info,
.aer-client-theme.page-user-logged .dataTables_paginate,
.aer-client-theme.page-user-logged .dataTables_length,
.aer-client-theme.page-user-logged .dataTables_filter,
.aer-client-theme.page-user-logged .table-top label { color: #c9d9e8 !important; }

.aer-client-theme.page-user-logged .main-footer,
.aer-client-theme.page-user-logged .main-footer .footer-top,
.aer-client-theme.page-user-logged .main-footer .footer-bottom {
    background: #071529 !important;
    border-color: var(--aer-line) !important;
    color: #c7d8e9 !important;
}
.aer-client-theme.page-user-logged .main-footer h1,
.aer-client-theme.page-user-logged .main-footer h2,
.aer-client-theme.page-user-logged .main-footer h3,
.aer-client-theme.page-user-logged .main-footer .footer-title { color: #f2f8ff !important; }
.aer-client-theme.page-user-logged .main-footer a { color: #a9ddeb !important; }
.aer-client-theme.page-user-logged .main-footer p,
.aer-client-theme.page-user-logged .main-footer .footer-company-desc,
.aer-client-theme.page-user-logged .main-footer .footer-copyright { color: #b8ccdf !important; }

/* Invoice, ticket and account-menu components are rendered outside the
   dashboard card tree, so they need their own explicit operational palette. */
.aer-client-theme.page-user-logged .invoice .section,
.aer-client-theme.page-user-logged .invoice .section-body,
.aer-client-theme.page-user-logged .invoice .list-info,
.aer-client-theme.page-user-logged .invoice address,
.aer-client-theme.page-user-logged .invoice h3,
.aer-client-theme.page-user-logged .invoice .invoice-title,
.aer-client-theme.page-user-logged .invoice .list-info-title,
.aer-client-theme.page-user-logged .invoice .list-info-text { color: #e5f0fa !important; }
.aer-client-theme.page-user-logged .invoice .table,
.aer-client-theme.page-user-logged .invoice .table tbody,
.aer-client-theme.page-user-logged .invoice .table td { background: #102744 !important; color: #e8f2fc !important; }
.aer-client-theme.page-user-logged .invoice .table thead th { background: #0a1f39 !important; color: #4bd7eb !important; }
.aer-client-theme.page-user-logged .invoice .table .sub-total-row td { background: #0d213b !important; color: #e8f2fc !important; }
.aer-client-theme.page-user-logged .invoice .table .total-row td {
    background: #123354 !important;
    color: #ffffff !important;
    border-top-color: #42d8eb !important;
    font-weight: 800;
}

.aer-client-theme.page-user-logged .main-sidebar .panel-heading *,
.aer-client-theme.page-user-logged .main-sidebar .panel-title,
.aer-client-theme.page-user-logged .main-sidebar .panel-body,
.aer-client-theme.page-user-logged .main-sidebar .panel-body *,
.aer-client-theme.page-user-logged .main-sidebar .panel-footer,
.aer-client-theme.page-user-logged .main-sidebar .panel-footer * { color: #dce9f6 !important; }
.aer-client-theme.page-user-logged .main-sidebar .panel-body,
.aer-client-theme.page-user-logged .main-sidebar .list-group,
.aer-client-theme.page-user-logged .main-sidebar .list-group-item {
    background: #0d213b !important;
    border-color: rgba(101, 195, 255, .16) !important;
}
.aer-client-theme.page-user-logged .main-sidebar .list-group-item { color: #dce9f6 !important; }
.aer-client-theme.page-user-logged .main-sidebar .list-group-item:hover,
.aer-client-theme.page-user-logged .main-sidebar .list-group-item.active { background: #123354 !important; color: #ffffff !important; }

.aer-client-theme.page-user-logged .section > .section-header,
.aer-client-theme.page-user-logged .section > .section-header *,
.aer-client-theme.page-user-logged .section .section-title,
.aer-client-theme.page-user-logged .section label,
.aer-client-theme.page-user-logged .section .control-label { color: #dce9f6 !important; }
.aer-client-theme.page-user-logged .mce-container,
.aer-client-theme.page-user-logged .mce-container .mce-panel,
.aer-client-theme.page-user-logged .mce-container .mce-toolbar-grp { background: #102744 !important; border-color: rgba(101, 195, 255, .25) !important; }
.aer-client-theme.page-user-logged .mce-container .mce-btn button,
.aer-client-theme.page-user-logged .mce-container .mce-ico { color: #c9ddec !important; }

.aer-client-theme.page-user-logged .app-nav .dropdown-menu,
.aer-client-theme.page-user-logged .app-nav-header .dropdown-menu {
    background: #0d1d35 !important;
    border: 1px solid rgba(101, 195, 255, .30) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.34) !important;
}
.aer-client-theme.page-user-logged .app-nav .dropdown-menu a,
.aer-client-theme.page-user-logged .app-nav .dropdown-menu li,
.aer-client-theme.page-user-logged .app-nav .dropdown-menu .dropdown-header,
.aer-client-theme.page-user-logged .app-nav .dropdown-menu .dropdown-header * { color: #dce9f6 !important; }
.aer-client-theme.page-user-logged .app-nav .dropdown-menu li:hover > a,
.aer-client-theme.page-user-logged .app-nav .dropdown-menu li.active > a { background: #123354 !important; color: #ffffff !important; }

/* Ticket composer keeps a familiar light writing canvas with dark ink. */
.aer-client-theme.page-user-logged textarea[name="message"],
.aer-client-theme.page-user-logged textarea#inputMessage {
    background: #ffffff !important;
    color: #172b42 !important;
    caret-color: #172b42 !important;
}
.aer-client-theme.page-user-logged .payment-btn-container .btn,
.aer-client-theme.page-user-logged .payment-btn-container button,
.aer-client-theme.page-user-logged .payment-btn-container input[type="submit"],
.aer-client-theme.page-user-logged .payment-form .btn,
.aer-client-theme.page-user-logged .payment-form button,
.aer-client-theme.page-user-logged .payment-form input[type="submit"] {
    background: var(--aer-orange) !important;
    border-color: var(--aer-orange) !important;
    color: #16100a !important;
    font-weight: 800 !important;
}

/* Support conversations mix light reply headers with dark message bodies.
   Set each surface explicitly so legacy Lagom text tokens cannot reduce
   readability. */
.aer-client-theme.page-user-logged .ticket-reply {
    background: #102744 !important;
    border: 1px solid rgba(101, 195, 255, .28) !important;
    border-radius: 9px !important;
    overflow: hidden;
}
.aer-client-theme.page-user-logged .ticket-reply-top {
    background: #f5f8fc !important;
    color: #162b45 !important;
}
.aer-client-theme.page-user-logged .ticket-reply-top .name,
.aer-client-theme.page-user-logged .ticket-reply-top .date,
.aer-client-theme.page-user-logged .ticket-reply-top .type,
.aer-client-theme.page-user-logged .ticket-reply-top .user-info,
.aer-client-theme.page-user-logged .ticket-reply-top i { color: #162b45 !important; }
.aer-client-theme.page-user-logged .ticket-reply-message,
.aer-client-theme.page-user-logged .ticket-reply-message p,
.aer-client-theme.page-user-logged .ticket-reply-message div,
.aer-client-theme.page-user-logged .ticket-reply-message span,
.aer-client-theme.page-user-logged .ticket-reply-message li,
.aer-client-theme.page-user-logged .ticket-reply-message strong {
    color: #eaf4ff !important;
}
.aer-client-theme.page-user-logged .ticket-reply-message a { color: #61ddea !important; }
.aer-client-theme.page-user-logged .ticket-reply-message hr { border-color: rgba(101, 195, 255, .30) !important; }

/* The overdue-invoice action is rendered as btn-warning by Lagom2, outside
   the payment form selector above. Keep it prominent and readable. */
.aer-client-theme.page-user-logged .client-home-alert .btn.btn-warning,
.aer-client-theme.page-user-logged .panel-summary .btn-primary-faded,
.aer-client-theme.page-user-logged a.btn.btn-warning {
    background: var(--aer-orange) !important;
    border-color: var(--aer-orange) !important;
    color: #16100a !important;
    opacity: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(255, 138, 42, .22) !important;
}
.aer-client-theme.page-user-logged .client-home-alert .btn.btn-warning:hover,
.aer-client-theme.page-user-logged .panel-summary .btn-primary-faded:hover,
.aer-client-theme.page-user-logged a.btn.btn-warning:hover { background: #ff9c4a !important; border-color: #ff9c4a !important; }

@media (max-width: 767px) {
    .aer-client-theme.page-user-logged .tile { min-height: 126px; }
    .aer-client-theme.page-user-logged .table-container { overflow-x: auto; }
}

@media (max-width: 767px) {
    .aer-client-logo img { width: 132px !important; max-width: 132px !important; max-height: 40px; }
    .aer-client-logo span { display: none; }
    .aer-client-theme .main-header { padding: 1.4rem 0 1.1rem; }
    .aer-client-theme .main-header h1 { font-size: 1.55rem; }
    .aer-client-theme .panel, .aer-client-theme .card, .aer-client-theme .order-summary { border-radius: 11px !important; }
    .aer-client-theme .btn { min-height: 42px; }
    .aer-client-theme .table-responsive { border: 1px solid var(--aer-line); border-radius: 10px; }
    .aer-client-theme.page-order .package { margin-left: 0; margin-right: 0; }
    .aer-client-theme.page-order .package .package-title { font-size: 1.12rem !important; overflow-wrap: anywhere; }
    .aer-client-theme .app-nav-menu .aer-client-logo { display: inline-flex !important; }
}