/* Quantbot Professional Financial Theme */

:root {
  /* Wall Street Color Palette */
  --quantbot-primary: #37474f;        /* Blue Grey 800 - Professional */
  --quantbot-secondary: #ffc107;      /* Amber - Gold/Investment */
  --quantbot-accent: #4caf50;         /* Green - Profit */
  --quantbot-danger: #f44336;         /* Red - Loss */
  --quantbot-info: #2196f3;           /* Blue - Information */
  --quantbot-dark: #263238;           /* Blue Grey 900 - Dark mode */
  --quantbot-light: #eceff1;          /* Blue Grey 50 - Light backgrounds */
  
  /* Financial Chart Colors */
  --chart-green: #00c853;             /* Bright Green - Gains */
  --chart-red: #d32f2f;               /* Deep Red - Losses */
  --chart-gold: #ff8f00;              /* Gold - Premium features */
  --chart-silver: #9e9e9e;            /* Silver - Secondary data */
}

/* Header Enhancements */
.md-header {
  background: linear-gradient(135deg, var(--quantbot-primary) 0%, var(--quantbot-dark) 100%);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.md-header__title {
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Navigation Styling */
.md-tabs {
  background: linear-gradient(90deg, var(--quantbot-primary) 0%, #455a64 100%);
  border-bottom: 2px solid var(--quantbot-secondary);
}

.md-tabs__item {
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

.md-tabs__link--active {
  color: var(--quantbot-secondary) !important;
  border-bottom: 2px solid var(--quantbot-secondary);
}

/* Content Area */
.md-main__inner {
  margin-top: 0;
}

.md-content {
  background: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
}

/* Cards and Sections */
.md-typeset .admonition {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.md-typeset .admonition.note {
  border-left: 4px solid var(--quantbot-info);
}

.md-typeset .admonition.tip {
  border-left: 4px solid var(--quantbot-accent);
}

.md-typeset .admonition.warning {
  border-left: 4px solid var(--quantbot-secondary);
}

.md-typeset .admonition.danger {
  border-left: 4px solid var(--quantbot-danger);
}

/* Code Blocks - Terminal/Trading Platform Style */
.md-typeset .highlight {
  background: #1e1e1e;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.md-typeset .highlight pre {
  background: transparent;
  color: #f8f8f2;
}

.md-typeset .highlight .gp {
  color: var(--quantbot-secondary);
  font-weight: bold;
}

/* Tables - Financial Data Style */
.md-typeset table:not([class]) {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.md-typeset table:not([class]) th {
  background: var(--quantbot-primary);
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
}

.md-typeset table:not([class]) tr:nth-child(even) {
  background: #f8f9fa;
}

.md-typeset table:not([class]) tr:hover {
  background: #e3f2fd;
  transition: background-color 0.2s ease;
}

/* Financial Numbers Styling */
.profit {
  color: var(--chart-green);
  font-weight: 600;
}

.loss {
  color: var(--chart-red);
  font-weight: 600;
}

.neutral {
  color: var(--chart-silver);
  font-weight: 500;
}

.price {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-weight: 600;
  font-size: 1.1em;
}

/* Buttons and Interactive Elements */
.md-button {
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.md-button--primary {
  background: linear-gradient(135deg, var(--quantbot-primary) 0%, var(--quantbot-dark) 100%);
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.md-button--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

/* Footer */
.md-footer {
  background: var(--quantbot-dark);
  color: #b0bec5;
}

.md-footer-meta {
  background: #1c2833;
}

/* Search */
.md-search__form {
  border-radius: 25px;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(10px);
}

.md-search__input {
  background: transparent;
  color: white;
}

.md-search__input::placeholder {
  color: rgba(255,255,255,0.7);
}

/* Social Links */
.md-social {
  gap: 8px;
}

.md-social__link {
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.md-social__link:hover {
  background: var(--quantbot-secondary);
  transform: scale(1.1);
}

/* Dark Mode Adjustments */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--quantbot-primary);
  --md-accent-fg-color: var(--quantbot-secondary);
}

[data-md-color-scheme="slate"] .md-content {
  background: linear-gradient(180deg, #1e1e1e 0%, #121212 100%);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:nth-child(even) {
  background: rgba(255,255,255,0.05);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover {
  background: rgba(255,255,255,0.1);
}

/* Custom Financial Indicators */
.indicator {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.indicator.bullish {
  background: rgba(76, 175, 80, 0.1);
  color: var(--chart-green);
  border: 1px solid var(--chart-green);
}

.indicator.bearish {
  background: rgba(244, 67, 54, 0.1);
  color: var(--chart-red);
  border: 1px solid var(--chart-red);
}

.indicator.neutral {
  background: rgba(158, 158, 158, 0.1);
  color: var(--chart-silver);
  border: 1px solid var(--chart-silver);
}

/* Responsive Design */
@media screen and (max-width: 76.1875em) {
  .md-nav--primary .md-nav__title {
    background: var(--quantbot-primary);
    color: white;
  }
}

/* Animation for loading states */
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}

.loading {
  animation: pulse 1.5s ease-in-out infinite;
}

/* Professional typography */
.md-typeset h1 {
  color: var(--quantbot-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.md-typeset h2 {
  color: var(--quantbot-primary);
  font-weight: 600;
  border-bottom: 2px solid var(--quantbot-secondary);
  padding-bottom: 8px;
}

.md-typeset h3 {
  color: var(--quantbot-primary);
  font-weight: 600;
}

/* Logo styling */
.md-header__button.md-logo img {
  filter: brightness(1.2);
  transition: transform 0.3s ease;
}

.md-header__button.md-logo:hover img {
  transform: scale(1.1);
}