/* DIGINEST TERMINAL SPEC: STREAMLINED MASTER BUILD */
:root {
  --bg-void: #08080a;
  --bg-panel: #11131a;
  --bg-panel-alt: #161822;
  --bg-hover: #1c1f2e;
  --accent-red: #ff2a2a;
  --accent-cyan: #38bdf8;
  --accent-teal: #0e7490;
  --text-bright: #f8fafc;
  --text-main: #cbd5e1;
  --text-muted: #64748b;
  --border-subtle: 1px solid rgba(255, 255, 255, 0.08);
  --mono-font: 'JetBrains Mono', 'Fira Code', monospace;
}

canvas.mochaCanvas { opacity: 0 !important; pointer-events: none !important; }

body, html, #desktop, #mochaPage, .mochaContent, .mochaToolBar, .dynamicTableDiv, #desktopFooter {
  background-color: var(--bg-void) !important;
  color: var(--text-main) !important;
  font-family: var(--mono-font) !important;
}

/* 1. Header, Toolbar & Menus */
#desktopHeader, #desktopNavbar, #desktopNavbar ul, #desktopNavbar li, #desktopNavbar a, #mochaToolbar {
  background: var(--bg-void) !important;
  background-image: none !important;
  color: var(--text-muted) !important;
  border-color: var(--border-subtle) !important;
  font-family: var(--mono-font) !important;
  font-size: 11px !important;
}
#desktopNavbar a:hover { color: var(--accent-red) !important; }
.menu-dropdown, .contextMenu { background: var(--bg-panel) !important; color: var(--text-bright) !important; border: var(--border-subtle) !important; }
.menu-dropdown li a:hover, .contextMenu li a:hover { background-color: var(--bg-hover) !important; color: var(--accent-red) !important; }
#mochaToolbar img, #desktopFooter img { filter: grayscale(1) invert(0.85) brightness(1.2) !important; }

/* 2. Top-Right Navigation Tabs */
.toolbarTabs, #mainTabs, .toolbarTabs a {
  background: var(--bg-panel) !important;
  color: var(--text-muted) !important;
  border: var(--border-subtle) !important;
  font-family: var(--mono-font) !important;
  font-size: 11px !important;
  border-radius: 0px !important;
}
.toolbarTabs .selected a, #mainTabs .selected a {
  background: var(--bg-panel-alt) !important;
  color: var(--text-bright) !important;
  border: 1px solid var(--accent-red) !important;
  border-top: 2px solid var(--accent-red) !important;
}

/* 3. Sidebar: Status Only, Vaporize Everything Else */
#Filters { background-color: var(--bg-void) !important; border-right: var(--border-subtle) !important; font-family: var(--mono-font) !important; }
#Filters .filterTitle { color: var(--accent-red) !important; font-size: 11px !important; letter-spacing: 1.5px !important; }
#Filters ul.filterList li a { color: var(--text-muted) !important; font-size: 11px !important; border-left: 2px solid transparent !important; }
#Filters ul.filterList li.selected a, #Filters ul.filterList li a:hover { background: var(--bg-panel) !important; color: var(--accent-cyan) !important; border-left: 2px solid var(--accent-cyan) !important; }

/* Hide redundant statuses */
#paused_filter, #active_filter, #inactive_filter, #stalled_filter, #stalled_uploading_filter, #stalled_downloading_filter, #checking_filter, #errored_filter { display: none !important; }

/* Wipe all containers, titles, and lists after Status */
#statusFilter ~ *, #statusFilterList ~ *, #Filters > *:nth-child(n+3), #categoriesFilter, #tagsFilter, #trackersFilter, [id*="category" i], [id*="tag" i], [id*="tracker" i] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. Torrents Table */
#torrentsTable, .dynamicTable { background-color: var(--bg-void) !important; font-family: var(--mono-font) !important; font-size: 12px !important; }
#torrentsTable th, .dynamicTable th { background-color: var(--bg-panel) !important; color: var(--text-muted) !important; font-size: 10px !important; letter-spacing: 1px !important; border-bottom: 1px solid rgba(255,255,255,0.12) !important; border-color: var(--border-subtle) !important; }
#torrentsTable td, .dynamicTable td { background-color: var(--bg-void) !important; color: var(--text-main) !important; border-bottom: 1px solid rgba(255,255,255,0.04) !important; border-right: var(--border-subtle) !important; }
#torrentsTable tr:nth-child(even) td, .dynamicTable tbody tr:nth-child(even) td { background-color: var(--bg-panel) !important; }
#torrentsTable tr:hover td, .dynamicTable tbody tr:hover td { background-color: var(--bg-hover) !important; }
#torrentsTable tr.selected td, .dynamicTable tbody tr.selected td { background-color: var(--bg-panel-alt) !important; color: var(--text-bright) !important; }
#torrentsTable tr.selected td:first-child { border-left: 3px solid var(--accent-red) !important; }

/* 5. Dual-Row Segmented Meter & Tactical HUD Text */
.progressbar_container {
  background:
    linear-gradient(to bottom, transparent 5px, var(--bg-void) 5px 7px, transparent 7px),
    repeating-linear-gradient(90deg, transparent 0px, transparent 6px, var(--bg-void) 6px 8px),
    linear-gradient(to bottom, #191c28 0px 5px, transparent 5px 7px, #10121a 7px 12px) !important;
  background-color: var(--bg-void) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0px !important;
  height: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}

.progressbar_dark {
  height: 100% !important;
  background:
    linear-gradient(to bottom, transparent 5px, var(--bg-void) 5px 7px, transparent 7px),
    repeating-linear-gradient(90deg, transparent 0px, transparent 6px, var(--bg-void) 6px 8px),
    linear-gradient(to bottom, var(--accent-cyan) 0px 5px, transparent 5px 7px, var(--accent-teal) 7px 12px) !important;
  box-shadow: none !important;
}

.progressbar_light { background: transparent !important; border: none !important; }

/* Tactical HUD Cutout: Crisp white monospace text with multi-layer void shadow */
.progressbar_container,
.progressbar_dark,
.progressbar_light,
.progressbar_text {
  font-family: var(--mono-font) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: #ffffff !important;
  line-height: 16px !important;
  text-align: center !important;
  text-shadow:
    -1px -1px 0 #08080a,
     1px -1px 0 #08080a,
    -1px  1px 0 #08080a,
     1px  1px 0 #08080a,
     0 0 6px #08080a,
     0 0 8px #08080a !important;
}

/* 6. Property Panel, Splitter, Inputs & Footer */
.horizontalHandle, .mochaSplitter, #propertiesPanel_handle { background: var(--bg-void) !important; border-top: var(--border-subtle) !important; border-bottom: var(--border-subtle) !important; }
#propertiesPanel, #propertiesPanel_content, #propGeneral, #propTrackers, #propPeers, #propSources, #propFiles { background: var(--bg-void) !important; color: var(--text-muted) !important; }
#propertiesPanel fieldset { background-color: var(--bg-panel) !important; border: var(--border-subtle) !important; margin: 8px !important; }
#propertiesPanel legend { color: var(--accent-red) !important; background: var(--bg-panel) !important; font-family: var(--mono-font) !important; font-size: 10px !important; }
#propertiesTabs, ul.tabs, .tabs li, .tabs li a { background: var(--bg-panel) !important; color: var(--text-muted) !important; font-family: var(--mono-font) !important; }
#propertiesTabs li.selected a, ul.tabs li.selected a { background: var(--bg-panel-alt) !important; color: var(--text-bright) !important; border-bottom: 2px solid var(--accent-red) !important; }

#searchTab, #RssTab, #rssView, #rssView * { background-color: var(--bg-void) !important; border-color: var(--border-subtle) !important; }
input, select, textarea { background: var(--bg-panel) !important; color: var(--accent-cyan) !important; border: var(--border-subtle) !important; font-family: var(--mono-font) !important; }
button, input[type="button"], #searchButton, #searchPluginButton, #rssView button { background: var(--text-bright) !important; color: #000 !important; border: none !important; font-family: var(--mono-font) !important; font-weight: bold !important; text-transform: uppercase !important; }
button:hover, input[type="button"]:hover, #searchButton:hover { background: var(--accent-red) !important; color: #fff !important; }

#desktopFooter { background: var(--bg-void) !important; border-top: var(--border-subtle) !important; font-size: 11px !important; color: var(--text-muted) !important; }
::-webkit-scrollbar { width: 6px !important; height: 6px !important; background-color: var(--bg-void) !important; }
::-webkit-scrollbar-thumb { background: #1e2230 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; }
::-webkit-scrollbar-thumb:hover { background: var(--accent-red) !important; }

/* ==========================================================================
   SEARCH TAB: COMPLETE DARKROOM OVERRIDE
   ========================================================================== */

#searchTab,
#SearchTab,
#searchPanel,
#searchPanel_content,
#searchPanelContainer,
#searchResults,
#searchResultsTable,
#searchResultsTableDiv,
#searchTab .mochaContent,
#searchTab .mochaContentBorder,
#searchTab .mochaToolBar,
#searchTab .panel-footer,
div[id*="search" i],
div[class*="search" i],
div:has(> #searchPluginButton),
div:has(> .searchPluginButton) {
  background: var(--bg-void) !important;
  background-color: var(--bg-void) !important;
  background-image: none !important;
  color: var(--text-main) !important;
  border-color: var(--border-subtle) !important;
}

/* Kill the Bottom White Bar for Search Plugins */
#searchTab .mochaToolBar,
#searchPanel .mochaToolBar,
div[id*="search" i] .mochaToolBar {
  border-top: var(--border-subtle) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

/* Search Table Headers & Cell Stripping */
#searchResultsTable th,
div[id*="search" i] th,
div[id*="search" i] .dynamicTableHeader th {
  background-color: var(--bg-panel) !important;
  background-image: none !important;
  color: var(--text-muted) !important;
  border-color: var(--border-subtle) !important;
}

#searchResultsTable td,
div[id*="search" i] td {
  background-color: var(--bg-void) !important;
  color: var(--text-main) !important;
  border-color: var(--border-subtle) !important;
}

/* ACCESS-Style Buttons for Search */
#searchPluginButton,
#searchButton,
.searchPluginButton {
  background: var(--text-bright) !important;
  background-color: var(--text-bright) !important;
  background-image: none !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 0px !important;
  font-family: var(--mono-font) !important;
  font-weight: bold !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 4px 14px !important;
  cursor: pointer !important;
}

#searchPluginButton:hover,
#searchButton:hover {
  background: var(--accent-red) !important;
  background-color: var(--accent-red) !important;
  color: #ffffff !important;
}