/* Murrfolk portal branding. Local assets only; application layout stays intact. */
:root, [data-bs-theme="dark"], [data-bs-theme="light"] {
  color-scheme: dark;
  --bs-primary: #00ffff; --bs-primary-rgb: 0,255,255;
  --bs-primary-active: #70ffff; --bs-primary-light: #103137;
  --bs-primary-inverse: #000810;
  --bs-body-bg: #000810; --bs-body-bg-rgb: 0,8,16;
  --bs-body-color: #edf4f6; --bs-body-color-rgb: 237,244,246;
  --bs-heading-color: #f5f8fa; --bs-emphasis-color: #fff;
  --bs-secondary-bg: #10212c; --bs-tertiary-bg: #0a1822;
  --bs-border-color: #29404b; --bs-border-color-translucent: rgba(126,168,184,.22);
  --bs-link-color: #00ffff; --bs-link-hover-color: #70ffff;
  --bs-text-muted: #a4b5bf; --bs-secondary-color: #a4b5bf;
  --bs-gray-100: #10212c; --bs-gray-200: #1b303c; --bs-gray-300: #29404b;
  --bs-gray-400: #7c96a4; --bs-gray-500: #9ab0bc; --bs-gray-600: #b2c3cc;
  --bs-gray-700: #ccdae0; --bs-gray-800: #e0eaee; --bs-gray-900: #f5f8fa;
  --bs-app-bg-color: #000810; --bs-app-header-base-bg-color: #06121b;
  --bs-app-sidebar-base-bg-color: #06121b; --bs-app-blank-bg-color: #000810;
  --bs-app-header-base-box-shadow: 0 1px 0 #20333f;
  --bs-app-sidebar-base-box-shadow: 1px 0 0 #20333f;
}
body, .app-default, .app-blank, #kt_app_page, #kt_app_wrapper,
#kt_app_main, .app-content { background-color: #000810 !important; color: #edf4f6; }
body { font-family: "Segoe UI", system-ui, sans-serif; }
#kt_app_header, #kt_app_sidebar, .app-header, .app-sidebar {
  background-color: #06121b !important; border-color: #20333f !important;
}
.card, .modal-content, .dropdown-menu, .menu-sub-dropdown, .popover {
  background-color: #0a1822 !important; color: #edf4f6;
  border-color: #29404b !important;
}
.card { border: 1px solid #20333f !important; }
.card-header, .card-footer, .modal-header, .modal-footer { border-color: #29404b !important; }
.bg-body, .bg-body-white, .bg-white { background-color: #0a1822 !important; }
.form-control, .form-select, .select2-container--bootstrap5 .select2-selection {
  background-color: #06121b !important; color: #edf4f6 !important; border-color: #3a5361 !important;
}
.form-control::placeholder { color: #9ab0bc; opacity: 1; }
.form-control:focus, .form-select:focus {
  border-color: #00ffff !important; box-shadow: 0 0 0 .2rem rgba(0,255,255,.16) !important;
}
.btn-primary {
  --bs-btn-color: #000810; --bs-btn-bg: #00ffff; --bs-btn-border-color: #00ffff;
  --bs-btn-hover-color: #000810; --bs-btn-hover-bg: #70ffff; --bs-btn-hover-border-color: #70ffff;
  --bs-btn-active-color: #000810; --bs-btn-active-bg: #70ffff; --bs-btn-active-border-color: #70ffff;
  color: #000810 !important; background-color: #00ffff !important; border-color: #00ffff !important;
}
.btn-primary:hover, .btn-primary:focus-visible, .btn-primary:active {
  background-color: #70ffff !important; border-color: #70ffff !important;
}
.btn-primary i, .btn-primary .svg-icon { color: #000810 !important; }
.btn-light { background-color: #18303d !important; color: #e0eaee !important; }
.btn-light-primary { background-color: #103137 !important; color: #70ffff !important; }
a:not(.btn), .text-primary { color: #00ffff; }
a:not(.btn):hover { color: #70ffff; }
.text-muted, .text-gray-500 { color: #9ab0bc !important; }
.text-gray-600 { color: #b2c3cc !important; }
.text-gray-700, .text-gray-800, .text-gray-900 { color: #edf4f6 !important; }
.table { --bs-table-bg: transparent; --bs-table-color: #edf4f6; --bs-table-border-color: #29404b; }
.table.table-row-dashed tr { border-bottom-color: #29404b; }
.table-hover > tbody > tr:hover > * { --bs-table-accent-bg: rgba(0,255,255,.06); color: #edf4f6; }
.menu .menu-link { color: #cbd9df; }
.menu .menu-link.active, .menu .menu-link:hover {
  background-color: #103137 !important; color: #70ffff !important;
}
.menu .menu-link.active .menu-title, .menu .menu-link.active .menu-icon i,
.menu .menu-link:hover .menu-title { color: #70ffff !important; }
.page-link { background-color: #10212c; color: #edf4f6; }
.page-item.active .page-link { background-color: #00ffff; color: #000810; }
.form-check-input:checked { background-color: #008c91; border-color: #00ffff; }
:focus-visible { outline: 2px solid #00ffff; outline-offset: 3px; }
/* Scope typography to the existing logo header, never to file names or forms. */
#kt_app_sidebar .app-sidebar-logo span,
#kt_app_header .app-header-logo span { letter-spacing: .16em; font-weight: 300; }
img[src*="murrfolk-fish.svg"] { object-fit: contain; min-width: 42px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

/* BEGIN Murrfiles neon fish */
img[src*="murrfolk-fish.svg"] {
  opacity: .9;
  filter: drop-shadow(0 0 2px rgba(0,255,255,.75)) drop-shadow(0 0 9px rgba(0,255,255,.46));
  animation: murrfiles-neon-fish 73s ease-in-out infinite,
             murrfiles-neon-halo 19s ease-in-out infinite;
}
/* Long, uneven voltage drift; a single ~100ms outage in each 73s cycle.
   The separate halo cycle shifts the glow relative to each flutter. */
@keyframes murrfiles-neon-fish {
  0%, 100% { opacity: .9; }
  3.1% { opacity: .85; }
  3.8% { opacity: .74; }
  4.3% { opacity: .88; }
  5.1% { opacity: .79; }
  6.4% { opacity: .91; }
  12.7% { opacity: .87; }
  14.2% { opacity: .81; }
  14.8% { opacity: .92; }
  23.6% { opacity: .86; }
  24.1% { opacity: .72; }
  24.5% { opacity: .84; }
  25.4% { opacity: .77; }
  26.2% { opacity: .89; }
  34.9% { opacity: .93; }
  36.6% { opacity: .83; }
  39.2% { opacity: .89; }
  43.7% { opacity: .87; }
  44.2% { opacity: .76; }
  44.7% { opacity: .91; }
  45.6% { opacity: .82; }
  47.3% { opacity: .89; }
  57.6% { opacity: .87; }
  58.03% { opacity: .75; }
  58.10%, 58.24% { opacity: 0; }
  58.40% { opacity: .73; }
  59.1% { opacity: .85; }
  60.3% { opacity: .79; }
  61.8% { opacity: .9; }
  69.2% { opacity: .86; }
  70.6% { opacity: .8; }
  72.1% { opacity: .91; }
  81.4% { opacity: .88; }
  81.9% { opacity: .75; }
  82.5% { opacity: .87; }
  83.8% { opacity: .81; }
  85.2% { opacity: .9; }
  93.7% { opacity: .85; }
  94.1% { opacity: .78; }
  95.4% { opacity: .89; }
}
@keyframes murrfiles-neon-halo {
  0%, 100% {
    filter: drop-shadow(0 0 2px rgba(0,255,255,.75)) drop-shadow(0 0 9px rgba(0,255,255,.46));
  }
  29% {
    filter: drop-shadow(0 0 2px rgba(0,255,255,.65)) drop-shadow(0 0 8px rgba(0,255,255,.37));
  }
  63% {
    filter: drop-shadow(0 0 3px rgba(0,255,255,.8)) drop-shadow(0 0 10px rgba(0,255,255,.5));
  }
  81% {
    filter: drop-shadow(0 0 2px rgba(0,255,255,.7)) drop-shadow(0 0 9px rgba(0,255,255,.42));
  }
}
@media (prefers-reduced-motion: reduce) {
  img[src*="murrfolk-fish.svg"] { animation: none !important; opacity: 1; }
}
/* END Murrfiles neon fish */
