/* GIGA Net - Identidad visual unificada para WHMCS six */

:root {
    --gns-bg: #060b13;
    --gns-bg-soft: #0d1524;
    --gns-card: #111d31;
    --gns-card-2: #15243e;
    --gns-text: #e8f0ff;
    --gns-muted: #9cb0cf;
    --gns-brand: #18d1b6;
    --gns-brand-2: #13a9ff;
    --gns-accent: #f3b12f;
    --gns-border: #22385e;
}

section#home-banner {
    background: url(../img/fondo-whmcs.jpg) center center no-repeat!important;
}


body.gns-modern-clientarea {
    background: radial-gradient(circle at 18% 12%, #142744 0%, #080d16 35%, #05080d 100%);
    color: var(--gns-text);
}

body.gns-modern-clientarea #main-body,
body.gns-modern-clientarea .main-content,
body.gns-modern-clientarea .container,
body.gns-modern-clientarea .container-fluid {
    background: transparent;
}

body.gns-modern-clientarea section#main-body {
    background: linear-gradient(180deg, #101a2a 0%, #0b121f 100%);
}

body.gns-modern-clientarea #header {
    background: rgba(6, 11, 19, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
}

body.gns-modern-clientarea #header .logo img {
    /*max-height: 46px;*/
}

body.gns-modern-clientarea #header .top-nav > li > a,
body.gns-modern-clientarea .navbar-main .navbar-nav > li > a {
    color: #c7d7f4;
}

body.gns-modern-clientarea #header .top-nav > li.primary-action a.btn,
body.gns-modern-clientarea .btn-primary,
body.gns-modern-clientarea .panel-info > .panel-heading,
body.gns-modern-clientarea .label-info {
    background: linear-gradient(140deg, var(--gns-brand) 0%, var(--gns-brand-2) 100%);
    border-color: transparent;
    color: #041522;
}

body.gns-modern-clientarea .navbar-main {
    background: rgba(7, 14, 25, 0.85);
    border-color: rgba(255, 255, 255, 0.08);
}

body.gns-modern-clientarea .breadcrumb,
body.gns-modern-clientarea .panel,
body.gns-modern-clientarea .well,
body.gns-modern-clientarea .domain-search-result,
body.gns-modern-clientarea .tile a,
body.gns-modern-clientarea .list-group-item,
body.gns-modern-clientarea .sidebar .panel-sidebar {
    background: linear-gradient(160deg, var(--gns-card), #0d1728);
    border-color: var(--gns-border);
    color: var(--gns-text);
}

body.gns-modern-clientarea .list-group-item,
body.gns-modern-clientarea .panel-title,
body.gns-modern-clientarea .h1,
body.gns-modern-clientarea .h2,
body.gns-modern-clientarea .h3,
body.gns-modern-clientarea .h4,
body.gns-modern-clientarea h1,
body.gns-modern-clientarea h2,
body.gns-modern-clientarea h3,
body.gns-modern-clientarea h4,
body.gns-modern-clientarea p,
body.gns-modern-clientarea span,
body.gns-modern-clientarea td,
body.gns-modern-clientarea th,
body.gns-modern-clientarea .breadcrumb a {
    color: var(--gns-text);
}

body.gns-modern-clientarea .text-muted,
body.gns-modern-clientarea .help-block,
body.gns-modern-clientarea .panel-body small {
    color: var(--gns-muted) !important;
}

body.gns-modern-clientarea .panel-heading,
body.gns-modern-clientarea .panel-footer {
    background: #0b172a;
    border-color: var(--gns-border);
}

body.gns-modern-clientarea .form-control,
body.gns-modern-clientarea .input-group-addon {
    background: #0b172a;
    border-color: var(--gns-border);
    color: var(--gns-text);
}

body.gns-modern-clientarea .form-control:focus {
    border-color: var(--gns-brand);
    box-shadow: 0 0 0 3px rgba(24, 209, 182, 0.2);
}

body.gns-modern-clientarea .tile .stat {
    color: #ffffff;
}

body.gns-modern-clientarea .gns-return-link a {
    border: 1px solid var(--gns-border);
    border-radius: 8px;
    padding: 6px 10px !important;
    background: rgba(255, 255, 255, 0.02);
}

body.gns-modern-clientarea .gns-client-hero {
    background: linear-gradient(140deg, #1a3a56 0%, #163450 55%, #122b43 100%);
    border: 1px solid #3d6d90;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}

body.gns-modern-clientarea .gns-client-hero h1,
body.gns-modern-clientarea .gns-client-hero h2 {
    margin-top: 0;
    color: #f2f8ff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

body.gns-modern-clientarea .gns-client-hero p {
    max-width: 68ch;
    color: #d8e7f7;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

body.gns-modern-clientarea .gns-client-hero .btn-default {
    background: #f0f5fb;
    border-color: #d7e2f1;
    color: #0b2a45;
}

body.gns-modern-clientarea .gns-client-hero .btn-default:hover,
body.gns-modern-clientarea .gns-client-hero .btn-default:focus {
    background: #dfeaf8;
    border-color: #c8d9ec;
    color: #0a2239;
}

body.gns-modern-clientarea .gns-client-hero img {
    position: absolute;
    right: 14px;
    bottom: -4px;
    width: 110px;
    opacity: 0.9;
}

body.gns-modern-clientarea #footer {
    background: rgba(3, 8, 16, 0.9);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#footer.gns-footer-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 2rem;
    background: rgba(3, 8, 16, 0.92);
    padding: 0;
}

#footer.gns-footer-wrap .container {
    width: min(1320px, 94vw);
}

#footer.gns-footer-wrap .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "services clients payments";
    align-items: start;
    gap: 1rem;
    padding: 2rem 0;
}

#footer.gns-footer-wrap .footer-grid > div {
    margin: 0 !important;
    align-self: start;
}

#footer.gns-footer-wrap .footer-col-services {
    grid-area: services;
}

#footer.gns-footer-wrap .footer-col-clients {
    grid-area: clients;
}

#footer.gns-footer-wrap .footer-col-payments {
    grid-area: payments;
}

#footer.gns-footer-wrap h4 {
    margin: 0 0 0.7rem;
    color: #f2f8ff;
}

#footer.gns-footer-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.45rem;
    color: #afc3df;
}

#footer.gns-footer-wrap ul a {
    display: inline-flex;
    align-items: center;
    color: inherit;
    transition: color 260ms cubic-bezier(0.22, 1, 0.36, 1), transform 260ms cubic-bezier(0.22, 1, 0.36, 1), text-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

#footer.gns-footer-wrap ul a:hover,
#footer.gns-footer-wrap ul a:focus-visible {
    color: #dffeff;
    transform: translateX(6px);
    text-shadow: 0 0 10px rgba(24, 209, 182, 0.35);
}

#footer.gns-footer-wrap .footer-payments {
    margin-top: 0.35rem;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 64px));
    gap: 0.28rem;
    align-items: center;
    justify-content: start;
}

#footer.gns-footer-wrap .footer-payments img {
    width: 100%;
    max-width: 64px;
    height: 40px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 0.45rem;
    padding: 0.16rem;
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1), background-color 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

#footer.gns-footer-wrap .footer-payments img:hover {
    transform: translateY(-3px);
    border-color: rgba(24, 209, 182, 0.5);
    background: rgba(24, 209, 182, 0.12);
    box-shadow: 0 10px 20px rgba(7, 14, 25, 0.35);
}

#footer.gns-footer-wrap .footer-social-title {
    margin-top: 1.45rem;
}

#footer.gns-footer-wrap .footer-social-row {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

#footer.gns-footer-wrap .footer-socials {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

#footer.gns-footer-wrap .footer-socials a {
    width: 36px;
    height: 36px;
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), border-color 260ms cubic-bezier(0.22, 1, 0.36, 1), background 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

#footer.gns-footer-wrap .footer-socials a:hover,
#footer.gns-footer-wrap .footer-socials a:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(24, 209, 182, 0.45);
    background: rgba(24, 209, 182, 0.12);
}

#footer.gns-footer-wrap .footer-socials img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#footer.gns-footer-wrap .footer-whatsapp-btn {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(63, 201, 132, 0.55);
    background: linear-gradient(120deg, rgba(24, 130, 76, 0.78), rgba(34, 186, 112, 0.78));
    color: #eafff1;
    font-size: 0.86rem;
    font-weight: 700;
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

#footer.gns-footer-wrap .footer-whatsapp-btn:hover,
#footer.gns-footer-wrap .footer-whatsapp-btn:focus-visible {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 10px 22px rgba(22, 152, 89, 0.35);
}

#footer.gns-footer-wrap .footer-whatsapp-btn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

#footer.gns-footer-wrap .footer-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0.9rem 0 1.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.8rem;
    color: #aac0e0;
    font-size: 0.9rem;
}

#footer.gns-footer-wrap .footer-bar a {
    color: #e4f4ff;
}

#footer.gns-footer-wrap .footer-copyright {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
}

@media (max-width: 768px) {
    body.gns-modern-clientarea .gns-client-hero img {
        position: static;
        display: block;
        width: 85px;
        margin-top: 12px;
    }

    #footer.gns-footer-wrap .footer-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "services"
            "clients"
            "payments";
    }

    #footer.gns-footer-wrap .footer-payments {
        grid-template-columns: repeat(4, minmax(0, 64px));
    }

    #footer.gns-footer-wrap .footer-whatsapp-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 991px) {
    #footer.gns-footer-wrap .footer-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "services clients"
            "payments payments";
    }
}

/* Estado del Servidor (serverstatus.tpl) */
body.gns-modern-clientarea .gns-server-status-page .alert-success {
    background: #1e3a2d;
    border-color: #2d5a44;
    color: #d9f8e8;
}

body.gns-modern-clientarea .gns-server-status-page .btn-group .btn-default {
    background: #1a2a3e;
    border-color: var(--gns-border);
    color: #d5e6fb;
}

body.gns-modern-clientarea .gns-server-status-page .btn-group .btn-default:hover,
body.gns-modern-clientarea .gns-server-status-page .btn-group .btn-default:focus {
    background: #22364f;
    color: #f2f8ff;
}

body.gns-modern-clientarea .gns-server-status-page .table-responsive {
    border: 1px solid var(--gns-border);
    border-radius: 10px;
    overflow: hidden;
    background: #101a28;
}

body.gns-modern-clientarea .gns-server-status-page .table {
    margin-bottom: 0;
}

body.gns-modern-clientarea .gns-server-status-page .table > thead > tr > th {
    background: #1a3048;
    color: #f0f7ff;
    border-bottom: 1px solid #355272;
}

body.gns-modern-clientarea .gns-server-status-page .table > tbody > tr > td {
    color: #e3eeff;
    border-top: 1px solid #2c435c;
}

body.gns-modern-clientarea .gns-server-status-page .table-striped > tbody > tr:nth-of-type(odd) {
    background: #15263a;
}

body.gns-modern-clientarea .gns-server-status-page .table-striped > tbody > tr:nth-of-type(even) {
    background: #101d2e;
}

body.gns-modern-clientarea .gns-server-status-page .table-striped > tbody > tr:hover {
    background: #1b334b;
}

body.gns-modern-clientarea .gns-server-status-page .table > tbody > tr > td a {
    color: #9dd2ff;
}

body.gns-modern-clientarea .gns-server-status-page .table > tbody > tr > td a:hover {
    color: #d0ebff;
}

/* Registro (clientregister.tpl) */
body.gns-modern-clientarea #registration {
    padding-bottom: 30px;
}

body.gns-modern-clientarea #registration label {
    color: #c4d5ea;
}

body.gns-modern-clientarea #registration .sub-heading {
    border-top-color: #36506b;
}

body.gns-modern-clientarea #registration .sub-heading span {
    background: #18283c;
    color: #d9ebff;
    border: 1px solid #36506b;
    border-radius: 4px;
}

body.gns-modern-clientarea #registration .field,
body.gns-modern-clientarea #registration .form-control,
body.gns-modern-clientarea #registration select.field,
body.gns-modern-clientarea #registration .prepend-icon .field {
    background: #132031;
    border-color: #2f4965;
    color: #e5f0ff;
}

body.gns-modern-clientarea #registration .field::placeholder,
body.gns-modern-clientarea #registration .form-control::placeholder {
    color: #9db4cc;
    opacity: 1;
}

body.gns-modern-clientarea #registration .field:focus,
body.gns-modern-clientarea #registration .form-control:focus {
    border-color: #4fa7e6;
    box-shadow: 0 0 0 2px rgba(79, 167, 230, 0.22);
}

body.gns-modern-clientarea #registration .field-icon i,
body.gns-modern-clientarea #registration .prepend-icon .field-icon i {
    color: #8fb2d4;
}

body.gns-modern-clientarea #registration .field-help-text,
body.gns-modern-clientarea #registration .info-text-sm,
body.gns-modern-clientarea #registration .text-muted,
body.gns-modern-clientarea #registration small {
    color: #a9c0d8 !important;
}

body.gns-modern-clientarea #registration .marketing-email-optin {
    background: linear-gradient(160deg, #18283c, #152336);
    border: 1px solid #314a66;
    color: #d7e8fb;
}

body.gns-modern-clientarea #registration .marketing-email-optin h4,
body.gns-modern-clientarea #registration .marketing-email-optin p {
    color: #d7e8fb;
}

body.gns-modern-clientarea .marketing-email-optin {
    background: linear-gradient(160deg, #18283c, #152336) !important;
    border: 1px solid #314a66 !important;
    color: #d7e8fb !important;
}

body.gns-modern-clientarea .marketing-email-optin h4,
body.gns-modern-clientarea .marketing-email-optin p,
body.gns-modern-clientarea .marketing-email-optin label,
body.gns-modern-clientarea .marketing-email-optin small {
    color: #d7e8fb !important;
}

body.gns-modern-clientarea .marketing-email-optin .bootstrap-switch,
body.gns-modern-clientarea .marketing-email-optin .bootstrap-switch-container {
    background: transparent !important;
}

body.gns-modern-clientarea .marketing-email-optin .bootstrap-switch .bootstrap-switch-label {
    background: #1a3048 !important;
    color: #eaf4ff !important;
    border-left: 1px solid #35526f !important;
    border-right: 1px solid #35526f !important;
}

body.gns-modern-clientarea #registration .password-strength-meter .progress {
    background: #102033;
}

body.gns-modern-clientarea #registration .btn-default.generate-password {
    background: #1d3550;
    border-color: #35597c;
    color: #e2f1ff;
}

body.gns-modern-clientarea #registration .btn-default.generate-password:hover,
body.gns-modern-clientarea #registration .btn-default.generate-password:focus {
    background: #274668;
    color: #f1f8ff;
}

/* Panel Registro de Dominio en home cliente */
body.gns-modern-clientarea .client-home-panels #registerDomainPanel,
body.gns-modern-clientarea .client-home-panels [menuItemName="Register Domain"],
body.gns-modern-clientarea .client-home-panels [menuItemName="Domain Registration"] {
    border-color: #3a5a78;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel > .panel-heading,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel > .panel-body,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel > .panel-footer {
    background: linear-gradient(165deg, #182d44, #132539);
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .panel-body,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .panel-body p,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .panel-body .text-muted {
    color: #d8e9fb !important;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group {
    gap: 8px;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group .form-control {
    background: #0f1d2d;
    border: 1px solid #3a5673;
    color: #e6f2ff;
    border-radius: 6px !important;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group .form-control::placeholder {
    color: #9db7d2;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group .form-control:focus {
    border-color: #58b7ff;
    box-shadow: 0 0 0 2px rgba(88, 183, 255, 0.2);
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group-btn,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group-btn .btn {
    display: flex;
    gap: 8px;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group-btn .btn {
    border-radius: 6px !important;
    border-color: transparent;
    color: #062032;
    font-weight: 600;
    min-width: 110px;
    justify-content: center;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn-success,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn-primary {
    background: linear-gradient(145deg, #1fd4b0, #13a9ff);
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn-default,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn-info {
    background: #d9e7f8;
    color: #14314b;
}

body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn:hover,
body.gns-modern-clientarea .client-home-panels #registerDomainPanel .btn:focus {
    filter: brightness(1.04);
}

@media (max-width: 767px) {
    body.gns-modern-clientarea .client-home-panels #registerDomainPanel .input-group-btn .btn {
        min-width: 0;
        flex: 1 1 auto;
    }
}

/* Home cliente: widgets/paneles/botones con contraste alto */
body.gns-modern-clientarea .tiles .tile {
    background: linear-gradient(165deg, #15273a, #102032) !important;
    border-right-color: #35506a !important;
}

body.gns-modern-clientarea .tiles .tile:hover {
    background: linear-gradient(165deg, #1a3148, #15283d) !important;
}

body.gns-modern-clientarea .tile .title {
    color: #aecdde !important;
}

body.gns-modern-clientarea .tile .icon {
    color: #6f8eab !important;
}

body.gns-modern-clientarea .client-home-panels .panel,
body.gns-modern-clientarea .client-home-panels .panel-default,
body.gns-modern-clientarea .client-home-panels .panel-body,
body.gns-modern-clientarea .client-home-panels .panel-footer {
    background: linear-gradient(165deg, #14263a, #102033) !important;
    border-color: #304b66 !important;
    color: #dcecff !important;
}

body.gns-modern-clientarea .client-home-panels .panel > .panel-heading {
    background: linear-gradient(180deg, #1c334a, #172c42) !important;
    border-bottom: 1px solid #355471 !important;
    color: #ecf6ff !important;
}

body.gns-modern-clientarea .client-home-panels .panel > .panel-heading .panel-title,
body.gns-modern-clientarea .client-home-panels .panel > .panel-heading .panel-title a,
body.gns-modern-clientarea .client-home-panels .panel > .panel-heading .panel-title span,
body.gns-modern-clientarea .client-home-panels .panel .panel-body,
body.gns-modern-clientarea .client-home-panels .panel .panel-body p,
body.gns-modern-clientarea .client-home-panels .panel .panel-body li,
body.gns-modern-clientarea .client-home-panels .panel .panel-footer,
body.gns-modern-clientarea .client-home-panels .panel .panel-footer p,
body.gns-modern-clientarea .client-home-panels .panel .panel-footer span,
body.gns-modern-clientarea .client-home-panels .panel table,
body.gns-modern-clientarea .client-home-panels .panel table td,
body.gns-modern-clientarea .client-home-panels .panel table th {
    color: #dcecff !important;
}

body.gns-modern-clientarea .client-home-panels .panel > .list-group,
body.gns-modern-clientarea .client-home-panels .panel > .list-group .list-group-item {
    background: #122338 !important;
    border-color: #2d4863 !important;
    color: #d8e9fb !important;
}

body.gns-modern-clientarea .client-home-panels .panel > .list-group a.list-group-item:hover,
body.gns-modern-clientarea .client-home-panels .panel > .list-group a.list-group-item:focus {
    background: #1a3148 !important;
    color: #f0f7ff !important;
}

body.gns-modern-clientarea .client-home-panels .panel .table > thead > tr > th {
    background: #1b3249 !important;
    border-color: #35526f !important;
    color: #edf7ff !important;
}

body.gns-modern-clientarea .client-home-panels .panel .table > tbody > tr > td,
body.gns-modern-clientarea .client-home-panels .panel .table > tbody > tr > th {
    border-color: #2e4964 !important;
}

body.gns-modern-clientarea .client-home-panels .panel .table-striped > tbody > tr:nth-of-type(odd) {
    background: #13263b !important;
}

body.gns-modern-clientarea .client-home-panels .panel .table-striped > tbody > tr:nth-of-type(even) {
    background: #0f1f31 !important;
}

body.gns-modern-clientarea .client-home-panels .panel .table-striped > tbody > tr:hover {
    background: #1a334c !important;
}

body.gns-modern-clientarea .client-home-panels .panel .btn-default {
    background: #213b56 !important;
    border-color: #3c5d7c !important;
    color: #e5f2ff !important;
}

body.gns-modern-clientarea .client-home-panels .panel .btn-default:hover,
body.gns-modern-clientarea .client-home-panels .panel .btn-default:focus {
    background: #2b4a6a !important;
    color: #f4f9ff !important;
}

body.gns-modern-clientarea .client-home-panels .panel .btn-warning,
body.gns-modern-clientarea .client-home-panels .panel .btn-info,
body.gns-modern-clientarea .client-home-panels .panel .btn-success,
body.gns-modern-clientarea .client-home-panels .panel .btn-danger {
    color: #ffffff !important;
}

/* Global: eliminar fondos claros en todo el client area six */
body.gns-modern-clientarea .table-list > thead > tr > th,
body.gns-modern-clientarea table.table-list thead th,
body.gns-modern-clientarea .dataTables_wrapper table.table-list thead th {
    background: #1a3048 !important;
    color: #eef7ff !important;
    border-bottom-color: #35526f !important;
}

body.gns-modern-clientarea .table-list > tbody > tr > td,
body.gns-modern-clientarea table.table-list tbody td,
body.gns-modern-clientarea .dataTables_wrapper table.table-list tbody td {
    background: #122438 !important;
    color: #deecff !important;
    border-top-color: #2e4964 !important;
}

body.gns-modern-clientarea .table-list > tbody > tr:nth-child(even) > td,
body.gns-modern-clientarea table.table-list tbody tr:nth-child(even) td,
body.gns-modern-clientarea .dataTables_wrapper table.table-list tbody tr:nth-child(even) td {
    background: #102033 !important;
}

body.gns-modern-clientarea .table-list > tbody > tr:hover > td,
body.gns-modern-clientarea table.table-list tbody tr:hover td {
    background: #19324a !important;
}

body.gns-modern-clientarea .table-list > tbody > tr > td a,
body.gns-modern-clientarea .table-list > tbody > tr > td a.border-left {
    color: #cfe6ff !important;
    border-left-color: #31506d !important;
}

body.gns-modern-clientarea .table-list > tbody > tr > td a:hover {
    color: #f4f9ff !important;
}

body.gns-modern-clientarea .status,
body.gns-modern-clientarea .status-custom {
    background: #132438 !important;
    color: #e5f1ff !important;
    border-color: #3a5a78 !important;
}

body.gns-modern-clientarea .label.status.status-unpaid,
body.gns-modern-clientarea .status.status-unpaid {
    background: #8f1f2f !important;
    border-color: #c64558 !important;
    color: #fff3f5 !important;
}

body.gns-modern-clientarea .label.status.status-cancelled,
body.gns-modern-clientarea .status.status-cancelled {
    background: #4a5568 !important;
    border-color: #6b7280 !important;
    color: #f3f4f6 !important;
}

body.gns-modern-clientarea .panel-sidebar .list-group-item,
body.gns-modern-clientarea .panel-actions > .list-group .list-group-item,
body.gns-modern-clientarea .sidebar .list-group-item,
body.gns-modern-clientarea div.sidebar .list-group-item-selected {
    background: #122338 !important;
    color: #dcecff !important;
    border-color: #2f4a66 !important;
}

body.gns-modern-clientarea .panel-sidebar a.list-group-item:hover,
body.gns-modern-clientarea .panel-actions > .list-group a.list-group-item:hover,
body.gns-modern-clientarea .sidebar a.list-group-item:hover {
    background: #1b334b !important;
    color: #f2f8ff !important;
}

body.gns-modern-clientarea div.product-details div.product-icon,
body.gns-modern-clientarea .upgrade .product-to-be-upgraded,
body.gns-modern-clientarea .ticketfeedbackstaffcont,
body.gns-modern-clientarea .domainresults div:not(.btn-group) {
    background: #14273c !important;
    color: #ddecff !important;
    border-color: #31506d !important;
}

body.gns-modern-clientarea .list-group-item-danger,
body.gns-modern-clientarea .list-group-item-warning,
body.gns-modern-clientarea .list-group-item-info,
body.gns-modern-clientarea .list-group-item-success {
    color: #e7f2ff !important;
    border-color: #35526f !important;
}

body.gns-modern-clientarea .list-group-item-danger {
    background: #3c1f27 !important;
}

body.gns-modern-clientarea .list-group-item-warning {
    background: #3f3118 !important;
}

body.gns-modern-clientarea .list-group-item-info {
    background: #17344d !important;
}

body.gns-modern-clientarea .list-group-item-success {
    background: #1a3a2d !important;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_info,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_filter label,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_length label,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_paginate {
    color: #cde0f5 !important;
}

/* Global final: botones, barras de titulo, paginadores y formularios */
body.gns-modern-clientarea .header-lined,
body.gns-modern-clientarea .sub-heading,
body.gns-modern-clientarea .section-heading,
body.gns-modern-clientarea .panel-title,
body.gns-modern-clientarea .modal-title {
    color: #eef7ff !important;
}

body.gns-modern-clientarea .header-lined,
body.gns-modern-clientarea .sub-heading {
    border-color: #35516e !important;
}

body.gns-modern-clientarea .sub-heading span,
body.gns-modern-clientarea .header-lined small,
body.gns-modern-clientarea .panel-heading .panel-title .btn {
    background: #182b40 !important;
    color: #dff0ff !important;
    border-color: #35516e !important;
}

body.gns-modern-clientarea .btn,
body.gns-modern-clientarea button,
body.gns-modern-clientarea input[type="submit"],
body.gns-modern-clientarea input[type="button"] {
    border-radius: 6px;
}

body.gns-modern-clientarea .btn-default,
body.gns-modern-clientarea .btn-secondary,
body.gns-modern-clientarea .btn-sm.btn-default,
body.gns-modern-clientarea .btn-group .btn-default,
body.gns-modern-clientarea .dropdown-toggle.btn-default {
    background: #1e3751 !important;
    border-color: #3b5c7b !important;
    color: #e7f3ff !important;
}

body.gns-modern-clientarea .btn-default:hover,
body.gns-modern-clientarea .btn-default:focus,
body.gns-modern-clientarea .btn-secondary:hover,
body.gns-modern-clientarea .btn-secondary:focus {
    background: #294968 !important;
    border-color: #4d7395 !important;
    color: #f4f9ff !important;
}

body.gns-modern-clientarea .btn-primary,
body.gns-modern-clientarea .btn-success,
body.gns-modern-clientarea .btn-info,
body.gns-modern-clientarea .btn-warning,
body.gns-modern-clientarea .btn-danger {
    border-color: transparent !important;
    color: #ffffff !important;
}

body.gns-modern-clientarea .pagination > li > a,
body.gns-modern-clientarea .pagination > li > span,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_paginate .pagination > li > a,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_paginate .pagination > li > span {
    background: #15283d !important;
    border-color: #35506d !important;
    color: #d9ebff !important;
}

body.gns-modern-clientarea .pagination > li > a:hover,
body.gns-modern-clientarea .pagination > li > span:hover,
body.gns-modern-clientarea .pagination > li > a:focus,
body.gns-modern-clientarea .pagination > li > span:focus {
    background: #1e3852 !important;
    color: #f1f8ff !important;
}

body.gns-modern-clientarea .pagination > .active > a,
body.gns-modern-clientarea .pagination > .active > span,
body.gns-modern-clientarea .pagination > .active > a:hover,
body.gns-modern-clientarea .pagination > .active > span:hover,
body.gns-modern-clientarea .pagination > .active > a:focus,
body.gns-modern-clientarea .pagination > .active > span:focus {
    background: linear-gradient(140deg, #1fd4b0, #13a9ff) !important;
    border-color: transparent !important;
    color: #072439 !important;
}

body.gns-modern-clientarea input,
body.gns-modern-clientarea textarea,
body.gns-modern-clientarea select,
body.gns-modern-clientarea .form-control,
body.gns-modern-clientarea .field,
body.gns-modern-clientarea .input-group-addon,
body.gns-modern-clientarea .selectize-input,
body.gns-modern-clientarea .bootstrap-select > .dropdown-toggle,
body.gns-modern-clientarea .select2-container .select2-selection,
body.gns-modern-clientarea .select2-dropdown {
    background: #112235 !important;
    border-color: #334f6b !important;
    color: #e2eeff !important;
}

body.gns-modern-clientarea input::placeholder,
body.gns-modern-clientarea textarea::placeholder,
body.gns-modern-clientarea .form-control::placeholder,
body.gns-modern-clientarea .field::placeholder {
    color: #9cb6d2 !important;
    opacity: 1;
}

body.gns-modern-clientarea input:focus,
body.gns-modern-clientarea textarea:focus,
body.gns-modern-clientarea select:focus,
body.gns-modern-clientarea .form-control:focus,
body.gns-modern-clientarea .field:focus,
body.gns-modern-clientarea .bootstrap-select > .dropdown-toggle:focus,
body.gns-modern-clientarea .select2-container--default.select2-container--focus .select2-selection {
    border-color: #58b7ff !important;
    box-shadow: 0 0 0 2px rgba(88, 183, 255, 0.2) !important;
}

body.gns-modern-clientarea .dropdown-menu,
body.gns-modern-clientarea .dropdown-menu > li > a,
body.gns-modern-clientarea .popover,
body.gns-modern-clientarea .modal-content,
body.gns-modern-clientarea .modal-header,
body.gns-modern-clientarea .modal-footer {
    background: #15283d !important;
    border-color: #35506d !important;
    color: #dcecff !important;
}

body.gns-modern-clientarea .dropdown-menu > li > a:hover,
body.gns-modern-clientarea .dropdown-menu > li > a:focus {
    background: #1f3a55 !important;
    color: #f3f9ff !important;
}

/* DataTables global: lupa visible + barra 'Ver X Entradas' legible */
body.gns-modern-clientarea .dataTables_wrapper .dataTables_filter label {
    position: relative;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_filter label::before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #8fb2d4;
    pointer-events: none;
    z-index: 3;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_filter label .form-control {
    background-image: none !important;
    background-color: #112235 !important;
    border-color: #334f6b !important;
    color: #e2eeff !important;
    padding-left: 42px !important;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_filter label .form-control::placeholder {
    color: #9cb6d2 !important;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_length,
body.gns-modern-clientarea div.dataTables_wrapper div.dataTables_length {
    background: #15283d !important;
    color: #d9ebff !important;
    border-top: 1px solid #35506d !important;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_length label,
body.gns-modern-clientarea div.dataTables_wrapper div.dataTables_length label {
    color: #d9ebff !important;
}

body.gns-modern-clientarea .dataTables_wrapper .dataTables_length label select,
body.gns-modern-clientarea .dataTables_wrapper .dataTables_length label .form-control,
body.gns-modern-clientarea div.dataTables_wrapper div.dataTables_length select {
    background: #112235 !important;
    border: 1px solid #334f6b !important;
    color: #e2eeff !important;
}

/* Carrito/orderform: Elegir dominio (standard_cart) */
body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option {
    background: #14263a !important;
    border: 1px solid #2f4a66 !important;
    color: #dcecff !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option label,
body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option span,
body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option p {
    color: #dcecff !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option:hover {
    background: #1b334b !important;
    border-color: #3a5c7a !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option-selected {
    background: #1d3852 !important;
    border-color: #4b7397 !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-selection-options .option-selected label {
    color: #eef7ff !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-input-group .form-control,
body.gns-modern-clientarea #order-standard_cart .domain-input-group .domain-search-input,
body.gns-modern-clientarea #order-standard_cart .domain-input-group select {
    background: #102033 !important;
    border-color: #35526f !important;
    color: #e2eeff !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-input-group .form-control::placeholder,
body.gns-modern-clientarea #order-standard_cart .domain-input-group .domain-search-input::placeholder {
    color: #9cb6d2 !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-input-group .input-group-btn .btn,
body.gns-modern-clientarea #order-standard_cart .domain-input-group .btn,
body.gns-modern-clientarea #order-standard_cart .btn-transfer {
    border-color: transparent !important;
}

body.gns-modern-clientarea #order-standard_cart .domain-checker-bg,
body.gns-modern-clientarea #order-standard_cart .domain-checker-container {
    background: transparent !important;
}

/* Carrito/orderform: Elija ciclo de facturacion (standard_cart) */
body.gns-modern-clientarea #order-standard_cart .field-container,
body.gns-modern-clientarea #order-standard_cart .form-group,
body.gns-modern-clientarea #order-standard_cart .product-configurable-options {
    background: transparent !important;
}

body.gns-modern-clientarea #order-standard_cart .product-info {
    background: #122438 !important;
    border-top: 1px solid #2f4a66 !important;
    border-bottom: 1px solid #2f4a66 !important;
    color: #dcecff !important;
}

body.gns-modern-clientarea #order-standard_cart .product-info .product-title,
body.gns-modern-clientarea #order-standard_cart label,
body.gns-modern-clientarea #order-standard_cart .info-text-sm {
    color: #dcecff !important;
}

body.gns-modern-clientarea #order-standard_cart .categories-collapsed {
    background: #122438 !important;
    border: 1px solid #2f4a66 !important;
}

body.gns-modern-clientarea #order-standard_cart .categories-collapsed select,
body.gns-modern-clientarea #order-standard_cart #inputBillingcycle,
body.gns-modern-clientarea #order-standard_cart select.custom-select,
body.gns-modern-clientarea #order-standard_cart select.select-inline {
    background: #102033 !important;
    border-color: #35526f !important;
    color: #e2eeff !important;
}

body.gns-modern-clientarea #order-standard_cart #inputBillingcycle:focus,
body.gns-modern-clientarea #order-standard_cart select.custom-select:focus,
body.gns-modern-clientarea #order-standard_cart select.select-inline:focus {
    border-color: #58b7ff !important;
    box-shadow: 0 0 0 2px rgba(88, 183, 255, 0.2) !important;
}

body.gns-modern-clientarea #order-standard_cart .sub-heading span {
    background: #182b40 !important;
    color: #dff0ff !important;
    border: 1px solid #35516e !important;
}

body.gns-modern-clientarea #order-standard_cart .product-configurable-options .form-group > br {
    display: none;
}

body.gns-modern-clientarea #order-standard_cart .product-configurable-options .form-group > label:not([for]) {
    display: block;
    margin: 0 0 2px 0;
    padding: 9px 12px 9px 34px;
    background: #14263a !important;
    border: 1px solid #2f4a66 !important;
    border-radius: 6px;
    color: #dcecff !important;
    font-weight: 500;
    line-height: 1.35;
}

body.gns-modern-clientarea #order-standard_cart .product-configurable-options .form-group > label:not([for]):hover {
    background: #1b334b !important;
    border-color: #3a5c7a !important;
}

body.gns-modern-clientarea #order-standard_cart .product-configurable-options .form-group > label:not([for]) input[type="radio"] {
    margin-top: 2px;
}

body.gns-modern-clientarea #order-standard_cart .product-configurable-options .form-group > label:not([for]) .iradio_square-blue {
    margin-left: -24px;
    margin-right: 8px;
}

/* Notificaciones del header: mayor contraste */
body.gns-modern-clientarea .popover-user-notifications {
    background: #122438 !important;
    border: 1px solid #35506d !important;
    color: #deecff !important;
}

body.gns-modern-clientarea .popover-user-notifications .arrow:after {
    border-bottom-color: #122438 !important;
}

body.gns-modern-clientarea .popover-user-notifications .popover-content,
body.gns-modern-clientarea .popover-user-notifications ul,
body.gns-modern-clientarea .popover-user-notifications ul li,
body.gns-modern-clientarea .popover-user-notifications ul li a,
body.gns-modern-clientarea .popover-user-notifications ul li .message {
    color: #deecff !important;
}

body.gns-modern-clientarea .popover-user-notifications ul li {
    border-bottom-color: #2f4a66 !important;
}

body.gns-modern-clientarea .popover-user-notifications ul li a:hover,
body.gns-modern-clientarea .popover-user-notifications ul li a:focus {
    background: #1a334c !important;
    color: #f4f9ff !important;
}

body.gns-modern-clientarea .popover-user-notifications ul li.none {
    color: #dcecff !important;
}

body.gns-modern-clientarea #accountNotifications,
body.gns-modern-clientarea #accountNotifications .caret {
    color: #dcecff !important;
}

/* Gestion de usuarios */
body.gns-modern-clientarea .gns-user-management-table > tbody > tr > th,
body.gns-modern-clientarea .gns-user-management-table > thead > tr > th {
    background: #1a3048 !important;
    border-top-color: #35526f !important;
    border-bottom-color: #35526f !important;
    color: #eef7ff !important;
}

body.gns-modern-clientarea .gns-user-management-table > tbody > tr > td {
    background: #122438 !important;
    border-top-color: #2f4a66 !important;
    color: #deecff !important;
}

body.gns-modern-clientarea .gns-user-management-table.table-striped > tbody > tr:nth-of-type(odd) > td {
    background: #122438 !important;
}

body.gns-modern-clientarea .gns-user-management-table.table-striped > tbody > tr:nth-of-type(even) > td {
    background: #102033 !important;
}

/* Cuentas vinculadas: boton Google con contraste correcto */
body.gns-modern-clientarea .social-signin-btns .btn-google,
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google,
body.gns-modern-clientarea .providerPreLinking .btn-google {
    background: #ffffff !important;
    border: 1px solid #b8c7d9 !important;
    color: #1f2937 !important;
    text-shadow: none !important;
}

body.gns-modern-clientarea .social-signin-btns .btn-google:hover,
body.gns-modern-clientarea .social-signin-btns .btn-google:focus,
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google:hover,
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google:focus,
body.gns-modern-clientarea .providerPreLinking .btn-google:hover,
body.gns-modern-clientarea .providerPreLinking .btn-google:focus {
    background: #f2f6fb !important;
    border-color: #8fa8c1 !important;
    color: #111827 !important;
}

body.gns-modern-clientarea .social-signin-btns .btn-google i,
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google i,
body.gns-modern-clientarea .providerPreLinking .btn-google i {
    color: #1f2937 !important;
    border-right-color: rgba(17, 24, 39, 0.2) !important;
}

body.gns-modern-clientarea .social-signin-btns .btn-google[disabled],
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google.disabled,
body.gns-modern-clientarea .social-signin-btns .btn-social.btn-google[disabled],
body.gns-modern-clientarea .providerPreLinking .btn-google.disabled,
body.gns-modern-clientarea .providerPreLinking .btn-google[disabled] {
    opacity: 0.78 !important;
    color: #4b5563 !important;
}