:root{
  --bg:#070b10;
  --card:#0b121b;
  --line:#173042;
  --text:#dff7ea;
  --muted:#8fd1ae;
  --green:#00ff66;
  --green2:#34d399;
  --warn:#ffd166;
  --bad:#ff4d4d;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.bg-terminal{background: radial-gradient(1200px 600px at 20% 0%, rgba(0,255,102,.08), transparent 55%),
                       radial-gradient(900px 500px at 90% 10%, rgba(52,211,153,.07), transparent 55%),
                       linear-gradient(180deg, #05070b 0%, var(--bg) 50%, #04060a 100%)!important;}
.text-terminal{color:var(--text)!important; font-family:var(--mono)!important;}
.border-terminal{border-color: rgba(0,255,102,.18)!important;}
.nav-terminal{background: rgba(7,11,16,.86); backdrop-filter: blur(8px);}
.terminal-brand{letter-spacing:.2px;}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(0,255,102,.08);margin-right:10px;}

.badge-terminal{background:rgba(0,255,102,.10); border:1px solid rgba(0,255,102,.25); color:var(--muted);}
.text-muted-terminal{color:rgba(143,209,174,.85)!important;}
.card-terminal{
  background: rgba(11,18,27,.78);
  border:1px solid rgba(0,255,102,.18);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.table-terminal{
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: rgba(0,255,102,.12);
}
.table-terminal thead th{
  color: rgba(223,247,234,.92);
  background: rgba(0,255,102,.06);
  border-bottom:1px solid rgba(0,255,102,.18)!important;
}
.table-terminal tbody tr:hover{
  background: rgba(0,255,102,.035);
}
.btn-outline-terminal{
  border-color: rgba(0,255,102,.35)!important;
  color: rgba(223,247,234,.92)!important;
}
.btn-outline-terminal:hover{
  background: rgba(0,255,102,.10)!important;
}
.btn-terminal{
  background: rgba(0,255,102,.12)!important;
  border: 1px solid rgba(0,255,102,.35)!important;
  color: rgba(223,247,234,.95)!important;
}
.btn-terminal:hover{background: rgba(0,255,102,.16)!important;}
.form-control, .form-select{
  background: rgba(7,11,16,.70)!important;
  border:1px solid rgba(0,255,102,.18)!important;
  color: var(--text)!important;
  border-radius: 14px!important;
}
.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .15rem rgba(0,255,102,.15)!important;
  border-color: rgba(0,255,102,.35)!important;
}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:4px 10px;border-radius:999px;
  border:1px solid rgba(0,255,102,.18);
  background: rgba(0,255,102,.06);
  color: rgba(223,247,234,.92);
  font-size: 12px;
}
.pill.pending{border-color:rgba(255,209,102,.35);background:rgba(255,209,102,.08);color:#ffe8b8}
.pill.blocked{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.08);color:#ffd1d1}
.pill.off{border-color:rgba(255,77,77,.25);background:rgba(255,77,77,.06);color:#ffb3b3}
.pill.ok{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08);color:#bfffe3}

a.link-terminal{color: rgba(93,252,167,.95); text-decoration:none;}
a.link-terminal:hover{text-decoration:underline;}

.hr-terminal{border-color: rgba(0,255,102,.12);}

.toast-terminal{
  background: rgba(7,11,16,.92);
  border:1px solid rgba(0,255,102,.18);
  color: var(--text);
}
