/*!
 * BlackRaven Theme for eIquidus Block Explorer
 * Based on Bootstrap 5.3 + Bootswatch Cyborg (dark base)
 * Custom: Black bg, Blood Red (#cc0000) accents, Orbitron headings
 * Drop in: /public/css/themes/BlackRaven/bootstrap.min.css
 * settings.json: "theme": "BlackRaven"
 */

/* ─── IMPORT BOOTSTRAP 5 BASE ─── */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css");

/* ─── GOOGLE FONTS ─── */
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap");

/* ════════════════════════════════════════════════════════════
   1. ROOT CSS VARIABLES — Override Bootstrap 5 defaults
   ════════════════════════════════════════════════════════════ */
:root {
  /* Brand palette */
  --blkr-black:         #000000;
  --blkr-dark:          #050505;
  --blkr-card:          #0a0000;
  --blkr-border:        rgba(139,0,0,0.25);
  --blkr-blood:         #8b0000;
  --blkr-bright:        #cc0000;
  --blkr-glow:          #ff1a1a;
  --blkr-muted:         #666666;
  --blkr-text:          #c9c9c9;
  --blkr-text-dim:      rgba(180,180,180,0.55);

  /* Bootstrap overrides */
  --bs-body-bg:               #000000;
  --bs-body-color:            #c9c9c9;
  --bs-body-font-family:      'Share Tech Mono', monospace;
  --bs-body-font-size:        0.875rem;
  --bs-body-line-height:      1.7;

  --bs-primary:               #cc0000;
  --bs-primary-rgb:           204,0,0;
  --bs-secondary:             #333333;
  --bs-secondary-rgb:         51,51,51;
  --bs-success:               #22c55e;
  --bs-success-rgb:           34,197,94;
  --bs-info:                  #cc0000;
  --bs-info-rgb:              204,0,0;
  --bs-warning:               #f59e0b;
  --bs-warning-rgb:           245,158,11;
  --bs-danger:                #ef4444;
  --bs-danger-rgb:            239,68,68;
  --bs-light:                 #1a0000;
  --bs-light-rgb:             26,0,0;
  --bs-dark:                  #050505;
  --bs-dark-rgb:              5,5,5;

  --bs-emphasis-color:        #ffffff;
  --bs-emphasis-color-rgb:    255,255,255;

  --bs-border-color:          rgba(139,0,0,0.22);
  --bs-border-color-translucent: rgba(139,0,0,0.18);

  --bs-link-color:            #cc0000;
  --bs-link-color-rgb:        204,0,0;
  --bs-link-hover-color:      #ff1a1a;
  --bs-link-hover-color-rgb:  255,26,26;

  --bs-heading-color:         #ffffff;
  --bs-code-color:            #cc0000;

  --bs-tertiary-bg:           #0a0000;
  --bs-tertiary-color:        rgba(201,201,201,0.5);

  --bs-table-striped-bg:      rgba(139,0,0,0.04);
  --bs-table-hover-bg:        rgba(139,0,0,0.07);
  --bs-table-active-bg:       rgba(139,0,0,0.1);
  --bs-table-border-color:    rgba(139,0,0,0.15);

  --bs-form-control-bg:       #0a0000;
  --bs-form-control-color:    #c9c9c9;
  --bs-form-valid-color:      #22c55e;
  --bs-form-invalid-color:    #ef4444;

  --bs-card-bg:               #070000;
  --bs-card-border-color:     rgba(139,0,0,0.2);
  --bs-card-cap-bg:           rgba(139,0,0,0.08);

  --bs-modal-bg:              #080000;
  --bs-modal-border-color:    rgba(139,0,0,0.3);

  --bs-dropdown-bg:           #0a0000;
  --bs-dropdown-border-color: rgba(139,0,0,0.25);
  --bs-dropdown-link-color:   #c9c9c9;
  --bs-dropdown-link-hover-bg: rgba(139,0,0,0.12);
  --bs-dropdown-link-hover-color: #cc0000;
  --bs-dropdown-link-active-bg: #8b0000;
  --bs-dropdown-link-active-color: #ffffff;

  --bs-nav-link-color:        rgba(201,201,201,0.7);
  --bs-nav-link-hover-color:  #cc0000;
  --bs-nav-tabs-border-color: rgba(139,0,0,0.2);
  --bs-nav-tabs-link-active-bg: #000000;
  --bs-nav-tabs-link-active-color: #cc0000;
  --bs-nav-pills-link-active-bg: #8b0000;
  --bs-nav-pills-link-active-color: #ffffff;

  --bs-navbar-color:          rgba(201,201,201,0.7);
  --bs-navbar-hover-color:    #cc0000;
  --bs-navbar-active-color:   #cc0000;
  --bs-navbar-toggler-border-color: rgba(139,0,0,0.3);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28204%2C0%2C0%2C0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  --bs-pagination-color:      #cc0000;
  --bs-pagination-bg:         #070000;
  --bs-pagination-border-color: rgba(139,0,0,0.2);
  --bs-pagination-hover-color: #ffffff;
  --bs-pagination-hover-bg:   #8b0000;
  --bs-pagination-hover-border-color: #8b0000;
  --bs-pagination-active-bg:  #8b0000;
  --bs-pagination-active-border-color: #cc0000;
  --bs-pagination-active-color: #ffffff;
  --bs-pagination-disabled-color: rgba(201,201,201,0.3);
  --bs-pagination-disabled-bg: #050000;

  --bs-list-group-bg:         #070000;
  --bs-list-group-border-color: rgba(139,0,0,0.18);
  --bs-list-group-action-color: #c9c9c9;
  --bs-list-group-action-hover-bg: rgba(139,0,0,0.1);
  --bs-list-group-action-active-bg: rgba(139,0,0,0.15);
  --bs-list-group-active-bg:  #8b0000;
  --bs-list-group-active-border-color: #cc0000;
  --bs-list-group-active-color: #ffffff;

  --bs-input-group-addon-bg:  #0f0000;
  --bs-input-group-addon-color: #c9c9c9;
  --bs-input-group-addon-border-color: rgba(139,0,0,0.25);

  --bs-badge-color:           #ffffff;

  --bs-breadcrumb-divider-color: rgba(139,0,0,0.4);
  --bs-breadcrumb-active-color: rgba(201,201,201,0.6);

  --bs-tooltip-bg:            #1a0000;
  --bs-tooltip-color:         #cc0000;

  --bs-popover-bg:            #0d0000;
  --bs-popover-border-color:  rgba(139,0,0,0.3);
  --bs-popover-header-bg:     rgba(139,0,0,0.12);
  --bs-popover-header-color:  #cc0000;
  --bs-popover-body-color:    #c9c9c9;

  --bs-progress-bg:           #1a0000;
  --bs-progress-bar-bg:       #8b0000;

  --bs-border-radius:         0;
  --bs-border-radius-sm:      0;
  --bs-border-radius-lg:      0;
  --bs-border-radius-xl:      0;
  --bs-border-radius-xxl:     0;
  --bs-border-radius-pill:    50rem;
}

/* ════════════════════════════════════════════════════════════
   2. BASE OVERRIDES
   ════════════════════════════════════════════════════════════ */

*,*::before,*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--blkr-black) !important;
  color: var(--blkr-text) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 0.875rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* Scanlines overlay */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,0.1) 2px,
    rgba(0,0,0,0.1) 4px
  );
  pointer-events: none;
  z-index: 9990;
}

/* Grid background */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(139,0,0,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139,0,0,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: -1;
}

/* ─── TYPOGRAPHY ─── */
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 2px;
}

a {
  color: var(--blkr-bright);
  text-decoration: none;
  transition: color 0.2s, text-shadow 0.2s;
}
a:hover {
  color: var(--blkr-glow) !important;
  text-shadow: 0 0 8px rgba(204,0,0,0.5);
}

code, pre, .font-monospace {
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--blkr-bright);
}

pre {
  background: rgba(10,0,0,0.7);
  border: 1px solid var(--blkr-border);
  padding: 16px;
  color: var(--blkr-text);
}

hr {
  border-color: rgba(139,0,0,0.25);
  opacity: 1;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: rgba(139,0,0,0.4); }
::-webkit-scrollbar-thumb:hover { background: var(--blkr-bright); }

/* ════════════════════════════════════════════════════════════
   3. NAVBAR
   ════════════════════════════════════════════════════════════ */

.navbar {
  background-color: rgba(0,0,0,0.88) !important;
  border-bottom: 1px solid rgba(139,0,0,0.3) !important;
  backdrop-filter: blur(10px);
  font-family: 'Share Tech Mono', monospace;
}

.navbar-brand {
  font-family: 'Orbitron', monospace !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  letter-spacing: 4px;
  font-size: 1.1rem;
  text-shadow: 0 0 10px rgba(200,0,0,0.3);
}
.navbar-brand:hover { color: var(--blkr-bright) !important; }

.navbar-nav .nav-link {
  color: rgba(201,201,201,0.6) !important;
  font-size: 0.72rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 0.5rem 0.85rem;
  transition: color 0.2s, text-shadow 0.2s;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus {
  color: var(--blkr-bright) !important;
  text-shadow: 0 0 8px rgba(204,0,0,0.5);
}

.navbar-toggler {
  border-color: rgba(139,0,0,0.3) !important;
  color: var(--blkr-bright) !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28204%2C0%2C0%2C0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Dropdown in nav */
.navbar .dropdown-menu {
  background: rgba(5,0,0,0.97);
  border: 1px solid rgba(139,0,0,0.3);
  margin-top: 2px;
}
.navbar .dropdown-item {
  color: rgba(201,201,201,0.7);
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  transition: all 0.2s;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background: rgba(139,0,0,0.12);
  color: var(--blkr-bright);
}
.navbar .dropdown-item.active {
  background: #8b0000;
  color: #fff;
}
.navbar .dropdown-divider {
  border-color: rgba(139,0,0,0.2);
}

/* ════════════════════════════════════════════════════════════
   4. CARDS
   ════════════════════════════════════════════════════════════ */

.card {
  background-color: rgba(7,0,0,0.85) !important;
  border: 1px solid rgba(139,0,0,0.2) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.6);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.card:hover {
  border-color: rgba(204,0,0,0.35) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.8);
}
.card-header {
  background: rgba(139,0,0,0.08) !important;
  border-bottom: 1px solid rgba(139,0,0,0.2) !important;
  font-family: 'Orbitron', monospace;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 3px;
  color: var(--blkr-bright) !important;
  text-transform: uppercase;
}
.card-footer {
  background: rgba(139,0,0,0.05) !important;
  border-top: 1px solid rgba(139,0,0,0.15) !important;
  color: rgba(201,201,201,0.5);
  font-size: 0.75rem;
}
.card-title {
  font-family: 'Orbitron', monospace !important;
  color: #fff !important;
  font-size: 0.85rem;
  letter-spacing: 2px;
}

/* ════════════════════════════════════════════════════════════
   5. TABLES
   ════════════════════════════════════════════════════════════ */

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(139,0,0,0.04);
  --bs-table-hover-bg: rgba(139,0,0,0.07);
  --bs-table-border-color: rgba(139,0,0,0.14);
  color: var(--blkr-text);
  border-color: rgba(139,0,0,0.14);
  font-size: 0.8rem;
  letter-spacing: 0.3px;
}

.table > thead {
  background: rgba(10,0,0,0.8);
  border-bottom: 1px solid rgba(139,0,0,0.25);
}

.table > thead > tr > th {
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 4px;
  color: rgba(204,0,0,0.6) !important;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
  font-weight: normal;
  white-space: nowrap;
  border-bottom: 1px solid rgba(139,0,0,0.25) !important;
}

.table > tbody > tr > td {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid rgba(139,0,0,0.08);
  vertical-align: middle;
  color: var(--blkr-text);
}

.table > tbody > tr:hover > td,
.table > tbody > tr:hover > th {
  background: rgba(139,0,0,0.07);
  color: #ddd;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(139,0,0,0.035);
}

.table-dark {
  --bs-table-bg: rgba(10,0,0,0.6);
  --bs-table-striped-bg: rgba(139,0,0,0.06);
  --bs-table-hover-bg: rgba(139,0,0,0.1);
  color: var(--blkr-text);
}

.table-responsive {
  border: 1px solid rgba(139,0,0,0.15);
}

/* Datatables specific */
.dataTables_wrapper {
  color: var(--blkr-text) !important;
  font-size: 0.8rem;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background: rgba(10,0,0,0.8) !important;
  border: 1px solid rgba(139,0,0,0.25) !important;
  color: var(--blkr-text) !important;
  padding: 4px 10px;
  border-radius: 0 !important;
}
.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--blkr-bright) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(139,0,0,0.15);
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  color: rgba(201,201,201,0.5) !important;
  font-size: 0.75rem;
  letter-spacing: 1px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--blkr-bright) !important;
  border: 1px solid rgba(139,0,0,0.2) !important;
  background: rgba(10,0,0,0.5) !important;
  border-radius: 0 !important;
  padding: 4px 10px !important;
  font-size: 0.75rem;
  transition: all 0.2s;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(139,0,0,0.2) !important;
  color: #fff !important;
  border-color: var(--blkr-bright) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item:hover {
  background: transparent !important;
  border-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #8b0000 !important;
  border-color: var(--blkr-bright) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.current {
  background: transparent !important;
  border-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: rgba(201,201,201,0.2) !important;
  border-color: rgba(139,0,0,0.1) !important;
  background: transparent !important;
}

/* ════════════════════════════════════════════════════════════
   6. BUTTONS
   ════════════════════════════════════════════════════════════ */

.btn {
  font-family: 'Orbitron', monospace;
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0 !important;
  transition: all 0.25s;
}

.btn-primary {
  background-color: rgba(139,0,0,0.25) !important;
  border-color: var(--blkr-bright) !important;
  color: var(--blkr-bright) !important;
  box-shadow: 0 0 10px rgba(139,0,0,0.2);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: rgba(139,0,0,0.4) !important;
  border-color: var(--blkr-glow) !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(204,0,0,0.4) !important;
}

.btn-secondary {
  background-color: rgba(50,0,0,0.3) !important;
  border-color: rgba(139,0,0,0.4) !important;
  color: rgba(201,201,201,0.7) !important;
}
.btn-secondary:hover {
  background-color: rgba(80,0,0,0.4) !important;
  border-color: rgba(204,0,0,0.6) !important;
  color: #fff !important;
}

.btn-success {
  background-color: rgba(34,197,94,0.15) !important;
  border-color: #22c55e !important;
  color: #22c55e !important;
}
.btn-success:hover {
  background-color: rgba(34,197,94,0.3) !important;
  color: #fff !important;
}

.btn-danger {
  background-color: rgba(239,68,68,0.15) !important;
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}
.btn-danger:hover {
  background-color: rgba(239,68,68,0.3) !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: var(--blkr-bright) !important;
  color: var(--blkr-bright) !important;
  background: transparent !important;
}
.btn-outline-primary:hover {
  background: rgba(139,0,0,0.2) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(204,0,0,0.3);
}

.btn-outline-secondary {
  border-color: rgba(139,0,0,0.35) !important;
  color: rgba(201,201,201,0.6) !important;
  background: transparent !important;
}
.btn-outline-secondary:hover {
  background: rgba(139,0,0,0.1) !important;
  color: #fff !important;
}

.btn-sm {
  font-size: 0.6rem;
  letter-spacing: 2px;
  padding: 4px 10px;
}

.btn-lg {
  font-size: 0.85rem;
  padding: 12px 28px;
}

.btn-dark {
  background-color: rgba(10,0,0,0.8) !important;
  border-color: rgba(139,0,0,0.3) !important;
  color: rgba(201,201,201,0.7) !important;
}
.btn-dark:hover {
  background-color: rgba(20,0,0,0.9) !important;
  border-color: var(--blkr-bright) !important;
  color: #fff !important;
}

/* ════════════════════════════════════════════════════════════
   7. FORMS
   ════════════════════════════════════════════════════════════ */

.form-control,
.form-select {
  background-color: rgba(10,0,0,0.8) !important;
  border: 1px solid rgba(139,0,0,0.25) !important;
  border-radius: 0 !important;
  color: var(--blkr-text) !important;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.form-control:focus,
.form-select:focus {
  background-color: rgba(15,0,0,0.9) !important;
  border-color: var(--blkr-bright) !important;
  box-shadow: 0 0 0 2px rgba(139,0,0,0.18), 0 0 10px rgba(139,0,0,0.15) !important;
  color: #fff !important;
}
.form-control::placeholder {
  color: rgba(139,0,0,0.4) !important;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: rgba(5,0,0,0.7) !important;
  color: rgba(201,201,201,0.4) !important;
}

.form-label {
  font-size: 0.7rem;
  letter-spacing: 3px;
  color: rgba(204,0,0,0.55);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.form-text {
  color: rgba(201,201,201,0.4);
  font-size: 0.7rem;
  letter-spacing: 1px;
}

.input-group-text {
  background: rgba(15,0,0,0.8) !important;
  border: 1px solid rgba(139,0,0,0.25) !important;
  border-radius: 0 !important;
  color: var(--blkr-bright) !important;
  font-size: 0.8rem;
}

.form-check-input {
  background-color: rgba(10,0,0,0.8) !important;
  border-color: rgba(139,0,0,0.4) !important;
}
.form-check-input:checked {
  background-color: #8b0000 !important;
  border-color: var(--blkr-bright) !important;
}
.form-check-input:focus {
  box-shadow: 0 0 0 2px rgba(139,0,0,0.25) !important;
}

.form-check-label {
  color: rgba(201,201,201,0.65);
  font-size: 0.8rem;
}

/* ════════════════════════════════════════════════════════════
   8. BADGES & ALERTS
   ════════════════════════════════════════════════════════════ */

.badge {
  font-family: 'Orbitron', monospace;
  font-size: 0.6rem;
  letter-spacing: 2px;
  font-weight: 700;
  border-radius: 0 !important;
  padding: 4px 8px;
}

.badge.bg-primary, .badge.text-bg-primary {
  background-color: rgba(139,0,0,0.25) !important;
  color: var(--blkr-bright) !important;
  border: 1px solid rgba(204,0,0,0.35);
}
.badge.bg-success, .badge.text-bg-success {
  background-color: rgba(34,197,94,0.15) !important;
  color: #22c55e !important;
  border: 1px solid rgba(34,197,94,0.3);
}
.badge.bg-danger, .badge.text-bg-danger {
  background-color: rgba(239,68,68,0.15) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239,68,68,0.3);
}
.badge.bg-warning, .badge.text-bg-warning {
  background-color: rgba(245,158,11,0.15) !important;
  color: #f59e0b !important;
  border: 1px solid rgba(245,158,11,0.3);
}
.badge.bg-secondary, .badge.text-bg-secondary {
  background-color: rgba(50,50,50,0.3) !important;
  color: rgba(201,201,201,0.6) !important;
  border: 1px solid rgba(80,80,80,0.3);
}
.badge.bg-dark, .badge.text-bg-dark {
  background-color: rgba(10,0,0,0.8) !important;
  color: rgba(201,201,201,0.6) !important;
  border: 1px solid rgba(139,0,0,0.2);
}

.alert {
  border-radius: 0 !important;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  border-left-width: 3px;
}
.alert-primary {
  background: rgba(139,0,0,0.08) !important;
  border-color: var(--blkr-bright) !important;
  color: var(--blkr-bright) !important;
}
.alert-success {
  background: rgba(34,197,94,0.08) !important;
  border-color: #22c55e !important;
  color: #22c55e !important;
}
.alert-danger {
  background: rgba(239,68,68,0.08) !important;
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}
.alert-warning {
  background: rgba(245,158,11,0.08) !important;
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}
.alert-info {
  background: rgba(139,0,0,0.06) !important;
  border-color: rgba(204,0,0,0.5) !important;
  color: rgba(204,0,0,0.8) !important;
}
.alert-dark {
  background: rgba(10,0,0,0.7) !important;
  border-color: rgba(139,0,0,0.25) !important;
  color: rgba(201,201,201,0.6) !important;
}

/* ════════════════════════════════════════════════════════════
   9. PAGINATION
   ════════════════════════════════════════════════════════════ */

.pagination {
  gap: 2px;
}

.page-link {
  background-color: rgba(10,0,0,0.7) !important;
  border: 1px solid rgba(139,0,0,0.2) !important;
  color: var(--blkr-bright) !important;
  border-radius: 0 !important;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.75rem;
  letter-spacing: 1px;
  transition: all 0.2s;
}
.page-link:hover {
  background-color: rgba(139,0,0,0.2) !important;
  border-color: var(--blkr-bright) !important;
  color: #fff !important;
}
.page-link:focus {
  box-shadow: 0 0 0 2px rgba(139,0,0,0.25) !important;
}
.page-item.active .page-link {
  background-color: #8b0000 !important;
  border-color: var(--blkr-bright) !important;
  color: #fff !important;
}
.page-item.disabled .page-link {
  background-color: rgba(5,0,0,0.5) !important;
  border-color: rgba(139,0,0,0.1) !important;
  color: rgba(201,201,201,0.25) !important;
}

/* ════════════════════════════════════════════════════════════
   10. MODAL
   ════════════════════════════════════════════════════════════ */

.modal-content {
  background-color: rgba(8,0,0,0.97) !important;
  border: 1px solid rgba(139,0,0,0.35) !important;
  border-radius: 0 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.9), 0 0 30px rgba(139,0,0,0.1);
}
.modal-header {
  background: rgba(139,0,0,0.1) !important;
  border-bottom: 1px solid rgba(139,0,0,0.25) !important;
  padding: 1rem 1.25rem;
}
.modal-title {
  font-family: 'Orbitron', monospace !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  letter-spacing: 3px !important;
  color: var(--blkr-bright) !important;
  text-transform: uppercase;
}
.modal-footer {
  border-top: 1px solid rgba(139,0,0,0.2) !important;
  background: rgba(5,0,0,0.5) !important;
}
.modal-body {
  color: var(--blkr-text);
}
.btn-close {
  filter: invert(1) sepia(1) saturate(5) hue-rotate(315deg);
  opacity: 0.6;
}
.btn-close:hover { opacity: 1; }
.modal-backdrop {
  background-color: rgba(0,0,0,0.85) !important;
}

/* ════════════════════════════════════════════════════════════
   11. DROPDOWN
   ════════════════════════════════════════════════════════════ */

.dropdown-menu {
  background-color: rgba(5,0,0,0.97) !important;
  border: 1px solid rgba(139,0,0,0.3) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.8);
  font-size: 0.8rem;
}
.dropdown-item {
  color: rgba(201,201,201,0.7) !important;
  padding: 0.5rem 1rem;
  letter-spacing: 1px;
  transition: all 0.15s;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: rgba(139,0,0,0.12) !important;
  color: var(--blkr-bright) !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #8b0000 !important;
  color: #fff !important;
}
.dropdown-divider {
  border-color: rgba(139,0,0,0.2) !important;
}
.dropdown-header {
  font-family: 'Orbitron', monospace;
  font-size: 0.65rem;
  letter-spacing: 4px;
  color: rgba(204,0,0,0.5) !important;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
}

/* ════════════════════════════════════════════════════════════
   12. TABS & NAV
   ════════════════════════════════════════════════════════════ */

.nav-tabs {
  border-bottom: 1px solid rgba(139,0,0,0.2) !important;
}
.nav-tabs .nav-link {
  color: rgba(201,201,201,0.5) !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  font-size: 0.7rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition: all 0.2s;
  background: transparent;
}
.nav-tabs .nav-link:hover {
  color: var(--blkr-bright) !important;
  border-color: rgba(139,0,0,0.2) rgba(139,0,0,0.2) transparent !important;
}
.nav-tabs .nav-link.active {
  color: var(--blkr-bright) !important;
  background-color: rgba(139,0,0,0.08) !important;
  border-color: rgba(139,0,0,0.3) rgba(139,0,0,0.3) transparent !important;
  border-top: 2px solid var(--blkr-bright) !important;
}
.nav-pills .nav-link {
  color: rgba(201,201,201,0.6) !important;
  border-radius: 0 !important;
  font-size: 0.7rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.nav-pills .nav-link.active {
  background-color: #8b0000 !important;
  color: #fff !important;
}
.nav-pills .nav-link:hover:not(.active) {
  background: rgba(139,0,0,0.1);
  color: var(--blkr-bright) !important;
}

/* ════════════════════════════════════════════════════════════
   13. LIST GROUP
   ════════════════════════════════════════════════════════════ */

.list-group-item {
  background-color: rgba(7,0,0,0.8) !important;
  border-color: rgba(139,0,0,0.15) !important;
  color: var(--blkr-text) !important;
  font-size: 0.8rem;
  transition: all 0.2s;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: rgba(139,0,0,0.08) !important;
  color: var(--blkr-bright) !important;
}
.list-group-item.active {
  background-color: #8b0000 !important;
  border-color: var(--blkr-bright) !important;
  color: #fff !important;
}

/* ════════════════════════════════════════════════════════════
   14. PROGRESS
   ════════════════════════════════════════════════════════════ */

.progress {
  background-color: #1a0000 !important;
  border-radius: 0 !important;
  height: 6px;
}
.progress-bar {
  background-color: var(--blkr-blood) !important;
  box-shadow: 0 0 8px rgba(204,0,0,0.4);
}
.progress-bar.bg-primary { background-color: var(--blkr-blood) !important; }
.progress-bar.bg-success { background-color: #16a34a !important; }
.progress-bar.bg-danger  { background-color: #dc2626 !important; }
.progress-bar.bg-warning { background-color: #d97706 !important; }

/* ════════════════════════════════════════════════════════════
   15. TOOLTIPS & POPOVERS
   ════════════════════════════════════════════════════════════ */

.tooltip .tooltip-inner {
  background: rgba(20,0,0,0.97) !important;
  border: 1px solid rgba(139,0,0,0.4);
  color: var(--blkr-bright) !important;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.72rem;
  letter-spacing: 1px;
  border-radius: 0;
}
.tooltip .tooltip-arrow::before {
  border-top-color: rgba(139,0,0,0.4) !important;
  border-bottom-color: rgba(139,0,0,0.4) !important;
}

.popover {
  background-color: rgba(13,0,0,0.97) !important;
  border: 1px solid rgba(139,0,0,0.3) !important;
  border-radius: 0 !important;
}
.popover-header {
  background: rgba(139,0,0,0.12) !important;
  border-bottom: 1px solid rgba(139,0,0,0.2) !important;
  color: var(--blkr-bright) !important;
  font-family: 'Orbitron', monospace;
  font-size: 0.72rem;
  letter-spacing: 2px;
}
.popover-body {
  color: var(--blkr-text) !important;
  font-size: 0.8rem;
}

/* ════════════════════════════════════════════════════════════
   16. BREADCRUMB
   ════════════════════════════════════════════════════════════ */

.breadcrumb {
  background: rgba(10,0,0,0.5) !important;
  padding: 10px 16px;
  border: 1px solid rgba(139,0,0,0.15);
  font-size: 0.72rem;
  letter-spacing: 1px;
  --bs-breadcrumb-divider-color: rgba(139,0,0,0.4);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(139,0,0,0.4);
}
.breadcrumb-item a { color: var(--blkr-bright); }
.breadcrumb-item.active { color: rgba(201,201,201,0.5); }

/* ════════════════════════════════════════════════════════════
   17. EIQUIDUS-SPECIFIC ELEMENTS
   ════════════════════════════════════════════════════════════ */

/* Page header panels (stat boxes at top) */
.header-panel,
.panel,
.panel-body {
  background: rgba(7,0,0,0.85) !important;
  border: 1px solid rgba(139,0,0,0.2) !important;
  border-radius: 0 !important;
  color: var(--blkr-text) !important;
}
.panel-heading {
  background: rgba(139,0,0,0.08) !important;
  border-bottom: 1px solid rgba(139,0,0,0.2) !important;
  font-family: 'Orbitron', monospace;
  font-size: 0.7rem;
  letter-spacing: 3px;
  color: rgba(204,0,0,0.6) !important;
  text-transform: uppercase;
}

/* Stat value display */
.stat-value, .text-primary {
  color: var(--blkr-bright) !important;
}

/* Top stat panels */
.top-stat {
  font-family: 'Orbitron', monospace;
  font-weight: 700;
}

/* Block/tx hash display */
.hash-display, .hash-link {
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.75rem;
  color: var(--blkr-bright);
  word-break: break-all;
}

/* eIquidus logo/brand area */
#logo, .logo-area {
  font-family: 'Orbitron', monospace !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: 4px;
}

/* Footer */
footer, .footer {
  background: rgba(0,0,0,0.9) !important;
  border-top: 1px solid rgba(139,0,0,0.2) !important;
  color: rgba(201,201,201,0.35) !important;
  font-size: 0.7rem;
  letter-spacing: 2px;
}
footer a, .footer a {
  color: rgba(204,0,0,0.4) !important;
}
footer a:hover, .footer a:hover {
  color: var(--blkr-bright) !important;
}

/* Loading spinner */
.loading-indicator, .loading {
  border-color: rgba(139,0,0,0.2) !important;
  border-top-color: var(--blkr-bright) !important;
}

/* Market page charts */
.chart-container, canvas {
  background: transparent !important;
}

/* Price display */
.price-up { color: #22c55e !important; text-shadow: 0 0 6px rgba(34,197,94,0.3); }
.price-down { color: #ef4444 !important; text-shadow: 0 0 6px rgba(239,68,68,0.3); }
.price-neutral { color: rgba(201,201,201,0.6) !important; }

/* Confirmation colors */
.conf-low  { color: #ef4444 !important; }
.conf-med  { color: #f59e0b !important; }
.conf-high { color: #22c55e !important; }

/* Overlay scrollbar (OverlayScrollbars plugin) */
.os-scrollbar-track { background: rgba(20,0,0,0.5) !important; }
.os-scrollbar-handle { background: rgba(139,0,0,0.4) !important; }
.os-scrollbar-handle:hover { background: var(--blkr-bright) !important; }

/* ════════════════════════════════════════════════════════════
   18. UTILITIES & HELPERS
   ════════════════════════════════════════════════════════════ */

/* Text colors */
.text-primary   { color: var(--blkr-bright) !important; }
.text-secondary { color: rgba(201,201,201,0.5) !important; }
.text-success   { color: #22c55e !important; }
.text-danger    { color: #ef4444 !important; }
.text-warning   { color: #f59e0b !important; }
.text-info      { color: var(--blkr-bright) !important; }
.text-muted     { color: rgba(201,201,201,0.4) !important; }
.text-light     { color: rgba(201,201,201,0.7) !important; }
.text-dark      { color: #ccc !important; }
.text-white     { color: #fff !important; }

/* Background colors */
.bg-primary     { background-color: rgba(139,0,0,0.2) !important; }
.bg-secondary   { background-color: rgba(40,40,40,0.3) !important; }
.bg-success     { background-color: rgba(34,197,94,0.12) !important; }
.bg-danger      { background-color: rgba(239,68,68,0.12) !important; }
.bg-warning     { background-color: rgba(245,158,11,0.12) !important; }
.bg-info        { background-color: rgba(139,0,0,0.12) !important; }
.bg-dark        { background-color: rgba(5,0,0,0.9) !important; }
.bg-light       { background-color: rgba(20,0,0,0.5) !important; }

/* Table contextual row/cell colors tuned for dark theme readability */
.table-success {
  --bs-table-bg: rgba(18, 52, 28, 0.45) !important;
  --bs-table-striped-bg: rgba(22, 62, 34, 0.52) !important;
  --bs-table-hover-bg: rgba(26, 72, 40, 0.6) !important;
  --bs-table-color: #d8f3df !important;
  color: #d8f3df !important;
  background-color: rgba(18, 52, 28, 0.45) !important;
}

.table-info {
  --bs-table-bg: rgba(70, 0, 0, 0.42) !important;
  --bs-table-striped-bg: rgba(86, 0, 0, 0.5) !important;
  --bs-table-hover-bg: rgba(102, 0, 0, 0.58) !important;
  --bs-table-color: #f2d6d6 !important;
  color: #f2d6d6 !important;
  background-color: rgba(70, 0, 0, 0.42) !important;
}

tr.table-success > *,
td.table-success,
th.table-success,
.table > :not(caption) > * > .table-success {
  background-color: rgba(18, 52, 28, 0.45) !important;
  color: #d8f3df !important;
  box-shadow: inset 0 0 0 9999px rgba(18, 52, 28, 0.45) !important;
}

tr.table-info > *,
td.table-info,
th.table-info,
.table > :not(caption) > * > .table-info {
  background-color: rgba(70, 0, 0, 0.42) !important;
  color: #f2d6d6 !important;
  box-shadow: inset 0 0 0 9999px rgba(70, 0, 0, 0.42) !important;
}

.table-danger {
  --bs-table-bg: rgba(58, 0, 0, 0.52) !important;
  --bs-table-striped-bg: rgba(74, 0, 0, 0.6) !important;
  --bs-table-hover-bg: rgba(90, 0, 0, 0.66) !important;
  --bs-table-color: #ffdada !important;
  color: #ffdada !important;
  background-color: rgba(58, 0, 0, 0.52) !important;
}

tr.table-danger > *,
td.table-danger,
th.table-danger,
.table > :not(caption) > * > .table-danger {
  background-color: rgba(58, 0, 0, 0.52) !important;
  color: #ffdada !important;
  box-shadow: inset 0 0 0 9999px rgba(58, 0, 0, 0.52) !important;
}

/* Border colors */
.border-primary { border-color: var(--blkr-bright) !important; }
.border-success { border-color: #22c55e !important; }
.border-danger  { border-color: #ef4444 !important; }
.border-warning { border-color: #f59e0b !important; }
.border-dark    { border-color: rgba(139,0,0,0.25) !important; }

/* Rounded — override to square */
.rounded, .rounded-1, .rounded-2, .rounded-3, .rounded-4, .rounded-5,
.rounded-start, .rounded-end, .rounded-top, .rounded-bottom {
  border-radius: 0 !important;
}

/* Selection */
::selection {
  background: rgba(139,0,0,0.4);
  color: #fff;
}

/* ════════════════════════════════════════════════════════════
   19. SPECIAL BLKR GLOW EFFECTS
   ════════════════════════════════════════════════════════════ */

/* Primary glow text */
.glow-red, .text-primary-glow {
  color: var(--blkr-bright) !important;
  text-shadow:
    0 0 8px rgba(255,26,26,0.7),
    0 0 20px rgba(204,0,0,0.5),
    0 0 50px rgba(139,0,0,0.3);
  animation: blkr-glow-pulse 2.5s ease-in-out infinite;
}

@keyframes blkr-glow-pulse {
  0%,100% {
    text-shadow:
      0 0 8px rgba(255,26,26,0.6),
      0 0 20px rgba(204,0,0,0.4),
      0 0 50px rgba(139,0,0,0.25);
  }
  50% {
    text-shadow:
      0 0 14px rgba(255,26,26,0.9),
      0 0 35px rgba(204,0,0,0.65),
      0 0 80px rgba(139,0,0,0.4);
  }
}

/* BLKR corner bracket decorators */
.blkr-bracket {
  position: relative;
}
.blkr-bracket::before,
.blkr-bracket::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  opacity: 0.5;
}
.blkr-bracket::before {
  top: -1px;
  left: -1px;
  border-top: 1px solid var(--blkr-bright);
  border-left: 1px solid var(--blkr-bright);
}
.blkr-bracket::after {
  bottom: -1px;
  right: -1px;
  border-bottom: 1px solid var(--blkr-bright);
  border-right: 1px solid var(--blkr-bright);
}

/* ════════════════════════════════════════════════════════════
   20. RESPONSIVE TWEAKS
   ════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  h1,h2,h3 { font-size: clamp(1rem, 4vw, 1.75rem) !important; }
  .table { font-size: 0.72rem; }
  .table > thead > tr > th { letter-spacing: 2px; }
  .btn { letter-spacing: 2px; font-size: 0.65rem; }
}