/* =====================================================================
   ENIXSERVER — Dark / Neon reskin for WHMCS Twenty-One (Nexus Cart)
   Loaded after theme.min.css, so these overrides win.
   Strategy: 1) flip the design tokens to a dark palette + neon accents
             2) force-dark any surface that is not token-driven
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;700;800;900&family=Exo+2:wght@300;400;600;700&display=swap');

html { font-size: 15.5px; }

:root {
    --white: #ffffff;

    /* Neutral ramp INVERTED for dark mode (50 = darkest surface, 900 = lightest text) */
    --neutral-50:  #0a0a18;
    --neutral-100: #101023;
    --neutral-200: #17172e;
    --neutral-300: #20203a;
    --neutral-400: #6b6a8f;
    --neutral-500: #8d88c0;
    --neutral-600: #a9a5d4;
    --neutral-700: #c9c4ee;
    --neutral-800: #e0ddf5;
    --neutral-900: #f0eeff;
    --neutral-950: #ffffff;

    /* Brand neon palette */
    --neon-pink: #ff4fa3;
    --neon-magenta: #ff37c7;
    --neon-purple: #d83cff;
    --neon-lime: #35ff9a;
    --dark-bg: #03030d;

    --primary-50:  #2a0a1c;
    --primary-100: #3a0e27;
    --primary-200: #55143a;
    --primary-300: #7d1d56;
    --primary-400: #c93183;
    --primary-500: #ff4fa3;
    --primary-600: #ff37c7;
    --primary-700: #d83cff;
    --primary-800: #ffa1d6;
    --primary-900: #ffd0ec;
    --primary-950: #fff0f8;

    /* Primary (links, primary buttons, active states) */
    --primary: #ff4fa3;
    --primary-lifted: #ff37c7;
    --primary-accented: #d83cff;

    /* Secondary */
    --secondary: #8d88c0;
    --secondary-lifted: #a9a5d4;
    --secondary-accented: #c9c4ee;

    /* Status colors (kept readable on dark) */
    --success: #35ff9a; --success-lifted: #28d07f; --success-accented: #1fa866;
    --info: #4f8bff; --info-lifted: #3a72e6; --info-accented: #2f5bc0;
    --notice: #b06bff; --notice-lifted: #9a4ff0; --notice-accented: #7f2fd0;
    --warning: #ffb13a; --warning-lifted: #e6962a; --warning-accented: #c07a1a;
    --error: #ff5470; --error-lifted: #e63b58; --error-accented: #c02742;

    --grayscale: #c9c4ee; --grayscale-lifted: #e0ddf5; --grayscale-accented: #f0eeff;
    --neutral: #8d88c0; --neutral-lifted: #a9a5d4; --neutral-accented: #c9c4ee;

    /* Text */
    --text-inverted: #ffffff;
    --text-muted: #8d88c0;
    --text-lifted: #aaa6dc;
    --text-accented: #c9c4ee;
    --text: #ece8ff;

    /* Borders */
    --border-muted: rgba(145,120,255,0.14);
    --border: rgba(145,120,255,0.22);
    --border-lifted: rgba(145,120,255,0.32);
    --border-accented: rgba(255,79,163,0.45);

    /* Backgrounds */
    --bg: #03030d;
    --bg-muted: #08081a;
    --bg-lifted: #0d0d20;
    --bg-accented: #16162e;
    --bg-inverted: #f0eeff;

    --rounding-sm: 0.4rem;
    --rounding-md: 0.6rem;
    --rounding-lg: 0.9rem;
}

/* ---------- Base ---------- */
body, html,
body.primary-bg-color,
.primary-bg-color {
    background-color: var(--dark-bg) !important;
    color: #ece8ff !important;
    font-family: 'Exo 2', sans-serif !important;
}
body { background-image:
    radial-gradient(circle at 15% 0%, rgba(255,55,199,0.06), transparent 30%),
    radial-gradient(circle at 85% 5%, rgba(216,60,255,0.05), transparent 32%) !important;
    background-attachment: fixed !important;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5 { color:#fff !important; font-family:'Rajdhani',sans-serif !important; letter-spacing:0.3px; }
.page-header h1, .panel-title, .card-title { color:#fff !important; }
a { color: var(--neon-pink); }
a:hover { color: var(--neon-magenta); }

/* kill every plain white background that isn't token-driven */
.bg-white, .bg-light, [class*="bg-white"],
.main-content, #main-content, .main-body, #main-body,
section, .section, .content, #content {
    background-color: transparent !important;
}

/* ---------- Cards / panels / wells / containers ---------- */
.card, .panel, .panel-default, .panel-body, .panel-heading, .well,
.list-group, .list-group-item, .modal-content, .modal-header, .modal-footer,
.dropdown-menu, .popover, .popover-body, .tab-content, .nav-tabs,
.jumbotron, .media, .accordion, .accordion-item, .card-header, .card-body, .card-footer,
.summary-container, .order-summary, .product, .product-box, .panel-sidebar,
.sidebar, .domain-checker, .alert {
    color: #ece8ff !important;
    border-color: var(--border) !important;
}
.card, .panel, .well, .modal-content, .product, .product-box {
    box-shadow: 0 18px 44px rgba(0,0,0,0.35) !important;
}
.panel-heading, .card-header, .modal-header {
    border-bottom: 1px solid var(--border) !important;
}

/* ---------- Header / navbar / footer ---------- */
.header, #header, .navbar, .topbar, .navbar-default,
.header-lined, .secondary-navbar, #footer, .footer, footer {
    background-color: #06060f !important;
    color: #ece8ff !important;
    border-color: var(--border) !important;
}
.navbar a, .header a, #footer a, .footer a, .navbar-nav .nav-link, .topbar a {
    color: #d8d5ff !important;
}
.navbar a:hover, .header a:hover, #footer a:hover, .navbar-nav .nav-link:hover {
    color: var(--neon-pink) !important;
}
.navbar-brand, .logo { color:#fff !important; font-family:'Orbitron',monospace !important; }

/* ---------- Tables ---------- */
table, .table, .table > thead > tr > th, .table > tbody > tr > td,
.table th, .table td, .table-striped > tbody > tr, .table-hover > tbody > tr {
    background-color: transparent !important;
    color: #ece8ff !important;
    border-color: var(--border) !important;
}
.table > thead > tr > th, .table thead th {
    background-color: var(--bg-accented) !important;
    color: #fff !important;
    border-bottom: 1px solid var(--border) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.025) !important; }
.table-hover > tbody > tr:hover { background-color: rgba(255,79,163,0.06) !important; }

/* ---------- Forms ---------- */
.form-control, .form-select, input, select, textarea,
.input-group-text, .custom-select, .StripeElement {
    background-color: #0a0a1a !important;
    color: #fff !important;
    border: 1px solid var(--border) !important;
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color:#6d6aa0 !important; }
.form-control:focus, input:focus, select:focus, textarea:focus {
    background-color: #0a0a1a !important;
    border-color: var(--neon-pink) !important;
    box-shadow: 0 0 0 3px rgba(255,79,163,0.15) !important;
    color:#fff !important;
}
label, .control-label, legend { color:#c9c4ee !important; }

/* ---------- Buttons ---------- */
.btn-primary, .btn-success, .btn-checkout, .btn-add-to-cart {
    background: linear-gradient(135deg, #ff2d78, #ff37c7) !important;
    border: 1px solid rgba(255,55,199,0.55) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(255,45,120,0.22) !important;
}
.btn-primary:hover, .btn-success:hover, .btn-checkout:hover, .btn-add-to-cart:hover {
    filter: brightness(1.08); color:#fff !important;
}
.btn-secondary, .btn-default, .btn-light {
    background-color: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--border) !important;
    color: #f1efff !important;
}
.btn-secondary:hover, .btn-default:hover { border-color: var(--neon-pink) !important; color:#fff !important; }
.btn-outline-primary { color: var(--neon-pink) !important; border-color: var(--neon-pink) !important; }

/* ---------- Misc readability ---------- */
.text-muted, .text-secondary, small, .small { color:#9290c9 !important; }
.text-dark, .text-body, .text-black { color:#ece8ff !important; }
hr { border-color: var(--border) !important; }
.breadcrumb { background-color: transparent !important; }
.badge { color:#fff; }
.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
    background-color: var(--bg-accented) !important; color:#fff !important;
    border-color: var(--border) var(--border) transparent !important;
}
.dropdown-item { color:#d8d5ff !important; }
.dropdown-item:hover { background-color: rgba(255,79,163,0.1) !important; color:#fff !important; }
.modal-backdrop { background:#02020a !important; }
::selection { background: rgba(255,79,163,0.35); color:#fff; }

/* =====================================================================
   ENIXSERVER site navbar + footer (identical to the marketing site)
   ===================================================================== */
body { padding-top: 70px !important; }
.topbar { display: none !important; }
nav.master-breadcrumb { position: static !important; height: auto !important; display: block !important; background: transparent !important; padding: 0 !important; border: 0 !important; z-index: auto !important; }
#header.header { background: transparent !important; border: 0 !important; }

nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  background: rgba(9,11,31,0.94); backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(145,120,255,0.18);
  padding: 0 clamp(1.2rem,4vw,5.5rem); height: 70px;
  display: flex; align-items: center; justify-content: center; gap: 2.2rem;
}
nav .logo { display: flex; align-items: center; gap: 10px; font-family: 'Orbitron', monospace; font-weight: 900; letter-spacing: 2px; text-decoration: none; }
nav .logo-x { width: 30px; height: 30px; color: var(--neon-pink); filter: drop-shadow(0 0 8px rgba(255,45,120,0.9)); }
nav .lucide { stroke-width: 1.8; }
.nav-links { display: flex; gap: 1.2rem; list-style: none; align-items: center; justify-content:center; height: 100%; flex:1; max-width:760px; margin:0; padding:0; }
.nav-links .nav-item { position: relative; height: 100%; display: flex; align-items: center; }
.nav-links a, .nav-trigger {
  font-family: 'Rajdhani', sans-serif; font-weight: 600; font-size: 0.8rem;
  letter-spacing: 1.8px; text-transform: uppercase; color: #fff;
  text-decoration: none; transition: color 0.2s, border-color 0.2s, background 0.2s, box-shadow 0.2s; position: relative;
  display: inline-flex; align-items: center; gap: 7px; background: transparent; border: 1px solid transparent; cursor: pointer;
  border-radius: 8px; padding: 0.68rem 1rem;
}
.nav-links a::after, .nav-trigger::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 1px; background: var(--neon-magenta); transform: scaleX(0); transition: transform 0.25s; box-shadow: 0 0 8px rgba(255,55,199,0.8); }
.nav-links a:hover, .nav-item:hover .nav-trigger { color: #fff; border-color: transparent; }
.nav-links a:hover::after, .nav-item:hover .nav-trigger::after { transform: scaleX(1); }
.nav-trigger .lucide { width: 12px; height: 12px; transition: transform 0.25s; }
.nav-item:hover .nav-trigger .lucide { transform: rotate(180deg); }
.nav-dropdown { position: absolute; top: calc(100% - 1px); left: 50%; transform: translate(-50%, 14px) scale(0.98); width: 620px; padding: 1.1rem; border-radius: 8px; background: rgba(11,14,36,0.98); border: 1px solid rgba(145,120,255,0.24); box-shadow: 0 30px 70px rgba(0,0,0,0.55), 0 0 32px rgba(255,55,199,0.08); opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.22s ease; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.45rem 1rem; }
.nav-dropdown::before { content: ''; position: absolute; top: -7px; left: 0; right: 0; height: 8px; }
.nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0) scale(1); }
.nav-menu-link { display: grid !important; grid-template-columns: 36px 1fr; gap: 0.75rem; align-items: center; padding: 0.85rem; border-radius: 8px; color: #d9d6ff !important; text-transform: none !important; letter-spacing: 0 !important; text-decoration: none; transition: background 0.2s, box-shadow 0.2s; }
.nav-menu-link::after { display: none; }
.nav-menu-link:hover { background: rgba(255,255,255,0.055); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.nav-menu-icon { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; background: none; }
.nav-menu-icon .lucide { width: 22px; height: 22px; }
.nav-menu-icon.green .lucide { color: var(--neon-lime); }
.nav-menu-icon.orange .lucide { color: #ffb13a; }
.nav-menu-icon.pink .lucide { color: var(--neon-pink); }
.nav-menu-icon.cyan .lucide { color: #4fd2ff; }
.nav-menu-title { display: block; font-family: 'Rajdhani', sans-serif; font-size: 0.82rem; font-weight: 800; color: #fff; line-height: 1.1; }
.nav-menu-desc { display: block; margin-top: 2px; font-family: 'Exo 2', sans-serif; font-size: 0.64rem; line-height: 1.25; color: #9290c9; }
.info-menu { width: 232px; grid-template-columns: 1fr; gap: 2px; padding: 0.5rem; }
.info-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 7px; color: #d9d6ff; text-transform: none; letter-spacing: 0; font-family: 'Rajdhani', sans-serif; font-weight: 600; font-size: 0.9rem; }
.info-menu a::after { display: none; }
.info-menu a:hover { background: rgba(255,255,255,0.06); color: #fff; }
.info-menu a .lucide { width: 16px; height: 16px; color: #ffffff; flex-shrink: 0; }
.nav-actions { display:flex; align-items:center; gap:0.8rem; }
.btn-client { font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 0.75rem; letter-spacing: 1.8px; text-transform: uppercase; padding: 0.72rem 1.15rem; border: 1px solid rgba(255,55,199,0.55); color: #fff; text-decoration:none; background: linear-gradient(135deg, #ff2d78, #ff37c7); cursor: pointer; transition: all 0.25s; border-radius: 7px; box-shadow: 0 0 20px rgba(255,45,120,0.22); }
.btn-client:hover { transform: translateY(-1px); color:#fff; }
.btn-login { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.75rem; letter-spacing:1.8px; text-transform:uppercase; color:#f1efff; text-decoration:none; border:1px solid rgba(145,120,255,0.28); background:rgba(255,255,255,0.045); border-radius:7px; padding:0.72rem 1.15rem; transition:all .2s; }
.btn-login:hover { border-color:rgba(255,55,199,0.45); background:rgba(255,55,199,0.06); color:#fff; }
.nav-dropdown.games-mega { width: 520px; padding: 0.65rem; gap: 0.05rem 0.6rem; }
.nav-game-item { display: grid; grid-template-columns: 34px 1fr auto; gap: 0.55rem; align-items: center; padding: 0.35rem 0.5rem; border-radius: 9px; text-decoration: none; transition: background 0.2s ease; }
.nav-game-item::after { display: none; }
.nav-game-item:hover { background: rgba(255,255,255,0.055); }
.nav-game-arrow { width: 16px; height: 16px; color: #cfc9f0; opacity: 0; transform: translateX(-4px); transition: opacity 0.2s ease, transform 0.2s ease; }
.nav-game-item:hover .nav-game-arrow { opacity: 1; transform: translateX(0); }
.nav-game-img { width: 34px; height: 34px; border-radius: 7px; object-fit: cover; display: block; }
.nav-game-info { min-width: 0; }
.nav-game-name { display: block; font-family: 'Rajdhani', sans-serif; font-weight: 800; font-size: 0.78rem; color: #fff; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-game-price { display: flex; align-items: center; gap: 6px; margin-top: 1px; font-size: 0.66rem; color: #9a95c8; white-space: nowrap; text-transform: lowercase; letter-spacing: 0; }
.nav-games-all { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; margin-top: 0.35rem; padding: 0.6rem 0.7rem; border-radius: 9px; border-top: 1px solid rgba(145,120,255,0.16); color: #fff; font-family: 'Rajdhani', sans-serif; font-weight: 800; font-size: 0.78rem; text-decoration: none; transition: background 0.2s ease; }
.nav-games-all:hover { background: rgba(255,55,199,0.07); }
.nav-games-all .lucide { width: 17px; height: 17px; }

/* site footer */
footer#footer.footer, footer#footer { background: radial-gradient(circle at 78% 0%, rgba(255,55,199,0.12), transparent 30%), #020208 !important; border-top: 1px solid rgba(255,45,120,0.12) !important; padding: 4rem 5rem 1.6rem !important; }
.footer-inner { max-width: 1240px; margin: 0 auto; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(4, 1fr); gap: 2rem; align-items: flex-start; }
.footer-brand-copy { margin: 1rem 0 1.2rem; color: #d8d5ff; font-size: 0.82rem; line-height: 1.7; max-width: 310px; }
.footer-status { display: inline-flex; align-items: center; gap: 8px; font-family: 'Rajdhani', sans-serif; font-size: 0.72rem; letter-spacing: 1.4px; text-transform: uppercase; color: #35ff9a; background: rgba(53,255,154,0.08); border: 1px solid rgba(53,255,154,0.22); padding: 7px 10px; border-radius: 7px; }
.footer-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #35ff9a; box-shadow: 0 0 12px rgba(53,255,154,0.8); }
.footer-title { font-family: 'Rajdhani', sans-serif; font-weight: 800; font-size: 0.86rem; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin-bottom: 1rem; }
.footer-list { list-style: none; display: flex; flex-direction: column; gap: 0.62rem; padding:0; margin:0; }
.footer-list a, .footer-list span { color: #aaa6dc; text-decoration: none; font-size: 0.78rem; transition: color 0.2s, transform 0.2s; display: inline-flex; align-items: center; gap: 7px; }
.footer-list a:hover { color: var(--neon-pink); transform: translateX(3px); }
.footer-list .lucide { width: 14px; height: 14px; color: var(--neon-pink); }
.footer-bottom { margin-top: 2.4rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,45,120,0.12); display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.footer-copy { font-family: 'Rajdhani', sans-serif; font-size: 0.75rem; color: #68649a; letter-spacing: 1px; }
@media (max-width: 1000px){ .footer-grid { grid-template-columns: repeat(2,1fr); } .nav-links { display:none; } nav { justify-content: space-between; } }
@media (max-width: 640px){ .footer-grid { grid-template-columns: 1fr; gap: 1.6rem; } footer#footer { padding: 3rem 1.5rem 1.6rem !important; } }


/* ===== Dashboard tiles, hovers, no box-shadow (EnixServer) ===== */
.tiles .row { margin: 0 -0.4rem; }
.tiles .tile {
  display: block; background: var(--bg-lifted) !important; border: 1px solid var(--border) !important;
  border-radius: 12px !important; padding: 1.5rem 1.4rem !important; margin: 0.4rem !important;
  text-decoration: none !important; transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.tiles .tile:hover { transform: translateY(-3px); border-color: rgba(255,79,163,0.5) !important; background: var(--bg-accented) !important; }
.tiles .tile i, .tiles .tile .lucide { color: var(--neon-pink) !important; font-size: 1.5rem; width: 26px; height: 26px; margin-bottom: 0.55rem; display: inline-block; }
.tiles .tile .stat { font-family: 'Orbitron', monospace !important; font-size: 2.2rem !important; font-weight: 800; color: #fff !important; line-height: 1; }
.tiles .tile .title { font-family: 'Rajdhani', sans-serif !important; text-transform: uppercase; letter-spacing: 1.5px; font-size: 0.82rem !important; color: #9a95c8 !important; margin-top: 0.35rem; }
.tiles .tile .highlight { height: 3px; border-radius: 2px; margin-top: 0.8rem; }

/* no heavy shadows anywhere; subtle hover lift instead */
.card, .panel, .well, .tile, .modal-content, .product, .product-box, .list-group-item, .dropdown-menu, .alert, .summary-container { box-shadow: none !important; }
.card { transition: transform .2s ease, border-color .2s ease; }
.card:hover { transform: translateY(-2px); border-color: rgba(255,79,163,0.4) !important; }
.btn, a.tile, .nav-link, .list-group-item { transition: all .2s ease; }
.btn:hover { transform: translateY(-1px); filter: brightness(1.05); }
.list-group-item:hover { background: rgba(255,79,163,0.06) !important; }

/* ===== EnixServer auth pages (login / register) ===== */
.enix-auth { display: flex; justify-content: center; padding: 2.5rem 1rem 4rem; }
.enix-auth-card { width: 100%; max-width: 440px; background: #0c0c1d !important; border: 1px solid rgba(145,120,255,0.22) !important; border-radius: 16px !important; padding: 2.3rem 2.1rem !important; position: relative; overflow: hidden; box-shadow: none !important; }
.enix-auth-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #ff2d78, #ff37c7, #d83cff); }
.enix-auth-glow { position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(255,55,199,0.16), transparent 70%); pointer-events: none; }
.enix-auth-head { margin-bottom: 1.6rem; position: relative; }
.enix-auth-title { font-family: 'Orbitron', monospace !important; font-size: 1.7rem !important; color: #fff !important; margin: 0 0 .35rem !important; letter-spacing: 1px; }
.enix-auth-sub { color: #9a95c8 !important; margin: 0 !important; font-size: .92rem; }
.enix-field { margin-bottom: 1.15rem; }
.enix-field > label, .enix-field-row label { display: block; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: .74rem; letter-spacing: 1px; text-transform: uppercase; color: #c9c4ee !important; margin-bottom: .45rem; }
.enix-field-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: .45rem; }
.enix-field-row label { margin: 0; }
.enix-link-sm { font-size: .78rem; color: #b06bff !important; text-decoration: none; }
.enix-link-sm:hover { color: #ff4fa3 !important; }
.enix-input { display: flex; align-items: center; gap: .6rem; background: #070714 !important; border: 1px solid rgba(145,120,255,0.26); border-radius: 10px; padding: 0 .9rem; transition: border-color .2s, box-shadow .2s; }
.enix-input:focus-within { border-color: #ff4fa3; box-shadow: 0 0 0 3px rgba(255,79,163,0.14); }
.enix-input > .lucide, .enix-input > i { color: #ff4fa3; width: 18px; height: 18px; flex-shrink: 0; }
.enix-input .form-control { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff !important; padding: .85rem 0 !important; flex: 1; height: auto !important; }
.enix-reveal { background: transparent !important; border: 0 !important; color: #8d88c0 !important; padding: 0 .2rem !important; box-shadow: none !important; }
.enix-reveal:hover { color: #fff !important; transform: none; }
.enix-remember { display: flex; align-items: center; gap: .5rem; color: #c9c4ee !important; font-size: .85rem; font-weight: 400; margin: .3rem 0 1.3rem; }
.enix-remember input { accent-color: #ff4fa3; width: 16px; height: 16px; }
.enix-auth-btn { width: 100% !important; padding: .85rem !important; font-family: 'Rajdhani', sans-serif !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; font-size: .9rem !important; border-radius: 10px !important; float: none !important; }
.enix-auth-foot { margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(145,120,255,0.16); text-align: center; font-size: .86rem; color: #9a95c8; }
.enix-auth-foot a { color: #ff4fa3 !important; font-weight: 700; text-decoration: none; margin-left: .35rem; }
.enix-auth-foot a:hover { color: #ff37c7 !important; }
/* social login buttons inside the auth card */
.enix-auth .btn-social, .enix-auth .linked-account-btn, .enix-auth .social-login-btn { background: #11112a !important; border: 1px solid rgba(145,120,255,0.26) !important; color: #fff !important; border-radius: 10px !important; }
.enix-auth .btn-social:hover, .enix-auth .linked-account-btn:hover { border-color: rgba(255,79,163,0.5) !important; }

/* register page polish (multi-card WHMCS form) */
#frmCheckout { max-width: 760px; margin: 0 auto; }
#frmCheckout .card-title { font-family: 'Rajdhani', sans-serif !important; color: #fff !important; letter-spacing: .5px; }
#frmCheckout .btn-primary { padding: .8rem 2rem; font-family: 'Rajdhani', sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }

/* ===== Dashboard tiles: big faint watermark icon in corner ===== */
.tiles .tile { position: relative; overflow: hidden; }
.tiles .tile i, .tiles .tile .lucide {
  position: absolute !important; top: 0.7rem; right: 0.8rem;
  width: 58px !important; height: 58px !important; font-size: 3.4rem !important;
  color: rgba(255,79,163,0.10) !important; margin: 0 !important; pointer-events: none;
}
.tiles .tile .stat, .tiles .tile .title { position: relative; z-index: 1; }

/* ===== Responsive nav (mobile hamburger menu) ===== */
.enix-nav-toggle { display: none; width: 44px; height: 40px; border: 1px solid rgba(145,120,255,0.28); background: rgba(255,255,255,0.045); border-radius: 9px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; cursor: pointer; }
.enix-nav-toggle span { width: 19px; height: 2px; background: #d8d5ff; border-radius: 9px; transition: transform .2s, opacity .2s; }
nav.open .enix-nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
nav.open .enix-nav-toggle span:nth-child(2) { opacity: 0; }
nav.open .enix-nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 1000px) {
  nav { justify-content: space-between !important; gap: 1rem; padding: 0 1.2rem; }
  .enix-nav-toggle { display: flex; order: 3; }
  .nav-actions { order: 2; }
  .nav-links {
    order: 4; position: fixed; top: 70px; left: 0; right: 0; flex: none; max-width: none;
    flex-direction: column; align-items: stretch; gap: 0.15rem;
    background: rgba(9,11,31,0.99); border-bottom: 1px solid rgba(145,120,255,0.2);
    max-height: 0; overflow: hidden; padding: 0 1rem;
    transition: max-height .3s ease, padding .3s ease;
  }
  nav.open .nav-links { max-height: 82vh; overflow-y: auto; padding: 0.8rem 1rem 1.2rem; }
  .nav-links .nav-item { height: auto; width: 100%; flex-direction: column; align-items: stretch; }
  .nav-links a, .nav-trigger { width: 100%; justify-content: flex-start; height: auto; }
  .nav-links a::after, .nav-trigger::after { display: none; }
  .nav-dropdown, .nav-dropdown.games-mega, .nav-dropdown.info-menu {
    position: static !important; opacity: 1 !important; visibility: visible !important;
    pointer-events: auto !important; transform: none !important; width: 100% !important;
    box-shadow: none !important; border: 0 !important; background: rgba(255,255,255,0.02) !important;
    display: block !important; padding: 0.2rem 0 0.5rem 0.6rem !important; margin-bottom: 0.4rem;
  }
  .nav-item:hover .nav-trigger .lucide { transform: none; }
}
@media (max-width: 560px) {
  .enix-auth-card { padding: 1.7rem 1.3rem !important; }
  .enix-auth-title { font-size: 1.45rem !important; }
  nav .logo div div:first-child { font-size: 0.85rem !important; }
  .btn-login { display: none; }
}

/* ===== Home panels: more compact (Overdue Invoices, Tickets, News...) ===== */
.client-home-cards .card { margin-bottom: 1rem !important; border-radius: 10px !important; }
.client-home-cards .card-header { padding: 0.65rem 1rem !important; min-height: 0 !important; display: flex; align-items: center; justify-content: space-between; }
.client-home-cards .card-header .card-title, .client-home-cards .card-title { font-size: 0.92rem !important; margin: 0 !important; }
.client-home-cards .card-body { padding: 0.9rem 1rem !important; font-size: 0.85rem !important; line-height: 1.55; }
.client-home-cards .card-body p { margin-bottom: 0.5rem; }
.client-home-cards .card-header .btn, .client-home-cards .btn-xs { padding: 0.28rem 0.7rem !important; font-size: 0.7rem !important; letter-spacing: 0.5px; }
.client-home-cards .list-group-item { padding: 0.6rem 1rem !important; font-size: 0.85rem !important; }

/* ===== WOW auth: animated gradient border + hovers (no shadow) ===== */
@property --enix-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.enix-auth-card { border: 0 !important; background: #0b0b1a !important; }
.enix-auth-card::before { display: none !important; }
.enix-auth-card::after {
  content: ''; position: absolute; inset: 0; border-radius: 16px; padding: 1.5px;
  background: conic-gradient(from var(--enix-a), rgba(12,12,29,0) 0deg, #ff2d78 60deg, #d83cff 140deg, #35ff9a 210deg, #ff37c7 300deg, rgba(12,12,29,0) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: enix-rotate 7s linear infinite; pointer-events: none; z-index: 0;
}
@keyframes enix-rotate { to { --enix-a: 360deg; } }
.enix-auth-card > * { position: relative; z-index: 1; }

.enix-auth-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 1.3rem; }
.enix-auth-brand .lucide, .enix-auth-brand i { width: 30px; height: 30px; color: #ff4fa3; filter: drop-shadow(0 0 8px rgba(255,45,120,0.55)); }
.enix-auth-brand span { font-family: 'Orbitron', monospace; font-weight: 900; letter-spacing: 3px; color: #fff; font-size: 0.95rem; }
.enix-auth-title { text-shadow: 0 0 18px rgba(255,79,163,0.35); }

/* hovers / focus — no box-shadow */
.enix-input { transition: border-color .2s ease, background .2s ease, transform .15s ease; }
.enix-input:hover { border-color: rgba(255,79,163,0.45); }
.enix-input:focus-within { border-color: #ff4fa3 !important; background: #0a0a1c !important; box-shadow: none !important; }
.enix-auth-btn { background-image: linear-gradient(135deg, #ff2d78, #d83cff, #ff37c7) !important; background-size: 220% 100% !important; background-position: 0% 50%; box-shadow: none !important; transition: background-position .45s ease, transform .2s ease, filter .2s ease; }
.enix-auth-btn:hover { background-position: 100% 50%; transform: translateY(-2px); filter: brightness(1.06); }
.enix-auth-btn:active { transform: translateY(0); }
.enix-link-sm { transition: color .2s ease; }
.enix-auth-foot a { position: relative; }
.enix-auth-foot a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: #ff4fa3; transform: scaleX(0); transition: transform .25s ease; }
.enix-auth-foot a:hover::after { transform: scaleX(1); }
.enix-remember input { cursor: pointer; }
.enix-auth .btn-social:hover, .enix-auth .linked-account-btn:hover, .enix-auth .social-login-btn:hover { border-color: rgba(255,79,163,0.55) !important; background: #181833 !important; transform: translateY(-1px); transition: all .2s ease; }

/* register: matching polish + hovers (no shadow) */
#frmCheckout .card { transition: transform .2s ease, border-color .2s ease; box-shadow: none !important; }
#frmCheckout .card:hover { transform: translateY(-2px); border-color: rgba(255,79,163,0.4) !important; }

/* ===== My Account dropdown (right-aligned) ===== */
.nav-account { position: relative; height: 100%; display: flex; align-items: center; }
.nav-account .nav-trigger.btn-client { color: #fff; }
.nav-account .nav-trigger .lucide { width: 13px; height: 13px; }
.account-menu { left: auto !important; right: 0 !important; transform: translate(0, 14px) scale(0.98) !important; }
.nav-account:hover .account-menu, .nav-account:focus-within .account-menu { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(0, 0) scale(1) !important; }
.nav-account:hover .nav-trigger .lucide { transform: rotate(180deg); }

/* ===== Sidebar widgets (Your Info / Contacts / Shortcuts) readable on dark ===== */
.card-sidebar, .card-sidebar .card-body, .card-sidebar p, .card-sidebar strong,
.card-sidebar span, .card-sidebar .list-group-item, .card-sidebar address {
  color: #ece8ff !important; background-color: transparent !important;
}
.card-sidebar { background-color: var(--bg-lifted) !important; }
.card-sidebar .card-header, .card-sidebar .card-title { color: #fff !important; }
.card-sidebar a, .card-sidebar .list-group-item-action { color: #d8d5ff !important; }
.card-sidebar a:hover, .card-sidebar .list-group-item-action:hover { color: #fff !important; background-color: rgba(255,79,163,0.08) !important; }
.card-sidebar .text-muted, .card-sidebar small { color: #9a95c8 !important; }

/* ===== Phone country dropdown (intl-tel-input): dark + always on top ===== */
.iti__country-list, .iti__dropdown-content, ul.iti__country-list {
  background-color: #0d0d20 !important; color: #ece8ff !important;
  border: 1px solid rgba(145,120,255,0.3) !important; border-radius: 10px !important;
  z-index: 99999 !important; box-shadow: none !important;
}
.iti, .iti--container, .iti__dropdown-content { z-index: 99999 !important; }
.iti__country { color: #d8d5ff !important; }
.iti__country.iti__highlight, .iti__country:hover { background-color: rgba(255,79,163,0.14) !important; color: #fff !important; }
.iti__dial-code { color: #9a95c8 !important; }
.iti__divider { border-color: rgba(145,120,255,0.2) !important; }
.iti__selected-flag, .iti__flag-container { background: transparent !important; }
.iti__search-input { background: #0a0a1a !important; color: #fff !important; border-color: rgba(145,120,255,0.3) !important; }
/* let the personal-info card show the dropdown instead of clipping it */
#frmCheckout #personalInformation, #frmCheckout .card:has(.iti) { overflow: visible !important; }

/* navbar dropdown icons -> white (lucide) */
nav .nav-menu-icon .lucide,
nav .nav-menu-icon.green .lucide,
nav .nav-menu-icon.orange .lucide,
nav .nav-menu-icon.pink .lucide,
nav .nav-menu-icon.cyan .lucide,
nav .nav-dropdown .lucide,
nav .nav-game-arrow { color: #ffffff !important; }

/* ===== Phone country dropdown (intl-tel-input) — dark, always on top ===== */
.intl-tel-input .country-list, .iti__country-list {
  background-color: #080412 !important; border: 1px solid #28224c !important;
  color: #ece8ff !important; z-index: 99999 !important; box-shadow: none !important; border-radius: 10px !important;
}
.intl-tel-input .country-list .country, .iti__country { color: #d8d5ff !important; }
.intl-tel-input .country-list .country.highlight, .intl-tel-input .country-list .country:hover,
.iti__country.iti__highlight, .iti__country:hover { background-color: rgba(255,79,163,0.14) !important; color: #fff !important; }
.intl-tel-input .country-list .dial-code, .iti__dial-code { color: #9a95c8 !important; }
.intl-tel-input .country-list .divider, .iti__divider { border-color: #28224c !important; }
.intl-tel-input .flag-container, .intl-tel-input .selected-flag, .iti__flag-container, .iti__selected-flag { background: transparent !important; }
.intl-tel-input, .iti, .iti--container { z-index: 99999 !important; }

/* ===== Autofill -> dark (fixes white login/register inputs) ===== */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #0a0a1a inset !important;
  -webkit-text-fill-color: #fff !important; caret-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s;
}
.enix-input input:-webkit-autofill, .enix-input input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #070714 inset !important; }

/* ===== Sidebar "Your Info" details visible (name, address...) ===== */
.card-sidebar .card-body, .card-sidebar .card-body * { color: #d8d5ff !important; }
.card-sidebar .card-body a { color: #ff8bd2 !important; }
.card-sidebar .card-body .btn, .card-sidebar .card-body .btn * { color: #fff !important; }

/* ===== No underline on nav buttons + account dropdown; readable hover ===== */
.btn-login:hover, .btn-client:hover, .nav-account a:hover,
.account-menu a:hover, .info-menu a:hover, .nav-dropdown a:hover { text-decoration: none !important; }
.account-menu a { color: #d9d6ff !important; }
.account-menu a:hover { background: rgba(255,79,163,0.14) !important; color: #fff !important; }
/* account trigger chevron: distinct dark color on the pink button */
.nav-account .nav-trigger .lucide { color: #2a0a1c !important; }

/* ===== Dashboard tile status pills (ss15) ===== */
.tiles .tile-badge { display: inline-block; margin-top: 0.75rem; padding: 0.38rem 0.75rem; border-radius: 8px; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.4px; position: relative; z-index: 1; line-height: 1; }
.tiles .tile-badge.tb-amber { background: rgba(255,177,58,0.14); color: #ffc14d; border: 1px solid rgba(255,177,58,0.35); }
.tiles .tile-badge.tb-green { background: rgba(53,255,154,0.12); color: #35ff9a; border: 1px solid rgba(53,255,154,0.32); }
.tiles .tile-badge.tb-pink { background: rgba(255,79,163,0.12); color: #ff7bbf; border: 1px solid rgba(255,79,163,0.35); }
.tiles .tile .highlight { margin-top: 0.75rem; }

/* ===== Tiles match ss15: clean bold number + solid filled status button ===== */
.tiles .tile .stat { font-family: 'Rajdhani', sans-serif !important; font-weight: 800 !important; font-size: 2.5rem !important; color: #fff !important; letter-spacing: 0; }
.tiles .tile-badge {
  display: block !important; width: 100% !important; text-align: center !important;
  margin-top: 0.85rem !important; padding: 0.55rem 0.7rem !important; border-radius: 9px !important;
  font-family: 'Rajdhani', sans-serif !important; font-weight: 700 !important; font-size: 0.82rem !important;
  letter-spacing: 0.4px; border: 0 !important;
}
.tiles .tile-badge.tb-amber { background: #e3a51d !important; color: #1c1402 !important; }
.tiles .tile-badge.tb-green { background: #18a558 !important; color: #ffffff !important; }
.tiles .tile-badge.tb-pink { background: #ff4fa3 !important; color: #1a0410 !important; }

/* ===== Sidebar widgets (Your Info / Contacts / Shortcuts) — force content visible ===== */
.sidebar .card-sidebar, .card-sidebar, .panel-sidebar { background: var(--bg-lifted) !important; }
.card-sidebar .collapsable-card-body, .card-sidebar .card-body, .card-sidebar .list-group,
.panel-sidebar .panel-body { display: block !important; visibility: visible !important; height: auto !important; max-height: none !important; overflow: visible !important; }
.card-sidebar .card-body, .card-sidebar .card-body *, .card-sidebar address, .card-sidebar strong,
.panel-sidebar .panel-body, .panel-sidebar .panel-body * { color: #e6e2ff !important; }
.card-sidebar a, .card-sidebar .list-group-item, .card-sidebar .list-group-item-action,
.panel-sidebar a { color: #d8d5ff !important; }
.card-sidebar .list-group-item:hover, .card-sidebar .list-group-item-action:hover { color: #fff !important; background: rgba(255,79,163,0.08) !important; }
.card-sidebar .card-body .btn, .card-sidebar .card-body .btn * { color: #fff !important; }
.card-sidebar .text-muted, .card-sidebar small { color: #9a95c8 !important; }

/* ===== Home panels: header buttons inline with title + kill white borders ===== */
.client-home-cards .card-header { display: flex !important; align-items: center !important; }
.client-home-cards .card-header .card-title { display: flex !important; align-items: center; gap: 0.55rem; width: 100%; margin: 0 !important; }
.client-home-cards .card-title .float-right { float: none !important; margin-left: auto !important; }
.client-home-cards .card-title .btn {
  white-space: nowrap; padding: 0.32rem 0.8rem !important; font-size: 0.72rem !important;
  border: 1px solid rgba(145,120,255,0.3) !important; background: rgba(255,255,255,0.05) !important;
  color: #fff !important; border-radius: 7px !important; box-shadow: none !important;
}
.client-home-cards .card-title .btn:hover { border-color: rgba(255,79,163,0.5) !important; background: rgba(255,79,163,0.1) !important; }

/* white borders -> dark inside home panels */
.client-home-cards .list-group-item, .client-home-cards .list-group,
.client-home-cards .card-body, .client-home-cards .card-footer, .client-home-cards hr,
.client-home-cards .card { border-color: rgba(145,120,255,0.14) !important; }
.client-home-cards .list-group-item { background: transparent !important; color: #d8d5ff !important; border-left: 0 !important; border-right: 0 !important; }
.client-home-cards .list-group-item:hover { background: rgba(255,79,163,0.06) !important; color: #fff !important; }
.client-home-cards .badge { color: #04210f; }

/* ===== Verification banners + alerts: kill white ===== */
.verification-banner, .email-verification, .user-validation {
  background: #16162e !important; color: #ece8ff !important; border-bottom: 1px solid var(--border) !important;
}
.verification-banner *, .email-verification *, .user-validation * { color: #ece8ff !important; }
.verification-banner a, .verification-banner .alert-link { color: var(--neon-pink) !important; }
.verification-banner .btn, .email-verification .btn, .user-validation .btn {
  background: rgba(255,255,255,0.06) !important; border: 1px solid var(--border) !important; color: #fff !important; box-shadow: none !important;
}
.verification-banner .close, .verification-banner .btn-close { color: #c9c4ee !important; opacity: 1 !important; }

.alert { background-color: #16162e !important; color: #ece8ff !important; border: 1px solid var(--border) !important; }
.alert-success { background-color: rgba(53,255,154,0.1) !important; color: #9ef5c8 !important; border-color: rgba(53,255,154,0.3) !important; }
.alert-danger, .alert-error { background-color: rgba(255,84,112,0.1) !important; color: #ffb3c0 !important; border-color: rgba(255,84,112,0.3) !important; }
.alert-warning { background-color: rgba(255,177,58,0.1) !important; color: #ffd9a0 !important; border-color: rgba(255,177,58,0.3) !important; }
.alert-info { background-color: rgba(79,139,255,0.1) !important; color: #bcd0ff !important; border-color: rgba(79,139,255,0.3) !important; }

/* safety net: common white surfaces -> dark */
.bg-white, .bg-light, .bg-body, [class*="bg-white"], .well-white, .box-white { background-color: #0d0d20 !important; color: #ece8ff !important; }

/* =====================================================================
   FINAL SWEEP — kill any remaining white across all WHMCS pages
   ===================================================================== */

/* native select dropdown options */
option, optgroup { background-color: #0d0d20 !important; color: #fff !important; }

/* dropdown menus / items */
.dropdown-menu { background-color: #0d0d20 !important; border: 1px solid var(--border) !important; }
.dropdown-item, .dropdown-menu a { color: #d8d5ff !important; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { background-color: rgba(255,79,163,0.12) !important; color: #fff !important; }
.dropdown-divider { border-color: var(--border) !important; }

/* tabs & pills */
.nav-tabs, .nav-pills { border-color: var(--border) !important; }
.nav-tabs .nav-link, .nav-pills .nav-link { color: #b9b4e6 !important; background: transparent !important; border-color: transparent !important; }
.nav-tabs .nav-link:hover { border-color: var(--border) !important; color: #fff !important; }
.nav-tabs .nav-link.active, .nav-pills .nav-link.active { background-color: #16162e !important; color: #fff !important; border-color: var(--border) var(--border) #16162e !important; }
.tab-content, .tab-pane { background: transparent !important; color: #ece8ff !important; }

/* pagination */
.pagination .page-link, .page-link { background-color: #0d0d20 !important; border-color: var(--border) !important; color: #d8d5ff !important; }
.page-item.active .page-link { background: linear-gradient(135deg,#ff2d78,#ff37c7) !important; border-color: rgba(255,55,199,0.55) !important; color: #fff !important; }
.page-item.disabled .page-link { background-color: #0a0a18 !important; color: #5a567f !important; }
.page-link:hover { background-color: rgba(255,79,163,0.1) !important; color: #fff !important; }

/* DataTables */
.dataTables_wrapper, .dataTable { color: #ece8ff !important; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { background-color: #0a0a1a !important; color: #fff !important; border: 1px solid var(--border) !important; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper label { color: #b9b4e6 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { background: #0d0d20 !important; color: #d8d5ff !important; border: 1px solid var(--border) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: linear-gradient(135deg,#ff2d78,#ff37c7) !important; color: #fff !important; }

/* tooltips & popovers */
.tooltip-inner { background-color: #16162e !important; color: #fff !important; border: 1px solid var(--border) !important; }
.popover, .popover-body, .popover-header { background-color: #0d0d20 !important; color: #ece8ff !important; border-color: var(--border) !important; }
.popover .arrow::after, .popover .arrow::before { border-color: transparent !important; }

/* breadcrumb */
.master-breadcrumb, .breadcrumb { background: transparent !important; }
.breadcrumb-item, .breadcrumb a, .master-breadcrumb a { color: #b9b4e6 !important; }
.breadcrumb-item.active, .breadcrumb a:hover { color: #ff4fa3 !important; }
.breadcrumb-item + .breadcrumb-item::before { color: #5a567f !important; }

/* code / pre / well / blockquote */
pre, code, kbd, .well, blockquote, .panel-body pre { background-color: #08081a !important; color: #d8d5ff !important; border-color: var(--border) !important; }

/* progress bars */
.progress { background-color: #16162e !important; }
.progress-bar { background: linear-gradient(135deg,#ff2d78,#ff37c7) !important; }

/* modals */
.modal-content { background-color: #0c0c1d !important; color: #ece8ff !important; border: 1px solid var(--border) !important; }
.modal-header, .modal-footer { border-color: var(--border) !important; }
.modal-title { color: #fff !important; }
.modal .close, .modal .btn-close, .close { color: #c9c4ee !important; opacity: 1 !important; text-shadow: none !important; }

/* invoice view */
.invoice, #invoice, .invoice-container, .invoice-items, .invoice-header { background-color: #0d0d20 !important; color: #ece8ff !important; }
.invoice table, .invoice td, .invoice th { color: #ece8ff !important; border-color: var(--border) !important; }

/* misc light bits */
.label, .badge-light, .badge-secondary { background-color: #16162e !important; color: #fff !important; }
.custom-control-label, .form-check-label, .custom-file-label { color: #c9c4ee !important; }
.custom-file-label, .custom-select { background-color: #0a0a1a !important; color: #fff !important; border-color: var(--border) !important; }
hr { border-color: var(--border) !important; }
.text-dark, .text-body, .text-black, .text-secondary { color: #c9c4ee !important; }
.bg-secondary, .bg-default, .bg-gray, .bg-gray-100, .bg-gray-200 { background-color: #16162e !important; }
.toast, .toast-header, .toast-body { background-color: #0d0d20 !important; color: #ece8ff !important; border-color: var(--border) !important; }
.callout { background-color: #0d0d20 !important; border-color: var(--border) !important; color: #ece8ff !important; }
fieldset, .form-section { border-color: var(--border) !important; }

/* ===== Re-add dark card backgrounds (removing them earlier turned them white) ===== */
.card, .panel, .panel-default, .modal-content, .well { background-color: #0d0d20 !important; }
.card-body, .panel-body, .card-footer, .panel-footer, .collapsable-card-body { background-color: #0d0d20 !important; color: #ece8ff !important; }
.card-header, .panel-heading, .modal-header { background-color: #14142a !important; color: #fff !important; }
.card-body p, .card-body li, .card-body span, .panel-body p { color: #c9c4ee !important; }
.card-footer { border-top: 1px solid var(--border) !important; }

/* home panels explicitly dark */
.client-home-cards .card, .client-home-cards .card-body, .client-home-cards .card-footer { background-color: #0d0d20 !important; }
.client-home-cards .card-header { background-color: #14142a !important; }
.client-home-cards .card-body, .client-home-cards .card-body * { color: #d0ccf0 !important; }
.client-home-cards a:not(.btn) { color: #ff7bbf !important; }

/* =====================================================================
   Home panels + buttons — premium redesign (not default WHMCS)
   ===================================================================== */
.client-home-cards .card {
  border: 1px solid var(--border) !important; border-radius: 14px !important; overflow: hidden !important;
  position: relative; background: #0c0c1c !important; transition: border-color .25s ease, transform .25s ease;
}
.client-home-cards .card:hover { border-color: rgba(255,79,163,0.38) !important; transform: translateY(-2px); }
.client-home-cards .card-header {
  background: linear-gradient(90deg, #17172f, #0f0f22) !important; border-bottom: 1px solid var(--border) !important;
  position: relative; padding: 0.85rem 1.1rem 0.85rem 1.25rem !important;
}
.client-home-cards .card-header::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(#ff2d78, #d83cff); }

/* title LEFT, button RIGHT */
.client-home-cards .card-header .card-title {
  display: flex !important; align-items: center; gap: 0.55rem; width: 100%; margin: 0 !important;
  font-family: 'Rajdhani', sans-serif !important; font-weight: 800 !important; letter-spacing: 0.6px; color: #fff !important;
}
.client-home-cards .card-title .float-right { order: 2; margin-left: auto !important; float: none !important; }

/* slick header buttons (My Services / Pay Now / Open New Ticket / View All) */
.client-home-cards .card-title .btn {
  padding: 0.42rem 0.95rem !important; font-family: 'Rajdhani', sans-serif !important; font-weight: 700 !important;
  font-size: 0.7rem !important; letter-spacing: 0.9px; text-transform: uppercase; border-radius: 8px !important;
  color: #fff !important; background: linear-gradient(135deg, rgba(255,45,120,0.16), rgba(216,60,255,0.12)) !important;
  border: 1px solid rgba(255,79,163,0.4) !important; box-shadow: none !important; transition: all .2s ease; white-space: nowrap;
}
.client-home-cards .card-title .btn:hover {
  background: linear-gradient(135deg, #ff2d78, #ff37c7) !important; border-color: rgba(255,55,199,0.7) !important;
  color: #fff !important; transform: translateY(-1px);
}
.client-home-cards .card-title .btn i { margin-right: 4px; }

.client-home-cards .card-body { padding: 1.1rem 1.25rem !important; font-size: 0.88rem; }
.client-home-cards .card-body a:not(.btn) { color: #ff7bbf !important; font-weight: 600; }
.client-home-cards .card-footer { background: #0a0a18 !important; padding: 0.7rem 1.25rem !important; }
.client-home-cards .card-footer a { color: #b9b4e6 !important; font-family: 'Rajdhani',sans-serif; font-weight: 600; letter-spacing: 0.4px; }
.client-home-cards .card-footer a:hover { color: #ff4fa3 !important; }

/* tile status pills — slicker (gradient + glow) */
.tiles .tile-badge.tb-amber { background: linear-gradient(135deg, #f4ad22, #e0890f) !important; color: #1c1402 !important; box-shadow: 0 0 14px rgba(240,168,30,0.28) !important; }
.tiles .tile-badge.tb-green { background: linear-gradient(135deg, #25cf72, #14a356) !important; color: #042012 !important; box-shadow: 0 0 14px rgba(31,196,106,0.26) !important; }
.tiles .tile-badge.tb-pink { background: linear-gradient(135deg, #ff2d78, #ff37c7) !important; color: #fff !important; box-shadow: 0 0 14px rgba(255,45,120,0.3) !important; }
.tiles .tile { transition: transform .2s ease, border-color .2s ease; }
.tiles .tile:hover .tile-badge { filter: brightness(1.06); }

/* ===== No lift; nicer glow hover + cleaner arrangement ===== */
.card:hover, .client-home-cards .card:hover, .tiles .tile:hover,
.btn:hover, .client-home-cards .card-title .btn:hover, .product:hover { transform: none !important; }

.client-home-cards .card { transition: border-color .25s ease, background .25s ease !important; }
.client-home-cards .card:hover { border-color: rgba(255,79,163,0.5) !important; background: #100f24 !important; }
.client-home-cards .card:hover .card-header::before { box-shadow: 0 0 12px rgba(255,55,199,0.75); }
.client-home-cards .card:hover .card-header { background: linear-gradient(90deg, #1d1d3a, #111126) !important; }

.tiles .tile { transition: border-color .2s ease, background .2s ease !important; }
.tiles .tile:hover { border-color: rgba(255,79,163,0.5) !important; background: #131331 !important; }

.client-home-cards .card-title .btn:hover {
  background: linear-gradient(135deg, #ff2d78, #ff37c7) !important; border-color: rgba(255,55,199,0.75) !important;
  box-shadow: 0 0 12px rgba(255,45,120,0.3) !important; color: #fff !important;
}

/* cleaner grid rhythm */
.client-home-cards .row { margin-left: -0.6rem !important; margin-right: -0.6rem !important; }
.client-home-cards .row > [class*="col-"] { padding-left: 0.6rem !important; padding-right: 0.6rem !important; }
.client-home-cards .card { margin-bottom: 1.2rem !important; }
.tiles .row { margin-left: -0.5rem !important; margin-right: -0.5rem !important; }

/* ===== Register page — cyberpunk accents (blue -> neon) ===== */
#frmCheckout i, #frmCheckout .fa, #frmCheckout .fas, #frmCheckout .far,
#frmCheckout .input-group-text i, #frmCheckout .text-primary { color: #ff4fa3 !important; }
.text-primary, .text-info { color: #ff4fa3 !important; }

#frmCheckout .btn-primary, #frmCheckout input.btn-primary, #frmCheckout input[type="submit"] {
  background: linear-gradient(135deg, #ff2d78, #ff37c7) !important; border: 1px solid rgba(255,55,199,0.55) !important;
  color: #fff !important; box-shadow: none !important; border-radius: 9px !important;
}
#frmCheckout .btn-primary:hover, #frmCheckout input[type="submit"]:hover { filter: brightness(1.07); }
#frmCheckout .btn-default, #frmCheckout .generate-password, #frmCheckout .btn-light {
  background: rgba(255,255,255,0.05) !important; border: 1px solid var(--border) !important; color: #fff !important; box-shadow: none !important;
}
#frmCheckout .btn-default:hover, #frmCheckout .generate-password:hover { border-color: rgba(255,79,163,0.5) !important; color: #fff !important; }
#frmCheckout .input-group-text { background: #0a0a1a !important; border: 1px solid var(--border) !important; }
#frmCheckout .form-control, #frmCheckout input, #frmCheckout select, #frmCheckout textarea { background: #0a0a1a !important; color: #fff !important; border: 1px solid var(--border) !important; }
#frmCheckout .form-control:focus, #frmCheckout input:focus, #frmCheckout select:focus { border-color: #ff4fa3 !important; box-shadow: 0 0 0 3px rgba(255,79,163,0.15) !important; }
#frmCheckout h1, #frmCheckout h2, #frmCheckout h3, #frmCheckout .card-title { color: #fff !important; font-family: 'Rajdhani','Exo 2',sans-serif !important; }
/* section headers: subtle accent underline */
#frmCheckout .card-title { display: flex; align-items: center; gap: 0.5rem; padding-bottom: 0.4rem; border-bottom: 1px solid var(--border); }

/* ===== Register: flat sections inside one container (match the reference) ===== */
#registration { max-width: 900px; margin: 1.2rem auto 3.5rem; }
#registration #containerNewUserSignup {
  background: rgba(12,12,28,0.55) !important; border: 1px solid var(--border) !important;
  border-radius: 16px !important; padding: 2.2rem 2.4rem !important;
}
#frmCheckout .card { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 1.8rem !important; }
#frmCheckout .card-body { background: transparent !important; padding: 0 !important; }
#frmCheckout .card-header { background: transparent !important; border: 0 !important; padding: 0 !important; }
#frmCheckout .card:hover { transform: none !important; border: 0 !important; background: transparent !important; }
#frmCheckout .card-title {
  display: flex; align-items: center; gap: 0.55rem; margin: 0 0 1.2rem !important;
  padding-bottom: 0.6rem; border-bottom: 1px solid var(--border);
  font-family: 'Rajdhani', sans-serif !important; font-weight: 800 !important; font-size: 1.15rem !important; color: #fff !important; letter-spacing: 0.5px;
}
#frmCheckout .form-group { margin-bottom: 1.1rem; }
#frmCheckout .field-icon, #frmCheckout .prepend-icon label { color: #ff4fa3 !important; }
@media (max-width: 600px){ #registration #containerNewUserSignup { padding: 1.5rem 1.2rem !important; } }

/* ===== Show field icons inside register/checkout inputs ===== */
.prepend-icon { position: relative !important; }
.prepend-icon .field-icon {
  position: absolute !important; left: 0; top: 0; height: 100%; width: 44px;
  display: flex !important; align-items: center; justify-content: center; margin: 0 !important;
  color: #ff4fa3 !important; z-index: 3; pointer-events: none; opacity: 1 !important;
}
.prepend-icon .field-icon i, .prepend-icon .field-icon .fa, .prepend-icon .field-icon .fas, .prepend-icon .field-icon .far {
  color: #ff4fa3 !important; font-size: 0.95rem; display: inline-block !important;
}
.prepend-icon .field-icon .lucide { width: 18px !important; height: 18px !important; color: #ff4fa3 !important; stroke-width: 2; }
.prepend-icon .form-control, .prepend-icon input.form-control, .prepend-icon select.form-control { padding-left: 46px !important; }
.prepend-icon .field-icon[id*="State"], .prepend-icon .field-icon[id*="Country"] { z-index: 3; }

/* ===== Phone field fix + remove horizontal scrollbar (register) ===== */
/* hide the duplicate lucide icon on phone (the country flag replaces it) */
#frmCheckout label.field-icon[for="inputPhone"] { display: none !important; }
#frmCheckout .intl-tel-input, #frmCheckout .iti { width: 100% !important; display: block !important; }
/* enough room so the placeholder/number doesn't sit under the +dial code */
#frmCheckout #inputPhone, #frmCheckout .intl-tel-input input.form-control, #frmCheckout .iti input.form-control { padding-left: 84px !important; }
#frmCheckout .intl-tel-input .selected-flag, #frmCheckout .iti__selected-flag { z-index: 4; }

/* kill the horizontal scrollbar */
#registration, #registration #containerNewUserSignup, #frmCheckout, #frmCheckout .row { overflow-x: hidden !important; }
#frmCheckout .row { margin-left: 0 !important; margin-right: 0 !important; }