/* Custom Bootstrap 5 overrides for IndyneInvestor */
:root {
  --bs-primary: #0d6efd;
  --bs-success: #198754;
  --bs-danger: #dc3545;
  --bs-warning: #ffc107;
  --bs-info: #0dcaf0;
  --bs-dark: #212529;
  /* Investment theme colors */
  --gain-green: #22c55e;
  --loss-red: #ef4444;
  --neutral-gray: #6b7280;
  --gold: #fbbf24;
}

/* Investment-specific styling */
.gain {
  color: var(--gain-green) !important;
}

.loss {
  color: var(--loss-red) !important;
}

.neutral {
  color: var(--neutral-gray) !important;
}

.price {
  font-weight: 600;
  font-family: 'Courier New', monospace;
}

/* Portfolio cards */
.portfolio-card {
  transition: transform 0.2s ease-in-out;
  border: 1px solid #e5e7eb;
}

  .portfolio-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

/* Stock table styling */
.stock-table th {
  background-color: #f8f9fa;
  font-weight: 600;
  border-top: none;
}

.stock-row:hover {
  background-color: #f8f9fa;
}

/* 3 Pillars Analysis styling */
.pillar-card {
  border-left: 4px solid var(--bs-primary);
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}

.pillar-fundamental {
  border-left-color: var(--bs-success);
}

.pillar-technical {
  border-left-color: var(--bs-warning);
}

.pillar-behavioral {
  border-left-color: var(--bs-info);
}

/* Rating stars */
.rating {
  color: var(--gold);
}

.rating-empty {
  color: #e5e7eb;
}

/* Market data styling */
.market-up {
  background-color: rgba(34, 197, 94, 0.1);
  border-left: 3px solid var(--gain-green);
}

.market-down {
  background-color: rgba(239, 68, 68, 0.1);
  border-left: 3px solid var(--loss-red);
}

/* Dashboard widgets */
.dashboard-widget {
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.widget-header {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}

/* Footer styling */
.footer {
  background-color: #f8f9fa !important;
  border-top: 1px solid #e5e7eb;
  margin-top: auto;
}

html, body {
  height: 100%;
}

main {
  flex: 1;
}