/*
 * Xeteria Hosting Client Area v1.0.2
 * Global surface normalization for WHMCS 9 / Nexus-derived markup.
 * This file loads after theme.min.css and xeteria.css.
 */

@media screen {
  /* Generic Nexus utility surfaces that otherwise remain white. */
  body.xeteria-body .bg-white,
  body.xeteria-body .bg-light,
  body.xeteria-body .bg-default,
  body.xeteria-body .content-block,
  body.xeteria-body .content-padded,
  body.xeteria-body .well,
  body.xeteria-body .jumbotron,
  body.xeteria-body .continue-container,
  body.xeteria-body .invite-box,
  body.xeteria-body .select-account,
  body.xeteria-body .alert:has(form) {
    color: #d7dced !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }

  body.xeteria-body .primary-content .card,
  body.xeteria-body .primary-content .panel,
  body.xeteria-body .primary-content .mc-promo-manage,
  body.xeteria-body .primary-content .mc-promo-login,
  body.xeteria-body .primary-content .promo-container,
  body.xeteria-body .sidebar .card,
  body.xeteria-body .modal-content,
  body.xeteria-body .popover {
    color: #d7dced !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
    border-color: rgba(255, 255, 255, .09) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
  }

  body.xeteria-body .card-header,
  body.xeteria-body .panel-heading,
  body.xeteria-body .promo-container .header,
  body.xeteria-body .popover-header,
  body.xeteria-body .modal-header {
    color: #f7f8ff !important;
    background: rgba(255, 255, 255, .026) !important;
    border-color: rgba(255, 255, 255, .075) !important;
  }

  body.xeteria-body .card-body,
  body.xeteria-body .panel-body,
  body.xeteria-body .popover-body,
  body.xeteria-body .modal-body,
  body.xeteria-body .promo-container .content {
    color: #c7cde0 !important;
    background: transparent !important;
  }

  body.xeteria-body .card-footer,
  body.xeteria-body .panel-footer,
  body.xeteria-body .modal-footer {
    color: #929bb8 !important;
    background: rgba(255, 255, 255, .018) !important;
    border-color: rgba(255, 255, 255, .055) !important;
  }

  body.xeteria-body .card-title,
  body.xeteria-body .panel-title,
  body.xeteria-body .panel-heading h1,
  body.xeteria-body .panel-heading h2,
  body.xeteria-body .panel-heading h3,
  body.xeteria-body .panel-heading h4,
  body.xeteria-body .card-header h1,
  body.xeteria-body .card-header h2,
  body.xeteria-body .card-header h3,
  body.xeteria-body .card-header h4,
  body.xeteria-body .card-header h5,
  body.xeteria-body .card-header a {
    color: #f7f8ff !important;
  }

  /* Lists, knowledge-base entries, download entries and side menus. */
  body.xeteria-body .list-group,
  body.xeteria-body .list-group-flush {
    background: transparent !important;
  }
  body.xeteria-body .list-group-item,
  body.xeteria-body .kb-article-item,
  body.xeteria-body .select-account a {
    color: #c7cde0 !important;
    background: rgba(255, 255, 255, .018) !important;
    border-color: rgba(255, 255, 255, .06) !important;
  }
  body.xeteria-body .list-group-item-action:hover,
  body.xeteria-body .list-group-item-action:focus,
  body.xeteria-body .kb-article-item:hover,
  body.xeteria-body .select-account a:hover {
    color: #fff !important;
    background: rgba(129, 104, 255, .085) !important;
  }
  body.xeteria-body .list-group-item.active,
  body.xeteria-body .list-group-item-action.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(129, 104, 255, .24), rgba(56, 216, 255, .08)) !important;
    border-color: rgba(155, 128, 255, .34) !important;
  }
  body.xeteria-body .list-group-item.disabled,
  body.xeteria-body .list-group-item:disabled {
    color: #66708f !important;
    background: rgba(255, 255, 255, .012) !important;
  }

  /* Tables and DataTables. */
  body.xeteria-body .table,
  body.xeteria-body .table td,
  body.xeteria-body .table th {
    color: #d8dced !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .06) !important;
  }
  body.xeteria-body table.table-list thead th,
  body.xeteria-body .table thead th,
  body.xeteria-body .table thead td {
    color: #939cba !important;
    background: rgba(255, 255, 255, .028) !important;
    border-color: rgba(255, 255, 255, .075) !important;
  }
  body.xeteria-body .table-list > tbody > tr > td,
  body.xeteria-body .table-striped tbody tr:nth-of-type(odd) td,
  body.xeteria-body .table-striped tbody tr:nth-of-type(odd) th,
  body.xeteria-body table.dataTable tbody tr,
  body.xeteria-body table.dataTable tbody td {
    color: #d3d8e9 !important;
    background: rgba(13, 16, 31, .86) !important;
  }
  body.xeteria-body .table-list > tbody > tr:hover > td,
  body.xeteria-body .table-hover tbody tr:hover td,
  body.xeteria-body table.dataTable tbody tr:hover td {
    color: #fff !important;
    background: rgba(129, 104, 255, .075) !important;
  }
  body.xeteria-body .dataTables_wrapper,
  body.xeteria-body .dataTables_info,
  body.xeteria-body .dataTables_length,
  body.xeteria-body .dataTables_filter,
  body.xeteria-body .dataTables_paginate {
    color: #9da5c2 !important;
  }
  body.xeteria-body .dataTables_wrapper .dataTables_filter label .form-control,
  body.xeteria-body .dataTables_wrapper .dataTables_length select,
  body.xeteria-body .dataTables_wrapper input,
  body.xeteria-body .dataTables_wrapper select {
    color: #f7f8ff !important;
    background: rgba(255, 255, 255, .045) !important;
    border-color: rgba(255, 255, 255, .095) !important;
  }
  body.xeteria-body table.dataTable.dtr-inline.collapsed > tbody > tr.child td.child,
  body.xeteria-body table.dataTable > tbody > tr.child ul.dtr-details {
    color: #cbd1e3 !important;
    background: #101326 !important;
  }

  /* Tabs and tabbed product/domain/service output. */
  body.xeteria-body .nav-tabs,
  body.xeteria-body .responsive-tabs-sm {
    border-color: rgba(255, 255, 255, .08) !important;
    background: transparent !important;
  }
  body.xeteria-body .nav-tabs .nav-link,
  body.xeteria-body .responsive-tabs-sm .nav-item a {
    color: #969fbc !important;
    background: rgba(255, 255, 255, .018) !important;
    border-color: transparent !important;
  }
  body.xeteria-body .nav-tabs .nav-link:hover,
  body.xeteria-body .responsive-tabs-sm .nav-item a:hover {
    color: #fff !important;
    background: rgba(129, 104, 255, .075) !important;
    border-color: rgba(155, 128, 255, .18) !important;
  }
  body.xeteria-body .nav-tabs .nav-link.active,
  body.xeteria-body .nav-tabs .nav-item.show .nav-link,
  body.xeteria-body .responsive-tabs-sm .nav-item a.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(129, 104, 255, .22), rgba(56, 216, 255, .07)) !important;
    border-color: rgba(155, 128, 255, .30) !important;
  }
  body.xeteria-body .tab-content,
  body.xeteria-body div.product-details-tab-container,
  body.xeteria-body .responsive-tabs-sm-connector .channel {
    color: #cbd1e3 !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }

  /* Forms with Nexus-specific high specificity. */
  body.xeteria-body .form-control,
  body.xeteria-body .custom-select,
  body.xeteria-body .custom-file-label,
  body.xeteria-body #registration .field,
  body.xeteria-body #registration .form-control,
  body.xeteria-body .md-editor > textarea.markdown-editor,
  body.xeteria-body .md-editor > .md-preview {
    color: #eef0fa !important;
    background-color: rgba(255, 255, 255, .045) !important;
    border-color: rgba(255, 255, 255, .10) !important;
  }
  body.xeteria-body .form-control:focus,
  body.xeteria-body .custom-select:focus,
  body.xeteria-body #registration .field:focus,
  body.xeteria-body #registration .form-control:focus {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .06) !important;
    border-color: rgba(129, 104, 255, .72) !important;
    box-shadow: 0 0 0 .2rem rgba(129, 104, 255, .12) !important;
  }
  body.xeteria-body .form-control:disabled,
  body.xeteria-body .form-control[readonly],
  body.xeteria-body .custom-select:disabled,
  body.xeteria-body #registration .field[disabled],
  body.xeteria-body #registration .field[readonly] {
    color: #8089a7 !important;
    background-color: rgba(255, 255, 255, .025) !important;
  }
  body.xeteria-body select option {
    color: #f7f8ff;
    background: #111425;
  }
  body.xeteria-body .custom-control-label::before {
    background-color: #101326 !important;
    border-color: rgba(255, 255, 255, .18) !important;
  }
  body.xeteria-body .input-group .btn-reveal-pw:hover,
  body.xeteria-body .input-group .btn-reveal-pw:active,
  body.xeteria-body .custom-file-label::after {
    color: #dfe3f2 !important;
    background: rgba(129, 104, 255, .10) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-body #registration .sub-heading span,
  body.xeteria-body #order-standard_cart .sub-heading span {
    color: #f7f8ff !important;
    background: #0b0d19 !important;
  }

  /* Markdown editor and ticket composer. */
  body.xeteria-body .md-editor,
  body.xeteria-body .md-editor > .btn-toolbar,
  body.xeteria-body .md-editor > .md-header,
  body.xeteria-body .md-editor > .md-footer,
  body.xeteria-body .md-preview,
  body.xeteria-body .markdown-content table {
    color: #d7dced !important;
    background: #101326 !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-body .md-editor > .btn-toolbar .btn {
    color: #dfe3f2 !important;
    background: rgba(255, 255, 255, .035) !important;
    border-color: rgba(255, 255, 255, .08) !important;
  }

  /* Domain search, service details, product upgrades and store pages. */
  body.xeteria-body .home-domain-search,
  body.xeteria-body .home-domain-search.bg-white,
  body.xeteria-body .home-domain-search .input-group-wrapper,
  body.xeteria-body .store-order-container,
  body.xeteria-body .store-order-container .store-domain-tab-content,
  body.xeteria-body .upgrade .products .product,
  body.xeteria-body .featured-tld,
  body.xeteria-body .secondary-cart-body #domainRenewals,
  body.xeteria-body .promo-banner {
    color: #d7dced !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-body .store-order-container .store-domain-tabs li.active a,
  body.xeteria-body .featured-tld .price,
  body.xeteria-body .upgrade .products .product .header,
  body.xeteria-body .upgrade .products .product .footer {
    color: #f7f8ff !important;
    background: rgba(255, 255, 255, .026) !important;
    border-color: rgba(255, 255, 255, .075) !important;
  }
  body.xeteria-body .product-details .product-status,
  body.xeteria-body .product-details .product-icon,
  body.xeteria-body .product-details .product-status-text,
  body.xeteria-body .product-details .product-status-text .product-status-heading {
    color: #f7f8ff !important;
    background-color: transparent !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }

  /* Support threads, announcements, emails and account switchers. */
  body.xeteria-body .ticket-reply,
  body.xeteria-body .ticket-reply .user,
  body.xeteria-body .announcements .announcement,
  body.xeteria-body .view-email,
  body.xeteria-body .email-message,
  body.xeteria-body .user-account-selection,
  body.xeteria-body .account-select-container {
    color: #cbd1e3 !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-body .ticket-reply.staff {
    border-color: rgba(129, 104, 255, .32) !important;
  }

  /* Menus, popovers, pagination and misc floating UI. */
  body.xeteria-body .dropdown-menu,
  body.xeteria-body .dropdown-menu.show,
  body.xeteria-body #accountNotificationsContent {
    color: #d7dced !important;
    background: #111425 !important;
    border-color: rgba(255, 255, 255, .10) !important;
  }
  body.xeteria-body .dropdown-item {
    color: #c7cde0 !important;
  }
  body.xeteria-body .dropdown-item:hover,
  body.xeteria-body .dropdown-item:focus,
  body.xeteria-body .dropdown-item.active {
    color: #fff !important;
    background: rgba(129, 104, 255, .11) !important;
  }
  body.xeteria-body .page-link,
  body.xeteria-body .pagination > li > a,
  body.xeteria-body .pagination > li > span {
    color: #bcb1ff !important;
    background: #111425 !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-body .page-item.disabled .page-link {
    color: #5f6885 !important;
    background: #0d1020 !important;
  }
  body.xeteria-body .page-item.active .page-link,
  body.xeteria-body .pagination > .active > a,
  body.xeteria-body .pagination > .active > span {
    color: #fff !important;
    background: #7357ff !important;
    border-color: #7357ff !important;
  }

  /* Semantic utility blocks keep meaning without glaring light surfaces. */
  body.xeteria-body .bg-primary { background: rgba(129, 104, 255, .16) !important; }
  body.xeteria-body .bg-info { background: rgba(56, 216, 255, .12) !important; }
  body.xeteria-body .bg-success { background: rgba(69, 230, 166, .12) !important; }
  body.xeteria-body .bg-warning { background: rgba(255, 201, 107, .12) !important; }
  body.xeteria-body .bg-danger { background: rgba(255, 107, 136, .12) !important; }
  body.xeteria-body .text-dark { color: #d7dced !important; }

  /* Prevent inherited component copy from becoming dark-on-dark. */
  body.xeteria-body .primary-content h1,
  body.xeteria-body .primary-content h2,
  body.xeteria-body .primary-content h3,
  body.xeteria-body .primary-content h4,
  body.xeteria-body .primary-content h5,
  body.xeteria-body .primary-content h6,
  body.xeteria-body .primary-content strong,
  body.xeteria-body .primary-content dt {
    color: #f3f5ff;
  }
  body.xeteria-body .primary-content p,
  body.xeteria-body .primary-content dd,
  body.xeteria-body .primary-content li {
    color: #c0c7db;
  }
}

/* Standalone invoice and quote screens. */
@media screen {
  body.xeteria-invoice-body {
    min-height: 100vh;
    padding: 2rem 1rem;
    color: #eef0fa;
    background:
      radial-gradient(circle at 12% 5%, rgba(117, 87, 255, .18), transparent 28rem),
      radial-gradient(circle at 90% 20%, rgba(56, 216, 255, .10), transparent 30rem),
      #070811;
  }
  body.xeteria-invoice-body .invoice-container {
    max-width: 1100px;
    color: #d9deef !important;
    background: linear-gradient(145deg, rgba(18, 21, 39, .99), rgba(10, 12, 25, .99)) !important;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
  }
  body.xeteria-invoice-body .invoice-container h1,
  body.xeteria-invoice-body .invoice-container h2,
  body.xeteria-invoice-body .invoice-container h3,
  body.xeteria-invoice-body .invoice-container h4,
  body.xeteria-invoice-body .invoice-container strong {
    color: #f7f8ff;
  }
  body.xeteria-invoice-body .invoice-container a { color: #b9abff; }
  body.xeteria-invoice-body .invoice-container hr { border-color: rgba(255, 255, 255, .08); }
  body.xeteria-invoice-body .invoice-container .card,
  body.xeteria-invoice-body .invoice-container .panel,
  body.xeteria-invoice-body .invoice-container .modal-content {
    color: #d7dced;
    background: rgba(13, 16, 31, .88) !important;
    border-color: rgba(255, 255, 255, .09) !important;
  }
  body.xeteria-invoice-body .invoice-container .card-header,
  body.xeteria-invoice-body .invoice-container .panel-heading,
  body.xeteria-invoice-body .invoice-container .card-footer,
  body.xeteria-invoice-body .invoice-container .panel-footer {
    color: #f7f8ff !important;
    background: rgba(255, 255, 255, .025) !important;
    border-color: rgba(255, 255, 255, .07) !important;
  }
  body.xeteria-invoice-body .invoice-container .table,
  body.xeteria-invoice-body .invoice-container .table td,
  body.xeteria-invoice-body .invoice-container .table th {
    color: #d7dced !important;
    background: transparent !important;
    border-color: rgba(255, 255, 255, .06) !important;
  }
  body.xeteria-invoice-body .invoice-container .table thead td,
  body.xeteria-invoice-body .invoice-container .table thead th,
  body.xeteria-invoice-body .invoice-container .total-row {
    color: #f1f3fb !important;
    background: rgba(255, 255, 255, .026) !important;
  }
  body.xeteria-invoice-body .invoice-container .form-control,
  body.xeteria-invoice-body .invoice-container .custom-select {
    color: #f7f8ff;
    background: #111425;
    border-color: rgba(255, 255, 255, .10);
  }
  body.xeteria-invoice-body .invoice-container select option {
    color: #f7f8ff;
    background: #111425;
  }
}

@media print {
  body.xeteria-invoice-body,
  body.xeteria-invoice-body .invoice-container {
    color: #20243a !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.xeteria-invoice-body .invoice-container h1,
  body.xeteria-invoice-body .invoice-container h2,
  body.xeteria-invoice-body .invoice-container h3,
  body.xeteria-invoice-body .invoice-container h4,
  body.xeteria-invoice-body .invoice-container strong,
  body.xeteria-invoice-body .invoice-container .table,
  body.xeteria-invoice-body .invoice-container .table td,
  body.xeteria-invoice-body .invoice-container .table th {
    color: #20243a !important;
  }
  body.xeteria-invoice-body .invoice-container .card,
  body.xeteria-invoice-body .invoice-container .panel,
  body.xeteria-invoice-body .invoice-container .card-header,
  body.xeteria-invoice-body .invoice-container .panel-heading,
  body.xeteria-invoice-body .invoice-container .card-footer,
  body.xeteria-invoice-body .invoice-container .panel-footer,
  body.xeteria-invoice-body .invoice-container .table thead td,
  body.xeteria-invoice-body .invoice-container .table thead th,
  body.xeteria-invoice-body .invoice-container .total-row {
    color: #20243a !important;
    background: #fff !important;
    border-color: #e5e7ef !important;
  }
}

/* Standalone popup and OAuth layouts. */
@media screen {
  body.xeteria-popup-body {
    min-height: 100vh;
    padding: 1.5rem;
    background: #070811 !important;
  }
  body.xeteria-popup-body > .card {
    max-width: 980px;
    margin: 0 auto;
  }
  body.xeteria-popup-body iframe {
    background: #fff;
    border-radius: 12px;
  }
  body.xeteria-oauth-body #header,
  body.xeteria-oauth-body #content,
  body.xeteria-oauth-body #footer {
    color: #d7dced !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.08) !important;
  }
  body.xeteria-oauth-body #content > .container,
  body.xeteria-oauth-body #content .card,
  body.xeteria-oauth-body #content .panel {
    color: #d7dced !important;
    background: linear-gradient(145deg, rgba(18,21,39,.98), rgba(10,12,25,.98)) !important;
    border-color: rgba(255,255,255,.10) !important;
  }
}