/* =========================================================
   CloudEdgeUS Dashboard V2
   Global Light Mode
   Colors only - do not change layout
   ========================================================= */


/* =========================================================
   Main background
   ========================================================= */

html.ce-light-theme body,
html.ce-light-theme body.ce-overview-v2,
html.ce-light-theme body.ce-account-v2,
html.ce-light-theme body.ce-orders-v2,
html.ce-light-theme body.ce-servers-v2,
html.ce-light-theme body.ce-support-v2,
html.ce-light-theme body.ce-locations-v2 {

  background:
    radial-gradient(
      circle at 84% 18%,
      rgba(65, 140, 255, 0.09),
      transparent 32%
    ),
    radial-gradient(
      circle at 12% 2%,
      rgba(128, 92, 255, 0.06),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #fafafe 0%,
      #f6f8fc 52%,
      #fafafe 100%
    ) !important;

  color: #172033 !important;
}


/* Grid background */

html.ce-light-theme body::before {
  opacity: 0.42 !important;

  background-image:
    linear-gradient(
      rgba(71, 92, 130, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(71, 92, 130, 0.04) 1px,
      transparent 1px
    ) !important;
}


/* Decorative blue arc */

html.ce-light-theme body::after {
  opacity: 0.22 !important;
}


/* =========================================================
   Sidebar
   ========================================================= */

html.ce-light-theme .ce-v2-sidebar {
  background: #ded9ec !important;

  border-right-color:
    #cbc4de !important;
}


html.ce-light-theme .ce-v2-brand {
  color: #172033 !important;
}


html.ce-light-theme .ce-v2-label {
  color: #73809a !important;
}


html.ce-light-theme .ce-v2-nav a {
  color: #526079 !important;

  background:
    transparent !important;
}


html.ce-light-theme
.ce-v2-nav a:hover:not(.active) {
  color: #2f2949 !important;

  background: #d6d0e7 !important;
}


html.ce-light-theme .ce-v2-nav a.active,
html.ce-light-theme .ce-v2-nav a.active:hover {
  color: #342766 !important;

  background: #dcd5fa !important;

  box-shadow:
    inset 3px 0 0 #765cff !important;
}

html.ce-light-theme .ce-v2-icon {
  color: #765cff !important;
}


html.ce-light-theme .ce-v2-footer {
  border-top-color:
    #d9e2ed !important;
}


/* =========================================================
   Shared Account / Orders / Servers palette
   ========================================================= */

html.ce-light-theme body.ce-account-v2,
html.ce-light-theme body.ce-orders-v2,
html.ce-light-theme body.ce-servers-v2 {

  --ce-content-panel: #ffffff;
  --ce-content-panel-2: #f8faff;
  --ce-content-deep: #f6f8fc;
  --ce-content-table: #ffffff;

  --ce-content-border:
    rgba(73, 88, 115, 0.16);

  --ce-content-border-strong:
    rgba(73, 88, 115, 0.24);

  --ce-content-text: #172033;
  --ce-content-muted: #6f7b92;
}


/* =========================================================
   General headings / muted text
   ========================================================= */

html.ce-light-theme h1,
html.ce-light-theme h2,
html.ce-light-theme h3,
html.ce-light-theme strong {
  color: #172033;
}


/* =========================================================
   SETTINGS
   ========================================================= */

html.ce-light-theme .ce-settings-card {
  background: #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme .ce-settings-header h1,
html.ce-light-theme .ce-settings-title,
html.ce-light-theme .ce-setting-row strong,
html.ce-light-theme #settingsName {
  color: #172033 !important;
}


html.ce-light-theme .ce-settings-header p,
html.ce-light-theme .ce-setting-row small,
html.ce-light-theme #settingsEmail {
  color: #748098 !important;
}


html.ce-light-theme .ce-settings-input {
  background: #f8faff !important;

  border-color:
    #dbe3ee !important;

  color: #172033 !important;
}


html.ce-light-theme .ce-setting-row {
  border-bottom-color:
    #e4e9f1 !important;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

html.ce-light-theme
body.ce-overview-v2
.ce-v2-summary-card,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-price-card {

  background: #ffffff !important;

  border-color:
    #dfe6f0 !important;

  box-shadow:
    0 8px 28px
    rgba(35, 50, 80, 0.05) !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-summary-card:hover {

  background: #fbfcff !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-overview-head h1,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-pricing-head h2,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-price {

  color: #172033 !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-summary-card strong {

  color: #172033 !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-summary-card small,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-price-note,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-plan-description,

html.ce-light-theme
body.ce-overview-v2
.ce-v2-pricing-head p {

  color: #748098 !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-plan-divider {

  background:
    #e4e9f1 !important;
}


html.ce-light-theme
body.ce-overview-v2
.ce-v2-plan-features {

  color: #3f4b60 !important;
}


/* =========================================================
   ORDERS
   ========================================================= */

html.ce-light-theme
body.ce-orders-v2 .summary-card,

html.ce-light-theme
body.ce-orders-v2 .section-card,

html.ce-light-theme
body.ce-orders-v2 .order-card {

  background: #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-orders-v2 .section-head {

  background:
    #f8faff !important;

  border-bottom-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-orders-v2 .order-card:hover {

  background:
    #f8faff !important;
}


html.ce-light-theme
body.ce-orders-v2 .order-name,

html.ce-light-theme
body.ce-orders-v2 .value,

html.ce-light-theme
body.ce-orders-v2 .price {

  color: #172033 !important;
}


/* =========================================================
   ACCOUNT STATUS
   ========================================================= */

html.ce-light-theme
body.ce-account-v2 .panel,

html.ce-light-theme
body.ce-account-v2 .submitted-card {

  background: #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-account-v2 .panel-head {

  background:
    #f8faff !important;

  border-bottom-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-account-v2 input,

html.ce-light-theme
body.ce-account-v2 select,

html.ce-light-theme
body.ce-account-v2 textarea,

html.ce-light-theme
body.ce-account-v2 .file-box {

  background:
    #f8faff !important;

  border-color:
    #dbe3ee !important;

  color:
    #172033 !important;
}


html.ce-light-theme
body.ce-account-v2 label {

  color:
    #39465c !important;
}


/* =========================================================
   ACCOUNT SERVER
   ========================================================= */

html.ce-light-theme
body.ce-servers-v2 .stat-card,

html.ce-light-theme
body.ce-servers-v2 .panel,

html.ce-light-theme
body.ce-servers-v2 .notes {

  background: #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-servers-v2 .server-block {

  background:
    #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-servers-v2 .server-block-head {

  background:
    #f8faff !important;

  border-bottom-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-servers-v2
.final-server-table-wrap,

html.ce-light-theme
body.ce-servers-v2
.final-server-table {

  background:
    #ffffff !important;
}


html.ce-light-theme
body.ce-servers-v2
.final-server-table thead,

html.ce-light-theme
body.ce-servers-v2
.final-server-table thead tr,

html.ce-light-theme
body.ce-servers-v2
.final-server-table th {

  background:
    #f3f6fb !important;

  color:
    #65728a !important;
}


html.ce-light-theme
body.ce-servers-v2
.final-server-table td {

  background:
    #ffffff !important;

  color:
    #263247 !important;

  border-bottom-color:
    #e4e9f1 !important;
}


html.ce-light-theme
body.ce-servers-v2
.final-server-table
td:nth-child(5),

html.ce-light-theme
body.ce-servers-v2
.final-server-table
td:nth-child(6) {

  background:
    #ffffff !important;
}


html.ce-light-theme
body.ce-servers-v2
.host-line,

html.ce-light-theme
body.ce-servers-v2
.host-text {

  color:
    #263247 !important;
}


/* =========================================================
   SUPPORT
   ========================================================= */

html.ce-light-theme
body.ce-support-v2 .topbar,

html.ce-light-theme
body.ce-support-v2 .panel,

html.ce-light-theme
body.ce-support-v2 .stat {

  background:
    #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-support-v2 .topbar {

  background:
    #f8faff !important;
}


html.ce-light-theme
body.ce-support-v2 input,

html.ce-light-theme
body.ce-support-v2 select,

html.ce-light-theme
body.ce-support-v2 textarea {

  background:
    #f8faff !important;

  border-color:
    #dbe3ee !important;

  color:
    #172033 !important;
}


html.ce-light-theme
body.ce-support-v2 .stat-number {

  color:
    #172033 !important;
}


html.ce-light-theme
body.ce-support-v2 .table-wrap,

html.ce-light-theme
body.ce-support-v2 .table-wrap table {

  background:
    #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-support-v2 .table-wrap thead,

html.ce-light-theme
body.ce-support-v2 .table-wrap th {

  background:
    #f3f6fb !important;

  color:
    #65728a !important;
}


html.ce-light-theme
body.ce-support-v2 .table-wrap tbody tr {

  background:
    #ffffff !important;
}


html.ce-light-theme
body.ce-support-v2 .table-wrap tbody tr:hover {

  background:
    #f8faff !important;
}


/* =========================================================
   PROXY LOCATIONS
   ========================================================= */

html.ce-light-theme
body.ce-locations-v2 .card {

  background:
    #ffffff !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-locations-v2 h1,

html.ce-light-theme
body.ce-locations-v2 h2 {

  color:
    #172033 !important;
}


html.ce-light-theme
body.ce-locations-v2 .subtitle {

  color:
    #748098 !important;
}


html.ce-light-theme
body.ce-locations-v2 table,

html.ce-light-theme
body.ce-locations-v2 tbody tr {

  background:
    #ffffff !important;
}


html.ce-light-theme
body.ce-locations-v2 th {

  color:
    #65728a !important;

  border-bottom-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-locations-v2 td {

  color:
    #263247 !important;

  border-bottom-color:
    #e4e9f1 !important;
}


html.ce-light-theme
body.ce-locations-v2 .note {

  background:
    #f8faff !important;

  color:
    #66738a !important;

  border-color:
    #dfe6f0 !important;
}


html.ce-light-theme
body.ce-locations-v2
.carrier-filter-btn {

  background:
    #f3f6fb !important;

  color:
    #58667e !important;

  border-color:
    #d7e0eb !important;
}


html.ce-light-theme
body.ce-locations-v2
.carrier-filter-btn.active {

  color:
    #ffffff !important;
}
/* =========================================================
   Account Server - Light Mode Text Fix
   Only text colors.
   Buttons / badges / status colors remain unchanged.
   ========================================================= */

/* Top statistics values */
html.ce-light-theme
body.ce-servers-v2
.stat-value {
  color: #172033 !important;
}


/* Server Access heading */
html.ce-light-theme
body.ce-servers-v2
.panel-title {
  color: #172033 !important;
}

html.ce-light-theme
body.ce-servers-v2
.panel-subtitle {
  color: #56647a !important;
}


/* Server #43 */
html.ce-light-theme
body.ce-servers-v2
.server-title {
  color: #172033 !important;
}


/* Private Custom · Miami · AT&T */
html.ce-light-theme
body.ce-servers-v2
.server-subtitle {
  color: #56647a !important;
}


/* Table headings */
html.ce-light-theme
body.ce-servers-v2
.final-server-table th {
  color: #536178 !important;
}


/* General table text */
html.ce-light-theme
body.ce-servers-v2
.final-server-table td {
  color: #172033 !important;
}


/* Location name */
html.ce-light-theme
body.ce-servers-v2
.location-name {
  color: #172033 !important;
}


/* HTTP / SOCKS5 */
html.ce-light-theme
body.ce-servers-v2
.host-text,
html.ce-light-theme
body.ce-servers-v2
.host-text strong {
  color: #172033 !important;
}


/* Credentials username + password */
html.ce-light-theme
body.ce-servers-v2
.credential-value,
html.ce-light-theme
body.ce-servers-v2
.credentials-cell .password-value {
  color: #172033 !important;
}


/* Manual request */
html.ce-light-theme
body.ce-servers-v2
.change-ip-note {
  color: #56647a !important;
}


/* Order # */
html.ce-light-theme
body.ce-servers-v2
.server-order-id {
  color: #56647a !important;
}


/* Next Billing */
html.ce-light-theme
body.ce-servers-v2
.final-server-table td:nth-child(8) {
  color: #172033 !important;
}
/* =========================================================
   Account Server - Light Mode Detail Polish
   Rotation + Connection Notes only
   ========================================================= */


/* ---------- Rotation ---------- */

html.ce-light-theme
body.ce-servers-v2
.ip-rotation-select {
  background-color: #d9e8f7 !important;
  border-color: #8fb8e6 !important;

  color: #213650 !important;

  box-shadow:
    inset 0 0 0 1px rgba(75, 130, 190, 0.06) !important;
}


/* Rotation hover */
html.ce-light-theme
body.ce-servers-v2
.ip-rotation-select:hover {
  background-color: #cedff1 !important;
  border-color: #729fd2 !important;

  color: #172b45 !important;
}


/* Rotation dropdown options */
html.ce-light-theme
body.ce-servers-v2
.ip-rotation-select option {
  background: #ffffff !important;
  color: #172033 !important;
}


/* ---------- Connection Notes ---------- */

html.ce-light-theme
body.ce-servers-v2
.note-card {
  background: #eee9fa !important;

  border-color: #d4c9ef !important;

  box-shadow: none !important;
}


/* HTTP Proxy / SOCKS5 Proxy / Security */
html.ce-light-theme
body.ce-servers-v2
.note-title {
  color: #172033 !important;
}


/* Description text */
html.ce-light-theme
body.ce-servers-v2
.note-text {
  color: #39445a !important;
}
/* =========================================================
   Account Server - Light Mode 3 Detail Color Fix
   ID + Location + Active only
   ========================================================= */


/* 1. ID #43 - white -> dark */
html.ce-light-theme
body.ce-servers-v2
.ce-id-stack,
html.ce-light-theme
body.ce-servers-v2
.ce-id-stack .ce-id-symbol,
html.ce-light-theme
body.ce-servers-v2
.ce-id-stack .ce-id-number {
  color: #172033 !important;
}


/* 2. Location button - slightly deeper purple */
html.ce-light-theme
body.ce-servers-v2
.location-main-btn {
  background:
    linear-gradient(
      135deg,
      #aa9af3,
      #9180ea
    ) !important;

  border-color: #8170df !important;

  color: #ffffff !important;

  box-shadow:
    0 2px 6px rgba(112, 90, 210, 0.16) !important;
}


/* Location pin */
html.ce-light-theme
body.ce-servers-v2
.location-main-btn::before {
  border-color: #6f58dc !important;
}

html.ce-light-theme
body.ce-servers-v2
.location-main-btn::after {
  background: #ffffff !important;
}


/* 3. Active status - deeper green */
html.ce-light-theme
body.ce-servers-v2
.final-server-table .badge:not(.pending) {
  background: #c9f1d9 !important;

  border-color: #72d39b !important;

  color: #128148 !important;
}