/* hacker.css - Updated to fix alert and dropdown backgrounds in hacker theme */

/* [Previous content remains the same, adding new rules at the end] */

:root{
    --accent:#2563eb;
    --accent-soft:#e0edff;
    --accent-weak:#93c5fd;
    --success:#16a34a;
    --danger:#ef4444;
    --warning:#f59e0b;
    --text-main:#0f172a;
    --text-muted:#6b7280;
    --neon-light:#b7ffbf;
  }

  html,body{
    height:100%;
  }

  body{
    margin:0;
    font-family: system-ui, -apple-system, "Inter", Segoe UI, Roboto, Arial, sans-serif;
    transition: background-color .25s ease, color .25s ease;
  }

  /* ————————————————————
     CUSTOM SWITCH – MODERN & OLDSCHOOL
     ———————————————————— */
  .custom-switch {
    -webkit-appearance: none;
    appearance: none;
    width: 3.2em;
    height: 1.8em;
    background: #cbd5e0;
    border-radius: 1.8em;
    position: relative;
    cursor: pointer;
    transition: background 0.3s ease;
    margin: 0;
  }
  .custom-switch::before {
    content: '';
    position: absolute;
    width: 1.4em;
    height: 1.4em;
    border-radius: 50%;
    background: white;
    top: 0.2em;
    left: 0.2em;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }
  .custom-switch:checked {
    background: var(--accent);
  }
  .custom-switch:checked::before {
    transform: translateX(1.4em);
  }
  .custom-switch:focus {
    box-shadow: 0 0 0 0.25rem rgba(37,99,235,.25);
  }

  /* OLDSCHOOL GLOWING GREEN SWITCH */
  body.theme-hacker .custom-switch {
    width: 4em;
    height: 2em;
    background: #020b07;
    border: 2px solid #00ff8b;
    border-radius: 2em;
    box-shadow: 0 0 10px rgba(0,255,139,0.6);
    transition: all 0.4s ease;
  }
  body.theme-hacker .custom-switch::before {
    width: 1.4em;
    height: 1.4em;
    background: #00ff8b;
    top: 0.2em;
    left: 0.2em;
    box-shadow: 0 0 15px #00ff8b, 0 0 30px rgba(0,255,139,0.8);
  }
  body.theme-hacker .custom-switch:checked {
    background: #061810;
    box-shadow: 0 0 20px rgba(0,255,139,0.9);
  }
  body.theme-hacker .custom-switch:checked::before {
    transform: translateX(2em);
    box-shadow: 0 0 25px #00ff8b, 0 0 50px rgba(0,255,139,1);
  }

  /* SWITCH STRUCTURE */
  .form-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
  }
  .form-switch .form-check-input {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    cursor: pointer;
    opacity: 1;
    margin-left: 0;
  }
  .form-switch .form-check-label {
    cursor: default !important;
    user-select: none;
    margin: 0;
    font-size: .9rem;
  }
  .custom-switch:checked + .form-check-label {
    font-weight: 600;
  }

  /* Force neon colors in hacker theme (numbers in KPIs + tables) */
  body.theme-hacker .text-success {
    color:#7dff9a !important;
  }

  body.theme-hacker .text-danger {
    color:#ff6b6b !important;
  }

  body.theme-hacker .form-control::placeholder {
    color:#3ddc72 !important;
    opacity:1;
  }

  /* -------------------------
     THEME: MODERN (DEFAULT)
  --------------------------*/
  body.theme-modern{
    background:#f3f4f6;
    color:var(--text-main);
  }
  body.theme-modern .app-shell{max-width:1120px;}
  body.theme-modern header.app-header{padding:0;margin-bottom:1.75rem;}
  body.theme-modern .brand-row{
    background:#ffffff;border-radius:18px;border:1px solid #e5e7eb;
    padding:.85rem 1.25rem;margin-bottom:1.25rem;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
  }
  body.theme-modern .brand-mark{
    display:flex;align-items:center;gap:.5rem;font-weight:700;
    font-size:1.05rem;color:#111827;
  }
  body.theme-modern .brand-mark i{font-size:1.1rem;color:#f97316;}
  body.theme-modern .brand-menu{font-size:1.1rem;color:#9ca3af;}
  body.theme-modern .hero-title{font-size:1.9rem;font-weight:700;color:#111827;}
  body.theme-modern .hero-subtitle{font-size:1rem;color:var(--text-muted);}
  body.theme-modern .card{
    background:#ffffff;border-radius:18px;border:1px solid #e5e7eb;
    box-shadow:0 22px 50px rgba(15,23,42,.08);
  }
  body.theme-modern .muted{color:var(--text-muted);}
  body.theme-modern .btn-electric{
    background:var(--accent);color:#ffffff;border:none;font-weight:600;
    box-shadow:0 8px 18px rgba(37,99,235,.35);
  }
  body.theme-modern .btn-electric:hover{background:#1d4ed8;}
  body.theme-modern .btn-outline-electric{
    border-radius:999px;border:1px solid var(--accent);color:var(--accent);
    font-weight:500;background:#ffffff;
  }
  body.theme-modern .btn-outline-electric:hover{
    background:var(--accent-soft);color:var(--accent);
  }
  body.theme-modern .step-title{
    font-size:.9rem;font-weight:600;text-transform:uppercase;
    letter-spacing:.12em;color:var(--text-muted);
  }
  body.theme-modern .status{
    border-radius:999px;padding:.2rem .75rem;font-weight:600;font-size:.8rem;
  }
  body.theme-modern .status.active{
    background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.6);color:#166534;
  }
  body.theme-modern .status.pending{
    background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.6);color:#c2410c;
  }
  body.theme-modern .status.paused{
    background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.6);color:#b91c1c;
  }
  body.theme-modern .kpi{font-size:1.6rem;font-weight:700;color:#0f172a;}
  body.theme-modern .kpi-label{
    font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;
    color:var(--text-muted);
  }
  body.theme-modern .table-dark{
    --bs-table-bg:#ffffff;--bs-table-striped-bg:#f9fafb;
    --bs-table-striped-color:#111827;--bs-table-hover-bg:#eef2ff;
    color:#111827;border-radius:12px;overflow:hidden;
  }
  body.theme-modern .table-dark thead tr{
    background:#f3f4f6;text-transform:uppercase;letter-spacing:.08em;
    font-size:.75rem;color:var(--text-muted);
  }
  body.theme-modern .table-dark td{font-size:.85rem;}
  body.theme-modern a.link{color:#2563eb;text-decoration:none;font-weight:500;}
  body.theme-modern a.link:hover{text-decoration:underline;}
  body.theme-modern .nav-pills .nav-link{
    border-radius:999px;padding:.35rem .9rem;font-size:.8rem;
    text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);
  }
  body.theme-modern .nav-pills .nav-link.active{
    background:#111827;color:#f9fafb;
  }
  body.theme-modern .pagination .page-link{border-radius:999px;font-size:.8rem;}
  body.theme-modern #inlineMsg .alert{border-radius:12px;border:none;}

  /* Ensure dark text */
  body.theme-modern .table-dark tbody tr td,
  body.theme-modern .table-dark tbody tr th {
    color: #111827 !important;
  }

  /* Add seller's extra for even rows */
  body.theme-modern .table-dark tbody tr:nth-child(even) td,
  body.theme-modern .table-dark tbody tr:nth-child(even) th {
    color: #111827 !important;
  }

  /* Auto-resize the "current / total" line so it always fits */
  .kpi-main-available{
    white-space: nowrap;
    font-size: clamp(1rem, 5.5vw, 2.1rem);
  }

  @media (max-width: 768px){
    .kpi-main-available{
      font-size: 1.1rem;
    }
  }

  @media (max-width: 400px){
    .kpi-main-available{
      font-size: 0.95rem;
    }
  }

  /* -------------------------
     THEME: HACKER / OLDSCHOOL
  --------------------------*/
  body.theme-hacker{
    background:#020b07;color:var(--neon-light);
    font-family:"JetBrains Mono","Fira Code",SFMono-Regular,Menlo,monospace;
  }
  body.theme-hacker .app-shell{
    max-width:960px;border-radius:24px;border:1px solid rgba(0,255,139,.5);
    box-shadow:0 0 0 1px rgba(0,255,139,.2),0 0 40px rgba(0,255,139,.18);
    padding:28px 28px 32px;
    background:radial-gradient(circle at top left,#041b12 0%,#020906 55%);
  }
  body.theme-hacker header.app-header{margin-bottom:1.5rem;}
  body.theme-hacker .hero-title{
    font-size:1.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-light);
  }
  body.theme-hacker .hero-subtitle{font-size:.95rem;color:var(--neon-light);}
  body.theme-hacker .brand-row{display:none;}
  body.theme-hacker .card{
    background:transparent;border-radius:14px;
    border:1px solid rgba(0,255,139,.35);box-shadow:none;
  }
  body.theme-hacker .muted{color:var(--neon-light);}
  body.theme-hacker .btn-electric{
    background:transparent;color:var(--neon-light);border:1px solid var(--neon-light);
    font-weight:600;border-radius:4px;box-shadow:none;
  }
  body.theme-hacker .btn-electric:hover{background:#0a2415;color:#ffffff;}
  body.theme-hacker .btn-outline-electric{
    background:transparent;color:var(--neon-light);border-radius:4px;
    border:1px solid var(--neon-light);font-weight:600;
  }
  body.theme-hacker .btn-outline-electric:hover{background:#061810;}
  body.theme-hacker .step-title{
    font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--neon-light);
  }
  body.theme-hacker label.form-label{
    text-transform:lowercase;letter-spacing:.08em;font-size:.8rem;color:var(--neon-light);
  }
  body.theme-hacker .status{
    border-radius:999px;padding:.15rem .7rem;font-weight:600;
    font-size:.75rem;border:1px solid rgba(0,255,139,.4);color:var(--neon-light);
  }
  body.theme-hacker .status.active{background:rgba(0,255,139,.12);color:var(--neon-light);}
  body.theme-hacker .status.pending{
    background:rgba(251,146,60,.12);border-color:#fb923c;color:var(--neon-light);
  }
  body.theme-hacker .status.paused{
    background:rgba(255,107,107,.1);border-color:#ff6b6b;color:var(--neon-light);
  }
  body.theme-hacker .kpi{
    font-size:1.1rem;
    font-weight:600;
    color:var(--neon-light);
    text-shadow:0 0 6px rgba(0,255,139,.5);
    line-height:1.3;
  }
  body.theme-hacker .kpi-label{
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:var(--neon-light);
  }
  body.theme-hacker .table-dark{
    --bs-table-bg:transparent;--bs-table-striped-bg:rgba(0,255,139,.03);
    color:var(--neon-light);border-radius:0;
  }
  body.theme-hacker .table-dark thead tr{
    background:transparent;border-bottom:1px solid rgba(0,255,139,.45);
    text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--neon-light);
  }
  body.theme-hacker .table-dark td{
    font-size:.8rem;border-top:1px solid rgba(0,255,139,.12);color:var(--neon-light);
  }
  body.theme-hacker a.link{color:var(--neon-light);text-decoration:none;}
  body.theme-hacker a.link:hover{text-decoration:underline;}
  body.theme-hacker .pagination .page-link{
    background:transparent;border-radius:0;
    border-color:rgba(0,255,139,.35);color:var(--neon-light);font-size:.75rem;
  }
  body.theme-hacker #inlineMsg .alert{
    background:transparent;border-radius:4px;
    border:1px solid rgba(0,255,139,.35);color:var(--neon-light);font-size:.85rem;
  }

  /* SHARED HEADER CONTROLS (same as seller) */
  .header-controls{
    align-items:flex-end;
  }

  /* PRIVACY TOGGLE */
  .privacy-toggle{font-size:.8rem;}
  .privacy-toggle-inner{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;}
  .privacy-toggle-input{position:absolute;opacity:0;pointer-events:none;}
  .privacy-toggle-slider{width:2.6em;height:1.4em;border-radius:1.4em;position:relative;flex-shrink:0;transition:background .25s ease, box-shadow .25s ease, border-color .25s ease;}
  .privacy-toggle-slider::before{content:'';position:absolute;width:1.1em;height:1.1em;border-radius:50%;top:0.15em;left:0.2em;transition:transform .25s ease, background .25s ease, box-shadow .25s ease;}
  .privacy-toggle-label{user-select:none;}

  body.theme-modern .privacy-toggle-slider{background:#e5e7eb;box-shadow:0 1px 3px rgba(15,23,42,.12);}
  body.theme-modern .privacy-toggle-slider::before{background:#ffffff;box-shadow:0 2px 5px rgba(15,23,42,.25);}
  body.theme-modern .privacy-toggle-input:checked + .privacy-toggle-slider{background:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.18);}
  body.theme-modern .privacy-toggle-input:checked + .privacy-toggle-slider::before{transform:translateX(1.1em);}

  body.theme-hacker .privacy-toggle-slider{background:#020b07;border:2px solid #00ff8b;box-shadow:0 0 10px rgba(0,255,139,0.45);}
  body.theme-hacker .privacy-toggle-slider::before{background:#00ff8b;box-shadow:0 0 15px #00ff8b,0 0 30px rgba(0,255,139,0.9);}
  body.theme-hacker .privacy-toggle-input:checked + .privacy-toggle-slider{background:#061810;box-shadow:0 0 18px rgba(0,255,139,0.9);}
  body.theme-hacker .privacy-toggle-input:checked + .privacy-toggle-slider::before{transform:translateX(1.1em);box-shadow:0 0 22px #00ff8b,0 0 40px rgba(0,255,139,1);}
  body.theme-hacker .privacy-toggle-label{color:var(--neon-light);}

  .theme-toggle{display:flex;gap:.5rem;justify-content:flex-end;}
  .app-shell{max-width:1160px;}

  /* TEXT COLOR IN HACKER THEME */
  body.theme-hacker h4,
  body.theme-hacker h5,
  body.theme-hacker .step-title,
  body.theme-hacker label,
  body.theme-hacker .kpi-label,
  body.theme-hacker .table-dark th {color:var(--neon-light) !important;}
  body.theme-hacker .form-check-label {color:var(--neon-light) !important;}

  /* INPUT + SELECT THEME STYLES (same as seller) */
  body.theme-modern .form-control,
  body.theme-modern .form-select {
    background-color:#f8fafc;
    color:#0f172a;
    border-radius:10px;
    border:1px solid #d1d5db;
    font-size:.9rem;
  }
  body.theme-modern .form-control:focus,
  body.theme-modern .form-select:focus {
    border-color:var(--accent);
    box-shadow:0 0 0 .15rem rgba(37,99,235,.25);
  }
  body.theme-hacker .form-control,
  body.theme-hacker .form-select {
    background-color:rgba(0,255,139,0.08);
    color:var(--neon-light);
    border-radius:4px;
    border:1px solid rgba(0,255,139,0.4);
    font-size:.85rem;
  }
  body.theme-hacker .form-control:focus,
  body.theme-hacker .form-select:focus {
    border-color:var(--neon-light);
    box-shadow:0 0 0 .12rem rgba(0,255,139,.3);
  }
  body.theme-hacker .form-control::placeholder,
  body.theme-hacker .form-select option {
    color:var(--neon-light) !important;
    opacity:1;
  }

  /* TABLE TEXT COLOR FIX */
  #ordersBody small.text-muted,
  .table-dark td small.text-muted{
    color:var(--neon-light) !important;opacity:0.85;font-weight:normal;
  }

  /* MOBILE */
  @media (max-width: 768px) {
    .app-shell{
      padding-left:1rem;
      padding-right:1rem;
      overflow-x:hidden;
    }
    header.app-header{
      margin-bottom:1.25rem;
    }
    .hero-title{font-size:1.4rem;}
    .hero-subtitle{font-size:.9rem;}
    .theme-toggle{justify-content:center;}
    .card{padding:1rem;}
    .table-responsive{font-size:.8rem;}
    .table-responsive table{width:100%;}
    .status{font-size:.7rem;padding:.15rem .6rem;}
  }

  /* --- tidy header on mobile --- */
  @media (max-width: 768px) {
    #pageNavButtons{
      flex-direction: column;
      align-items: stretch;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    #pageNavButtons .btn{
      width: 100%;
      justify-content: center;
    }

    .header-controls{
      align-items: center !important;
      width: 100%;
    }

    .header-controls .theme-toggle{
      justify-content: center;
      width: 100%;
    }

    .header-controls .privacy-toggle{
      align-self: center;
    }
  }

  /* GLOBAL OVERRIDE FOR HACKER THEME TEXT */
  body.theme-hacker * {
    color: var(--neon-light) !important;
  }
  body.theme-hacker .text-success,
  body.theme-hacker .text-danger,
  body.theme-hacker .text-muted {
    color: var(--neon-light) !important;
  }
  body.theme-hacker .badge {
    color: var(--neon-light) !important;
  }
  body.theme-hacker .form-check-input:checked {
    background-color: var(--neon-light);
    border-color: var(--neon-light);
  }
  /* Remove spinner arrows from number inputs */
#amount::-webkit-outer-spin-button,
#amount::-webkit-inner-spin-button,
#customPrice::-webkit-outer-spin-button,
#customPrice::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Fix badge styling in hacker theme (Duration column) */
body.theme-hacker .badge {
  background-color: rgba(0, 255, 139, 0.12) !important; /* Semi-transparent neon */
  color: var(--neon-light) !important; /* Neon text */
  border: 1px solid rgba(0, 255, 139, 0.4) !important; /* Subtle neon border */
  font-family: inherit; /* Match monospace */
}
body.theme-hacker .bg-info-subtle {
  background-color: rgba(0, 255, 139, 0.12) !important; /* Override specific blue bg */
}
body.theme-hacker .text-body {
  color: var(--neon-light) !important; /* Override dark text */
}

  /* Add seller's unique styles for hacker theme */

  body.theme-hacker #connBox, body.theme-hacker #settingsBox, body.theme-hacker #metricsSection, body.theme-hacker #activitySection{
    border-radius:12px;border-color:rgba(0,255,139,.3);
  }

  body.theme-hacker .console-lines{
    font-size:.82rem;line-height:1.35;margin-bottom:.75rem;
  }
  body.theme-hacker .console-lines span{display:block;}
  body.theme-hacker .console-lines span::before{content:"> ";}

  body.theme-hacker .nav-pills .nav-link{
    border-radius:0;font-size:.78rem;text-transform:uppercase;
    letter-spacing:.22em;color:#3ddc72;padding:.3rem .75rem;
  }
  body.theme-hacker .nav-pills .nav-link.active{
    background:rgba(0,255,139,.15);color:var(--neon-light);
    border-bottom:1px solid #00ff8b;
  }

  /* HACKER THEME SWITCH OVERRIDES */
  body.theme-hacker .privacy-switch-input{
    background:#020b07;
    border:2px solid #00ff8b;
    box-shadow:0 0 10px rgba(0,255,139,0.45);
  }
  body.theme-hacker .privacy-switch-input::before{
    background:#00ff8b;
    box-shadow:0 0 15px #00ff8b,0 0 30px rgba(0,255,139,0.9);
  }
  body.theme-hacker .privacy-switch-input:checked{
    background:#061810;
    box-shadow:0 0 18px rgba(0,255,139,0.9);
  }
  body.theme-hacker .privacy-switch-input:checked::before{
    transform:translateX(1.1em);
    box-shadow:0 0 22px #00ff8b,0 0 40px rgba(0,255,139,1);
  }
  body.theme-hacker .privacy-switch .form-check-label{
    color:var(--neon-light);
  }

  /* tweak colors in hacker theme */
  body.theme-hacker .privacy-switch .form-check-input{
    background:transparent;
    border-color:rgba(0,255,139,.6);
  }
  body.theme-hacker .privacy-switch .form-check-input:checked{
    background-color:#00ff8b;
    border-color:#00ff8b;
    box-shadow:0 0 10px rgba(0,255,139,.7);
  }
  body.theme-hacker .privacy-switch .form-check-label{
    color:var(--neon-light);
  }

  /* Add seller's table text fix extension */
  #delBody small.text-muted,
  #histBody small.text-muted{
    color:var(--neon-light) !important;opacity:0.85;font-weight:normal;
  }

  /* Add seller's KPI cards padding */
  body.theme-hacker .card{
    padding:0.9rem 1rem;
  }

  /* NEW: Fix TronLink status (alert) background and color */
  body.theme-hacker #tronStatus,
  body.theme-hacker .alert {
    background: transparent !important;
    border-radius: 4px;
    border: 1px solid rgba(0,255,139,.35);
    color: var(--neon-light) !important;
    font-size: .85rem;
  }

  /* NEW: Fix dropdown menus (for select fields) */
  body.theme-hacker .dropdown-menu {
    background-color: #020b07 !important;
    border: 1px solid rgba(0,255,139,.35);
    box-shadow: 0 0 10px rgba(0,255,139,0.3);
  }

  body.theme-hacker .dropdown-item {
    color: var(--neon-light) !important;
  }

  body.theme-hacker .dropdown-item:hover,
  body.theme-hacker .dropdown-item:focus {
    background-color: rgba(0,255,139,0.12) !important;
    color: var(--neon-light) !important;
  }

  body.theme-hacker .form-select option {
    background-color: #020b07 !important;
    color: var(--neon-light) !important;
  }
  .theme-hacker .progress {
  background-color: #222; /* Darker gray for the empty part of the bar */
  border: 1px solid #0f0; /* Green border to match hacker aesthetic */
}

.theme-hacker .progress-bar {
  background-color: #0f0 !important; /* Bright green fill */
  color: #000; /* Black text for contrast */
  text-shadow: 0 0 2px #0f0; /* Subtle glow for text */
}
body.theme-hacker #logBox {
  background: #000; /* Black bg */
  color: #0f0; /* Neon green text */
}

/* hacker.css */
body.theme-hacker .modal-content {
  background: #020b07;
  color: var(--neon-light);
  border: 1px solid rgba(0,255,139,.35);
  font-family: monospace;
}
body.theme-hacker .modal-header {
  border-bottom: 1px solid rgba(0,255,139,.45);
}