/* RDPCore — black/violet split, dark UI, green terminal */
:root{
  --rdp-black:    #060814;
  --rdp-deep:     #03050d;
  --rdp-violet:   #5b25c4;
  --rdp-violet-2: #3d168f;
  --rdp-brand:    #7339ea;
  --rdp-brand-2:  #a371ff;
  --rdp-accent:   #2dd4a7;
  --rdp-term-bg:  #03050d;
  --rdp-term-fg:  #2dd4a7;

  --rdp-surface:   #0f1226;
  --rdp-surface-2: #141833;
  --rdp-border:    #1f234a;
  --rdp-border-2:  #2c3263;
  --rdp-text:      #ecedf7;
  --rdp-muted:     #aab1d2;
  --rdp-dim:       #6770a0;
}

html, body, body[data-bs-theme]{
  background: transparent !important;
  color: var(--rdp-text) !important;
  min-height: 100vh;
}

/* === Hard split — no transition stripe === */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: linear-gradient(
    115deg,
    var(--rdp-black) 0%,
    var(--rdp-black) 50%,
    var(--rdp-violet-2) 50%,
    var(--rdp-violet) 100%);
}

/* === Top bar === */
.navbar{
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.navbar .navbar-brand{padding:0}
.navbar .navbar-brand img{
  background:#fff;padding:6px 12px;border-radius:8px;
  height:28px;width:auto;display:block;
}

/* === Cards === */
.card, .bg-body-tertiary, .bg-body-secondary, .bg-light{
  background-color: var(--rdp-surface) !important;
  border: 1px solid var(--rdp-border) !important;
  color: var(--rdp-text) !important;
  box-shadow: 0 12px 40px -20px rgba(0,0,0,.6);
}
.card-header, .card-footer{
  background-color: var(--rdp-surface-2) !important;
  border-color: var(--rdp-border) !important;
  color: var(--rdp-text) !important;
}
.border, .border-top, .border-bottom, .border-end, .border-start{
  border-color: var(--rdp-border) !important;
}
hr{border-color: var(--rdp-border) !important;opacity:1}

/* === Form controls === */
.form-control, .form-select, .input-group-text{
  background-color: var(--rdp-surface-2) !important;
  border-color: var(--rdp-border-2) !important;
  color: var(--rdp-text) !important;
}
.form-control:focus, .form-select:focus{
  background-color: var(--rdp-surface-2) !important;
  border-color: var(--rdp-brand) !important;
  color: var(--rdp-text) !important;
  box-shadow: 0 0 0 .2rem rgba(115,57,234,.35) !important;
}
.form-control::placeholder{color: var(--rdp-dim) !important}
.form-label, .text-muted{color: var(--rdp-muted) !important}

/* === Buttons === */
.btn-primary{
  background-color: var(--rdp-brand) !important;
  border-color: var(--rdp-brand) !important;
  color:#fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background-color: var(--rdp-violet) !important;
  border-color: var(--rdp-violet) !important;
}
.btn-outline-secondary{
  color: var(--rdp-muted) !important;
  border-color: var(--rdp-border-2) !important;
  background-color: transparent !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus{
  background-color: rgba(115,57,234,.18) !important;
  border-color: var(--rdp-brand-2) !important;
  color: #fff !important;
}
.btn-group .btn.active, .btn-group .btn:active{
  background-color: var(--rdp-brand) !important;
  border-color: var(--rdp-brand) !important;
  color:#fff !important;
}

/* === Links === */
a{color: var(--rdp-brand-2)}
a:hover{color: var(--rdp-accent)}

/* === Generic code blocks === */
pre, code, .font-monospace{
  background: var(--rdp-term-bg) !important;
  color: var(--rdp-text) !important;
  border: 1px solid var(--rdp-border) !important;
  border-radius: 8px;
}
code{padding: 2px 6px;}
pre{padding: 14px 16px;}

/* iPerf3 inline command lines (originally pink/red) */
p > code, .row code{
  color: var(--rdp-accent) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 500;
}

/* === Terminal output (Looking Glass live results) — GREEN === */
#outputCard{
  background: var(--rdp-term-bg) !important;
  border: 1px solid var(--rdp-border) !important;
}
#outputContent, #outputCard pre, #outputCard code{
  background: var(--rdp-term-bg) !important;
  color: var(--rdp-term-fg) !important;
  border: none !important;
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13.5px;
  line-height: 1.55;
  text-shadow: 0 0 8px rgba(45,212,167,.18);
}

/* Badges */
.badge, .bg-success, .bg-info, .bg-primary{
  background-color: var(--rdp-brand) !important;
  color:#fff !important;
}
.text-success{color: var(--rdp-accent) !important}

/* Dropdowns */
.dropdown-menu{
  background-color: var(--rdp-surface) !important;
  border-color: var(--rdp-border-2) !important;
}
.dropdown-item{color: var(--rdp-text) !important}
.dropdown-item:hover, .dropdown-item:focus{
  background-color: rgba(115,57,234,.22) !important;
  color:#fff !important;
}

/* Footer */
.rdp-foot{
  margin-top: 60px;
  padding: 22px 0 28px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.rdp-foot-inner{
  max-width: 1180px;margin: 0 auto;padding: 0 24px;
  display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size: 13.5px;color: var(--rdp-muted);
}
.rdp-foot-inner a{color: var(--rdp-brand-2);font-weight: 600}
.rdp-foot-inner a:hover{color: var(--rdp-accent)}
@media (max-width:560px){.rdp-foot-inner{justify-content:center}}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#03050d}
::-webkit-scrollbar-thumb{background:#2c3263;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--rdp-brand)}