/* ==========================================================================
   ATMOSPHERE MEDIA CLOUD - CUSTOM THEME
   Auto-generated comprehensive theme CSS
   Generated on: 2025-12-02T12:43:03.831Z
   ========================================================================== */
/* CSS Variable Overrides */
:root {
  --theme-primary: #FFCC01;
  --theme-primary-hover: #d9a714;
  --theme-primary-light: #ebbd05;
  --theme-secondary: #8c7120;
  --theme-background: #0F0E0B;
  --theme-surface: #232323;
  --theme-surface-hover: #4d4d4d;
  --theme-surface-alt: #262626;
  --theme-text: #ffffff;
  --theme-text-muted: #b0b0b0;
  --theme-text-inverse: #0F0E0B;
  --theme-text-dark: #000000;
  --theme-text-on-primary: #0F0E0B;
  --theme-success: #2eb85c;
  --theme-danger: #e55353;
  --theme-warning: #f9b115;
  --theme-info: #3399ff;
  --theme-border: #000000;
  --theme-border-light: #2a2e36;
  --theme-shadow-color: 60, 75, 100;
  --theme-primary-rgb: 255, 204, 1;
  --theme-danger-rgb: 229, 83, 83;
  --theme-warning-rgb: 249, 177, 21;
  --theme-success-rgb: 46, 184, 92;
  --theme-info-rgb: 51, 153, 255;
  --theme-skeleton-base: #333333;
  --theme-skeleton-shimmer: #404040;
  --theme-status-live: #FFCC01;
  --theme-status-stopped: #d9a714;
  --theme-status-recording: #FFCC01;
  --theme-status-waiting: #a54801;
  --theme-status-offline: #6b6b6b;
  --theme-status-finished: #735722;
}

/* ==========================================================================
   CORE STYLING OVERRIDES
   ========================================================================== */
/* Base Application Styling */
body,
html,
.c-app,
.c-body {
  background-color: var(--theme-background) !important;
  color: var(--theme-text) !important;
}

/* Skeleton Animation Keyframes */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
/* ==========================================================================
   NAVIGATION & SIDEBAR
   ========================================================================== */
/* Sidebar */
.c-sidebar,
.c-sidebar-nav,
.c-sidebar-brand,
.c-header,
nav {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}

.c-sidebar-nav-link,
.c-header-nav-link,
.nav-link {
  color: var(--theme-text) !important;
  background-color: transparent !important;
}

.c-sidebar-nav-link:hover,
.c-header-nav-link:hover,
.c-sidebar-nav-link.c-active {
  background-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

.c-sidebar.c-sidebar-light {
  background-color: var(--theme-surface) !important;
}

.c-sidebar.c-sidebar-light .c-sidebar-nav-link {
  color: var(--theme-text) !important;
}

.c-sidebar.c-sidebar-light .c-sidebar-nav-link.c-active,
.c-sidebar.c-sidebar-light .c-sidebar-nav-link:hover {
  background-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* Solid Buttons */
.btn-primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background: var(--theme-primary-hover) !important;
  border-color: var(--theme-primary-hover) !important;
}

.btn-success {
  background: var(--theme-success) !important;
  border-color: var(--theme-success) !important;
}

.btn-danger {
  background: var(--theme-danger) !important;
  border-color: var(--theme-danger) !important;
}

.btn-warning {
  background: var(--theme-warning) !important;
  border-color: var(--theme-warning) !important;
}

.btn-info {
  background: var(--theme-info) !important;
  border-color: var(--theme-info) !important;
}

/* Cards and Surfaces */
.card {
  background-color: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

.card-header {
  background: var(--theme-surface) !important;
  border-bottom-color: var(--theme-border) !important;
}

.card-footer {
  background: var(--theme-surface) !important;
  border-top-color: var(--theme-border) !important;
}

.modal-content {
  background: var(--theme-surface) !important;
}

/* Forms */
.form-control {
  background: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.form-control:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}

/* Navigation */
.nav-link {
  color: var(--theme-text) !important;
}

.nav-tabs .nav-link.active {
  background-color: var(--theme-surface) !important;
  border-color: var(--theme-border) var(--theme-border) var(--theme-surface) !important;
  color: var(--theme-primary) !important;
}

/* Tables */
.table {
  color: var(--theme-text) !important;
}

.table th,
.table td {
  border-top-color: var(--theme-border) !important;
}

.table thead th {
  border-bottom-color: var(--theme-border) !important;
}

/* Text Colors */
.text-primary {
  color: var(--theme-primary) !important;
}

.text-secondary {
  color: var(--theme-secondary) !important;
}

.text-success {
  color: var(--theme-success) !important;
}

.text-danger {
  color: var(--theme-danger) !important;
}

.text-warning {
  color: var(--theme-warning) !important;
}

.text-info {
  color: var(--theme-info) !important;
}

.text-dark {
  color: var(--theme-text-dark) !important;
}

.text-muted {
  color: var(--theme-text-muted) !important;
}

.text-light {
  color: var(--theme-text-inverse) !important;
}

/* Background Colors */
.bg-primary {
  background-color: var(--theme-primary) !important;
}

.bg-secondary {
  background-color: var(--theme-secondary) !important;
}

.bg-success {
  background-color: var(--theme-success) !important;
}

.bg-danger {
  background-color: var(--theme-danger) !important;
}

.bg-warning {
  background-color: var(--theme-warning) !important;
}

.bg-info {
  background-color: var(--theme-info) !important;
}

.bg-light {
  background-color: var(--theme-surface) !important;
}

.bg-dark {
  background-color: var(--theme-text-dark) !important;
}

/* Custom Background Classes */
.bg-wige-green-default {
  background-color: var(--theme-primary) !important;
}

.bg-wige-gray-light {
  background-color: var(--theme-surface) !important;
}

/* Skeleton Loaders - CRITICAL: These must work with any color scheme */
.skeleton-row {
  background: transparent !important;
}

.skeleton-checkbox,
.skeleton-cell,
.skeleton-actions {
  background: linear-gradient(90deg, var(--theme-skeleton-base) 25%, var(--theme-skeleton-shimmer) 50%, var(--theme-skeleton-base) 75%) !important;
  background-size: 200% 100% !important;
  animation: shimmer 1.5s infinite !important;
  border-radius: 4px !important;
}

.atmos-skeleton-container .table thead th {
  color: var(--theme-text-muted) !important;
}

/* Borders */
.border {
  border-color: var(--theme-border) !important;
}

.border-primary {
  border-color: var(--theme-primary) !important;
}

.border-success {
  border-color: var(--theme-success) !important;
}

.border-danger {
  border-color: var(--theme-danger) !important;
}

.border-warning {
  border-color: var(--theme-warning) !important;
}

.border-info {
  border-color: var(--theme-info) !important;
}

/* Badges */
.badge-primary {
  background-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

.badge-secondary {
  background-color: var(--theme-secondary) !important;
  color: var(--theme-text-on-primary) !important;
}

.badge-success {
  background-color: var(--theme-success) !important;
  color: var(--theme-text-on-primary) !important;
}

.badge-danger {
  background-color: var(--theme-danger) !important;
  color: var(--theme-text-on-primary) !important;
}

.badge-warning {
  background-color: var(--theme-warning) !important;
  color: var(--theme-text-dark) !important;
}

.badge-info {
  background-color: var(--theme-info) !important;
  color: var(--theme-text-on-primary) !important;
}

/* Alerts */
.alert-primary {
  background-color: rgba(255, 204, 1, 0.1) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-primary) !important;
}

.alert-secondary {
  background-color: rgba(140, 113, 32, 0.1) !important;
  border-color: var(--theme-secondary) !important;
  color: var(--theme-secondary) !important;
}

.alert-success {
  background-color: rgba(46, 184, 92, 0.1) !important;
  border-color: var(--theme-success) !important;
  color: var(--theme-success) !important;
}

.alert-danger {
  background-color: rgba(229, 83, 83, 0.1) !important;
  border-color: var(--theme-danger) !important;
  color: var(--theme-danger) !important;
}

.alert-warning {
  background-color: rgba(249, 177, 21, 0.1) !important;
  border-color: var(--theme-warning) !important;
  color: #996000 !important;
}

.alert-info {
  background-color: rgba(51, 153, 255, 0.1) !important;
  border-color: var(--theme-info) !important;
  color: var(--theme-info) !important;
}

/* Links */
a {
  color: var(--theme-primary) !important;
}

a:hover {
  color: var(--theme-primary-hover) !important;
}

/* Enhanced Form Controls */
.form-control:focus,
.form-select:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}

/* Multi-Select Component */
.c-multi-select {
  background-color: var(--theme-surface-alt) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

.c-multi-select .c-multi-select-input {
  background-color: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.c-multi-select .c-multi-select-input:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}

.c-multi-select .c-multi-select-options {
  background-color: var(--theme-surface-alt) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

.c-multi-select .c-multi-select-option {
  background-color: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

.c-multi-select .c-multi-select-option:hover {
  background-color: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}

.c-multi-select .c-multi-select-option.selected {
  background-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

.c-multi-select .c-multi-select-selection {
  background-color: var(--theme-surface-alt) !important;
  border-color: var(--theme-border) !important;
}

.c-multi-select .c-multi-select-tag {
  background-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
  border-color: var(--theme-primary) !important;
}

.c-multi-select .c-multi-select-tag .c-multi-select-tag-remove {
  color: var(--theme-text-on-primary) !important;
}

.c-multi-select .c-multi-select-tag .c-multi-select-tag-remove:hover {
  color: var(--theme-text-on-primary) !important;
  opacity: 0.7;
}

/* Multi-Select Search Input */
.c-multi-select .c-multi-select-search {
  background-color: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.c-multi-select .c-multi-select-search:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}

/* Multi-Select Selected Option Background */
.c-multi-select .c-multi-select-option.c-multi-selected {
  background-color: rgba(255, 204, 1, 0.1) !important;
  color: var(--theme-text) !important;
}

.c-multi-select .c-multi-select-option.c-multi-selected:hover {
  background-color: rgba(255, 204, 1, 0.2) !important;
  color: var(--theme-text) !important;
}

/* Multi-Select Checkbox Colors */
.c-multi-select .c-multi-select-option .form-check-input {
  border-color: var(--theme-primary) !important;
}

.c-multi-select .c-multi-select-option .form-check-input:checked {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.c-multi-select .c-multi-select-option .form-check-input:focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 1, 0.25) !important;
}

/* CoreUI Component Overrides */
.c-app {
  --primary: var(--theme-primary) !important;
  color: var(--theme-text) !important;
  background-color: var(--theme-background) !important;
}

.c-sidebar-light {
  background: var(--theme-surface) !important;
}

.c-sidebar-light .c-sidebar-nav-link {
  color: var(--theme-text) !important;
}

.c-sidebar-light .c-sidebar-nav-link:hover {
  background: var(--theme-surface-hover) !important;
}

.c-sidebar-light .c-sidebar-nav-link.c-active {
  background: rgba(255, 204, 1, 0.1) !important;
  color: var(--theme-primary) !important;
}

.c-sidebar-light .c-sidebar-nav-title {
  color: var(--theme-text-dark) !important;
}

.c-header {
  background: var(--theme-surface) !important;
  border-bottom: 1px solid var(--theme-border) !important;
}

/* Button State Improvements */
.btn-primary:active,
.btn-primary.active,
.btn-secondary:active,
.btn-secondary.active {
  background-color: var(--theme-primary-hover) !important;
  border-color: var(--theme-primary-hover) !important;
  color: var(--theme-text-on-primary) !important;
}

/* Enhanced Border Colors */
.border-primary {
  border-color: var(--theme-primary) !important;
}

.border-secondary {
  border-color: var(--theme-secondary) !important;
}

.border-light {
  border-color: var(--theme-border-light) !important;
}

.border-dark {
  border-color: var(--theme-text-dark) !important;
}

/* ==========================================================================
   ADDITIONAL COMPONENT FIXES
   ========================================================================== */
/* Outline Button Variants */
.btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
  color: var(--theme-text-on-primary) !important;
}

/* Bootstrap Nav Tabs */
.nav-tabs {
  border-bottom-color: var(--theme-border) !important;
  background-color: var(--theme-surface) !important;
}

.nav-tabs .nav-item .nav-link {
  background-color: transparent !important;
  color: var(--theme-text) !important;
  border-color: transparent !important;
}

.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:focus {
  background-color: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.nav-tabs .nav-item .nav-link.active {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) var(--theme-border) var(--theme-surface) !important;
}

/* Breadcrumbs */
.breadcrumb {
  background-color: var(--theme-surface) !important;
  border-radius: 0.25rem !important;
  padding: 0.75rem 1rem !important;
}

.breadcrumb-item {
  color: var(--theme-text-muted) !important;
}

.breadcrumb-item.active {
  color: var(--theme-text) !important;
}

.breadcrumb-item a {
  color: var(--theme-primary) !important;
  text-decoration: none !important;
}

.breadcrumb-item a:hover {
  color: var(--theme-primary-hover) !important;
  text-decoration: underline !important;
}

/* Dropdowns */
.dropdown-menu,
.dropdown-content,
.c-dropdown-menu {
  background-color: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
}

.dropdown-item,
.c-dropdown-item {
  color: var(--theme-text) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.c-dropdown-item:hover,
.c-dropdown-item:focus {
  background-color: var(--theme-surface-hover) !important;
  color: var(--theme-text) !important;
}

/* Select Elements */
select {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

select:focus {
  outline: none !important;
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 2px rgba(var(--theme-primary-rgb), 0.2) !important;
}

select option {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  padding: 8px !important;
}

/* Force Text Colors */
label,
h1, h2, h3, h4, h5, h6,
p, span, div,
.font-weight-bold,
.font-weight-medium {
  color: var(--theme-text) !important;
}

/* Override Light Backgrounds */
.bg-white,
.bg-light {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
}

/* Content Areas */
.c-main,
.c-content,
main {
  background-color: var(--theme-background) !important;
  color: var(--theme-text) !important;
}

/* Footer */
.c-footer,
footer {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

/* ==========================================================================
   END AUTO-GENERATED THEME CSS
   ========================================================================== */