/* ============================================
   Mission Control Jobs — Dark Theme Override
   Matches MWJ Solutions color scheme
   ============================================ */

/* Base body & section */
html {
  background-color: #070b1a !important;
}

body.mc-dark {
  background-color: #070b1a !important;
  color: #e2e8f0 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
}

body.mc-dark .section {
  background-color: #070b1a !important;
  min-height: 100vh;
}

body.mc-dark .container {
  max-width: 1100px;
}

/* ---- Navbar / Application Selection ---- */
body.mc-dark .navbar {
  background-color: #0d1529 !important;
  border-bottom: 1px solid rgba(0, 229, 255, 0.15);
  border-radius: 0;
  box-shadow: none;
}

body.mc-dark .navbar-menu {
  background-color: transparent !important;
}

body.mc-dark .navbar-item,
body.mc-dark .navbar-link {
  color: #94a3b8 !important;
}

body.mc-dark .navbar-item:hover,
body.mc-dark .navbar-link:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
}

body.mc-dark .navbar-dropdown {
  background-color: #0d1529 !important;
  border: 1px solid rgba(0, 229, 255, 0.15) !important;
  border-radius: 8px;
}

body.mc-dark .navbar-dropdown .navbar-item:hover {
  background-color: rgba(0, 229, 255, 0.08) !important;
}

/* ---- Tabs (navigation) ---- */
body.mc-dark .tabs.is-boxed li a {
  background-color: transparent;
  border-color: rgba(0, 229, 255, 0.15) !important;
  color: #94a3b8 !important;
  border-bottom-color: rgba(0, 229, 255, 0.15) !important;
  transition: color 0.2s, border-color 0.2s;
}

body.mc-dark .tabs.is-boxed li a:hover {
  background-color: rgba(0, 229, 255, 0.05);
  border-color: rgba(0, 229, 255, 0.3) !important;
  color: #fff !important;
}

body.mc-dark .tabs.is-boxed li.is-active a {
  background-color: #0d1529 !important;
  border-color: rgba(0, 229, 255, 0.4) !important;
  border-bottom-color: #0d1529 !important;
  color: #00e5ff !important;
  font-weight: 600;
}

body.mc-dark .tabs.is-boxed {
  border-bottom-color: rgba(0, 229, 255, 0.15);
}

/* Toggle tabs (server selector, backtrace toggle) */
body.mc-dark .tabs.is-toggle a {
  border-color: rgba(0, 229, 255, 0.2) !important;
  color: #94a3b8 !important;
  background-color: transparent;
}

body.mc-dark .tabs.is-toggle li.is-active a {
  background-color: #00e5ff !important;
  border-color: #00e5ff !important;
  color: #070b1a !important;
  font-weight: 600;
}

/* ---- Tables ---- */
body.mc-dark .table {
  background-color: #0d1529 !important;
  color: #e2e8f0 !important;
  border-radius: 12px;
  overflow: hidden;
}

body.mc-dark .table th {
  background-color: rgba(0, 229, 255, 0.04) !important;
  color: #94a3b8 !important;
  border-color: rgba(0, 229, 255, 0.1) !important;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body.mc-dark .table td {
  border-color: rgba(255, 255, 255, 0.04) !important;
  color: #e2e8f0 !important;
}

body.mc-dark .table.is-hoverable tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

body.mc-dark .table td a,
body.mc-dark .table td a:visited {
  color: #00e5ff !important;
}

body.mc-dark .table td a:hover {
  color: #fff !important;
}

body.mc-dark .table thead th {
  border-bottom: 1px solid rgba(0, 229, 255, 0.12) !important;
}

/* ---- Titles & Text ---- */
body.mc-dark .title {
  color: #fff !important;
}

body.mc-dark .subtitle {
  color: #94a3b8 !important;
}

body.mc-dark .has-text-grey {
  color: #94a3b8 !important;
}

body.mc-dark strong {
  color: #e2e8f0;
}

/* ---- Links ---- */
body.mc-dark a {
  color: #00e5ff;
}

body.mc-dark a:hover {
  color: #fff;
}

/* ---- Tags / Badges ---- */
body.mc-dark .tag {
  background-color: rgba(0, 229, 255, 0.12) !important;
  color: #00e5ff !important;
  border-radius: 999px;
}

body.mc-dark .tag.is-danger {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

body.mc-dark .tag.is-success {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}

body.mc-dark .tag.is-warning {
  background-color: rgba(250, 204, 21, 0.15) !important;
  color: #facc15 !important;
}

body.mc-dark .tag.is-info {
  background-color: rgba(0, 229, 255, 0.15) !important;
  color: #00e5ff !important;
}

/* ---- Buttons ---- */
body.mc-dark .button {
  background-color: #0d1529 !important;
  border-color: rgba(0, 229, 255, 0.2) !important;
  color: #e2e8f0 !important;
  border-radius: 8px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  transition: border-color 0.2s, color 0.2s;
}

body.mc-dark .button:hover {
  border-color: rgba(0, 229, 255, 0.5) !important;
  color: #fff !important;
}

body.mc-dark .button.is-warning.is-light {
  background-color: rgba(250, 204, 21, 0.12) !important;
  border-color: rgba(250, 204, 21, 0.25) !important;
  color: #facc15 !important;
}

body.mc-dark .button.is-warning.is-light:hover {
  background-color: rgba(250, 204, 21, 0.2) !important;
  border-color: rgba(250, 204, 21, 0.4) !important;
}

body.mc-dark .button.is-danger.is-light {
  background-color: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #f87171 !important;
}

body.mc-dark .button.is-danger.is-light:hover {
  background-color: rgba(239, 68, 68, 0.2) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}

body.mc-dark .button.is-success.is-light {
  background-color: rgba(34, 197, 94, 0.12) !important;
  border-color: rgba(34, 197, 94, 0.25) !important;
  color: #22c55e !important;
}

body.mc-dark .button.is-success.is-light:hover {
  background-color: rgba(34, 197, 94, 0.2) !important;
  border-color: rgba(34, 197, 94, 0.4) !important;
}

body.mc-dark .button[disabled] {
  opacity: 0.4;
}

/* ---- Pagination ---- */
body.mc-dark .pagination-previous,
body.mc-dark .pagination-next,
body.mc-dark .pagination-link {
  background-color: #0d1529 !important;
  border-color: rgba(0, 229, 255, 0.15) !important;
  color: #94a3b8 !important;
}

body.mc-dark .pagination-previous:hover,
body.mc-dark .pagination-next:hover,
body.mc-dark .pagination-link:hover {
  border-color: #00e5ff !important;
  color: #00e5ff !important;
}

body.mc-dark .pagination-link.is-current {
  background-color: #00e5ff !important;
  border-color: #00e5ff !important;
  color: #070b1a !important;
  font-weight: 600;
}

body.mc-dark .pagination-ellipsis {
  color: #94a3b8 !important;
}

/* ---- Flash / Messages ---- */
body.mc-dark .message.is-success {
  background-color: rgba(34, 197, 94, 0.08) !important;
}

body.mc-dark .message.is-success .message-body {
  border-color: rgba(34, 197, 94, 0.2) !important;
  color: #22c55e !important;
  background-color: transparent !important;
}

body.mc-dark .message.is-danger {
  background-color: rgba(239, 68, 68, 0.08) !important;
}

body.mc-dark .message.is-danger .message-body {
  border-color: rgba(239, 68, 68, 0.2) !important;
  color: #f87171 !important;
  background-color: transparent !important;
}

/* ---- Preformatted / Code ---- */
body.mc-dark pre {
  background-color: #070b1a !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(0, 229, 255, 0.1);
  border-radius: 8px;
  padding: 1rem;
}

body.mc-dark code {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #00e5ff !important;
}

/* ---- Form inputs (filter fields) ---- */
body.mc-dark .input,
body.mc-dark .select select {
  background-color: #0d1529 !important;
  border-color: rgba(0, 229, 255, 0.15) !important;
  color: #e2e8f0 !important;
  border-radius: 8px;
}

body.mc-dark .input:focus,
body.mc-dark .select select:focus {
  border-color: #00e5ff !important;
  box-shadow: 0 0 0 2px rgba(0, 229, 255, 0.1) !important;
}

body.mc-dark .input::placeholder {
  color: rgba(148, 163, 184, 0.5) !important;
}

body.mc-dark .label {
  color: #94a3b8 !important;
}

/* ---- Datalist ---- */
body.mc-dark datalist {
  background-color: #0d1529 !important;
}

/* ---- Level ---- */
body.mc-dark .level-item {
  color: #e2e8f0;
}

/* ---- "Back to main app" link ---- */
body.mc-dark .navbar-start a {
  color: #94a3b8 !important;
  text-decoration: none;
  font-size: 0.9rem;
}

body.mc-dark .navbar-start a:hover {
  color: #00e5ff !important;
}

/* ---- Misc Bulma overrides ---- */
body.mc-dark .box {
  background-color: #0d1529 !important;
  border: 1px solid rgba(0, 229, 255, 0.15);
  border-radius: 12px;
}

body.mc-dark hr {
  background-color: rgba(0, 229, 255, 0.1);
}

body.mc-dark .content h1,
body.mc-dark .content h2,
body.mc-dark .content h3,
body.mc-dark .content h4 {
  color: #fff !important;
}