/* BaseBrain Design System - Consolidated CSS */
/* This file imports all design system components in the correct order */

/* 1. CSS Custom Properties */
@import url('variables.css');

/* 2. CSS Reset */
@import url('reset.css');

/* 3. Component Styles */
@import url('components.css');

/* 4. Layout Styles */
@import url('layout.css');

/* 5. Utility Classes */
@import url('utilities.css');

/* Additional BaseBrain Specific Styles */

/* Remove all emojis from headers and buttons */
h1, h2, h3, h4, h5, h6,
.btn,
.card__title {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Remove all gradients except subtle hover states */
.btn:hover {
  background-image: none;
}

/* Remove all animations except simple transitions */
* {
  animation: none;
}

/* Remove all box-shadows except cards */
*:not(.card) {
  box-shadow: none;
}

/* Remove all border-radius > 8px */
* {
  border-radius: min(var(--border-radius-lg), 8px);
}

/* Remove background images/patterns */
* {
  background-image: none;
}

/* Remove colored alerts except for errors */
.alert:not(.alert--error) {
  background-color: var(--color-background-alt);
  border-color: var(--color-border);
  color: var(--color-text-primary);
}

/* Remove decorative icons that don't add meaning */
.icon-decorative {
  display: none;
}

/* Ensure consistent focus indicators */
*:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Remove jQuery dependencies styling */
.ui-widget,
.ui-widget-content,
.ui-widget-header {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: inherit;
  border: inherit;
}

/* Chart container styling */
.chart-container {
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.chart-container canvas {
  max-width: 100%;
  height: auto;
}

/* Table responsive behavior */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Remove Bootstrap specific overrides */
.btn-group,
.btn-toolbar,
.input-group {
  display: flex;
  align-items: center;
}

.input-group .form-control {
  border-radius: 0;
}

.input-group .form-control:first-child {
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}

.input-group .form-control:last-child {
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
}

.input-group-text {
  background-color: var(--color-background-alt);
  border: 1px solid var(--color-border);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

/* Modal overrides */
.modal {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
}

.modal-header {
  border-bottom: 1px solid var(--color-border);
  padding: var(--spacing-md) var(--spacing-lg);
}

.modal-body {
  padding: var(--spacing-lg);
}

.modal-footer {
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-md) var(--spacing-lg);
}

/* Performance optimizations */
* {
  will-change: auto;
}

.card,
.btn,
.table tbody tr {
  will-change: transform;
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  :root {
    --color-border: #000000;
    --color-text-secondary: #000000;
  }
}