/* Delivium dark green hacker theme for CyberChef - high contrast */
:root {
  --delivium-bg: #020604;
  --delivium-panel: #07130d;
  --delivium-panel-2: #0b1f14;
  --delivium-panel-3: #102a1a;
  --delivium-green: #00ff7f;
  --delivium-green-soft: #24d46f;
  --delivium-text: #dcffe8;
  --delivium-muted: #8edcab;
}

html, body, #root, .page, .container-fluid, .container {
  background: radial-gradient(circle at top, rgba(0,255,127,.10), transparent 34%), var(--delivium-bg) !important;
  color: var(--delivium-text) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background: repeating-linear-gradient(0deg, rgba(0,255,127,.025), rgba(0,255,127,.025) 1px, transparent 1px, transparent 4px);
}

/* Kill CyberChef/Bootstrap white panels */
div, section, main, aside, header, footer, form,
.card, .card-body, .card-header, .card-footer,
.modal-content, .modal-header, .modal-body, .modal-footer,
.popover, .popover-body, .dropdown-menu,
.tab-content, .tab-pane, .list-group, .list-group-item,
.table, .table td, .table th, .jumbotron, .well,
#operations, #recipe, #input, #output, #rec-list,
#categories, #search, #bake, #ingredient, #controls {
  background-color: var(--delivium-panel) !important;
  color: var(--delivium-text) !important;
  border-color: rgba(0,255,127,.28) !important;
}

/* Alternate blocks / hover */
.navbar, .title, .nav-tabs, .operation, .op, .op-list li,
.category, .recipe-op, .io-info, .input-info, .output-info,
.alert, .dropdown-item:hover, .list-group-item:hover,
.nav-tabs .nav-link.active {
  background-color: var(--delivium-panel-2) !important;
  color: var(--delivium-text) !important;
  border-color: rgba(0,255,127,.38) !important;
  box-shadow: 0 0 14px rgba(0,255,127,.08) !important;
}

/* Text and links */
*, p, span, li, td, th, small, strong, em {
  color: inherit;
}
a, .nav-link, .material-icons, h1, h2, h3, h4, h5, h6,
label, .bmd-label-floating, .bmd-help, .text-primary {
  color: var(--delivium-green) !important;
  text-shadow: 0 0 5px rgba(0,255,127,.30);
}
.text-muted, .disabled, [disabled], .form-control:disabled {
  color: var(--delivium-muted) !important;
  opacity: .85 !important;
}

/* Inputs/editors: no white backgrounds */
textarea, input, select, option, .form-control,
.ace_editor, .ace_gutter, .ace_scroller, .ace_content,
.cm-editor, pre, code, kbd {
  background-color: #010402 !important;
  color: #caffd8 !important;
  border-color: rgba(0,255,127,.50) !important;
  caret-color: var(--delivium-green) !important;
  text-shadow: 0 0 3px rgba(0,255,127,.20);
}
input::placeholder, textarea::placeholder { color: #6fbf8a !important; }

/* Buttons */
.btn-primary, .btn-success, .badge-primary, button.btn-primary,
.btn-outline-primary:hover, .btn-outline-success:hover {
  background: linear-gradient(180deg, #12c965, #08703a) !important;
  border-color: var(--delivium-green) !important;
  color: #001b0b !important;
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0,255,127,.25) !important;
}
.btn-secondary, .btn-outline-primary, .btn-outline-secondary, button, .btn {
  background-color: #06130c !important;
  border-color: rgba(0,255,127,.55) !important;
  color: var(--delivium-text) !important;
}
.btn-danger { background-color: #3a0909 !important; color: #ffd8d8 !important; }
.btn-warning { background-color: #3a2d08 !important; color: #fff5c8 !important; }

/* Menus and operation items */
.dropdown-item, .nav-tabs .nav-link, .operation .op-title, .op-title,
.category-title, .recipe-op-title {
  color: var(--delivium-text) !important;
  background-color: transparent !important;
}
.operation:hover, .op:hover, .recipe-op:hover {
  background-color: var(--delivium-panel-3) !important;
  outline: 1px solid rgba(0,255,127,.40);
}

hr { border-color: rgba(0,255,127,.25) !important; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #020604; }
::-webkit-scrollbar-thumb { background: #0a6b36; border: 1px solid #00ff7f; }
::selection { background: rgba(0,255,127,.35); color: #fff; }