@charset "UTF-8";
/* line 4, app/assets/stylesheets/shared/_ai_badge.scss */
.ai-analysis-badge {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  color: #ffffff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(0, 212, 170, 0.3);
  animation: pulse-ai 2s infinite;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

/* line 20, app/assets/stylesheets/shared/_ai_badge.scss */
.ai-analysis-badge i {
  font-size: 0.6rem;
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: none !important;
  }
  /* line 34, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge .badge-text-original {
    display: none !important;
  }
  /* line 38, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge .badge-text-line1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    font-size: 0.35rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0.05rem !important;
  }
  /* line 46, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge .badge-text-line1 i {
    margin-bottom: 0.1rem !important;
    margin-right: 0 !important;
    font-size: 0.5rem !important;
  }
  /* line 53, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge .badge-text-line2 {
    display: block !important;
    font-size: 0.30rem !important;
    line-height: 1.1 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 64, app/assets/stylesheets/shared/_ai_badge.scss */
  .stock-info .ai-analysis-badge {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
}

@keyframes pulse-ai {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(0, 212, 170, 0.3);
  }
  50% {
    box-shadow: 0 4px 16px rgba(0, 212, 170, 0.5);
  }
}

/* line 40, app/assets/stylesheets/dashboard.scss */
.dashboard-container {
  min-height: 100vh;
  background: var(--bg-primary, #0a0e1a);
  color: var(--text-primary, #ffffff);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  padding-bottom: 2rem;
  overflow-x: hidden;
  max-width: 100vw;
  width: 100%;
  position: relative;
  transition: var(--theme-transition);
}

/* line 53, app/assets/stylesheets/dashboard.scss */
.dashboard-container::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, var(--grid-opacity, 0.015)) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.5;
}

@media (min-width: 1280px) {
  /* line 71, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .table-responsive {
    overflow-x: visible !important;
    overflow: visible !important;
  }
}

/* line 78, app/assets/stylesheets/dashboard.scss */
.dashboard-container > * {
  position: relative;
  z-index: 1;
}

/* line 85, app/assets/stylesheets/dashboard.scss */
.symbol-container {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: nowrap;
  /* Prevent wrapping to avoid overlap */
  flex-shrink: 0;
}

@keyframes pulse-ai {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* line 101, app/assets/stylesheets/dashboard.scss */
.vertex-ai-forecast {
  background: linear-gradient(135deg, #1a1f3a 0%, #2d3748 100%);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 12px;
  padding: 0.75rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 0.25rem;
}

/* line 111, app/assets/stylesheets/dashboard.scss */
.vertex-ai-forecast::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
}

/* line 121, app/assets/stylesheets/dashboard.scss */
.vertex-ai-forecast.enhanced {
  padding: 0.5rem;
  text-align: left;
}

/* line 127, app/assets/stylesheets/dashboard.scss */
.forecast-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 136, app/assets/stylesheets/dashboard.scss */
.forecast-title {
  font-size: 0.7rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 144, app/assets/stylesheets/dashboard.scss */
.forecast-action {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 152, app/assets/stylesheets/dashboard.scss */
.forecast-action.buy {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  color: #ffffff;
}

/* line 157, app/assets/stylesheets/dashboard.scss */
.forecast-action.hold {
  background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%);
  color: #ffffff;
}

/* line 162, app/assets/stylesheets/dashboard.scss */
.forecast-action.wait {
  background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%);
  color: #ffffff;
}

/* line 167, app/assets/stylesheets/dashboard.scss */
.forecast-action.sell {
  background: linear-gradient(135deg, #ff6b6b 0%, #f44336 100%);
  color: #ffffff;
}

/* line 173, app/assets/stylesheets/dashboard.scss */
.forecast-content {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/* line 180, app/assets/stylesheets/dashboard.scss */
.forecast-price-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0;
  line-height: 1.2;
}

/* line 189, app/assets/stylesheets/dashboard.scss */
.forecast-price-with-date-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.05rem;
  margin: 0;
  padding: 0;
}

/* line 198, app/assets/stylesheets/dashboard.scss */
.forecast-price-main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

/* line 207, app/assets/stylesheets/dashboard.scss */
.forecast-price-value {
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

/* line 216, app/assets/stylesheets/dashboard.scss */
.forecast-usd-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  font-size: 0.65rem;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  margin-top: 0.05rem;
}

/* line 228, app/assets/stylesheets/dashboard.scss */
.forecast-date-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  margin-top: 0.05rem;
  margin-left: 0.4rem;
}

/* line 239, app/assets/stylesheets/dashboard.scss */
.forecast-date-small-inline {
  font-size: 0.6rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.4px;
  opacity: 0.75;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* line 248, app/assets/stylesheets/dashboard.scss */
.usd-conversion-inline {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
}

/* line 254, app/assets/stylesheets/dashboard.scss */
.forecast-change-inline {
  font-size: 0.7rem;
  font-weight: 500;
}

/* line 258, app/assets/stylesheets/dashboard.scss */
.forecast-change-inline.positive {
  color: #00d4aa;
}

/* line 262, app/assets/stylesheets/dashboard.scss */
.forecast-change-inline.negative {
  color: #ff6b6b;
}

/* line 268, app/assets/stylesheets/dashboard.scss */
.forecast-price {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}

/* line 278, app/assets/stylesheets/dashboard.scss */
.forecast-price .forecast-price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 285, app/assets/stylesheets/dashboard.scss */
.forecast-date-wrapper {
  display: block;
  margin-top: 0.15rem;
  width: 100%;
}

/* line 291, app/assets/stylesheets/dashboard.scss */
.forecast-date-small {
  font-size: 0.6rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.4px;
  line-height: 1.3;
  opacity: 0.75;
  display: block;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* line 303, app/assets/stylesheets/dashboard.scss */
.forecast-change {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

/* line 308, app/assets/stylesheets/dashboard.scss */
.forecast-change.positive {
  color: #00d4aa;
}

/* line 312, app/assets/stylesheets/dashboard.scss */
.forecast-change.negative {
  color: #ff6b6b;
}

/* line 317, app/assets/stylesheets/dashboard.scss */
.forecast-confidence {
  font-size: 0.8rem;
  color: #94a3b8;
  margin-bottom: 0.25rem;
}

/* line 322, app/assets/stylesheets/dashboard.scss */
.forecast-confidence i {
  color: #00d4aa;
  margin-right: 0.25rem;
}

/* line 328, app/assets/stylesheets/dashboard.scss */
.forecast-age {
  font-size: 0.7rem;
  color: #64748b;
}

/* line 332, app/assets/stylesheets/dashboard.scss */
.forecast-age i {
  margin-right: 0.2rem;
}

/* line 338, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card {
  border: 2px solid rgba(0, 212, 170, 0.4);
  background: linear-gradient(135deg, #1a1f3a 0%, #2d3748 100%);
  position: relative;
  margin-bottom: 1rem;
}

/* line 344, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
}

/* line 355, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card .card-header h5 {
  color: #00d4aa;
}

/* line 358, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card .card-header h5 i {
  margin-right: 0.5rem;
  color: #00d4aa;
}

/* line 365, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card.j1-card {
  border-color: rgba(0, 212, 170, 0.6);
}

/* line 369, app/assets/stylesheets/dashboard.scss */
.vertex-ai-card.j7-card {
  border-color: rgba(0, 168, 255, 0.6);
}

/* line 374, app/assets/stylesheets/dashboard.scss */
.confidence-high {
  color: #00d4aa !important;
  font-weight: 600;
}

/* line 379, app/assets/stylesheets/dashboard.scss */
.confidence-medium {
  color: #ffa726 !important;
  font-weight: 600;
}

/* line 384, app/assets/stylesheets/dashboard.scss */
.confidence-low {
  color: #ff6b6b !important;
  font-weight: 600;
}

/* line 390, app/assets/stylesheets/dashboard.scss */
.dashboard-header {
  background: rgba(15, 20, 40, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  height: 58px;
  min-height: 58px;
  padding: 0 1.5rem !important;
  margin: 0 0 0.75rem 0 !important;
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
  width: calc(100% + 3rem) !important;
  box-sizing: border-box !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
}

/* line 410, app/assets/stylesheets/dashboard.scss */
.dashboard-header > .d-flex {
  width: 100%;
  max-width: 100%;
}

/* line 416, app/assets/stylesheets/dashboard.scss */
.dashboard-header .container,
.dashboard-header .container-fluid,
.dashboard-header [class*="container"] {
  padding: 0 1.5rem !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}

/* line 424, app/assets/stylesheets/dashboard.scss */
.dashboard-header .row {
  margin: 0 !important;
  padding: 0 !important;
}

/* line 429, app/assets/stylesheets/dashboard.scss */
.dashboard-header [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important;
}

/* line 435, app/assets/stylesheets/dashboard.scss */
.dashboard-header::before {
  content: '';
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 200px;
  background: radial-gradient(ellipse, rgba(0, 212, 170, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

@media (max-width: 767px) {
  /* line 390, app/assets/stylesheets/dashboard.scss */
  .dashboard-header {
    padding: 0.75rem 0 !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 452, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .container, .dashboard-header [class*="container"] {
    padding: 0 0.35rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  /* line 390, app/assets/stylesheets/dashboard.scss */
  .dashboard-header {
    padding: 0.85rem 0 !important;
    margin-bottom: 0.6rem !important;
  }
  /* line 462, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .container, .dashboard-header [class*="container"] {
    padding: 0 1rem !important;
  }
}

@media (min-width: 1280px) {
  /* line 390, app/assets/stylesheets/dashboard.scss */
  .dashboard-header {
    padding: 1rem 0 !important;
    margin-bottom: 0.75rem !important;
  }
  /* line 472, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .container, .dashboard-header [class*="container"] {
    padding: 0 2rem !important;
  }
}

/* line 477, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dashboard-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 !important;
  margin-left: 8% !important;
  padding: 0 !important;
  color: #ffffff;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 1.2;
}

@media (max-width: 767px) {
  /* line 477, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title {
    font-size: 0.95rem;
    gap: 0.35rem;
    margin-left: 5% !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  /* line 477, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title {
    font-size: 1.1rem;
    gap: 0.4rem;
    margin-left: 6% !important;
  }
}

@media (min-width: 1280px) {
  /* line 477, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title {
    font-size: 1.3rem;
    gap: 0.5rem;
    margin-left: 12% !important;
  }
}

/* line 513, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dashboard-title .dashboard-logo {
  width: 2rem;
  height: 2rem;
  filter: drop-shadow(0 2px 4px rgba(0, 212, 170, 0.3));
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  /* line 513, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title .dashboard-logo {
    width: 1.5rem;
    height: 1.5rem;
  }
}

/* line 525, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dashboard-title i {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-right: 0.3rem;
  font-size: 1.1rem;
}

@media (max-width: 767px) {
  /* line 525, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title i {
    font-size: 0.9rem;
    margin-right: 0.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  /* line 525, app/assets/stylesheets/dashboard.scss */
  .dashboard-header .dashboard-title i {
    font-size: 1rem;
    margin-right: 0.3rem;
  }
}

/* line 545, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dashboard-subtitle {
  display: none !important;
}

/* line 549, app/assets/stylesheets/dashboard.scss */
.dashboard-header .refresh-btn {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  border: none;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 558, app/assets/stylesheets/dashboard.scss */
.dashboard-header .refresh-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 50px rgba(0, 212, 170, 0.15);
}

/* line 563, app/assets/stylesheets/dashboard.scss */
.dashboard-header .refresh-btn i {
  margin-right: 0.5rem;
}

/* line 569, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dev-refresh-btn {
  padding: 0.75rem 1.5rem !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  min-height: auto !important;
  height: auto !important;
}

/* line 577, app/assets/stylesheets/dashboard.scss */
.dashboard-header .dev-refresh-btn i {
  margin-right: 0.5rem;
  font-size: inherit !important;
}

/* line 587, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar {
  display: flex;
  align-items: stretch;
  background: var(--bg-card, rgba(15, 20, 40, 0.85));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
  box-shadow: var(--shadow-soft, 0 10px 40px rgba(0, 0, 0, 0.4));
  padding: 0.5rem 0.75rem;
  gap: 0;
  overflow: hidden;
}

/* line 600, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 0;
}

/* line 610, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item:first-child, .portfolio-summary-bar .summary-item:last-child {
  padding-right: 1.25rem;
}

/* line 615, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  flex-shrink: 0;
}

/* line 627, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-icon i {
  font-size: 0.9rem;
}

/* line 631, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-icon.positive {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
}

/* line 636, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-icon.negative {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
}

/* line 642, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

/* line 648, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 657, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value.positive {
  color: #00d4aa;
}

/* line 661, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value.negative {
  color: #ff6b6b;
}

/* line 665, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value.neutral {
  color: #64748b;
}

/* line 670, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
}

/* line 676, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-primary {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: 1.2;
}

/* line 683, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-breakdown {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* line 696, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-content .summary-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 708, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-action-btn {
  position: absolute;
  top: 4px;
  right: 6px;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 212, 170, 0.4);
  background: rgba(0, 212, 170, 0.1);
  border-radius: 5px;
  color: #00d4aa;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  z-index: 5;
}

/* line 728, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-action-btn:hover {
  background: rgba(0, 212, 170, 0.25);
  border-color: #00d4aa;
}

/* line 733, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .summary-action-btn i {
  font-size: 0.65rem;
  line-height: 1;
}

/* line 740, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .pnl-info-tooltip {
  display: inline-block;
  margin-left: 0.3rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.65rem;
  cursor: help;
  vertical-align: middle;
}

/* line 748, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item .pnl-info-tooltip:hover {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 768px) {
  /* line 740, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .pnl-info-tooltip {
    font-size: 0.75rem;
  }
}

@media (min-width: 1024px) {
  /* line 740, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .pnl-info-tooltip {
    font-size: 0.85rem;
  }
}

/* line 764, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item.total-value .summary-icon {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
}

/* line 769, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item.stock-count .summary-icon {
  background: rgba(79, 172, 254, 0.15);
  color: #4facfe;
}

/* line 774, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item.last-updated .summary-icon {
  background: rgba(168, 133, 255, 0.15);
  color: #a885ff;
}

/* line 778, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-item.last-updated .summary-icon i {
  line-height: 1;
  display: block;
  margin-right: 0rem !important;
}

/* line 786, app/assets/stylesheets/dashboard.scss */
.portfolio-summary-bar .summary-divider {
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  margin: 0.25rem 0;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  /* line 796, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar {
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
  }
  /* line 801, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: calc(50% - 0.25rem);
    max-width: calc(50% - 0.25rem);
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
  }
  /* line 810, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item.total-value, .portfolio-summary-bar .summary-item.performance {
    padding-right: 1.25rem;
  }
  /* line 815, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  /* line 820, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-icon i {
    font-size: 0.8rem;
  }
  /* line 826, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value {
    font-size: 0.95rem;
  }
  /* line 830, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-primary {
    font-size: 0.95rem;
  }
  /* line 833, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-breakdown {
    font-size: 0.55rem;
    max-width: 120px;
  }
  /* line 840, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-label {
    font-size: 0.6rem;
  }
  /* line 845, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-action-btn {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    top: 3px;
    right: 4px;
  }
  /* line 853, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-action-btn i {
    font-size: 0.55rem;
  }
  /* line 859, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-divider {
    display: none;
  }
}

@media (max-width: 575px) {
  /* line 867, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.3rem;
    padding: 0.35rem;
  }
  /* line 873, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item {
    flex: 1 1 calc(50% - 0.15rem);
    min-width: calc(50% - 0.15rem);
    max-width: calc(50% - 0.15rem);
    padding: 0.35rem 0.4rem;
    gap: 0.4rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
  }
  /* line 883, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item.total-value, .portfolio-summary-bar .summary-item.performance {
    padding-right: 1rem;
  }
  /* line 888, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-icon {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 6px;
  }
  /* line 894, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-icon i {
    font-size: 0.65rem;
  }
  /* line 899, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content {
    overflow: hidden;
  }
  /* line 902, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value {
    font-size: 0.8rem;
  }
  /* line 906, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-primary {
    font-size: 0.8rem;
  }
  /* line 909, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-value .portfolio-total-multi-currency .total-breakdown {
    display: none;
  }
  /* line 915, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-content .summary-label {
    font-size: 0.55rem;
    letter-spacing: 0.2px;
  }
  /* line 921, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-action-btn {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    top: 2px;
    right: 3px;
    border-radius: 4px;
  }
  /* line 930, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-item .summary-action-btn i {
    font-size: 0.45rem;
  }
  /* line 936, app/assets/stylesheets/dashboard.scss */
  .portfolio-summary-bar .summary-divider {
    display: none;
  }
}

/* line 943, app/assets/stylesheets/dashboard.scss */
.summary-card {
  background: var(--bg-card, rgba(15, 20, 40, 0.85));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  padding: 1rem 0.75rem;
  box-shadow: var(--shadow-soft, 0 10px 40px rgba(0, 0, 0, 0.4));
  border: 1px solid var(--border-color, rgba(255, 255, 255, 0.08));
  transition: var(--theme-transition), transform 0.3s ease;
  height: 100%;
  position: relative;
  overflow: visible;
}

/* line 956, app/assets/stylesheets/dashboard.scss */
.summary-card:hover {
  border-color: rgba(0, 212, 170, 0.2);
  box-shadow: var(--shadow-hover, 0 8px 32px rgba(0, 0, 0, 0.3));
}

/* line 963, app/assets/stylesheets/dashboard.scss */
.dashboard-container .summary-card {
  overflow: hidden;
}

@media (min-width: 576px) {
  /* line 963, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.75rem 0.5rem;
    min-height: 120px;
    max-height: 140px;
    text-align: center;
  }
}

@media (min-width: 1280px) {
  /* line 963, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    padding: 0.7rem 0.5rem;
    min-height: 115px;
    max-height: 135px;
  }
}

/* line 988, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card,
.simulation-form .summary-card,
.simulations-section .summary-card,
.opportunities-settings-form .summary-card,
.preferences-form .summary-card,
.investor-profile-form .summary-card,
.company-settings-page .summary-card,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) {
  overflow: visible !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  text-align: left !important;
  padding: 1.5rem !important;
}

/* line 1005, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card:hover,
.simulation-form .summary-card:hover,
.simulations-section .summary-card:hover,
.opportunities-settings-form .summary-card:hover,
.preferences-form .summary-card:hover,
.investor-profile-form .summary-card:hover,
.company-settings-page .summary-card:hover,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap):hover {
  border-color: var(--border-color, rgba(255, 255, 255, 0.08)) !important;
  box-shadow: var(--shadow-soft, 0 10px 40px rgba(0, 0, 0, 0.4)) !important;
  transform: none !important;
}

/* line 1011, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card .card-content,
.simulation-form .summary-card .card-content,
.simulations-section .summary-card .card-content,
.opportunities-settings-form .summary-card .card-content,
.preferences-form .summary-card .card-content,
.investor-profile-form .summary-card .card-content,
.company-settings-page .summary-card .card-content,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) .card-content {
  overflow: visible !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
  height: auto !important;
  max-height: none !important;
}

/* line 1019, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card .card-content h3,
.simulation-form .summary-card .card-content h3,
.simulations-section .summary-card .card-content h3,
.opportunities-settings-form .summary-card .card-content h3,
.preferences-form .summary-card .card-content h3,
.investor-profile-form .summary-card .card-content h3,
.company-settings-page .summary-card .card-content h3,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) .card-content h3 {
  font-size: 1.1rem !important;
  margin-bottom: 0.5rem;
}

/* line 1024, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card .card-content p,
.simulation-form .summary-card .card-content p,
.simulations-section .summary-card .card-content p,
.opportunities-settings-form .summary-card .card-content p,
.preferences-form .summary-card .card-content p,
.investor-profile-form .summary-card .card-content p,
.company-settings-page .summary-card .card-content p,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) .card-content p {
  display: block !important;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

/* line 1032, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card .card-icon,
.simulation-form .summary-card .card-icon,
.simulations-section .summary-card .card-icon,
.opportunities-settings-form .summary-card .card-icon,
.preferences-form .summary-card .card-icon,
.investor-profile-form .summary-card .card-icon,
.company-settings-page .summary-card .card-icon,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) .card-icon {
  position: static !important;
  display: inline-flex !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  margin-bottom: 1rem;
}

/* line 1041, app/assets/stylesheets/dashboard.scss */
.tab-pane .summary-card .card-icon i,
.simulation-form .summary-card .card-icon i,
.simulations-section .summary-card .card-icon i,
.opportunities-settings-form .summary-card .card-icon i,
.preferences-form .summary-card .card-icon i,
.investor-profile-form .summary-card .card-icon i,
.company-settings-page .summary-card .card-icon i,
.stocks-section .summary-card:not(.portfolio-performance):not(.stock-count):not(.dividend-yield):not(.market-cap) .card-icon i {
  font-size: 1.25rem !important;
}

/* line 1050, app/assets/stylesheets/dashboard.scss */
.summary-card .reset-baseline-btn-corner {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(0, 212, 170, 0.5);
  background: rgba(0, 212, 170, 0.1);
  border-radius: 6px;
  color: #00d4aa;
  font-size: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}

/* line 1069, app/assets/stylesheets/dashboard.scss */
.summary-card .reset-baseline-btn-corner:hover {
  background: rgba(0, 212, 170, 0.25);
  border-color: #00d4aa;
  transform: scale(1.1);
}

/* line 1075, app/assets/stylesheets/dashboard.scss */
.summary-card .reset-baseline-btn-corner i {
  font-size: 0.6rem;
}

/* line 1081, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-history-btn-corner {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(0, 212, 170, 0.5);
  background: rgba(0, 212, 170, 0.1);
  border-radius: 6px;
  color: #00d4aa;
  font-size: 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 10;
}

/* line 1100, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-history-btn-corner:hover {
  background: rgba(0, 212, 170, 0.25);
  border-color: #00d4aa;
  transform: scale(1.1);
}

/* line 1106, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-history-btn-corner i {
  font-size: 0.6rem;
}

/* line 1111, app/assets/stylesheets/dashboard.scss */
.summary-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4aa, #00b4d8);
  border-radius: 12px 12px 0 0;
}

/* line 1122, app/assets/stylesheets/dashboard.scss */
.summary-card::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(0, 212, 170, 0.05) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

@media (hover: hover) {
  /* line 1136, app/assets/stylesheets/dashboard.scss */
  .summary-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 212, 170, 0.2);
    border-color: rgba(0, 212, 170, 0.3);
  }
  /* line 1141, app/assets/stylesheets/dashboard.scss */
  .summary-card:hover::after {
    opacity: 1;
  }
}

/* line 1147, app/assets/stylesheets/dashboard.scss */
.summary-card .card-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
  transition: all 0.3s ease;
}

/* line 1158, app/assets/stylesheets/dashboard.scss */
.summary-card .card-icon i {
  font-size: 1.25rem;
}

@media (min-width: 576px) {
  /* line 1147, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 0.4rem;
  }
  /* line 1168, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon i {
    font-size: 1.1rem;
  }
}

@media (min-width: 1280px) {
  /* line 1147, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px;
    min-height: 48px;
    margin: 0 auto 0.45rem;
  }
  /* line 1181, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon i {
    font-size: 1.3rem;
  }
}

@media (hover: hover) {
  /* line 1188, app/assets/stylesheets/dashboard.scss */
  .summary-card:hover .card-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 12px 25px rgba(0, 212, 170, 0.4);
  }
}

/* line 1194, app/assets/stylesheets/dashboard.scss */
.summary-card .card-content {
  text-align: center;
}

/* line 1197, app/assets/stylesheets/dashboard.scss */
.summary-card .card-content h3 {
  font-size: 1.75rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  color: #ffffff;
  letter-spacing: -0.01em;
}

/* line 1205, app/assets/stylesheets/dashboard.scss */
.summary-card .card-content p {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* line 1214, app/assets/stylesheets/dashboard.scss */
.summary-card .card-content small.performance-detail {
  display: block;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.15rem;
}

@media (min-width: 576px) {
  /* line 1223, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content h3 {
    font-size: 1.15rem;
    margin: 0 0 0.2rem 0;
  }
  /* line 1228, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content p {
    font-size: 0.6rem;
    margin: 0;
  }
  /* line 1233, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content small.performance-detail {
    font-size: 0.55rem;
    margin-top: 0.1rem;
  }
}

@media (min-width: 1280px) {
  /* line 1241, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content h3 {
    font-size: 1.1rem;
    margin: 0 0 0.15rem 0;
  }
  /* line 1246, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content p {
    font-size: 0.55rem;
  }
  /* line 1250, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content small.performance-detail {
    font-size: 0.5rem;
  }
}

@media (max-width: 1279px) {
  /* line 1047, app/assets/stylesheets/dashboard.scss */
  .summary-card {
    padding: 0.75rem 0.5rem;
    border-radius: 10px;
  }
  /* line 1261, app/assets/stylesheets/dashboard.scss */
  .summary-card::before {
    height: 2px;
  }
  /* line 1265, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 0.75rem;
  }
  /* line 1270, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon i {
    font-size: 1rem;
  }
  /* line 1276, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content h3 {
    font-size: 1.4rem;
    margin: 0 0 0.25rem 0;
  }
  /* line 1281, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content p {
    font-size: 0.7rem;
  }
}

@media (max-width: 575px) {
  /* line 1047, app/assets/stylesheets/dashboard.scss */
  .summary-card {
    padding: 0.25rem 0.12rem;
    min-width: 0;
  }
  /* line 1292, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto 0.08rem;
  }
  /* line 1297, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-icon i {
    font-size: 0.45rem;
  }
  /* line 1303, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content h3 {
    font-size: 0.65rem;
    margin: 0;
    line-height: 1.05;
    font-weight: 700;
  }
  /* line 1311, app/assets/stylesheets/dashboard.scss */
  .summary-card .card-content p {
    display: none;
  }
}

/* line 1321, app/assets/stylesheets/dashboard.scss */
.summary-card .summary-card.portfolio-performance .card-content h3.positive {
  color: #00d4aa;
}

/* line 1325, app/assets/stylesheets/dashboard.scss */
.summary-card .summary-card.portfolio-performance .card-content h3.negative {
  color: #ff6b6b;
}

/* line 1329, app/assets/stylesheets/dashboard.scss */
.summary-card .summary-card.portfolio-performance .card-content h3.neutral {
  color: #64748b;
}

/* line 1334, app/assets/stylesheets/dashboard.scss */
.summary-card .summary-card.portfolio-performance .card-content .performance-detail {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  display: block;
  margin-top: 0.25rem;
}

@media (max-width: 575px) {
  /* line 1346, app/assets/stylesheets/dashboard.scss */
  .summary-card .summary-card.portfolio-performance .card-content .performance-detail,
.summary-card .summary-card.portfolio-performance .card-content .reset-baseline-btn,
.summary-card .summary-card.portfolio-performance .card-content .mt-2 {
    display: none;
  }
}

/* line 1356, app/assets/stylesheets/dashboard.scss */
.summary-card.total-value .card-icon {
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
}

/* line 1362, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-total-multi-currency {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

@media (max-width: 575px) {
  /* line 1362, app/assets/stylesheets/dashboard.scss */
  .summary-card .portfolio-total-multi-currency {
    gap: 0.05rem;
  }
}

/* line 1372, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-total-multi-currency .total-primary {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

@media (max-width: 575px) {
  /* line 1372, app/assets/stylesheets/dashboard.scss */
  .summary-card .portfolio-total-multi-currency .total-primary {
    font-size: 0.75rem;
    line-height: 1.05;
  }
}

/* line 1384, app/assets/stylesheets/dashboard.scss */
.summary-card .portfolio-total-multi-currency .total-breakdown {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 500;
  opacity: 0.8;
  text-align: center;
  line-height: 1.3;
}

@media (max-width: 575px) {
  /* line 1384, app/assets/stylesheets/dashboard.scss */
  .summary-card .portfolio-total-multi-currency .total-breakdown {
    font-size: 0.42rem;
    line-height: 1.05;
  }
}

/* line 1400, app/assets/stylesheets/dashboard.scss */
.summary-card small.usd-conversion {
  color: #a0aec0 !important;
  font-size: 0.65rem !important;
  font-weight: 300 !important;
  opacity: 0.7 !important;
  margin-left: 0.25rem;
  display: inline-block !important;
}

/* line 1410, app/assets/stylesheets/dashboard.scss */
.summary-card .forecast-card small.usd-conversion,
.summary-card .stock-card small.usd-conversion,
.summary-card .card small.usd-conversion,
.summary-card .forecast-card .usd-conversion,
.summary-card .stock-card .usd-conversion,
.summary-card .card .usd-conversion {
  color: #a0aec0 !important;
  font-size: 0.65rem !important;
  font-weight: 300 !important;
  opacity: 0.7 !important;
}

/* line 1422, app/assets/stylesheets/dashboard.scss */
.summary-card.stock-count .card-icon {
  background: rgba(0, 168, 255, 0.2);
  color: #00a8ff;
}

/* line 1427, app/assets/stylesheets/dashboard.scss */
.summary-card.last-updated .card-icon {
  background: rgba(255, 167, 38, 0.2);
  color: #ffa726;
}

/* line 1432, app/assets/stylesheets/dashboard.scss */
.summary-card.portfolio-performance .card-icon {
  background: rgba(168, 85, 247, 0.2);
  color: #a855f7;
}

/* line 1437, app/assets/stylesheets/dashboard.scss */
.summary-card.status .card-icon {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
}

/* line 1444, app/assets/stylesheets/dashboard.scss */
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  gap: 1rem;
  padding: 0 0.5rem;
}

/* line 1452, app/assets/stylesheets/dashboard.scss */
.section-header .section-title {
  flex: 1;
  min-width: 0;
}

/* line 1456, app/assets/stylesheets/dashboard.scss */
.section-header .section-title h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.25rem 0;
  color: #ffffff;
}

/* line 1463, app/assets/stylesheets/dashboard.scss */
.section-header .section-title p {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
  line-height: 1.4;
}

/* line 1471, app/assets/stylesheets/dashboard.scss */
.section-header .section-actions {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

/* line 1479, app/assets/stylesheets/dashboard.scss */
.section-header .btn {
  background: #00d4aa;
  border: 1px solid #00d4aa;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}

/* line 1491, app/assets/stylesheets/dashboard.scss */
.section-header .btn:hover {
  background: #00a181;
  border-color: #00a181;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* line 1498, app/assets/stylesheets/dashboard.scss */
.section-header .btn i {
  margin-right: 0.5rem;
}

/* line 1505, app/assets/stylesheets/dashboard.scss */
.dashboard-container .table-responsive[data-onboarding="stocks-table"] {
  border-radius: 16px !important;
  overflow: hidden !important;
  isolation: isolate;
}

/* line 1513, app/assets/stylesheets/dashboard.scss */
.stocks-table {
  background: var(--glass-bg, rgba(15, 20, 35, 0.6));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-card, 0 4px 24px rgba(0, 0, 0, 0.2));
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.06));
  color: var(--text-primary, #ffffff);
  transition: var(--theme-transition);
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* line 1527, app/assets/stylesheets/dashboard.scss */
.stocks-table thead {
  background: var(--bg-table-header, rgba(20, 25, 45, 0.8));
}

/* line 1530, app/assets/stylesheets/dashboard.scss */
.stocks-table thead th {
  color: var(--text-secondary, #94a3b8);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  border: none;
  padding: 0.6rem 0.5rem;
  position: relative;
  text-align: center;
}

/* line 1543, app/assets/stylesheets/dashboard.scss */
.stocks-table thead th:first-child {
  border-left: 4px solid transparent;
  border-top-left-radius: 16px;
}

/* line 1549, app/assets/stylesheets/dashboard.scss */
.stocks-table thead th:last-child {
  border-top-right-radius: 16px;
}

/* line 1553, app/assets/stylesheets/dashboard.scss */
.stocks-table thead th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 212, 170, 0.4), transparent);
  border-radius: 0;
}

/* line 1566, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody {
  background: transparent;
}

/* line 1569, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr {
  border-bottom: 1px solid var(--border-color, rgba(255, 255, 255, 0.04));
  transition: var(--theme-transition), transform 0.2s ease;
  position: relative;
  background: var(--bg-table-row, transparent);
}

/* line 1575, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr:hover {
  background: var(--bg-table-row-hover, rgba(0, 212, 170, 0.05));
}

/* line 1579, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr:nth-child(even) {
  background: var(--bg-input, rgba(255, 255, 255, 0.015));
}

/* line 1583, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr:last-child {
  border-bottom: none;
}

/* line 1587, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

/* line 1591, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

/* line 1597, app/assets/stylesheets/dashboard.scss */
.stocks-table tbody td {
  padding: 0.5rem 0.4rem;
  border: none;
  vertical-align: middle;
  font-weight: 500;
  color: #ffffff;
  background: transparent;
  font-size: 0.95rem;
  text-align: center;
}

/* line 1611, app/assets/stylesheets/dashboard.scss */
.stock-info {
  text-align: left !important;
}

/* line 1614, app/assets/stylesheets/dashboard.scss */
.stock-info strong {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.25rem;
  letter-spacing: -0.01em;
}

/* line 1623, app/assets/stylesheets/dashboard.scss */
.stock-info small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.3;
}

/* line 1633, app/assets/stylesheets/dashboard.scss */
.shares-input .shares-field {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: #ffffff;
  padding: 0.5rem;
  width: 100px;
  text-align: center;
}

/* line 1642, app/assets/stylesheets/dashboard.scss */
.shares-input .shares-field:focus {
  background: rgba(255, 255, 255, 0.1);
  border-color: #00d4aa;
  box-shadow: 0 0 0 0.2rem rgba(0, 212, 170, 0.25);
  color: #ffffff;
}

/* line 1652, app/assets/stylesheets/dashboard.scss */
.price-cell,
.value-cell {
  font-weight: 700;
  color: #ffffff;
  font-size: 1.1rem;
  text-align: center;
}

/* line 1661, app/assets/stylesheets/dashboard.scss */
.micro-sparkline-container {
  display: flex;
  justify-content: center;
  margin-top: 2px;
}

/* line 1666, app/assets/stylesheets/dashboard.scss */
.micro-sparkline-container canvas {
  display: block;
  width: 60px;
  height: 18px;
}

@media (max-width: 767px) {
  /* line 1661, app/assets/stylesheets/dashboard.scss */
  .micro-sparkline-container {
    margin-top: 3px;
  }
  /* line 1676, app/assets/stylesheets/dashboard.scss */
  .micro-sparkline-container canvas {
    width: 50px;
    height: 14px;
  }
}

/* line 1687, app/assets/stylesheets/dashboard.scss */
.price-cell .price-display-compact .price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 1695, app/assets/stylesheets/dashboard.scss */
.price-cell .micro-sparkline-container {
  margin-top: 2px;
}

/* line 1701, app/assets/stylesheets/dashboard.scss */
.pnl-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 1709, app/assets/stylesheets/dashboard.scss */
.pnl-display.positive {
  color: #00d4aa;
}

/* line 1712, app/assets/stylesheets/dashboard.scss */
.pnl-display.positive .pnl-percentage::before {
  content: "▲ ";
  font-size: 0.6rem;
}

/* line 1718, app/assets/stylesheets/dashboard.scss */
.pnl-display.negative {
  color: #ff6b6b;
}

/* line 1721, app/assets/stylesheets/dashboard.scss */
.pnl-display.negative .pnl-percentage::before {
  content: "▼ ";
  font-size: 0.6rem;
}

/* line 1727, app/assets/stylesheets/dashboard.scss */
.pnl-display .pnl-percentage {
  font-weight: 700;
}

/* line 1731, app/assets/stylesheets/dashboard.scss */
.pnl-display .pnl-value {
  font-size: 0.65rem;
  opacity: 0.8;
}

/* line 1738, app/assets/stylesheets/dashboard.scss */
.purchase-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.7rem;
  color: #64748b;
  margin-top: 0.15rem;
}

/* line 1746, app/assets/stylesheets/dashboard.scss */
.purchase-info .purchase-label {
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.7;
}

/* line 1753, app/assets/stylesheets/dashboard.scss */
.purchase-info .purchase-price {
  font-weight: 500;
}

/* line 1759, app/assets/stylesheets/dashboard.scss */
.change-cell {
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}

/* line 1764, app/assets/stylesheets/dashboard.scss */
.change-cell.positive {
  color: #00d4aa;
}

/* line 1768, app/assets/stylesheets/dashboard.scss */
.change-cell.negative {
  color: #ff6b6b;
}

/* line 1774, app/assets/stylesheets/dashboard.scss */
.remove-stock-btn {
  background: rgba(255, 107, 107, 0.1);
  border: 1px solid rgba(255, 107, 107, 0.3);
  color: #ff6b6b;
  padding: 0.5rem;
  border-radius: 6px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1782, app/assets/stylesheets/dashboard.scss */
.remove-stock-btn:hover {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
}

/* line 1789, app/assets/stylesheets/dashboard.scss */
.empty-state {
  text-align: center;
  padding: 3rem 1.5rem;
  background: linear-gradient(145deg, rgba(26, 31, 58, 0.9) 0%, rgba(45, 55, 72, 0.8) 100%);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 1797, app/assets/stylesheets/dashboard.scss */
.empty-state .empty-icon {
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
  background: rgba(0, 212, 170, 0.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  flex-shrink: 0;
}

/* line 1809, app/assets/stylesheets/dashboard.scss */
.empty-state .empty-icon i {
  font-size: 1.5rem;
  color: #00d4aa;
}

/* line 1815, app/assets/stylesheets/dashboard.scss */
.empty-state h3 {
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

/* line 1822, app/assets/stylesheets/dashboard.scss */
.empty-state p {
  color: #94a3b8;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* line 1828, app/assets/stylesheets/dashboard.scss */
.empty-state .btn {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%);
  border: none;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1837, app/assets/stylesheets/dashboard.scss */
.empty-state .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 50px rgba(0, 212, 170, 0.15);
}

/* line 1842, app/assets/stylesheets/dashboard.scss */
.empty-state .btn i {
  margin-right: 0.5rem;
}

@media (max-width: 575px) {
  /* line 1854, app/assets/stylesheets/dashboard.scss */
  .dashboard-container {
    padding: 0 0.4rem;
    padding-top: 0.4rem;
  }
  /* line 1862, app/assets/stylesheets/dashboard.scss */
  .refresh-btn {
    margin-top: 0;
    padding: 0.5rem;
    font-size: 0.8rem;
  }
  /* line 1869, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-3 {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-left: -0.03rem;
    margin-right: -0.03rem;
    padding-left: 0.03rem;
    padding-right: 0.03rem;
    margin-bottom: 0.4rem !important;
    gap: 0.03rem;
  }
  /* line 1883, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-3::-webkit-scrollbar {
    display: none;
  }
  /* line 1887, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-3 > [class*="col-"] {
    flex: 1 1 0;
    min-width: 0;
    max-width: 25%;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    margin-bottom: 0;
  }
  /* line 1898, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    margin-bottom: 0;
    height: auto;
    min-height: 65px;
    max-height: 70px;
    overflow: hidden;
  }
  /* line 1906, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content h3 {
    font-size: 0.85rem !important;
    line-height: 1.1 !important;
  }
  /* line 1911, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content p {
    display: none !important;
  }
  /* line 1915, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content .performance-detail {
    display: none !important;
  }
  /* line 1921, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .reset-baseline-btn-corner {
    opacity: 0 !important;
    pointer-events: auto !important;
  }
  /* line 1927, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header {
    display: none !important;
  }
  /* line 1931, app/assets/stylesheets/dashboard.scss */
  .refresh-status-component .refresh-status-text {
    display: none !important;
  }
  /* line 1935, app/assets/stylesheets/dashboard.scss */
  .dashboard-bubbles-row {
    gap: 0.5rem !important;
    margin-bottom: 0.4rem !important;
    padding-left: 0.4rem !important;
    padding-right: 3.5rem !important;
  }
  /* line 1942, app/assets/stylesheets/dashboard.scss */
  .db-bubble {
    max-width: 60px;
    gap: 0.15rem;
  }
  /* line 1946, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 1rem !important;
    border-width: 1px !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
  }
  /* line 1954, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-emoji {
    font-size: 1.1rem !important;
  }
  /* line 1955, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-label {
    font-size: 0.5rem !important;
    max-width: 52px !important;
  }
  /* line 1956, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-dot {
    width: 7px !important;
    height: 7px !important;
    transform: translateX(21px) !important;
  }
  /* line 1960, app/assets/stylesheets/dashboard.scss */
  .mobile-icon-btn-form {
    display: block !important;
    width: 34px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
  }
  /* line 1967, app/assets/stylesheets/dashboard.scss */
  .mobile-section-btns {
    flex-direction: row !important;
    gap: 0.4rem !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 1974, app/assets/stylesheets/dashboard.scss */
  .mobile-icon-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }
  /* line 1986, app/assets/stylesheets/dashboard.scss */
  .mobile-icon-btn i {
    font-size: 0.85rem !important;
    margin: 0 !important;
  }
  /* line 1991, app/assets/stylesheets/dashboard.scss */
  .mobile-icon-btn .btn-text-hide {
    display: none !important;
  }
  /* line 1997, app/assets/stylesheets/dashboard.scss */
  .summary-item.stock-count,
.summary-item.last-updated,
.summary-divider.d-none-mobile {
    display: none !important;
  }
  /* line 2009, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact {
    padding: 0.5rem !important;
  }
  /* line 2013, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .primary-trading-row {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 2019, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .signal-badge-group .action-badge, .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .signal-badge-group .forecast-badge {
    font-size: 0.7rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* line 2024, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 2032, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-label {
    font-size: 0.45rem !important;
  }
  /* line 2033, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-value {
    font-size: 0.6rem !important;
  }
  /* line 2039, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block {
    padding: 0.4rem !important;
  }
  /* line 2042, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-label {
    font-size: 0.6rem !important;
  }
  /* line 2046, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-text {
    font-size: 0.7rem !important;
    line-height: 1.4;
  }
  /* line 2053, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement {
    padding: 0.4rem !important;
  }
  /* line 2056, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header {
    margin-bottom: 0.35rem;
  }
  /* line 2058, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-icon {
    font-size: 0.75rem !important;
  }
  /* line 2059, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-title {
    font-size: 0.65rem !important;
  }
  /* line 2063, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-label {
    font-size: 0.65rem !important;
  }
  /* line 2064, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-value {
    font-size: 0.65rem !important;
  }
  /* line 2067, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-reasoning .reasoning-text {
    font-size: 0.65rem !important;
  }
  /* line 2072, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section {
    padding: 0.4rem !important;
  }
  /* line 2075, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section .events-title {
    font-size: 0.55rem !important;
  }
  /* line 2075, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section .events-title i {
    font-size: 0.55rem !important;
  }
  /* line 2076, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section .event-item .event-text {
    font-size: 0.65rem !important;
    line-height: 1.35;
  }
  /* line 2077, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap {
    width: 18px !important;
    height: 18px !important;
  }
  /* line 2077, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap i {
    font-size: 0.5rem !important;
  }
  /* line 2081, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .personalized-signal-section {
    padding: 0.4rem 0.5rem !important;
  }
  /* line 2084, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .personalized-signal-section .section-label {
    font-size: 0.55rem !important;
  }
  /* line 2084, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .personalized-signal-section .section-label i {
    font-size: 0.6rem !important;
  }
  /* line 2085, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .personalized-signal-section .personalized-signal-badge {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.4rem !important;
  }
  /* line 2086, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card.compact .personalized-signal-section .personalized-reason-text {
    font-size: 0.65rem !important;
    line-height: 1.35;
  }
  /* line 2091, app/assets/stylesheets/dashboard.scss */
  .shares-input .shares-field {
    width: 70px;
  }
  /* line 2103, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs {
    margin-bottom: 0.4rem !important;
    width: 100% !important;
  }
  /* line 2108, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-link .tab-text-full {
    display: none !important;
  }
  /* line 2112, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-link .tab-text-mobile {
    display: inline !important;
  }
  /* line 2116, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-link i {
    margin-right: 4px !important;
  }
  /* line 2121, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0.25rem !important;
    border-bottom: none !important;
    background-color: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px);
    border-radius: 0.75rem;
    padding: 0.4rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  /* line 2134, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
  /* line 2141, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link {
    padding: 10px 6px !important;
    font-size: 0.7rem !important;
    min-height: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    width: 100% !important;
    text-align: center !important;
    border: none !important;
    border-radius: 0.5rem !important;
    background-color: rgba(42, 42, 62, 0.6) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    gap: 0.25rem !important;
  }
  /* line 2161, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link i {
    margin-right: 0 !important;
  }
  /* line 2165, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link .tab-text-full {
    display: none !important;
  }
  /* line 2169, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link .tab-text-mobile {
    display: inline !important;
  }
  /* line 2173, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link:hover {
    background-color: rgba(58, 58, 78, 0.8) !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }
  /* line 2178, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.15) 100%) !important;
    border-color: rgba(0, 212, 170, 0.4) !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  /* line 2186, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link i {
    font-size: 0.75rem !important;
    margin-right: 3px !important;
    color: inherit !important;
  }
  /* line 2194, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs:has(.nav-item:nth-child(4)) {
    flex-wrap: wrap !important;
  }
  /* line 2197, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs:has(.nav-item:nth-child(4)) .nav-item {
    flex: 0 0 calc(50% - 0.125rem) !important;
    max-width: calc(50% - 0.125rem) !important;
  }
  /* line 2204, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs {
    flex-wrap: nowrap !important;
  }
  /* line 2207, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-item {
    flex: 1 !important;
    max-width: none !important;
  }
  /* line 2212, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link {
    flex-direction: column !important;
    height: auto !important;
    min-height: 52px !important;
    white-space: normal !important;
    gap: 0.3rem !important;
    padding: 10.5px 4.2px 9.45px !important;
  }
  /* line 2220, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link i {
    font-size: 1.05rem !important;
    margin: 0 !important;
  }
  /* line 2225, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link .tab-label {
    display: block !important;
    visibility: visible !important;
    font-size: 0.46rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    opacity: 0.75;
    line-height: 1 !important;
    white-space: nowrap !important;
    color: inherit !important;
  }
  /* line 2238, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link.active .tab-label {
    opacity: 1 !important;
    font-weight: 600 !important;
  }
  /* line 2249, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .section-header {
    margin-bottom: 0.5rem !important;
  }
  /* line 2252, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .section-header .section-actions {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  /* line 2262, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm,
.dashboard-header .text-end .btn-outline-secondary.btn-sm {
    font-size: 0.7rem !important;
    padding: 0.35rem 0.6rem !important;
  }
  /* line 2266, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm i,
.dashboard-header .text-end .btn-outline-secondary.btn-sm i {
    font-size: 0.65rem !important;
    margin-right: 0.25rem !important;
  }
  /* line 2275, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 2284, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event i {
    font-size: 0.7rem !important;
    margin: 0 !important;
  }
  /* line 2291, app/assets/stylesheets/dashboard.scss */
  .event-field .row {
    flex-direction: column !important;
  }
  /* line 2294, app/assets/stylesheets/dashboard.scss */
  .event-field .row > [class*="col-"] {
    max-width: 100% !important;
    margin-bottom: 0.75rem;
  }
  /* line 2303, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .row {
    flex-direction: column !important;
  }
  /* line 2306, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .row > [class*="col-"] {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 0.5rem;
  }
  /* line 2313, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group {
    max-height: 250px !important;
    overflow-y: auto !important;
  }
  /* line 2317, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item {
    padding: 0.75rem !important;
    font-size: 0.85rem !important;
  }
  /* line 2321, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item .stock-symbol {
    font-size: 0.9rem !important;
  }
  /* line 2325, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item .stock-name {
    font-size: 0.8rem !important;
  }
  /* line 2329, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item .btn {
    font-size: 0.7rem !important;
    padding: 0.25rem 0.5rem !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  /* line 2340, app/assets/stylesheets/dashboard.scss */
  .dashboard-container {
    padding: 0 1rem;
    padding-top: 0.75rem;
  }
  /* line 2345, app/assets/stylesheets/dashboard.scss */
  .refresh-btn {
    margin-top: 0;
    width: auto;
  }
  /* line 2351, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    margin-bottom: 0.75rem;
  }
  /* line 2355, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content h3 {
    font-size: 1rem !important;
  }
  /* line 2359, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content p {
    display: none !important;
  }
  /* line 2363, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content .performance-detail {
    display: none !important;
  }
  /* line 2369, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .reset-baseline-btn-corner {
    opacity: 0 !important;
    pointer-events: auto !important;
  }
  /* line 2375, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
  }
  /* line 2381, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title h2 {
    font-size: 1.15rem !important;
    margin-bottom: 0.1rem !important;
  }
  /* line 2386, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title p {
    font-size: 0.75rem !important;
  }
  /* line 2392, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex {
    flex-direction: row !important;
    justify-content: flex-end !important;
    gap: 0.4rem !important;
    flex-wrap: nowrap !important;
  }
  /* line 2398, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .btn {
    width: auto !important;
    min-height: auto !important;
    font-size: 0.7rem !important;
    padding: 0.4rem 0.7rem !important;
    white-space: nowrap !important;
  }
  /* line 2405, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .btn i {
    font-size: 0.65rem !important;
    margin-right: 0.25rem !important;
  }
  /* line 2417, app/assets/stylesheets/dashboard.scss */
  .stocks-table {
    font-size: 0.75rem;
  }
  /* line 2420, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th {
    padding: 0.5rem 0.25rem !important;
    font-size: 0.65rem !important;
    white-space: nowrap;
  }
  /* line 2426, app/assets/stylesheets/dashboard.scss */
  .stocks-table tbody td {
    padding: 0.5rem 0.25rem !important;
    vertical-align: middle;
  }
  /* line 2433, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container {
    gap: 0.3rem !important;
    flex-wrap: nowrap !important;
  }
  /* line 2437, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .symbol-tag {
    font-size: 0.7rem !important;
    padding: 0.3rem 0.6rem !important;
  }
  /* line 2442, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .exchange-status {
    font-size: 0.5rem !important;
    padding: 0.1rem 0.2rem !important;
  }
  /* line 2447, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .btn-stock-chart {
    flex-shrink: 0 !important;
    min-width: 1.2rem !important;
    max-height: 1.2rem !important;
    max-width: 1.2rem !important;
    min-height: 1.2rem !important;
  }
  /* line 2456, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info small {
    font-size: 0.6rem !important;
    display: block;
    max-width: calc(32ch + 0.5rem) !important;
    /* Truncate to 32 characters */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 2465, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .ai-analysis-badge {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 2473, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .action-badge, .stocks-table .forecast-cell .forecast-badge, .stocks-table .medium-term-cell .action-badge, .stocks-table .medium-term-cell .forecast-badge {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 2478, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast, .stocks-table .medium-term-cell .vertex-ai-forecast {
    padding: 0.2rem !important;
    margin-top: 0.2rem;
  }
  /* line 2482, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-price-row, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-price-row {
    font-size: 0.6rem !important;
    gap: 0.2rem;
  }
  /* line 2487, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-change-inline, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-change-inline {
    font-size: 0.5rem !important;
  }
  /* line 2494, app/assets/stylesheets/dashboard.scss */
  .stocks-table .medium-term-cell {
    padding: 0.5rem 0.25rem !important;
  }
  /* line 2501, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos {
    gap: 0.15rem !important;
  }
  /* line 2504, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos i {
    font-size: 0.65rem !important;
  }
  /* line 2512, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn {
    font-size: 0.55rem !important;
    padding: 0.25rem 0.4rem !important;
  }
  /* line 2516, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn .btn-text {
    display: none;
  }
  /* line 2520, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn i {
    margin: 0 !important;
    font-size: 0.6rem !important;
  }
  /* line 2529, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display .shares-value {
    font-size: 0.7rem !important;
  }
  /* line 2533, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display small {
    font-size: 0.5rem !important;
  }
  /* line 2538, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell, .stocks-table .value-cell {
    font-size: 0.7rem !important;
  }
  /* line 2541, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell .currency-symbol, .stocks-table .value-cell .currency-symbol {
    font-size: 0.55rem !important;
  }
  /* line 2549, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-cell {
    padding: 0.5rem !important;
  }
  /* line 2553, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card {
    padding: 0.5rem !important;
    overflow: visible !important;
  }
  /* line 2558, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .reasoning-text,
.ai-analysis-row .ai-analysis-card .metric-value.reasoning-text {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.5 !important;
  }
  /* line 2568, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .card-rationale p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.7rem !important;
    line-height: 1.5 !important;
  }
  /* line 2577, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .complementary-content,
.ai-analysis-row .ai-analysis-card .complementary-content p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.5 !important;
  }
  /* line 2587, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container {
    gap: 0.3rem !important;
  }
  /* line 2590, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item {
    padding: 0.3rem !important;
  }
  /* line 2593, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-label {
    font-size: 0.5rem !important;
  }
  /* line 2597, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-value {
    font-size: 0.65rem !important;
  }
  /* line 2605, app/assets/stylesheets/dashboard.scss */
  .shares-input .shares-field {
    width: 60px;
  }
  /* line 2615, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs {
    margin-bottom: 1rem !important;
    width: 100% !important;
  }
  /* line 2619, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0.25rem !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
    background-color: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px);
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 0.5rem 0.5rem 0 0.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  /* line 2632, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0.1rem !important;
  }
  /* line 2639, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link {
    padding: 12px 10px !important;
    font-size: 0.8rem !important;
    min-height: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    background-color: rgba(42, 42, 62, 0.6) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    border: none !important;
  }
  /* line 2658, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link:hover {
    background-color: rgba(58, 58, 78, 0.8) !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }
  /* line 2663, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.15) 100%) !important;
    border-color: rgba(0, 212, 170, 0.4) !important;
    border-bottom: 2px solid #00d4aa !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  /* line 2671, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 8px rgba(0, 212, 170, 0.6);
  }
  /* line 2684, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link i {
    font-size: 0.85rem !important;
    margin-right: 6px !important;
    color: inherit !important;
  }
  /* line 2692, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link {
    flex-direction: column !important;
    height: auto !important;
    min-height: 52px !important;
    white-space: normal !important;
    gap: 0.3rem !important;
    padding: 10.5px 4.2px 9.45px !important;
  }
  /* line 2700, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link i {
    font-size: 1.05rem !important;
    margin: 0 !important;
  }
  /* line 2705, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link .tab-label {
    display: block !important;
    visibility: visible !important;
    font-size: 0.46rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    opacity: 0.75;
    line-height: 1 !important;
    white-space: nowrap !important;
    color: inherit !important;
  }
  /* line 2718, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs.account-nav-tabs .nav-link.active .tab-label {
    opacity: 1 !important;
    font-weight: 600 !important;
  }
  /* line 2728, app/assets/stylesheets/dashboard.scss */
  .section-actions .d-flex {
    flex-direction: row !important;
    gap: 0.5rem !important;
  }
  /* line 2732, app/assets/stylesheets/dashboard.scss */
  .section-actions .d-flex .btn {
    width: auto !important;
    min-height: 38px !important;
    font-size: 0.75rem !important;
    padding: 8px 12px !important;
  }
  /* line 2744, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm,
.dashboard-header .text-end .btn-outline-secondary.btn-sm {
    font-size: 0.75rem !important;
    padding: 0.4rem 0.7rem !important;
  }
  /* line 2748, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm i,
.dashboard-header .text-end .btn-outline-secondary.btn-sm i {
    font-size: 0.7rem !important;
    margin-right: 0.3rem !important;
  }
  /* line 2757, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 2766, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event i {
    font-size: 0.75rem !important;
    margin: 0 !important;
  }
  /* line 2775, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group {
    max-height: 300px !important;
    overflow-y: auto !important;
  }
  /* line 2779, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item {
    padding: 0.75rem !important;
    font-size: 0.9rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 2791, app/assets/stylesheets/dashboard.scss */
  .dashboard-container {
    padding: 0 0.75rem;
    padding-top: 0.75rem;
  }
  /* line 2797, app/assets/stylesheets/dashboard.scss */
  .watch-lists-container {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 2802, app/assets/stylesheets/dashboard.scss */
  .watch-list-card {
    padding: 0.6rem !important;
  }
  /* line 2806, app/assets/stylesheets/dashboard.scss */
  .watch-list-header {
    margin-bottom: 0.5rem !important;
  }
  /* line 2810, app/assets/stylesheets/dashboard.scss */
  .watch-list-header .watch-title {
    font-size: 0.75rem !important;
    gap: 0.4rem !important;
  }
  /* line 2815, app/assets/stylesheets/dashboard.scss */
  .watch-list-header .watch-title i {
    font-size: 0.65rem !important;
  }
  /* line 2819, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-item {
    padding: 0.4rem 0 !important;
    gap: 0.5rem !important;
  }
  /* line 2824, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-icon {
    font-size: 0.7rem !important;
  }
  /* line 2828, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text {
    font-size: 0.6rem !important;
    line-height: 1.3 !important;
  }
  /* line 2833, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text strong {
    font-size: 0.55rem !important;
    margin-bottom: 0.15rem !important;
    letter-spacing: 0.3px !important;
  }
  /* line 2839, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text span {
    font-size: 0.55rem !important;
    line-height: 1.3 !important;
  }
  /* line 2845, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    margin-bottom: 0.5rem;
    padding: 0.5rem !important;
  }
  /* line 2850, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content h3 {
    font-size: 0.95rem !important;
  }
  /* line 2854, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content p {
    display: none !important;
  }
  /* line 2858, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content .performance-detail {
    display: none !important;
  }
  /* line 2864, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 2871, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title h2 {
    font-size: 1.1rem !important;
  }
  /* line 2875, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title p {
    font-size: 0.75rem !important;
    display: none !important;
  }
  /* line 2882, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex {
    flex-direction: row !important;
    gap: 0.3rem !important;
  }
  /* line 2886, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .btn {
    width: auto !important;
    min-height: 32px !important;
    font-size: 0.7rem !important;
    padding: 5px 10px !important;
  }
  /* line 2894, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .refresh-btn {
    min-height: 32px !important;
    font-size: 0.7rem !important;
    padding: 5px 10px !important;
    height: auto !important;
  }
  /* line 2900, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .refresh-btn i {
    font-size: 0.65rem !important;
    margin-right: 0.3rem !important;
  }
  /* line 2907, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .dev-refresh-btn {
    min-height: 32px !important;
    font-size: 0.7rem !important;
    padding: 5px 10px !important;
    height: auto !important;
  }
  /* line 2913, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .dev-refresh-btn i {
    font-size: 0.65rem !important;
    margin-right: 0.3rem !important;
  }
  /* line 2927, app/assets/stylesheets/dashboard.scss */
  .table-responsive {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  /* line 2932, app/assets/stylesheets/dashboard.scss */
  .stocks-table {
    font-size: 0.7rem;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    overflow: hidden !important;
  }
  /* line 2940, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th, .stocks-table tbody td {
    padding: 0.25rem 0.15rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  /* line 2945, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(1), .stocks-table tbody td:nth-child(1) {
    width: 13% !important;
    min-width: 0 !important;
  }
  /* line 2946, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(2), .stocks-table tbody td:nth-child(2) {
    width: 9% !important;
    min-width: 0 !important;
  }
  /* line 2947, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(3), .stocks-table tbody td:nth-child(3) {
    width: 12% !important;
    min-width: 0 !important;
  }
  /* line 2948, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(4), .stocks-table tbody td:nth-child(4) {
    width: 8% !important;
    min-width: 0 !important;
  }
  /* line 2949, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(5), .stocks-table tbody td:nth-child(5) {
    width: 3% !important;
    min-width: 0 !important;
  }
  /* line 2950, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(6), .stocks-table tbody td:nth-child(6) {
    width: 5% !important;
    min-width: 0 !important;
  }
  /* line 2951, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(7), .stocks-table tbody td:nth-child(7) {
    width: 5% !important;
    min-width: 0 !important;
  }
  /* line 2952, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(8), .stocks-table tbody td:nth-child(8) {
    width: 6% !important;
    min-width: 0 !important;
  }
  /* line 2953, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(9), .stocks-table tbody td:nth-child(9) {
    width: 16% !important;
    min-width: 0 !important;
  }
  /* line 2954, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(10), .stocks-table tbody td:nth-child(10) {
    width: 11% !important;
    min-width: 0 !important;
  }
  /* line 2957, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th {
    padding: 0.4rem 0.2rem !important;
    font-size: 0.55rem !important;
    white-space: nowrap;
    letter-spacing: -0.3px;
  }
  /* line 2964, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(6) {
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative !important;
  }
  /* line 2969, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(6)::before {
    content: "EST." !important;
    font-size: 0.55rem !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: inherit !important;
    font-weight: inherit !important;
  }
  /* line 2986, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(7) {
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative !important;
  }
  /* line 2991, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(7)::before {
    content: "J+7" !important;
    font-size: 0.55rem !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: inherit !important;
    font-weight: inherit !important;
  }
  /* line 3008, app/assets/stylesheets/dashboard.scss */
  .stocks-table tbody td {
    padding: 0.4rem 0.2rem !important;
    vertical-align: middle;
  }
  /* line 3014, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell {
    padding: 0.2rem !important;
    text-align: center !important;
  }
  /* line 3018, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai {
    padding: 0.3rem 0.4rem !important;
    min-width: unset !important;
  }
  /* line 3022, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai i {
    font-size: 0.6rem !important;
  }
  /* line 3023, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai .btn-details-text {
    display: none !important;
  }
  /* line 3024, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai .chevron-icon {
    display: none !important;
  }
  /* line 3029, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact {
    gap: 0.15rem !important;
  }
  /* line 3032, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row {
    gap: 0.2rem !important;
  }
  /* line 3035, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .symbol-tag {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 3041, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .asset-type-badge {
    font-size: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    line-height: 1 !important;
  }
  /* line 3056, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .asset-type-badge i {
    font-size: 0.55rem !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
  }
  /* line 3066, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .exchange-status {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    border-radius: 50% !important;
    font-size: 0.4rem !important;
  }
  /* line 3074, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .exchange-status i {
    font-size: 0.4rem !important;
  }
  /* line 3079, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-name-row {
    display: flex !important;
  }
  /* line 3082, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-name-row .stock-name-inline {
    font-size: 0.45rem !important;
    max-width: 80px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  /* line 3092, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini {
    font-size: 0.4rem !important;
    padding: 0.08rem 0.2rem !important;
  }
  /* line 3096, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini i {
    margin-right: 0.08rem !important;
  }
  /* line 3097, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini .badge-text-original {
    display: none !important;
  }
  /* line 3105, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .symbol-tag {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 3110, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .exchange-status {
    font-size: 0.4rem !important;
    padding: 0.05rem 0.1rem !important;
  }
  /* line 3116, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info small {
    font-size: 0.45rem !important;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
  }
  /* line 3125, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .ai-analysis-badge {
    font-size: 0.35rem !important;
    padding: 0.08rem 0.15rem !important;
  }
  /* line 3132, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display {
    gap: 0.1rem !important;
  }
  /* line 3135, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display .action-badge.main-signal, .stocks-table .signal-cell .signal-display .main-signal.forecast-badge {
    font-size: 0.5rem !important;
    padding: 0.2rem 0.35rem !important;
  }
  /* line 3140, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display .action-badge.mini, .stocks-table .signal-cell .signal-display .mini.forecast-badge {
    font-size: 0.4rem !important;
    padding: 0.08rem 0.2rem !important;
  }
  /* line 3147, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction {
    gap: 0.08rem !important;
  }
  /* line 3150, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-price {
    font-size: 0.5rem !important;
  }
  /* line 3151, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-change {
    font-size: 0.45rem !important;
  }
  /* line 3152, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-conf {
    font-size: 0.4rem !important;
  }
  /* line 3153, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .usd-conversion {
    font-size: 0.35rem !important;
  }
  /* line 3158, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-display-compact .price-container {
    font-size: 0.55rem !important;
  }
  /* line 3159, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-display-compact .usd-conversion {
    font-size: 0.4rem !important;
  }
  /* line 3163, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols {
    gap: 0.1rem !important;
  }
  /* line 3166, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-shares-inline {
    font-size: 0.5rem !important;
    white-space: nowrap !important;
  }
  /* line 3170, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols {
    gap: 0.15rem !important;
  }
  /* line 3174, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col {
    padding-right: 0.15rem !important;
  }
  /* line 3176, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col .value-main {
    font-size: 0.42rem !important;
    white-space: nowrap !important;
  }
  /* line 3177, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col .usd-sub {
    font-size: 0.32rem !important;
  }
  /* line 3179, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col {
    padding-left: 0.15rem !important;
  }
  /* line 3181, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col .pnl-pct {
    font-size: 0.42rem !important;
    white-space: nowrap !important;
  }
  /* line 3182, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col .pnl-val {
    font-size: 0.32rem !important;
  }
  /* line 3190, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-icons {
    gap: 0.15rem !important;
  }
  /* line 3194, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .event-icon {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border-radius: 50% !important;
  }
  /* line 3201, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .event-icon i {
    font-size: 0.4rem !important;
  }
  /* line 3206, app/assets/stylesheets/dashboard.scss */
  .stocks-table .chart-cell .btn-stock-chart {
    padding: 0.15rem 0.25rem !important;
    font-size: 0.5rem !important;
  }
  /* line 3212, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai {
    padding: 0.15rem 0.3rem !important;
    font-size: 0.45rem !important;
  }
  /* line 3216, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai .btn-details-text {
    display: none !important;
  }
  /* line 3221, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .action-badge, .stocks-table .forecast-cell .forecast-badge, .stocks-table .medium-term-cell .action-badge, .stocks-table .medium-term-cell .forecast-badge {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.25rem !important;
  }
  /* line 3226, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast, .stocks-table .medium-term-cell .vertex-ai-forecast {
    padding: 0.15rem !important;
  }
  /* line 3229, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-price-row, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-price-row {
    font-size: 0.55rem !important;
  }
  /* line 3233, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-change-inline, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-change-inline {
    font-size: 0.45rem !important;
  }
  /* line 3240, app/assets/stylesheets/dashboard.scss */
  .stocks-table .medium-term-cell {
    padding: 0.4rem 0.2rem !important;
  }
  /* line 3247, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos {
    gap: 0.15rem !important;
  }
  /* line 3250, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos i {
    font-size: 0.55rem !important;
  }
  /* line 3258, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn {
    font-size: 0.5rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 3262, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn .btn-text {
    display: inline !important;
    font-size: 0.45rem !important;
  }
  /* line 3267, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn i {
    font-size: 0.5rem !important;
    margin-right: 0.15rem !important;
  }
  /* line 3276, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display .shares-value {
    font-size: 0.6rem !important;
  }
  /* line 3280, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display small {
    font-size: 0.45rem !important;
  }
  /* line 3285, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell, .stocks-table .value-cell {
    font-size: 0.6rem !important;
  }
  /* line 3289, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell .price-main, .stocks-table .value-cell .price-main {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  /* line 3297, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell .price-live-dot, .stocks-table .value-cell .price-live-dot {
    display: inline-block !important;
    flex-shrink: 0 !important;
  }
  /* line 3306, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card {
    padding: 0.5rem !important;
    overflow: visible !important;
  }
  /* line 3310, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .reasoning-text,
.ai-analysis-row .ai-analysis-card .metric-value.reasoning-text {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
  }
  /* line 3320, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .card-rationale p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
  }
  /* line 3329, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .complementary-content,
.ai-analysis-row .ai-analysis-card .complementary-content p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
  }
  /* line 3341, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .event-item .event-icon-wrap {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
  }
  /* line 3357, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container {
    gap: 0.25rem !important;
  }
  /* line 3360, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item {
    padding: 0.25rem !important;
  }
  /* line 3363, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-label {
    font-size: 0.5rem !important;
  }
  /* line 3367, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-value {
    font-size: 0.6rem !important;
  }
  /* line 3375, app/assets/stylesheets/dashboard.scss */
  .shares-input .shares-field {
    width: 55px;
  }
  /* line 3385, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs {
    margin-bottom: 0.75rem !important;
    width: 100% !important;
  }
  /* line 3389, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0.25rem !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;
    background-color: rgba(26, 26, 46, 0.8) !important;
    backdrop-filter: blur(10px);
    border-radius: 0.75rem 0.75rem 0 0;
    padding: 0.5rem 0.25rem 0 0.25rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  /* line 3402, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 0.1rem !important;
  }
  /* line 3409, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link {
    padding: 7px 5px !important;
    font-size: 0.7rem !important;
    min-height: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 0.5rem 0.5rem 0 0 !important;
    background-color: rgba(42, 42, 62, 0.6) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    border: none !important;
  }
  /* line 3428, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link:hover {
    background-color: rgba(58, 58, 78, 0.8) !important;
    color: rgba(255, 255, 255, 0.95) !important;
  }
  /* line 3433, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link.active {
    color: #fff !important;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.15) 100%) !important;
    border-color: rgba(0, 212, 170, 0.4) !important;
    border-bottom: 2px solid #00d4aa !important;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  /* line 3441, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 8px rgba(0, 212, 170, 0.6);
  }
  /* line 3454, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link i {
    font-size: 0.75rem !important;
    margin-right: 4px !important;
    color: inherit !important;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 3468, app/assets/stylesheets/dashboard.scss */
  .dashboard-container {
    padding: 0 0.75rem;
    padding-top: 0.75rem;
  }
  /* line 3474, app/assets/stylesheets/dashboard.scss */
  .watch-lists-container {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  /* line 3479, app/assets/stylesheets/dashboard.scss */
  .watch-list-card {
    padding: 0.85rem !important;
  }
  /* line 3483, app/assets/stylesheets/dashboard.scss */
  .watch-list-header {
    margin-bottom: 0.75rem !important;
  }
  /* line 3487, app/assets/stylesheets/dashboard.scss */
  .watch-list-header .watch-title {
    font-size: 0.9rem !important;
    gap: 0.5rem !important;
  }
  /* line 3492, app/assets/stylesheets/dashboard.scss */
  .watch-list-header .watch-title i {
    font-size: 0.8rem !important;
  }
  /* line 3496, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-item {
    padding: 0.6rem 0 !important;
    gap: 0.6rem !important;
  }
  /* line 3501, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-icon {
    font-size: 0.75rem !important;
  }
  /* line 3505, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text {
    font-size: 0.6rem !important;
    line-height: 1.3 !important;
  }
  /* line 3510, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text strong {
    font-size: 0.55rem !important;
    margin-bottom: 0.15rem !important;
    letter-spacing: 0.3px !important;
  }
  /* line 3516, app/assets/stylesheets/dashboard.scss */
  .watch-list-content .watch-text span {
    font-size: 0.55rem !important;
    line-height: 1.3 !important;
  }
  /* line 3522, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    margin-bottom: 1rem;
  }
  /* line 3526, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content h3 {
    font-size: 1.1rem !important;
  }
  /* line 3530, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content p {
    display: none !important;
  }
  /* line 3534, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .card-content .performance-detail {
    display: none !important;
  }
  /* line 3540, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card .reset-baseline-btn-corner {
    opacity: 0 !important;
    pointer-events: auto !important;
  }
  /* line 3546, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header {
    flex-direction: row !important;
    align-items: center !important;
    gap: 1rem !important;
  }
  /* line 3552, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title h2 {
    font-size: 1.25rem !important;
  }
  /* line 3556, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-title p {
    font-size: 0.8rem !important;
  }
  /* line 3562, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex {
    flex-direction: row !important;
    gap: 0.5rem !important;
  }
  /* line 3566, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .btn {
    width: auto !important;
    min-height: 40px !important;
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
  }
  /* line 3574, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .refresh-btn {
    min-height: 40px !important;
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
    height: auto !important;
  }
  /* line 3580, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .refresh-btn i {
    font-size: 0.75rem !important;
    margin-right: 0.4rem !important;
  }
  /* line 3587, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .dev-refresh-btn {
    min-height: 40px !important;
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
    height: auto !important;
  }
  /* line 3593, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header .section-actions .d-flex .dev-refresh-btn i {
    font-size: 0.75rem !important;
    margin-right: 0.4rem !important;
  }
  /* line 3605, app/assets/stylesheets/dashboard.scss */
  .stocks-table {
    font-size: 0.8rem;
  }
  /* line 3608, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th {
    padding: 0.6rem 0.35rem !important;
    font-size: 0.7rem !important;
    white-space: nowrap;
  }
  /* line 3614, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(2), .stocks-table thead th:nth-child(3), .stocks-table thead th:nth-child(4) {
    max-width: 100px !important;
    min-width: 80px !important;
    padding: 0.6rem 0.2rem !important;
  }
  /* line 3621, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(6) {
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative !important;
  }
  /* line 3626, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(6)::before {
    content: "J+1" !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: inherit !important;
    font-weight: inherit !important;
  }
  /* line 3643, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(7) {
    font-size: 0 !important;
    line-height: 0 !important;
    position: relative !important;
  }
  /* line 3648, app/assets/stylesheets/dashboard.scss */
  .stocks-table thead th:nth-child(7)::before {
    content: "J+7" !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: inherit !important;
    font-weight: inherit !important;
  }
  /* line 3665, app/assets/stylesheets/dashboard.scss */
  .stocks-table tbody td {
    padding: 0.5rem 0.3rem !important;
    vertical-align: middle;
  }
  /* line 3671, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact {
    gap: 0.2rem !important;
  }
  /* line 3674, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row {
    gap: 0.25rem !important;
  }
  /* line 3677, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .symbol-tag {
    font-size: 0.65rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 3682, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .stock-name-inline {
    font-size: 0.55rem !important;
    max-width: 85px !important;
  }
  /* line 3687, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .exchange-status {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border-radius: 50% !important;
    font-size: 0.45rem !important;
  }
  /* line 3695, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-title-row .exchange-status i {
    font-size: 0.45rem !important;
  }
  /* line 3700, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 3704, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini i {
    margin-right: 0.1rem !important;
  }
  /* line 3705, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info-compact .stock-actions-row .ai-analysis-badge.mini .badge-text-original {
    font-size: 0.4rem !important;
  }
  /* line 3712, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container {
    gap: 0.35rem !important;
    flex-wrap: nowrap !important;
  }
  /* line 3716, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .symbol-tag {
    font-size: 0.65rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 3721, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .exchange-status {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border-radius: 50% !important;
    font-size: 0.5rem !important;
  }
  /* line 3730, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .symbol-container .btn-stock-chart {
    flex-shrink: 0 !important;
    min-width: 1rem !important;
    max-height: 1rem !important;
    max-width: 1rem !important;
    min-height: 1rem !important;
  }
  /* line 3739, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info small {
    font-size: 0.55rem !important;
    max-width: calc(28ch + 0.5rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
  }
  /* line 3748, app/assets/stylesheets/dashboard.scss */
  .stocks-table .stock-info .ai-analysis-badge {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 3755, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display {
    gap: 0.15rem !important;
  }
  /* line 3758, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display .action-badge.main-signal, .stocks-table .signal-cell .signal-display .main-signal.forecast-badge {
    font-size: 0.6rem !important;
    padding: 0.25rem 0.45rem !important;
  }
  /* line 3763, app/assets/stylesheets/dashboard.scss */
  .stocks-table .signal-cell .signal-display .action-badge.mini, .stocks-table .signal-cell .signal-display .mini.forecast-badge {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 3770, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction {
    gap: 0.1rem !important;
  }
  /* line 3773, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-price {
    font-size: 0.6rem !important;
  }
  /* line 3774, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-change {
    font-size: 0.5rem !important;
  }
  /* line 3775, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .pred-conf {
    font-size: 0.45rem !important;
  }
  /* line 3776, app/assets/stylesheets/dashboard.scss */
  .stocks-table .prediction-cell .ml-prediction .usd-conversion {
    font-size: 0.4rem !important;
  }
  /* line 3781, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-display-compact .price-container {
    font-size: 0.65rem !important;
  }
  /* line 3782, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-display-compact .usd-conversion {
    font-size: 0.45rem !important;
  }
  /* line 3787, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-shares-inline {
    font-size: 0.6rem !important;
  }
  /* line 3791, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col {
    padding-right: 0.3rem !important;
  }
  /* line 3793, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col .value-main {
    font-size: 0.5rem !important;
  }
  /* line 3794, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.value-col .usd-sub {
    font-size: 0.4rem !important;
  }
  /* line 3796, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col {
    padding-left: 0.3rem !important;
  }
  /* line 3798, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col .pnl-pct {
    font-size: 0.5rem !important;
  }
  /* line 3799, app/assets/stylesheets/dashboard.scss */
  .stocks-table .position-cell .position-two-cols .pos-cols .pos-col.pnl-col .pnl-val {
    font-size: 0.4rem !important;
  }
  /* line 3806, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-icons {
    gap: 0.2rem !important;
  }
  /* line 3810, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .event-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    border-radius: 50% !important;
  }
  /* line 3817, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .event-icon i {
    font-size: 0.45rem !important;
  }
  /* line 3822, app/assets/stylesheets/dashboard.scss */
  .stocks-table .chart-cell .btn-stock-chart {
    padding: 0.2rem 0.3rem !important;
    font-size: 0.55rem !important;
  }
  /* line 3828, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai {
    padding: 0.2rem 0.35rem !important;
    font-size: 0.5rem !important;
  }
  /* line 3832, app/assets/stylesheets/dashboard.scss */
  .stocks-table .details-cell .btn-details-ai .btn-details-text {
    font-size: 0.45rem !important;
  }
  /* line 3836, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell, .stocks-table .medium-term-cell {
    max-width: 100px !important;
    padding: 0.4rem 0.2rem !important;
  }
  /* line 3840, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .action-badge, .stocks-table .forecast-cell .forecast-badge, .stocks-table .medium-term-cell .action-badge, .stocks-table .medium-term-cell .forecast-badge {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.25rem !important;
  }
  /* line 3845, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast, .stocks-table .medium-term-cell .vertex-ai-forecast {
    padding: 0.15rem !important;
  }
  /* line 3848, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-price-row, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-price-row {
    font-size: 0.55rem !important;
  }
  /* line 3852, app/assets/stylesheets/dashboard.scss */
  .stocks-table .forecast-cell .vertex-ai-forecast .forecast-change-inline, .stocks-table .medium-term-cell .vertex-ai-forecast .forecast-change-inline {
    font-size: 0.45rem !important;
  }
  /* line 3863, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos {
    gap: 0.2rem !important;
  }
  /* line 3866, app/assets/stylesheets/dashboard.scss */
  .stocks-table .events-cell .events-pictos i {
    font-size: 0.7rem !important;
  }
  /* line 3874, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn {
    font-size: 0.6rem !important;
    padding: 0.3rem 0.5rem !important;
  }
  /* line 3878, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn .btn-text {
    display: inline;
    font-size: 0.55rem !important;
  }
  /* line 3883, app/assets/stylesheets/dashboard.scss */
  .stocks-table .analysis-toggle-cell .ai-analysis-toggle-btn i {
    font-size: 0.6rem !important;
  }
  /* line 3891, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display .shares-value {
    font-size: 0.75rem !important;
  }
  /* line 3895, app/assets/stylesheets/dashboard.scss */
  .stocks-table .shares-display small {
    font-size: 0.55rem !important;
  }
  /* line 3900, app/assets/stylesheets/dashboard.scss */
  .stocks-table .price-cell, .stocks-table .value-cell {
    font-size: 0.75rem !important;
  }
  /* line 3907, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-cell {
    padding: 0.5rem !important;
    overflow: visible !important;
  }
  /* line 3912, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card {
    padding: 0.5rem !important;
    overflow: visible !important;
    max-height: none !important;
  }
  /* line 3918, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .reasoning-text,
.ai-analysis-row .ai-analysis-card .metric-value.reasoning-text {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
  }
  /* line 3928, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .card-rationale p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
  }
  /* line 3937, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .complementary-content,
.ai-analysis-row .ai-analysis-card .complementary-content p {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
  }
  /* line 3947, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container {
    gap: 0.25rem !important;
    margin: 0.5rem 0 !important;
    padding: 0.4rem !important;
  }
  /* line 3952, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item {
    padding: 0.25rem 0.2rem !important;
    min-height: 35px !important;
  }
  /* line 3956, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-label {
    font-size: 0.5rem !important;
    margin-bottom: 0.15rem !important;
    letter-spacing: 0.3px !important;
  }
  /* line 3962, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-row .ai-analysis-card .growth-estimates-container .metric-item .metric-value {
    font-size: 0.6rem !important;
  }
  /* line 3970, app/assets/stylesheets/dashboard.scss */
  .shares-input .shares-field {
    width: 70px;
  }
  /* line 3980, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs {
    margin-bottom: 1.25rem !important;
    width: 100% !important;
  }
  /* line 3984, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
  }
  /* line 3991, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  /* line 3997, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link {
    padding: 12px 14px !important;
    font-size: 0.85rem !important;
    min-height: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }
  /* line 4008, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link i {
    font-size: 0.9rem !important;
    margin-right: 8px !important;
  }
  /* line 4017, app/assets/stylesheets/dashboard.scss */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* line 4025, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm,
.dashboard-header .text-end .btn-outline-secondary.btn-sm {
    font-size: 0.8rem !important;
    padding: 0.45rem 0.8rem !important;
  }
  /* line 4029, app/assets/stylesheets/dashboard.scss */
  .simulation-form ~ .text-end .btn-outline-secondary.btn-sm i,
.dashboard-header .text-end .btn-outline-secondary.btn-sm i {
    font-size: 0.75rem !important;
    margin-right: 0.35rem !important;
  }
  /* line 4038, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 4047, app/assets/stylesheets/dashboard.scss */
  .event-field .remove-event i {
    font-size: 0.8rem !important;
    margin: 0 !important;
  }
  /* line 4056, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group {
    max-height: 350px !important;
    overflow-y: auto !important;
  }
  /* line 4060, app/assets/stylesheets/dashboard.scss */
  #stock-search-form .list-group .list-group-item {
    padding: 0.85rem !important;
    font-size: 0.95rem !important;
  }
}

@media (min-width: 1280px) {
  /* line 4075, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .summary-card {
    margin-bottom: 1rem;
    padding: 0.7rem 0.5rem;
    min-height: 115px;
    max-height: 135px;
  }
  /* line 4082, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .section-header {
    gap: 2rem;
  }
  /* line 4086, app/assets/stylesheets/dashboard.scss */
  .stocks-table {
    font-size: 1rem;
  }
  /* line 4089, app/assets/stylesheets/dashboard.scss */
  .stocks-table th, .stocks-table td {
    padding: 1rem 0.75rem;
  }
  /* line 4094, app/assets/stylesheets/dashboard.scss */
  .shares-input .shares-field {
    width: 100px;
  }
  /* line 4100, app/assets/stylesheets/dashboard.scss */
  .dashboard-tabs .nav-tabs .nav-link {
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
    min-height: 48px;
  }
}

/* line 4110, app/assets/stylesheets/dashboard.scss */
.loading {
  opacity: 0.6;
  pointer-events: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4128, app/assets/stylesheets/dashboard.scss */
.summary-card,
.stocks-table,
.empty-state {
  animation: fadeIn 0.6s ease-out;
}

/* line 4135, app/assets/stylesheets/dashboard.scss */
.alert {
  border-radius: 8px;
  border: none;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

/* line 4140, app/assets/stylesheets/dashboard.scss */
.alert.alert-success {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border-left: 4px solid #00d4aa;
}

/* line 4146, app/assets/stylesheets/dashboard.scss */
.alert.alert-danger {
  background: rgba(255, 107, 107, 0.1);
  color: #ff6b6b;
  border-left: 4px solid #ff6b6b;
}

/* line 4154, app/assets/stylesheets/dashboard.scss */
.notification-badge {
  position: absolute;
  top: -4px;
  right: -8px;
  background: #ff6b6b;
  color: #ffffff;
  border-radius: 10px;
  min-width: 18px;
  height: 18px;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  line-height: 1;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
  animation: pulse-notification 2s infinite;
  z-index: 10;
}

@keyframes pulse-notification {
  0%, 100% {
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 4px 8px rgba(255, 107, 107, 0.5);
    transform: scale(1.05);
  }
}

/* line 4187, app/assets/stylesheets/dashboard.scss */
.shares-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 4194, app/assets/stylesheets/dashboard.scss */
.shares-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  letter-spacing: -0.01em;
}

/* line 4203, app/assets/stylesheets/dashboard.scss */
.shares-display small {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.25rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4213, app/assets/stylesheets/dashboard.scss */
.refresh-btn {
  position: relative;
  transition: all 0.3s ease;
}

/* line 4217, app/assets/stylesheets/dashboard.scss */
.refresh-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 4222, app/assets/stylesheets/dashboard.scss */
.refresh-btn:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
}

/* line 4230, app/assets/stylesheets/dashboard.scss */
.data-status-info .status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4241, app/assets/stylesheets/dashboard.scss */
.data-status-info .status-indicator.fresh {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 4247, app/assets/stylesheets/dashboard.scss */
.data-status-info .status-indicator.stale {
  background: rgba(255, 167, 38, 0.1);
  color: #ffa726;
  border: 1px solid rgba(255, 167, 38, 0.3);
}

/* line 4253, app/assets/stylesheets/dashboard.scss */
.data-status-info .status-indicator i {
  font-size: 0.75rem;
}

/* line 4260, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs {
  margin-bottom: 2rem;
}

/* line 4263, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs {
  border-bottom: none !important;
  margin-bottom: 0;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0;
  padding: 0.75rem 1rem 0 1rem;
  box-shadow: none !important;
  border: none !important;
  position: relative;
  overflow: visible;
}

/* line 4276, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs::before {
  display: none;
}

/* line 4280, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item {
  margin: 0 0.5rem 0 0;
}

/* line 4283, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item:last-child {
  margin-right: 0;
}

/* line 4287, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link {
  border: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(35, 35, 55, 0.5) !important;
  margin-right: 0;
  padding: 14px 24px !important;
  font-weight: 500;
  font-size: 0.95rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* line 4309, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.08) 0%, rgba(0, 168, 255, 0.06) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* line 4321, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link:hover {
  background: rgba(50, 50, 70, 0.7) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* line 4328, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link:hover::before {
  opacity: 1;
}

/* line 4333, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.18) 0%, rgba(0, 168, 255, 0.14) 100%) !important;
  border-color: rgba(0, 212, 170, 0.35) !important;
  font-weight: 600;
  box-shadow: 0 6px 20px rgba(0, 212, 170, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 212, 170, 0.2);
  transform: translateY(-2px);
}

/* line 4344, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link.active::before {
  opacity: 1;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.12) 0%, rgba(0, 168, 255, 0.1) 100%);
}

/* line 4349, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 16px rgba(0, 212, 170, 0.8), 0 0 32px rgba(0, 212, 170, 0.4);
  animation: tab-glow 2s ease-in-out infinite;
}

/* line 4365, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link i {
  margin-right: 5px;
  font-size: 1.05em;
  color: inherit !important;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

/* line 4373, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link .tab-text-mobile {
  display: none;
}

/* line 4377, app/assets/stylesheets/dashboard.scss */
.dashboard-tabs .nav-tabs .nav-item .nav-link.active i {
  filter: drop-shadow(0 0 6px rgba(0, 212, 170, 0.6));
}

@keyframes tab-glow {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 16px rgba(0, 212, 170, 0.8), 0 0 32px rgba(0, 212, 170, 0.4);
  }
  50% {
    opacity: 0.85;
    box-shadow: 0 0 20px rgba(0, 212, 170, 0.9), 0 0 40px rgba(0, 212, 170, 0.5);
  }
}

/* line 4401, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs.nav-tabs {
  display: flex !important;
  width: 100%;
}

/* line 4405, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs.nav-tabs > .nav-item {
  flex: 1 !important;
  margin: 0 !important;
}

/* line 4409, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs.nav-tabs > .nav-item > .nav-link {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.3rem !important;
  padding: 10.5px 4.2px 9.45px !important;
  width: 100% !important;
  text-align: center !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}

/* line 4421, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs.nav-tabs > .nav-item > .nav-link i {
  margin: 0 !important;
  font-size: 1.05rem !important;
  flex-shrink: 0 !important;
}

/* line 4431, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs .nav-link .tab-label {
  display: block !important;
  visibility: visible !important;
  opacity: 0.75;
  font-size: 0.46rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: inherit !important;
  pointer-events: none;
}

/* line 4445, app/assets/stylesheets/dashboard.scss */
.account-nav-tabs .nav-link.active .tab-label {
  opacity: 1 !important;
  font-weight: 600 !important;
}

/* line 4451, app/assets/stylesheets/dashboard.scss */
#dashboardTabContent .tab-pane.fade:not(.show) {
  display: none !important;
}

/* line 4455, app/assets/stylesheets/dashboard.scss */
#dashboardTabContent .tab-pane.fade.show {
  display: block !important;
}

/* line 4460, app/assets/stylesheets/dashboard.scss */
#dashboardTabContent .tab-pane {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4478, app/assets/stylesheets/dashboard.scss */
.modal-backdrop {
  z-index: 1040 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* line 4483, app/assets/stylesheets/dashboard.scss */
.modal {
  z-index: 1060 !important;
}

/* line 4486, app/assets/stylesheets/dashboard.scss */
.modal.show {
  z-index: 1060 !important;
}

/* line 4492, app/assets/stylesheets/dashboard.scss */
#stockTransactionModal {
  z-index: 1070 !important;
}

/* line 4495, app/assets/stylesheets/dashboard.scss */
#stockTransactionModal .modal-dialog {
  z-index: 1071 !important;
}

/* line 4499, app/assets/stylesheets/dashboard.scss */
#stockTransactionModal .modal-content {
  z-index: 1072 !important;
}

/* line 4506, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog {
  z-index: 1056 !important;
}

/* line 4509, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content {
  background: rgba(15, 20, 40, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
  color: #ffffff !important;
}

/* line 4516, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-header {
  background: linear-gradient(135deg, #1a1f3a 0%, #2d3748 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px 16px 0 0 !important;
}

/* line 4521, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-header .modal-title {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* line 4525, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-header .modal-title i {
  color: #ffa726 !important;
  margin-right: 0.5rem;
}

/* line 4531, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-header .btn-close {
  filter: invert(1) !important;
}

/* line 4536, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-body {
  background: rgba(15, 20, 40, 0.85) !important;
  color: #ffffff !important;
  padding: 1.5rem !important;
}

/* line 4541, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-body p {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* line 4549, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer {
  background: linear-gradient(135deg, #1a1f3a 0%, #2d3748 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 0 16px 16px !important;
  padding: 1rem 1.5rem !important;
}

/* line 4555, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer .btn {
  border-radius: 8px !important;
  font-weight: 500 !important;
  padding: 0.5rem 1rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* line 4561, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary {
  background: rgba(160, 174, 192, 0.1) !important;
  border: 1px solid rgba(160, 174, 192, 0.3) !important;
  color: #94a3b8 !important;
}

/* line 4566, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:hover {
  background: rgba(160, 174, 192, 0.2) !important;
  border-color: rgba(160, 174, 192, 0.5) !important;
  color: #ffffff !important;
}

/* line 4573, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary {
  background: linear-gradient(135deg, #00d4aa 0%, #00a8ff 100%) !important;
  border: none !important;
  color: white !important;
}

/* line 4578, app/assets/stylesheets/dashboard.scss */
.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 50px rgba(0, 212, 170, 0.15) !important;
}

/* line 4590, app/assets/stylesheets/dashboard.scss */
.tldr-cell {
  text-align: center;
  vertical-align: middle;
}

/* line 4594, app/assets/stylesheets/dashboard.scss */
.tldr-cell .tldr-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 2px solid;
}

/* line 4604, app/assets/stylesheets/dashboard.scss */
.tldr-cell .tldr-badge.buy {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border-color: #00d4aa;
}

/* line 4610, app/assets/stylesheets/dashboard.scss */
.tldr-cell .tldr-badge.sell {
  background: rgba(255, 107, 107, 0.1);
  color: #ff6b6b;
  border-color: #ff6b6b;
}

/* line 4616, app/assets/stylesheets/dashboard.scss */
.tldr-cell .tldr-badge.hold {
  background: rgba(255, 167, 38, 0.1);
  color: #ffa726;
  border-color: #ffa726;
}

/* line 4622, app/assets/stylesheets/dashboard.scss */
.tldr-cell .tldr-badge.wait {
  background: rgba(108, 117, 125, 0.1);
  color: #6c757d;
  border-color: #6c757d;
}

/* line 4633, app/assets/stylesheets/dashboard.scss */
.forecast-toggle .btn-group .btn-check:checked + .btn {
  background: linear-gradient(135deg, #00d4aa, #00d4aa);
  border-color: #00d4aa;
  color: white;
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
}

/* line 4640, app/assets/stylesheets/dashboard.scss */
.forecast-toggle .btn-group .btn {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  padding: 0.5rem 1rem;
  transition: all 0.3s ease;
}

/* line 4648, app/assets/stylesheets/dashboard.scss */
.forecast-toggle .btn-group .btn:hover {
  border-color: #00d4aa;
  color: #00d4aa;
  background: rgba(0, 212, 170, 0.1);
}

/* line 4654, app/assets/stylesheets/dashboard.scss */
.forecast-toggle .btn-group .btn i {
  margin-right: 0.5rem;
}

/* line 4663, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-title {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 4672, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-title i {
  color: #00d4aa;
  font-size: 1.2rem;
}

/* line 4678, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table {
  background: linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  color: #ffffff;
}

/* line 4687, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table thead {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

/* line 4690, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table thead th {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
  border: none;
  padding: 1rem 0.75rem;
  text-align: center;
}

/* line 4703, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
}

/* line 4707, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 4711, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody tr:last-child {
  border-bottom: none;
}

/* line 4716, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td {
  border: none;
  padding: 1rem 0.75rem;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

/* line 4723, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.price-cell, .forecast-recommendations .forecast-table tbody td.growth-cell {
  font-weight: 600;
  font-size: 1.1rem;
}

/* line 4727, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.price-cell.positive, .forecast-recommendations .forecast-table tbody td.growth-cell.positive {
  color: #00d4aa;
}

/* line 4731, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.price-cell.negative, .forecast-recommendations .forecast-table tbody td.growth-cell.negative {
  color: #ff6b6b;
}

/* line 4736, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.reason-cell {
  text-align: left;
  max-width: 200px;
}

/* line 4740, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.reason-cell .reason-text {
  font-size: 0.85rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.8);
  cursor: help;
}

/* line 4746, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .forecast-table tbody td.reason-cell .reason-text:hover {
  color: #ffffff;
}

/* line 4756, app/assets/stylesheets/dashboard.scss */
.forecast-recommendations .timeframe-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4771, app/assets/stylesheets/dashboard.scss */
.watch-lists-container {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

/* line 4775, app/assets/stylesheets/dashboard.scss */
.watch-lists-container .row {
  margin: 0 !important;
}

/* line 4779, app/assets/stylesheets/dashboard.scss */
.watch-lists-container .col-lg-6 {
  padding: 0 0.75rem !important;
}

/* line 4785, app/assets/stylesheets/dashboard.scss */
.watch-list-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 4789, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* line 4798, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #00d4aa, #00a8ff);
  border-radius: 12px 12px 0 0;
}

/* line 4809, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-header {
  margin-bottom: 1.5rem !important;
}

/* line 4812, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-header .watch-title {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

/* line 4821, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-header .watch-title i {
  color: #00d4aa !important;
  font-size: 1.1rem !important;
}

/* line 4829, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.3s ease !important;
}

/* line 4837, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item:last-child {
  border-bottom: none !important;
  padding-bottom: 0.5rem !important;
}

/* line 4842, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 8px !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

/* line 4849, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item .watch-icon {
  font-size: 1.2rem !important;
  flex-shrink: 0 !important;
  margin-top: 0.1rem !important;
}

/* line 4855, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item .watch-text {
  flex: 1 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.6 !important;
  font-size: 0.95rem !important;
}

/* line 4861, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item .watch-text strong {
  color: #00d4aa !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 0.25rem !important;
  font-size: 0.9rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* line 4871, app/assets/stylesheets/dashboard.scss */
.watch-list-section .watch-list-card .watch-list-content .watch-item .watch-text span {
  color: rgba(255, 255, 255, 0.8) !important;
  display: block !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

/* line 4885, app/assets/stylesheets/dashboard.scss */
.no-forecast-data .alert {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 212, 170, 0.05) 100%);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 12px;
  color: #ffffff;
  padding: 1.5rem;
}

/* line 4892, app/assets/stylesheets/dashboard.scss */
.no-forecast-data .alert i {
  color: #00d4aa;
  margin-right: 0.5rem;
}

/* line 4897, app/assets/stylesheets/dashboard.scss */
.no-forecast-data .alert strong {
  color: #ffffff;
  font-weight: 600;
}

/* line 4902, app/assets/stylesheets/dashboard.scss */
.no-forecast-data .alert p {
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.5;
}

/* line 4911, app/assets/stylesheets/dashboard.scss */
.portfolio-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 4918, app/assets/stylesheets/dashboard.scss */
.portfolio-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

/* line 4925, app/assets/stylesheets/dashboard.scss */
.portfolio-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 4930, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

/* line 4936, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-stock-info {
  flex-shrink: 0;
  min-width: 200px;
}

/* line 4941, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-stock-info .stock-info strong {
  font-size: 1.4rem;
  font-weight: 700;
  color: #ffffff;
  display: block;
  margin-bottom: 0.5rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5px;
}

/* line 4951, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-stock-info .stock-info small {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.25rem 0.75rem;
  border-radius: 6px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 4964, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  flex: 1;
}

/* line 4970, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 4975, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .metric-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4983, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .metric-value {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
}

/* line 4988, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .metric-value.positive {
  color: #00d4aa;
}

/* line 4992, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .metric-value.negative {
  color: #ff6b6b;
}

/* line 4996, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .metric-value .estimated-value {
  font-size: 0.9rem;
  font-weight: 500;
  margin-top: 0.25rem;
}

/* line 5003, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .forecast-badges {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 5008, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .forecast-badges .action-badge, .portfolio-card .portfolio-main-info .portfolio-metrics .metric-item .forecast-badges .forecast-badge {
  font-size: 0.7rem;
  padding: 0.3rem 0.6rem;
}

/* line 5017, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-ai-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 5022, app/assets/stylesheets/dashboard.scss */
.portfolio-card .portfolio-ai-section .ai-analysis-toggle {
  margin-bottom: 1rem;
}

/* line 5034, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

/* line 5043, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-title-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.4rem;
}

/* line 5050, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-ai-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 184, 212, 0.2));
  border: 1px solid rgba(0, 212, 170, 0.35);
  color: #00d4aa;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  padding: 3px 8px;
  border-radius: 6px;
  text-transform: uppercase;
}

/* line 5063, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-ai-badge i {
  font-size: 9px;
}

/* line 5066, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-title {
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
  margin: 0;
  letter-spacing: -0.02em;
}

/* line 5074, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-subtitle {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.88rem;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 5084, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-freshness {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
}

/* line 5092, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-live-dot {
  width: 6px;
  height: 6px;
  background: #00d4aa;
  border-radius: 50%;
  display: inline-block;
  animation: pulse-dot 2s ease-in-out infinite;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.7);
  }
}

/* line 5106, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* line 5113, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-generate {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 20px;
  background: linear-gradient(135deg, #00d4aa 0%, #00b8d4 100%);
  color: #000;
  font-weight: 700;
  font-size: 0.88rem;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 18px rgba(0, 212, 170, 0.3);
  white-space: nowrap;
}

/* line 5128, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-generate i {
  font-size: 13px;
}

/* line 5129, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-generate:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0, 212, 170, 0.45);
}

/* line 5133, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-generate.btn-opp-disabled {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
  cursor: not-allowed;
}

/* line 5138, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-generate.btn-opp-disabled:hover {
  transform: none;
}

/* line 5142, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-configure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.88rem;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 5156, app/assets/stylesheets/dashboard.scss */
.opportunities-section .btn-opp-configure:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
}

/* line 5164, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-disclaimer {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 193, 7, 0.07);
  border: 1px solid rgba(255, 193, 7, 0.18);
  border-radius: 8px;
  padding: 8px 14px;
  margin-bottom: 1.25rem;
}

/* line 5173, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-disclaimer i {
  color: rgba(255, 193, 7, 0.7);
  font-size: 11px;
  flex-shrink: 0;
}

/* line 5174, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-disclaimer span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.78rem;
  line-height: 1.4;
}

/* line 5178, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

/* line 5185, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunity-card {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  position: relative;
}

/* line 5193, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunity-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 5200, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunity-card.rec-buy {
  border-left: 3px solid #00d4aa;
}

/* line 5201, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunity-card.rec-sell {
  border-left: 3px solid #ff6b6b;
}

/* line 5202, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opportunity-card.rec-hold {
  border-left: 3px solid #ffc107;
}

/* line 5206, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 14px 16px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 5214, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rec-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  flex-shrink: 0;
}

/* line 5226, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rec-badge.opp-rec-buy {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.3);
  box-shadow: 0 0 12px rgba(0, 212, 170, 0.15);
}

/* line 5232, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rec-badge.opp-rec-sell {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
  border: 1px solid rgba(255, 107, 107, 0.3);
  box-shadow: 0 0 12px rgba(255, 107, 107, 0.15);
}

/* line 5238, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rec-badge.opp-rec-hold {
  background: rgba(255, 193, 7, 0.12);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.25);
}

/* line 5245, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-return-hero {
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: -0.03em;
  flex: 1;
}

/* line 5250, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-return-hero.positive {
  color: #00d4aa;
  text-shadow: 0 0 20px rgba(0, 212, 170, 0.4);
}

/* line 5251, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-return-hero.negative {
  color: #ff6b6b;
  text-shadow: 0 0 20px rgba(255, 107, 107, 0.3);
}

/* line 5254, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-index {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
  letter-spacing: 0.5px;
}

/* line 5262, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-identity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex-wrap: wrap;
}

/* line 5272, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-symbol-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 5278, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-symbol {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.5px;
}

/* line 5285, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-name {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

/* line 5295, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* line 5302, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/* line 5312, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tag i {
  font-size: 9px;
  opacity: 0.7;
}

/* line 5314, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tag.opp-tag-sector {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.2);
}

/* line 5319, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tag.opp-tag-location {
  background: rgba(0, 184, 212, 0.1);
  color: #00b8d4;
  border: 1px solid rgba(0, 184, 212, 0.2);
}

/* line 5327, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metrics-row {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex-wrap: wrap;
}

/* line 5336, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 60px;
}

/* line 5344, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-label {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
}

/* line 5352, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-value {
  font-size: 0.95rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}

/* line 5356, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-value.opp-target {
  color: #00d4aa;
}

/* line 5359, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-arrow {
  flex: 0 0 auto;
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  flex-direction: row;
  align-items: center;
  padding-top: 14px;
}

/* line 5369, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-divider {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.07);
  margin: 0 14px;
  flex: 0 0 auto;
}

/* line 5377, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-metric-confidence {
  flex: 0 0 auto;
}

/* line 5382, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring-wrap {
  position: relative;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 5391, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  transform: rotate(-90deg);
}

/* line 5397, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-bg {
  fill: none;
  stroke: rgba(255, 255, 255, 0.07);
  stroke-width: 3;
}

/* line 5403, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-fill {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dashoffset: 0;
  transition: stroke-dasharray 0.6s ease;
}

/* line 5410, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-fill.confidence-low {
  stroke: #ff6b6b;
}

/* line 5411, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-fill.confidence-medium {
  stroke: #ffc107;
}

/* line 5412, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-fill.confidence-high {
  stroke: #00d4aa;
}

/* line 5413, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-ring .opp-ring-fill.confidence-very-high {
  stroke: #00d4aa;
  filter: drop-shadow(0 0 4px rgba(0, 212, 170, 0.6));
}

/* line 5417, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-score {
  position: relative;
  z-index: 2;
  font-size: 0.82rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

/* line 5424, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-confidence-score small {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.35);
  font-weight: 600;
}

/* line 5428, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rationale {
  padding: 12px 16px 14px;
}

/* line 5432, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rationale-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

/* line 5437, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rationale-header i {
  color: #00d4aa;
  font-size: 11px;
}

/* line 5438, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rationale-header span {
  font-size: 0.7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

/* line 5447, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-rationale-text {
  margin: 0;
  font-size: 0.83rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.65);
}

/* line 5455, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-empty-state {
  text-align: center;
  padding: 4rem 2rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 5460, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-empty-state .opp-empty-icon {
  width: 72px;
  height: 72px;
  background: rgba(0, 212, 170, 0.08);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

/* line 5470, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-empty-state .opp-empty-icon i {
  font-size: 1.8rem;
  color: #00d4aa;
}

/* line 5473, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-empty-state h3 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

/* line 5474, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-empty-state p {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* line 5478, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 5486, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

/* line 5499, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-add-btn {
  background: rgba(0, 212, 170, 0.12);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.25);
}

/* line 5503, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-add-btn:hover {
  background: rgba(0, 212, 170, 0.25);
  transform: scale(1.1);
  box-shadow: 0 0 12px rgba(0, 212, 170, 0.3);
}

/* line 5510, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-dismiss-btn {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 5514, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-dismiss-btn:hover {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
  border-color: rgba(255, 107, 107, 0.3);
  transform: scale(1.1);
}

/* line 5522, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-undismiss-btn {
  background: rgba(255, 193, 7, 0.1);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.2);
}

/* line 5526, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-btn.opp-undismiss-btn:hover {
  background: rgba(255, 193, 7, 0.2);
  transform: scale(1.1);
}

/* line 5533, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-action-done {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}

/* line 5548, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-track-record {
  display: flex;
  align-items: center;
  gap: 0;
  background: rgba(0, 212, 170, 0.04);
  border: 1px solid rgba(0, 212, 170, 0.12);
  border-radius: 12px;
  padding: 12px 20px;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 5561, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 60px;
}

/* line 5569, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-value {
  font-size: 1.1rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.9);
}

/* line 5572, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-value.positive {
  color: #00d4aa;
}

/* line 5573, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-value.negative {
  color: #ff6b6b;
}

/* line 5577, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-label {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.35);
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
}

/* line 5585, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-divider {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.07);
  flex-shrink: 0;
}

/* line 5592, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-badge {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(0, 212, 170, 0.1);
  border: 1px solid rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  letter-spacing: 0.5px;
}

/* line 5605, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-tr-badge i {
  font-size: 10px;
}

/* line 5609, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-section {
  margin-top: 1.5rem;
}

/* line 5612, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-section[open] .opp-chevron {
  transform: rotate(180deg);
}

/* line 5614, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-section summary {
  list-style: none;
}

/* line 5614, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-section summary::-webkit-details-marker {
  display: none;
}

/* line 5617, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.82rem;
  font-weight: 600;
  user-select: none;
  transition: background 0.2s;
}

/* line 5631, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-toggle:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.6);
}

/* line 5632, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-toggle i:first-child {
  font-size: 11px;
}

/* line 5635, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-count {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1px 7px;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

/* line 5644, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-chevron {
  margin-left: auto;
  transition: transform 0.2s ease;
  font-size: 10px;
}

/* line 5650, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-dismissed-grid {
  margin-top: 0.75rem;
}

/* line 5654, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-dismissed {
  opacity: 0.5;
  filter: grayscale(40%);
}

/* line 5657, app/assets/stylesheets/dashboard.scss */
.opportunities-section .opp-card-dismissed:hover {
  opacity: 0.75;
  filter: none;
}

@media (max-width: 1200px) {
  /* line 5664, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-return-hero {
    font-size: 1.3rem;
  }
  /* line 5665, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-symbol {
    font-size: 1.1rem;
  }
}

@media (max-width: 1024px) {
  /* line 5670, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunities-grid {
    grid-template-columns: 1fr;
  }
  /* line 5671, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-title {
    font-size: 1.3rem;
  }
  /* line 5672, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-return-hero {
    font-size: 1.35rem;
  }
  /* line 5673, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-name {
    max-width: 220px;
  }
}

@media (max-width: 640px) {
  /* line 5678, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-header {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 5679, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-header-actions {
    justify-content: stretch;
  }
  /* line 5680, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .btn-opp-generate {
    flex: 1;
    justify-content: center;
  }
  /* line 5681, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .btn-opp-configure {
    justify-content: center;
  }
  /* line 5682, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-card-top {
    padding: 11px 13px 9px;
  }
  /* line 5683, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-return-hero {
    font-size: 1.25rem;
  }
  /* line 5684, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-card-identity {
    padding: 10px 13px;
  }
  /* line 5685, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-tags {
    justify-content: flex-start;
  }
  /* line 5686, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-metrics-row {
    padding: 10px 13px;
  }
  /* line 5687, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-rationale {
    padding: 10px 13px 13px;
  }
  /* line 5688, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-metric-divider {
    margin: 0 10px;
  }
  /* line 5689, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-name {
    max-width: 140px;
  }
}

@media (max-width: 400px) {
  /* line 5694, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-metric-value {
    font-size: 0.85rem;
  }
  /* line 5695, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-symbol {
    font-size: 1rem;
  }
  /* line 5696, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-return-hero {
    font-size: 1.1rem;
  }
  /* line 5697, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-confidence-ring-wrap {
    width: 40px;
    height: 40px;
  }
  /* line 5698, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-confidence-ring {
    width: 40px;
    height: 40px;
  }
  /* line 5699, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opp-confidence-score {
    font-size: 0.72rem;
  }
}

/* line 5705, app/assets/stylesheets/dashboard.scss */
.custom-tooltip .tooltip-inner {
  background: linear-gradient(135deg, #1a1f3a 0%, #2d3748 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  font-size: 0.85rem;
  line-height: 1.4;
  max-width: 300px;
  padding: 0.75rem 1rem;
  text-align: left;
}

/* line 5719, app/assets/stylesheets/dashboard.scss */
.custom-tooltip .tooltip-arrow::before {
  border-top-color: #2d3748;
}

/* line 5726, app/assets/stylesheets/dashboard.scss */
.section-header .btn.manage-portfolio-btn {
  background: transparent !important;
  border: 2px solid #ffc107 !important;
  color: #ffc107 !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

/* line 5733, app/assets/stylesheets/dashboard.scss */
.section-header .btn.manage-portfolio-btn:hover {
  background: #ffc107 !important;
  color: #000 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

/* line 5740, app/assets/stylesheets/dashboard.scss */
.section-header .btn.manage-portfolio-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25) !important;
}

/* line 5744, app/assets/stylesheets/dashboard.scss */
.section-header .btn.manage-portfolio-btn:active {
  background: #ffb300 !important;
  color: #000 !important;
}

/* line 5751, app/assets/stylesheets/dashboard.scss */
.add-stock-placeholder-row td {
  padding: 8px !important;
  border-top: 1px dashed rgba(25, 205, 165, 0.25) !important;
  background: transparent !important;
}

/* line 5757, app/assets/stylesheets/dashboard.scss */
.add-stock-table-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  color: rgba(25, 205, 165, 0.55);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
  border-radius: 0;
}

/* line 5774, app/assets/stylesheets/dashboard.scss */
.add-stock-table-btn:hover {
  color: #19cda5;
  background: rgba(25, 205, 165, 0.06);
}

/* line 5779, app/assets/stylesheets/dashboard.scss */
.add-stock-table-btn[aria-expanded="true"] {
  color: #19cda5;
  background: rgba(25, 205, 165, 0.06);
}

/* line 5784, app/assets/stylesheets/dashboard.scss */
.add-stock-table-btn i {
  font-size: 0.95rem;
}

/* line 5790, app/assets/stylesheets/dashboard.scss */
.add-stock-mobile-placeholder {
  margin-top: 0.5rem;
  border: 1px dashed rgba(25, 205, 165, 0.25);
  border-radius: 12px;
  overflow: hidden;
}

/* line 5796, app/assets/stylesheets/dashboard.scss */
.add-stock-mobile-placeholder .add-stock-table-btn {
  border-radius: 0;
  font-size: 0.9rem;
  padding: 0.85rem 1rem;
}

/* line 5804, app/assets/stylesheets/dashboard.scss */
.empty-state-add-stock {
  width: 100%;
  max-width: 560px;
  margin: 1.25rem auto 0;
  text-align: left;
}

/* line 5810, app/assets/stylesheets/dashboard.scss */
.empty-state-add-stock #dashboard-add-stock-panel {
  border-radius: 12px;
  border-top: 1px solid rgba(25, 205, 165, 0.2);
}

/* line 5817, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-collapse {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

/* line 5822, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel {
  background: rgba(25, 205, 165, 0.04);
  border: 1px solid rgba(25, 205, 165, 0.2);
  border-top: none;
  border-radius: 0 0 12px 12px;
  padding: 1.25rem 1.5rem;
}

/* line 5830, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form .fw-semibold {
  color: #19cda5;
}

/* line 5834, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form .form-control {
  background: var(--input-bg, #16212e);
  border-color: rgba(255, 255, 255, 0.15);
  color: var(--text-primary, #e2e8f0);
}

/* line 5839, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form .form-control:focus {
  border-color: #19cda5;
  box-shadow: 0 0 0 0.2rem rgba(25, 205, 165, 0.2);
}

/* line 5847, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="button"] {
  display: none !important;
}

/* line 5851, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form .flex-grow-1.position-relative {
  flex: 1 1 100%;
}

/* line 5855, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] {
  position: static !important;
  width: 100%;
  margin-top: 0.5rem;
  background: #131e2b;
  border: 1px solid rgba(25, 205, 165, 0.18);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* line 5865, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .list-group-item {
  background-color: #131e2b !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  color: #e2e8f0 !important;
  padding: 0.75rem 1rem;
  transition: background 0.15s ease;
}

/* line 5872, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .list-group-item:hover, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .list-group-item:focus {
  background-color: rgba(25, 205, 165, 0.08) !important;
}

/* line 5876, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .list-group-item:first-child {
  border-top: none !important;
}

/* line 5880, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-result-item.stock-result-external, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-result-item.stock-result-internal, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-result-item.stock-result-crypto {
  color: #e2e8f0;
}

/* line 5885, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-name, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] strong {
  color: #e2e8f0 !important;
}

/* line 5889, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-symbol {
  color: rgba(255, 255, 255, 0.6) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* line 5894, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-exchange, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-details, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .stock-separator {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* line 5899, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .search-result-actions {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
  align-items: center;
}

/* line 5905, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .search-result-actions .btn {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  flex-shrink: 0;
}

/* line 5918, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-watchlist-add {
  background: rgba(139, 92, 246, 0.15) !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  color: #a78bfa !important;
}

/* line 5923, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-watchlist-add:hover {
  background: rgba(139, 92, 246, 0.28) !important;
  color: #c4b5fd !important;
}

/* line 5930, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-add-owned, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-add-stock {
  background: rgba(25, 205, 165, 0.15) !important;
  border: 1px solid rgba(25, 205, 165, 0.3) !important;
  color: #19cda5 !important;
}

/* line 5935, app/assets/stylesheets/dashboard.scss */
#dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-add-owned:hover, #dashboard-add-stock-panel .dashboard-add-stock-form #stock-search-form [data-search-target="results"] .btn-add-stock:hover {
  background: rgba(25, 205, 165, 0.25) !important;
}

/* line 5946, app/assets/stylesheets/dashboard.scss */
.section-actions .d-flex {
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (max-width: 768px) {
  /* line 5946, app/assets/stylesheets/dashboard.scss */
  .section-actions .d-flex {
    flex-direction: column;
    align-items: flex-end !important;
  }
  /* line 5954, app/assets/stylesheets/dashboard.scss */
  .section-actions .d-flex .btn {
    width: auto;
    min-width: 150px;
  }
}

/* line 5964, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card {
  background: rgba(15, 20, 40, 0.85);
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 5971, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 5975, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-header h4 {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* line 5985, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-header h4 i {
  color: #00d4aa;
}

/* line 5990, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-header p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  margin: 0;
}

/* line 5998, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-bottom: 2rem;
}

/* line 6005, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .preference-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 1rem;
}

/* line 6014, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .preference-label i {
  color: #00d4aa;
  font-size: 1.1rem;
}

/* line 6020, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.75rem;
}

/* line 6025, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 6036, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 6041, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item .preference-checkbox {
  margin: 0;
  width: 16px;
  height: 16px;
  accent-color: #00d4aa;
}

/* line 6048, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item .checkbox-label {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  user-select: none;
}

/* line 6056, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item:has(.preference-checkbox:checked) {
  background: rgba(0, 212, 170, 0.1);
  border-color: #00d4aa;
}

/* line 6060, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-grid .preference-group .checkbox-group .checkbox-item:has(.preference-checkbox:checked) .checkbox-label {
  color: #00d4aa;
  font-weight: 600;
}

/* line 6070, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-actions {
  text-align: center;
}

/* line 6073, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-actions .btn {
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

/* line 6083, app/assets/stylesheets/dashboard.scss */
.opportunities-preferences .preferences-card .preferences-form .preferences-actions .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.3);
}

/* line 6094, app/assets/stylesheets/dashboard.scss */
.ai-advice-section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 6100, app/assets/stylesheets/dashboard.scss */
.ai-advice-card {
  background: linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  height: 100%;
}

/* line 6108, app/assets/stylesheets/dashboard.scss */
.ai-advice-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.15);
  border-color: rgba(0, 212, 170, 0.3);
}

/* AI Advice Full Width Layout */
/* line 6116, app/assets/stylesheets/dashboard.scss */
.ai-advice-full-width {
  margin-top: 20px;
  width: 100%;
}

/* line 6120, app/assets/stylesheets/dashboard.scss */
.ai-advice-full-width .analysis-card {
  width: 100%;
}

/* Complementary Information Section (Integrated) */
/* line 6126, app/assets/stylesheets/dashboard.scss */
.complementary-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid rgba(34, 197, 94, 0.2);
}

/* line 6131, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

/* line 6136, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-header .complementary-emoji {
  margin-right: 10px;
  font-size: 1.1em;
  display: inline-block;
}

/* line 6142, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-header span:not(.complementary-emoji) {
  color: #22c55e;
  font-size: 1em;
  font-weight: 600;
}

/* line 6149, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-content {
  color: #e5e7eb;
  line-height: 1.6;
  font-size: 0.9em;
  background: rgba(34, 197, 94, 0.1);
  padding: 15px;
  border-radius: 8px;
  border-left: 4px solid #22c55e;
}

/* line 6158, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-content p {
  margin-bottom: 10px;
}

/* line 6161, app/assets/stylesheets/dashboard.scss */
.complementary-section .complementary-content p:last-child {
  margin-bottom: 0;
}

/* Stock Events Section (Dividends, Earnings) */
/* line 6170, app/assets/stylesheets/dashboard.scss */
.stock-events-section .section-header-mini {
  margin-bottom: 10px;
}

/* line 6173, app/assets/stylesheets/dashboard.scss */
.stock-events-section .section-header-mini h5 {
  color: #22c55e;
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
}

/* line 6179, app/assets/stylesheets/dashboard.scss */
.stock-events-section .section-header-mini h5 i {
  margin-right: 6px;
}

/* line 6185, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
}

/* line 6191, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card {
  background: rgba(34, 197, 94, 0.08);
  border-radius: 8px;
  padding: 10px 12px;
  border-left: 3px solid #22c55e;
}

/* line 6197, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card.event-type-dividend {
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, 0.08);
}

/* line 6202, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card.event-type-earnings {
  border-left-color: #3b82f6;
  background: rgba(59, 130, 246, 0.08);
}

/* line 6207, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card.event-type-crisis {
  border-left-color: #ef4444;
  background: rgba(239, 68, 68, 0.08);
}

/* line 6212, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

/* line 6218, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-header .event-emoji {
  font-size: 1rem;
}

/* line 6222, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-header .event-symbol {
  font-weight: 700;
  color: #ffffff;
  font-size: 0.85rem;
}

/* line 6228, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-header .event-type-badge {
  background: rgba(255, 255, 255, 0.12);
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.65rem;
  color: #9ca3af;
  text-transform: uppercase;
}

/* line 6239, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-body .stock-name {
  color: #9ca3af;
  font-size: 0.75rem;
  margin-bottom: 3px;
}

/* line 6246, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-body .event-text-wrapper .event-text {
  color: #e5e7eb;
  font-size: 0.8rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 6258, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-body .event-text-wrapper .read-more-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 0.7rem;
  color: #3b82f6;
  text-decoration: none;
}

/* line 6265, app/assets/stylesheets/dashboard.scss */
.stock-events-section .stock-event-card .stock-event-body .event-text-wrapper .read-more-link:hover {
  text-decoration: underline;
  color: #60a5fa;
}

/* line 6276, app/assets/stylesheets/dashboard.scss */
.stock-name-modal {
  font-size: 0.9rem;
}

/* line 6280, app/assets/stylesheets/dashboard.scss */
.event-text-full {
  color: #e5e7eb;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* Macro Events Section (Market Context) */
/* line 6288, app/assets/stylesheets/dashboard.scss */
.macro-events-section .section-header-mini {
  margin-bottom: 15px;
}

/* line 6291, app/assets/stylesheets/dashboard.scss */
.macro-events-section .section-header-mini h5 {
  color: #60a5fa;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

/* line 6297, app/assets/stylesheets/dashboard.scss */
.macro-events-section .section-header-mini h5 i {
  margin-right: 8px;
}

/* line 6303, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-events-list {
  background: rgba(59, 130, 246, 0.08);
  border-radius: 10px;
  padding: 15px;
}

/* line 6309, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 6316, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 6321, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item:first-child {
  padding-top: 0;
}

/* line 6325, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-emoji {
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* line 6330, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-category {
  color: #60a5fa;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
}

/* line 6337, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-content {
  flex: 1;
  min-width: 0;
}

/* line 6342, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-category {
  display: inline;
  margin-right: 6px;
}

/* line 6347, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-text {
  display: inline;
  color: #d1d5db;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* line 6355, app/assets/stylesheets/dashboard.scss */
.macro-events-section .macro-event-item .macro-content {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  font-size: 0.9rem;
}

/* Events Calendar + Market Context Section */
/* line 6368, app/assets/stylesheets/dashboard.scss */
.events-context-section {
  margin-bottom: 2rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* line 6375, app/assets/stylesheets/dashboard.scss */
.events-context-row {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 2fr);
  gap: 1.5rem;
  width: 100%;
  align-items: start;
}

@media (max-width: 1024px) {
  /* line 6375, app/assets/stylesheets/dashboard.scss */
  .events-context-row {
    grid-template-columns: minmax(250px, 1fr) minmax(0, 1.5fr);
    gap: 1rem;
  }
}

@media (max-width: 900px) {
  /* line 6375, app/assets/stylesheets/dashboard.scss */
  .events-context-row {
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
  }
}

@media (max-width: 767px) {
  /* line 6375, app/assets/stylesheets/dashboard.scss */
  .events-context-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* line 6401, app/assets/stylesheets/dashboard.scss */
.calendar-column {
  background: rgba(34, 197, 94, 0.05);
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid rgba(34, 197, 94, 0.15);
  min-width: 0;
  overflow: hidden;
}

/* line 6409, app/assets/stylesheets/dashboard.scss */
.calendar-column .section-header-mini h5 {
  color: #22c55e;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* line 6415, app/assets/stylesheets/dashboard.scss */
.calendar-column .section-header-mini h5 i {
  margin-right: 6px;
}

/* line 6421, app/assets/stylesheets/dashboard.scss */
.context-column {
  background: rgba(59, 130, 246, 0.05);
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid rgba(59, 130, 246, 0.15);
  min-width: 0;
  overflow: hidden;
}

/* line 6429, app/assets/stylesheets/dashboard.scss */
.context-column .section-header-mini h5 {
  color: #60a5fa;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* line 6435, app/assets/stylesheets/dashboard.scss */
.context-column .section-header-mini h5 i {
  margin-right: 6px;
}

/* Calendar Styles */
/* line 6442, app/assets/stylesheets/dashboard.scss */
.events-calendar-wrapper {
  position: relative;
}

/* line 6447, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-header {
  text-align: center;
  margin-bottom: 0.75rem;
}

/* line 6451, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-header .calendar-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: capitalize;
}

/* line 6459, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}

/* line 6465, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-day-header {
  text-align: center;
  font-size: 0.65rem;
  font-weight: 600;
  color: #64748b;
  padding: 4px 2px;
  text-transform: uppercase;
}

/* line 6474, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell {
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 4px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  position: relative;
  min-height: 50px;
  transition: background 0.2s ease;
}

/* line 6487, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.empty {
  background: transparent;
}

/* line 6491, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.today {
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.4);
}

/* line 6495, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.today .day-number {
  color: #00d4aa;
  font-weight: 700;
}

/* line 6501, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.past {
  opacity: 0.5;
}

/* line 6505, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.weekend {
  background: rgba(255, 255, 255, 0.01);
}

/* line 6509, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.has-events {
  background: rgba(255, 255, 255, 0.06);
}

/* line 6512, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell.has-events:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 6517, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .day-number {
  font-size: 0.7rem;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1;
}

/* line 6524, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-indicators {
  display: flex;
  gap: 3px;
  margin-top: 3px;
  flex-wrap: wrap;
  justify-content: center;
}

/* line 6532, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

/* line 6550, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot:hover {
  transform: scale(1.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* line 6555, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot i {
  font-size: 0.55rem;
  line-height: 1;
}

/* line 6560, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot.event-dividend {
  background: rgba(255, 215, 0, 0.25);
  border: 2px solid #ffd700;
  color: #ffd700;
}

/* line 6566, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot.event-earnings {
  background: rgba(0, 180, 216, 0.25);
  border: 2px solid #00b4d8;
  color: #00b4d8;
}

/* line 6572, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot.event-crisis {
  background: rgba(239, 68, 68, 0.25);
  border: 2px solid #ef4444;
  color: #ef4444;
}

/* line 6578, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot.event-warning {
  background: rgba(251, 191, 36, 0.25);
  border: 2px solid #fbbf24;
  color: #fbbf24;
}

/* line 6584, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-dot.event-other {
  background: rgba(96, 165, 250, 0.25);
  border: 2px solid #60a5fa;
  color: #60a5fa;
}

/* line 6591, app/assets/stylesheets/dashboard.scss */
.calendar-container .calendar-cell .event-more {
  font-size: 0.6rem;
  color: #64748b;
  background: rgba(255, 255, 255, 0.1);
  padding: 2px 6px;
  border-radius: 8px;
}

/* Calendar Tooltip */
/* line 6602, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip {
  position: absolute;
  background: rgba(15, 20, 40, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 12px;
  min-width: 200px;
  max-width: 280px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

/* line 6618, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip.visible {
  opacity: 1;
  visibility: visible;
}

/* line 6623, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

/* line 6630, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-emoji {
  font-size: 1.1rem;
}

/* line 6634, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-symbol {
  font-weight: 700;
  color: #00d4aa;
  font-size: 0.9rem;
}

/* line 6640, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-type {
  font-size: 0.65rem;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 6647, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-type.type-dividend {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}

/* line 6652, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-type.type-earnings {
  background: rgba(34, 197, 94, 0.2);
  color: #22c55e;
}

/* line 6657, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-type.type-crisis {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* line 6662, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-type.type-other {
  background: rgba(96, 165, 250, 0.2);
  color: #60a5fa;
}

/* line 6668, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-name {
  font-size: 0.75rem;
  color: #64748b;
  margin-bottom: 6px;
}

/* line 6674, app/assets/stylesheets/dashboard.scss */
.calendar-tooltip .tooltip-text {
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.4;
}

/* Calendar Legend */
/* line 6682, app/assets/stylesheets/dashboard.scss */
.calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 6690, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 6696, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

/* line 6710, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon i {
  font-size: 0.5rem;
  line-height: 1;
}

/* line 6715, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon.dividend {
  background: rgba(255, 215, 0, 0.25);
  border: 2px solid #ffd700;
  color: #ffd700;
}

/* line 6721, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon.earnings {
  background: rgba(0, 180, 216, 0.25);
  border: 2px solid #00b4d8;
  color: #00b4d8;
}

/* line 6727, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon.crisis {
  background: rgba(239, 68, 68, 0.25);
  border: 2px solid #ef4444;
  color: #ef4444;
}

/* line 6733, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-icon.other {
  background: rgba(96, 165, 250, 0.25);
  border: 2px solid #60a5fa;
  color: #60a5fa;
}

/* line 6740, app/assets/stylesheets/dashboard.scss */
.calendar-legend .legend-label {
  font-size: 0.7rem;
  color: #64748b;
}

/* Market Context List */
/* line 6747, app/assets/stylesheets/dashboard.scss */
.market-context-list {
  width: 100%;
}

/* line 6750, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  width: 100%;
}

/* line 6758, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-item:last-child {
  border-bottom: none;
}

/* line 6763, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-emoji {
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* line 6768, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

/* line 6774, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-category {
  font-weight: 600;
  color: #60a5fa;
  font-size: 0.85rem;
  margin-right: 6px;
  display: inline;
}

/* line 6782, app/assets/stylesheets/dashboard.scss */
.market-context-list .context-text {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  display: inline;
}

/* line 6793, app/assets/stylesheets/dashboard.scss */
.no-context-message {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 1.5rem;
  color: #64748b;
  font-size: 0.85rem;
}

/* line 6801, app/assets/stylesheets/dashboard.scss */
.no-context-message i {
  color: #00d4aa;
}

/* Upcoming Events List (for events without dates) */
/* line 6807, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 10px;
}

/* line 6812, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 8px;
}

/* line 6821, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-header i {
  color: #ffa726;
}

/* line 6826, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 0;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* line 6834, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-item:last-child {
  border-bottom: none;
}

/* line 6839, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-emoji {
  font-size: 0.9rem;
}

/* line 6843, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-symbol {
  font-weight: 600;
  color: #00d4aa;
  min-width: 50px;
}

/* line 6849, app/assets/stylesheets/dashboard.scss */
.upcoming-events-list .upcoming-text {
  color: #94a3b8;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tablet responsive (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* line 6861, app/assets/stylesheets/dashboard.scss */
  .calendar-column {
    padding: 0.75rem;
  }
  /* line 6864, app/assets/stylesheets/dashboard.scss */
  .calendar-column .section-header-mini h5 {
    font-size: 0.8rem;
  }
  /* line 6869, app/assets/stylesheets/dashboard.scss */
  .context-column {
    padding: 0.75rem;
  }
  /* line 6872, app/assets/stylesheets/dashboard.scss */
  .context-column .section-header-mini h5 {
    font-size: 0.8rem;
  }
  /* line 6878, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell {
    min-height: 38px;
  }
  /* line 6881, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .day-number {
    font-size: 0.6rem;
  }
  /* line 6885, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
  }
  /* line 6893, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot i {
    font-size: 0.45rem;
  }
  /* line 6901, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-category {
    font-size: 0.75rem;
  }
  /* line 6905, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-text {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  /* line 6911, app/assets/stylesheets/dashboard.scss */
  .calendar-legend {
    gap: 8px;
  }
  /* line 6914, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-label {
    font-size: 0.6rem;
  }
  /* line 6918, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    max-width: 14px;
    max-height: 14px;
  }
  /* line 6926, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-icon i {
    font-size: 0.4rem;
  }
}

/* Responsive for Calendar Section */
@media (max-width: 767px) {
  /* line 6935, app/assets/stylesheets/dashboard.scss */
  .events-context-section {
    margin-bottom: 1rem;
    width: 100%;
    padding: 0;
  }
  /* line 6941, app/assets/stylesheets/dashboard.scss */
  .events-context-row {
    gap: 0.75rem;
    width: 100%;
  }
  /* line 6946, app/assets/stylesheets/dashboard.scss */
  .calendar-column,
.context-column {
    padding: 0.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
  }
  /* line 6955, app/assets/stylesheets/dashboard.scss */
  .calendar-container {
    width: 100%;
  }
  /* line 6959, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-header .calendar-title {
    font-size: 0.8rem;
  }
  /* line 6964, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    width: 100%;
  }
  /* line 6971, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-day-header {
    font-size: 0.55rem;
    padding: 3px 0;
    text-align: center;
  }
  /* line 6977, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell {
    min-height: 32px;
    padding: 2px 1px;
    aspect-ratio: unset;
  }
  /* line 6982, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .day-number {
    font-size: 0.5rem;
  }
  /* line 6986, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
    max-width: 14px;
    max-height: 14px;
  }
  /* line 6994, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot i {
    font-size: 0.35rem;
  }
  /* line 6999, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-indicators {
    gap: 1px;
    margin-top: 1px;
  }
  /* line 7006, app/assets/stylesheets/dashboard.scss */
  .calendar-legend {
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 8px;
    margin-top: 8px;
  }
  /* line 7013, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-item {
    gap: 3px;
  }
  /* line 7017, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-label {
    font-size: 0.5rem;
  }
  /* line 7021, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-icon {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    max-width: 12px;
    max-height: 12px;
  }
  /* line 7029, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-icon i {
    font-size: 0.3rem;
  }
  /* Market context mobile fixes */
  /* line 7037, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-item {
    padding: 6px 0;
    gap: 6px;
    flex-wrap: nowrap;
  }
  /* line 7043, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-emoji {
    font-size: 0.9rem;
    flex-shrink: 0;
  }
  /* line 7048, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-content {
    min-width: 0;
    flex: 1;
  }
  /* line 7053, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-category {
    font-size: 0.7rem;
    display: block;
    margin-bottom: 2px;
  }
  /* line 7059, app/assets/stylesheets/dashboard.scss */
  .market-context-list .context-text {
    font-size: 0.75rem;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
  }
  /* line 7069, app/assets/stylesheets/dashboard.scss */
  .no-context-message {
    font-size: 0.75rem;
    padding: 8px;
  }
  /* line 7074, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list {
    padding: 6px;
  }
  /* line 7077, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list .upcoming-header {
    font-size: 0.7rem;
    margin-bottom: 6px;
  }
  /* line 7082, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list .upcoming-item {
    font-size: 0.7rem;
    gap: 4px;
    flex-wrap: nowrap;
  }
  /* line 7088, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list .upcoming-emoji {
    flex-shrink: 0;
  }
  /* line 7092, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list .upcoming-symbol {
    min-width: 35px;
    font-size: 0.65rem;
    flex-shrink: 0;
  }
  /* line 7098, app/assets/stylesheets/dashboard.scss */
  .upcoming-events-list .upcoming-text {
    font-size: 0.65rem;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

/* Extra small mobile (< 375px) */
@media (max-width: 374px) {
  /* line 7110, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-day-header {
    font-size: 0.45rem;
  }
  /* line 7114, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell {
    min-height: 28px;
  }
  /* line 7117, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .day-number {
    font-size: 0.45rem;
  }
  /* line 7121, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    max-width: 12px;
    max-height: 12px;
  }
  /* line 7129, app/assets/stylesheets/dashboard.scss */
  .calendar-container .calendar-cell .event-dot i {
    font-size: 0.3rem;
  }
  /* line 7137, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-label {
    font-size: 0.45rem;
  }
  /* line 7141, app/assets/stylesheets/dashboard.scss */
  .calendar-legend .legend-icon {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    max-width: 10px;
    max-height: 10px;
  }
}

/* line 7152, app/assets/stylesheets/dashboard.scss */
.ai-advice-header {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 7158, app/assets/stylesheets/dashboard.scss */
.ai-advice-symbol {
  font-size: 1.25rem;
  font-weight: 700;
  color: #00d4aa;
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
}

/* line 7166, app/assets/stylesheets/dashboard.scss */
.ai-advice-name {
  font-size: 0.875rem;
  color: #64748b;
  font-weight: 500;
}

/* line 7172, app/assets/stylesheets/dashboard.scss */
.ai-advice-content {
  color: #ffffff;
  line-height: 1.6;
  font-size: 0.9rem;
}

/* line 7177, app/assets/stylesheets/dashboard.scss */
.ai-advice-content p {
  margin-bottom: 0.75rem;
}

/* line 7180, app/assets/stylesheets/dashboard.scss */
.ai-advice-content p:last-child {
  margin-bottom: 0;
}

/* line 7185, app/assets/stylesheets/dashboard.scss */
.ai-advice-content strong {
  color: #00d4aa;
  font-weight: 600;
}

/* line 7190, app/assets/stylesheets/dashboard.scss */
.ai-advice-content em {
  color: #64748b;
  font-style: italic;
}

/* line 7197, app/assets/stylesheets/dashboard.scss */
.refresh-needed {
  color: #ffffff !important;
  background: #dc3545;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #c82333;
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

/* line 7210, app/assets/stylesheets/dashboard.scss */
.refresh-needed i {
  font-size: 0.8rem;
}

/* line 7216, app/assets/stylesheets/dashboard.scss */
.estimated-value {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 500;
}

/* line 7221, app/assets/stylesheets/dashboard.scss */
.estimated-value.positive {
  color: #28a745;
}

/* line 7225, app/assets/stylesheets/dashboard.scss */
.estimated-value.negative {
  color: #dc3545;
}

/* line 7231, app/assets/stylesheets/dashboard.scss */
.ai-advice-toggle-cell {
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem;
}

/* line 7237, app/assets/stylesheets/dashboard.scss */
.ai-advice-toggle-btn {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 255, 0.1) 100%);
  border: 1px solid rgba(0, 212, 170, 0.3);
  color: #00d4aa;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto;
}

/* line 7252, app/assets/stylesheets/dashboard.scss */
.ai-advice-toggle-btn:hover {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%);
  border-color: rgba(0, 212, 170, 0.5);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.2);
}

/* line 7259, app/assets/stylesheets/dashboard.scss */
.ai-advice-toggle-btn i {
  transition: transform 0.3s ease;
}

/* line 7263, app/assets/stylesheets/dashboard.scss */
.ai-advice-toggle-btn.expanded i {
  transform: rotate(180deg);
}

/* line 7268, app/assets/stylesheets/dashboard.scss */
.ai-advice-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 7275, app/assets/stylesheets/dashboard.scss */
.ai-advice-row {
  background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
  border-top: 1px solid rgba(0, 212, 170, 0.2);
}

/* line 7279, app/assets/stylesheets/dashboard.scss */
.ai-advice-row td {
  padding: 0;
  border: none;
}

/* line 7285, app/assets/stylesheets/dashboard.scss */
.ai-advice-cell {
  padding: 1.5rem;
  background: transparent;
}

/* line 7291, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-card {
  background: linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 12px;
  padding: 1.5rem;
  margin: 0;
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 7302, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #00d4aa, #00b4d8);
  border-radius: 12px 12px 0 0;
}

/* line 7313, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 212, 170, 0.15);
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 7320, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 212, 170, 0.2);
}

/* line 7329, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
}

/* line 7339, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-icon i {
  font-size: 1.25rem;
  color: #00d4aa;
}

/* line 7345, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-title {
  flex: 1;
}

/* line 7348, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-title h4 {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 0.25rem 0;
  letter-spacing: -0.01em;
}

/* line 7356, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-title p {
  color: #64748b;
  font-size: 0.875rem;
  margin: 0;
  font-weight: 500;
}

/* line 7364, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content {
  color: #ffffff;
  line-height: 1.7;
  font-size: 0.9rem;
}

/* line 7369, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content .ai-analysis-text {
  white-space: pre-line;
}

/* line 7372, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content .ai-analysis-text p {
  margin-bottom: 0.75rem;
}

/* line 7375, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content .ai-analysis-text p:last-child {
  margin-bottom: 0;
}

/* line 7380, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content .ai-analysis-text strong {
  color: #00d4aa;
  font-weight: 700;
}

/* line 7385, app/assets/stylesheets/dashboard.scss */
.ai-recommendation-content .ai-analysis-text em {
  color: #64748b;
  font-style: italic;
}

/* line 7394, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 212, 170, 0.2);
}

/* line 7399, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-header h5 {
  color: #00d4aa;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 7408, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-header h5 i {
  font-size: 1.1rem;
}

/* line 7415, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section {
  margin-bottom: 1.5rem;
}

/* line 7418, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .action-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 7424, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .action-item strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
}

/* line 7430, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .trading-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
}

/* line 7435, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .trading-metrics .metric-item {
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 7445, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .trading-metrics .metric-item .metric-label {
  color: #00d4aa;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 7454, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .trading-metrics .metric-item .metric-value {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1rem;
  font-weight: 700;
}

/* line 7463, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1rem;
}

/* line 7468, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid .growth-item {
  background: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 7478, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid .growth-item .growth-period {
  color: #00d4aa;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 7487, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid .growth-item .growth-value {
  font-size: 1.1rem;
  font-weight: 700;
}

/* line 7491, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid .growth-item .growth-value.positive {
  color: #00d4aa;
}

/* line 7495, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .action-section .growth-metrics .growth-grid .growth-item .growth-value.negative {
  color: #ff6b6b;
}

/* line 7505, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .forecast-analysis-text,
.unified-analysis .analysis-content .analysis-text .ai-analysis-text {
  margin-bottom: 1.5rem;
}

/* line 7509, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .forecast-analysis-text:last-child,
.unified-analysis .analysis-content .analysis-text .ai-analysis-text:last-child {
  margin-bottom: 0;
}

/* line 7513, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .forecast-analysis-text strong,
.unified-analysis .analysis-content .analysis-text .ai-analysis-text strong {
  color: #00d4aa;
  font-size: 1rem;
  font-weight: 600;
  display: block;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 7523, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .forecast-analysis-text strong::before,
.unified-analysis .analysis-content .analysis-text .ai-analysis-text strong::before {
  content: '';
  width: 4px;
  height: 16px;
  background: linear-gradient(135deg, #00d4aa, #00a8cc);
  border-radius: 2px;
}

/* line 7532, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .forecast-analysis-text p,
.unified-analysis .analysis-content .analysis-text .ai-analysis-text p {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  font-size: 0.95rem;
  margin: 0;
  padding-left: 1.5rem;
}

/* line 7542, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .ai-analysis-text strong {
  color: #00a8cc;
}

/* line 7545, app/assets/stylesheets/dashboard.scss */
.unified-analysis .analysis-content .analysis-text .ai-analysis-text strong::before {
  background: linear-gradient(135deg, #00a8cc, #0077b6);
}

/* line 7554, app/assets/stylesheets/dashboard.scss */
.forecast-type-badge {
  display: inline-block;
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 7567, app/assets/stylesheets/dashboard.scss */
.ai-analysis {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 7573, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-header {
  margin-bottom: 0.75rem;
}

/* line 7576, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-header h5 {
  color: #00a8cc;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 7585, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-header h5 i {
  font-size: 0.9rem;
}

/* line 7591, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-text {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  font-size: 0.9rem;
}

/* line 7596, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-text p {
  margin-bottom: 0.75rem;
}

/* line 7599, app/assets/stylesheets/dashboard.scss */
.ai-analysis .ai-analysis-text p:last-child {
  margin-bottom: 0;
}

/* line 7607, app/assets/stylesheets/dashboard.scss */
.ai-advice-row {
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 7611, app/assets/stylesheets/dashboard.scss */
.ai-advice-row.collapsing {
  opacity: 0;
  max-height: 0;
}

/* line 7616, app/assets/stylesheets/dashboard.scss */
.ai-advice-row.expanded {
  opacity: 1;
  max-height: 500px;
}

/* line 7623, app/assets/stylesheets/dashboard.scss */
.watch-out-section {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 7629, app/assets/stylesheets/dashboard.scss */
.watch-out-cards {
  margin-top: 1.5rem;
}

/* line 7633, app/assets/stylesheets/dashboard.scss */
.watch-out-card {
  background: linear-gradient(145deg, #1a1f3a 0%, #2d3748 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 7643, app/assets/stylesheets/dashboard.scss */
.watch-out-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 12px 12px 0 0;
}

/* line 7653, app/assets/stylesheets/dashboard.scss */
.watch-out-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.15);
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 7660, app/assets/stylesheets/dashboard.scss */
.watch-out-card.events-card::before {
  background: linear-gradient(90deg, #ffa726, #ff9800);
}

/* line 7664, app/assets/stylesheets/dashboard.scss */
.watch-out-card.invest-card::before {
  background: linear-gradient(90deg, #4caf50, #8bc34a);
}

/* line 7668, app/assets/stylesheets/dashboard.scss */
.watch-out-card.avoid-card::before {
  background: linear-gradient(90deg, #f44336, #ff5722);
}

/* line 7672, app/assets/stylesheets/dashboard.scss */
.watch-out-card.timing-card::before {
  background: linear-gradient(90deg, #2196f3, #03a9f4);
}

/* line 7677, app/assets/stylesheets/dashboard.scss */
.watch-out-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* line 7687, app/assets/stylesheets/dashboard.scss */
.watch-out-icon i {
  font-size: 1.25rem;
}

/* line 7691, app/assets/stylesheets/dashboard.scss */
.events-card .watch-out-icon {
  background: rgba(255, 167, 38, 0.2);
  color: #ffa726;
}

/* line 7696, app/assets/stylesheets/dashboard.scss */
.invest-card .watch-out-icon {
  background: rgba(76, 175, 80, 0.2);
  color: #4caf50;
}

/* line 7701, app/assets/stylesheets/dashboard.scss */
.avoid-card .watch-out-icon {
  background: rgba(244, 67, 54, 0.2);
  color: #f44336;
}

/* line 7706, app/assets/stylesheets/dashboard.scss */
.timing-card .watch-out-icon {
  background: rgba(33, 150, 243, 0.2);
  color: #2196f3;
}

/* line 7713, app/assets/stylesheets/dashboard.scss */
.watch-out-content h5 {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.01em;
}

/* line 7721, app/assets/stylesheets/dashboard.scss */
.watch-out-content p {
  color: #94a3b8;
  line-height: 1.6;
  font-size: 0.9rem;
  margin: 0;
}

/* line 7730, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .top-growth-blocks {
  display: flex !important;
  gap: 1rem !important;
  margin: 1rem 0 !important;
  padding: 1rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* line 7740, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-block {
  flex: 1 !important;
  text-align: center !important;
  padding: 1rem !important;
  background: rgba(40, 167, 69, 0.1) !important;
  border-radius: 6px !important;
  border: 1px solid rgba(40, 167, 69, 0.2) !important;
}

/* line 7749, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-percentage {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.25rem !important;
  color: #28a745 !important;
}

/* line 7756, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-value {
  font-size: 0.9rem !important;
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 500 !important;
}

/* line 7763, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0.5rem !important;
  margin: 0.75rem 0 !important;
  padding: 0.75rem !important;
  background: rgba(15, 23, 42, 0.8) !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 7763, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container {
    gap: 0.3rem !important;
    margin: 0.5rem 0 !important;
    padding: 0.4rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 7763, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container {
    gap: 0.25rem !important;
    margin: 0.4rem 0 !important;
    padding: 0.3rem !important;
  }
}

/* line 7787, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0.5rem !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 45px !important;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 7787, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item {
    padding: 0.25rem 0.2rem !important;
    min-height: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 7787, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item {
    padding: 0.2rem 0.15rem !important;
    min-height: 30px !important;
  }
}

/* line 7813, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(0, 212, 170, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* line 7819, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item .metric-label {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 0.25rem !important;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 7819, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item .metric-label {
    font-size: 0.5rem !important;
    margin-bottom: 0.15rem !important;
    letter-spacing: 0.3px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 7819, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item .metric-label {
    font-size: 0.45rem !important;
    margin-bottom: 0.1rem !important;
    letter-spacing: 0.2px !important;
  }
}

/* line 7842, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item .metric-value {
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 7842, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item .metric-value {
    font-size: 0.6rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 7842, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container .metric-item .metric-value {
    font-size: 0.55rem !important;
  }
}

/* line 7857, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item .metric-value.positive {
  color: #28a745 !important;
}

/* line 7861, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card .growth-estimates-container .metric-item .metric-value.negative {
  color: #dc3545 !important;
}

@media (max-width: 768px) {
  /* line 7763, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
  }
}

@media (max-width: 480px) {
  /* line 7763, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card .growth-estimates-container {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
  }
}

/* line 7880, app/assets/stylesheets/dashboard.scss */
.symbol-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.4rem 0.8rem !important;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.15) 0%, rgba(0, 212, 170, 0.25) 100%) !important;
  color: #00d4aa !important;
  border-radius: 8px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border: 1px solid rgba(0, 212, 170, 0.3) !important;
  box-shadow: 0 2px 4px rgba(0, 212, 170, 0.1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* line 7900, app/assets/stylesheets/dashboard.scss */
.symbol-tag:hover {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.25) 0%, rgba(0, 212, 170, 0.35) 100%) !important;
  border-color: rgba(0, 212, 170, 0.5) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 212, 170, 0.2) !important;
}

/* line 7909, app/assets/stylesheets/dashboard.scss */
.analysis-toggle-cell {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 1rem 0.75rem !important;
}

/* line 7916, app/assets/stylesheets/dashboard.scss */
.forecast-cell {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 1rem 0.75rem !important;
  max-width: 150px !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 7916, app/assets/stylesheets/dashboard.scss */
  .forecast-cell {
    max-width: 100px !important;
    padding: 0.5rem 0.3rem !important;
  }
}

/* line 7932, app/assets/stylesheets/dashboard.scss */
.action-badge, .forecast-badge {
  display: inline-block !important;
  padding: 0.28rem 0.6rem !important;
  border-radius: 5px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  border: 1px solid !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: all 0.2s ease !important;
}

/* line 7945, app/assets/stylesheets/dashboard.scss */
.action-badge:hover, .forecast-badge:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* line 7950, app/assets/stylesheets/dashboard.scss */
.action-badge.buy, .buy.forecast-badge {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.15) 0%, rgba(40, 167, 69, 0.25) 100%) !important;
  color: #28a745 !important;
  border-color: rgba(40, 167, 69, 0.4) !important;
}

/* line 7956, app/assets/stylesheets/dashboard.scss */
.action-badge.sell, .sell.forecast-badge {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.15) 0%, rgba(220, 53, 69, 0.25) 100%) !important;
  color: #dc3545 !important;
  border-color: rgba(220, 53, 69, 0.4) !important;
}

/* line 7962, app/assets/stylesheets/dashboard.scss */
.action-badge.hold, .hold.forecast-badge {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.25) 100%) !important;
  color: #ffc107 !important;
  border-color: rgba(255, 193, 7, 0.4) !important;
}

/* line 7968, app/assets/stylesheets/dashboard.scss */
.action-badge.wait, .wait.forecast-badge {
  background: linear-gradient(135deg, rgba(108, 117, 125, 0.15) 0%, rgba(108, 117, 125, 0.25) 100%) !important;
  color: #6c757d !important;
  border-color: rgba(108, 117, 125, 0.4) !important;
}

/* line 7974, app/assets/stylesheets/dashboard.scss */
.action-badge.needs-refresh, .needs-refresh.forecast-badge {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.25) 100%) !important;
  color: #ffc107 !important;
  border-color: rgba(255, 193, 7, 0.4) !important;
  animation: pulse-warning 2s infinite;
}

/* line 7988, app/assets/stylesheets/dashboard.scss */
.medium-term-cell {
  text-align: center;
  vertical-align: middle;
  padding: 1rem 0.75rem !important;
  max-width: 150px !important;
}

/* line 7998, app/assets/stylesheets/dashboard.scss */
.medium-term-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  padding: 0.4rem 1rem !important;
  border-radius: 8px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  border: 1px solid !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* line 8016, app/assets/stylesheets/dashboard.scss */
.medium-term-btn .btn-action-text {
  font-weight: 700 !important;
}

/* line 8020, app/assets/stylesheets/dashboard.scss */
.medium-term-btn .btn-info-icon {
  font-size: 0.6rem !important;
  opacity: 0.6;
  transition: all 0.2s ease;
}

/* line 8026, app/assets/stylesheets/dashboard.scss */
.medium-term-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* line 8030, app/assets/stylesheets/dashboard.scss */
.medium-term-btn:hover .btn-info-icon {
  opacity: 1;
}

/* line 8035, app/assets/stylesheets/dashboard.scss */
.medium-term-btn:focus {
  outline: none !important;
}

/* line 8039, app/assets/stylesheets/dashboard.scss */
.medium-term-btn:active {
  transform: translateY(0) !important;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  /* line 7998, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.3rem !important;
    gap: 0.2rem !important;
    box-shadow: none !important;
  }
  /* line 8050, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn .btn-info-icon {
    font-size: 0.4rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 7998, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.25rem !important;
    gap: 0.15rem !important;
    box-shadow: none !important;
    border-radius: 6px !important;
  }
  /* line 8063, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn .btn-info-icon {
    font-size: 0.35rem !important;
  }
}

@media (max-width: 767px) {
  /* line 7998, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn {
    font-size: 0.6rem !important;
    padding: 0.2rem 0.4rem !important;
    gap: 0.2rem !important;
    box-shadow: none !important;
    border-radius: 6px !important;
  }
  /* line 8076, app/assets/stylesheets/dashboard.scss */
  .medium-term-btn .btn-info-icon {
    font-size: 0.45rem !important;
  }
}

/* line 8082, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.buy {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.15) 0%, rgba(40, 167, 69, 0.25) 100%) !important;
  border-color: rgba(40, 167, 69, 0.5) !important;
  color: #28a745 !important;
  box-shadow: 0 2px 4px rgba(40, 167, 69, 0.15) !important;
}

/* line 8088, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.buy:hover {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.25) 0%, rgba(40, 167, 69, 0.35) 100%) !important;
  border-color: rgba(40, 167, 69, 0.7) !important;
  box-shadow: 0 4px 8px rgba(40, 167, 69, 0.25) !important;
}

/* line 8094, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.buy:focus {
  box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.25) !important;
}

/* line 8100, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.sell {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.15) 0%, rgba(220, 53, 69, 0.25) 100%) !important;
  border-color: rgba(220, 53, 69, 0.5) !important;
  color: #dc3545 !important;
  box-shadow: 0 2px 4px rgba(220, 53, 69, 0.15) !important;
}

/* line 8106, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.sell:hover {
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.25) 0%, rgba(220, 53, 69, 0.35) 100%) !important;
  border-color: rgba(220, 53, 69, 0.7) !important;
  box-shadow: 0 4px 8px rgba(220, 53, 69, 0.25) !important;
}

/* line 8112, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.sell:focus {
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25) !important;
}

/* line 8118, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.hold {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15) 0%, rgba(255, 193, 7, 0.25) 100%) !important;
  border-color: rgba(255, 193, 7, 0.5) !important;
  color: #ffc107 !important;
  box-shadow: 0 2px 4px rgba(255, 193, 7, 0.15) !important;
}

/* line 8124, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.hold:hover {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.25) 0%, rgba(255, 193, 7, 0.35) 100%) !important;
  border-color: rgba(255, 193, 7, 0.7) !important;
  box-shadow: 0 4px 8px rgba(255, 193, 7, 0.25) !important;
}

/* line 8130, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.hold:focus {
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.25) !important;
}

/* line 8136, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.wait {
  background: linear-gradient(135deg, rgba(0, 168, 255, 0.15) 0%, rgba(0, 168, 255, 0.25) 100%) !important;
  border-color: rgba(0, 168, 255, 0.5) !important;
  color: #00a8ff !important;
  box-shadow: 0 2px 4px rgba(0, 168, 255, 0.15) !important;
}

/* line 8142, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.wait:hover {
  background: linear-gradient(135deg, rgba(0, 168, 255, 0.25) 0%, rgba(0, 168, 255, 0.35) 100%) !important;
  border-color: rgba(0, 168, 255, 0.7) !important;
  box-shadow: 0 4px 8px rgba(0, 168, 255, 0.25) !important;
}

/* line 8148, app/assets/stylesheets/dashboard.scss */
.medium-term-btn.wait:focus {
  box-shadow: 0 0 0 3px rgba(0, 168, 255, 0.25) !important;
}

/* line 8156, app/assets/stylesheets/dashboard.scss */
#medium-term-modal .modal-content {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}

/* line 8161, app/assets/stylesheets/dashboard.scss */
#medium-term-modal .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* line 8165, app/assets/stylesheets/dashboard.scss */
#medium-term-modal .modal-title {
  font-size: 1rem;
  font-weight: 600;
}

/* line 8170, app/assets/stylesheets/dashboard.scss */
#medium-term-modal .action-badge, #medium-term-modal .forecast-badge {
  font-size: 1rem !important;
  padding: 0.5rem 1.5rem !important;
}

/* line 8175, app/assets/stylesheets/dashboard.scss */
#medium-term-modal .medium-term-reason-text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border-left: 3px solid #00d4aa;
}

@keyframes pulse-warning {
  0% {
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.1);
  }
  50% {
    box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
  }
  100% {
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.1);
  }
}

/* line 8200, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 255, 0.1) 100%) !important;
  border: 1px solid rgba(0, 212, 170, 0.4) !important;
  color: #00d4aa !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px !important;
  font-size: 0.75rem !important;
  margin: 0 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  box-shadow: 0 2px 4px rgba(0, 212, 170, 0.1) !important;
  min-width: 120px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
}

/* line 8218, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn:hover {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%) !important;
  border-color: rgba(0, 212, 170, 0.6) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(0, 212, 170, 0.2) !important;
}

/* line 8225, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.25) !important;
}

/* line 8230, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px rgba(0, 212, 170, 0.1) !important;
}

/* line 8235, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn .btn-text {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  font-size: 0.7rem !important;
}

/* line 8242, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn i {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 0.8rem !important;
  flex-shrink: 0 !important;
}

/* line 8248, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn[aria-expanded="true"] i {
  transform: rotate(90deg) !important;
}

/* line 8252, app/assets/stylesheets/dashboard.scss */
.ai-analysis-toggle-btn[aria-expanded="false"] i {
  transform: rotate(0deg) !important;
}

/* line 8259, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown,
.btn-stock-chart.btn-chart-dropdown,
.btn-chart-dropdown {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  padding: 0.35rem 0.5rem !important;
  min-width: 2.4rem !important;
  max-width: 3rem !important;
  min-height: 1.6rem !important;
  max-height: 2rem !important;
  width: auto !important;
  height: auto !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 6px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

/* line 8281, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-chart-dropdown .fa-chart-line {
  font-size: 0.8rem !important;
  flex-shrink: 0 !important;
}

/* line 8287, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-chart-dropdown .chevron-icon {
  font-size: 0.45rem !important;
  transition: transform 0.2s ease !important;
  opacity: 0.7;
  flex-shrink: 0 !important;
}

/* line 8294, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown:hover,
.btn-stock-chart.btn-chart-dropdown:hover,
.btn-chart-dropdown:hover {
  background: rgba(99, 102, 241, 0.2) !important;
  border-color: rgba(99, 102, 241, 0.4) !important;
  color: #a5b4fc !important;
}

/* line 8300, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown[aria-expanded="true"],
.btn-stock-chart.btn-chart-dropdown[aria-expanded="true"],
.btn-chart-dropdown[aria-expanded="true"] {
  background: rgba(99, 102, 241, 0.3) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
  color: #a5b4fc !important;
}

/* line 8305, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart.btn-chart-dropdown[aria-expanded="true"] .chevron-icon,
.btn-stock-chart.btn-chart-dropdown[aria-expanded="true"] .chevron-icon,
.btn-chart-dropdown[aria-expanded="true"] .chevron-icon {
  transform: rotate(180deg) !important;
}

/* line 8312, app/assets/stylesheets/dashboard.scss */
.chart-cell:has(.btn-chart-dropdown) {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 56px !important;
}

@media (max-width: 767px) {
  /* line 8320, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown,
.btn-stock-chart.btn-chart-dropdown,
.btn-chart-dropdown {
    padding: 0.3rem 0.4rem !important;
    min-width: 2rem !important;
    max-width: 2.6rem !important;
    min-height: 1.4rem !important;
    max-height: 1.8rem !important;
    gap: 0.2rem !important;
  }
  /* line 8330, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-chart-dropdown .fa-chart-line {
    font-size: 0.7rem !important;
  }
  /* line 8334, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-chart-dropdown .chevron-icon {
    font-size: 0.4rem !important;
  }
  /* line 8339, app/assets/stylesheets/dashboard.scss */
  .chart-cell:has(.btn-chart-dropdown) {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 48px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 8348, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown,
.btn-stock-chart.btn-chart-dropdown,
.btn-chart-dropdown {
    padding: 0.2rem 0.3rem !important;
    min-width: 1.6rem !important;
    max-width: 2rem !important;
  }
  /* line 8355, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-stock-chart.btn-chart-dropdown .fa-chart-line,
.btn-chart-dropdown .fa-chart-line {
    font-size: 0.6rem !important;
  }
  /* line 8359, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-stock-chart.btn-chart-dropdown .chevron-icon,
.btn-chart-dropdown .chevron-icon {
    display: none !important;
  }
  /* line 8364, app/assets/stylesheets/dashboard.scss */
  .chart-cell:has(.btn-chart-dropdown),
.chart-cell {
    width: 32px !important;
    min-width: 28px !important;
    max-width: 36px !important;
    padding: 0.1rem !important;
    overflow: hidden !important;
  }
}

/* line 8376, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-cell {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 8382, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 1rem;
  margin: 0.25rem 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

/* line 8397, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card.chart-dropdown-card-pro {
  max-width: 800px;
  padding: 1.25rem;
}

/* line 8403, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: rgba(15, 23, 42, 0.6);
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 8412, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 8417, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .chart-title {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 8425, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .chart-title i {
  font-size: 0.8rem;
  color: #00d4aa;
}

/* line 8428, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .period-selector {
  display: flex;
  gap: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.2rem;
  border-radius: 6px;
}

/* line 8435, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .period-selector .period-btn {
  background: transparent;
  border: none;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.35rem 0.6rem;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 8446, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .period-selector .period-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

/* line 8451, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-header .period-selector .period-btn.active {
  background: rgba(99, 102, 241, 0.8);
  color: #fff;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}

/* line 8460, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-container {
  height: 160px;
  position: relative;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 0.75rem 0.5rem 0.5rem 0.25rem;
}

/* line 8467, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}

/* line 8473, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 8481, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-stats {
  display: flex;
  gap: 1rem;
}

/* line 8485, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 8490, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-stats .stat-item .stat-label {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
}

/* line 8496, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-stats .stat-item .stat-value {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
}

/* line 8504, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-summary {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.35rem 0.6rem;
  border-radius: 6px;
}

/* line 8512, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-summary .summary-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
}

/* line 8518, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-summary .summary-value {
  font-size: 0.85rem;
  font-weight: 700;
}

/* line 8522, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-summary .summary-value.positive {
  color: #22c55e;
}

/* line 8523, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-section .chart-summary .summary-value.negative {
  color: #ef4444;
}

/* line 8529, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .no-historical-data {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.75rem;
}

/* line 8538, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .no-historical-data i {
  font-size: 1.5rem;
  opacity: 0.5;
}

/* line 8545, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .chart-actions {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 8551, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .chart-actions .btn-see-more {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.2));
  border: 1px solid rgba(99, 102, 241, 0.4);
  border-radius: 6px;
  color: #a5b4fc;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 8565, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .chart-actions .btn-see-more i {
  font-size: 0.65rem;
}

/* line 8567, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .chart-actions .btn-see-more:hover {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.3), rgba(139, 92, 246, 0.3));
  border-color: rgba(99, 102, 241, 0.6);
  transform: translateY(-1px);
}

/* line 8577, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout {
  display: flex;
  gap: 1.25rem;
}

/* line 8581, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-main-area {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 8588, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-main-area .chart-container {
  height: 200px;
}

/* line 8593, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel {
  width: 180px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 8600, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section {
  background: rgba(0, 0, 0, 0.25);
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 8606, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stats-title {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.4rem;
  font-weight: 600;
}

/* line 8615, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
}

/* line 8621, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row:last-child {
  margin-bottom: 0;
}

/* line 8623, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-label {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 8628, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}

/* line 8633, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value.positive {
  color: #22c55e;
}

/* line 8634, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value.negative {
  color: #ef4444;
}

/* line 8636, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value small {
  font-size: 0.6rem;
  margin-left: 0.15rem;
}

/* line 8639, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value small.positive {
  color: #22c55e;
}

/* line 8640, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value small.negative {
  color: #ef4444;
}

/* line 8645, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section.stats-52w {
  background: rgba(99, 102, 241, 0.08);
  border: 1px solid rgba(99, 102, 241, 0.2);
}

/* line 8651, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .btn-see-more-compact {
  width: 100%;
  padding: 0.5rem 0.6rem;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.25);
  border-radius: 6px;
  color: #a5b4fc;
  font-size: 0.65rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-top: auto;
}

/* line 8668, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .btn-see-more-compact i {
  font-size: 0.55rem;
}

/* line 8670, app/assets/stylesheets/dashboard.scss */
.dashboard-container .chart-dropdown-row .chart-dropdown-card .historical-chart-pro .chart-pro-layout .chart-stats-panel .btn-see-more-compact:hover {
  background: rgba(99, 102, 241, 0.2);
  border-color: rgba(99, 102, 241, 0.4);
}

@media (max-width: 767px) {
  /* line 8682, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .chart-dropdown-card {
    max-width: 100% !important;
    margin: 0.25rem 0.5rem !important;
    padding: 0.75rem !important;
  }
  /* line 8688, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  /* line 8692, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-header {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }
  /* line 8697, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-header .chart-title {
    font-size: 0.75rem;
  }
  /* line 8701, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-header .period-selector {
    width: 100%;
    justify-content: space-between;
  }
  /* line 8705, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-header .period-selector .period-btn {
    padding: 0.3rem 0.4rem;
    font-size: 0.55rem;
    flex: 1;
  }
  /* line 8713, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-container {
    height: 130px;
    padding: 0.5rem 0.25rem 0.25rem 0.15rem;
  }
  /* line 8718, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-footer {
    flex-direction: row;
    gap: 0.5rem;
    padding-top: 0.4rem;
  }
  /* line 8724, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-stats {
    gap: 0.6rem;
  }
  /* line 8728, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-stats .stat-item .stat-label {
    font-size: 0.6rem;
  }
  /* line 8729, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-stats .stat-item .stat-value {
    font-size: 0.65rem;
  }
  /* line 8733, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-summary {
    padding: 0.25rem 0.5rem;
  }
  /* line 8736, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-summary .summary-label {
    font-size: 0.6rem;
  }
  /* line 8737, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-summary .summary-value {
    font-size: 0.75rem;
  }
  /* line 8741, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .chart-actions .btn-see-more {
    width: 100%;
    justify-content: center;
    padding: 0.6rem 1rem;
  }
  /* line 8748, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout {
    flex-direction: column;
    gap: 0.75rem;
  }
  /* line 8752, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-main-area .chart-container {
    height: 140px;
  }
  /* line 8756, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 8762, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section {
    flex: 1;
    min-width: 100px;
    padding: 0.5rem;
  }
  /* line 8767, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stats-title {
    font-size: 0.55rem;
  }
  /* line 8768, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-label {
    font-size: 0.6rem;
  }
  /* line 8769, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value {
    font-size: 0.7rem;
  }
  /* line 8772, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .btn-see-more-compact {
    flex-basis: 100%;
    margin-top: 0.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 8782, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .chart-dropdown-card {
    max-width: 400px;
    padding: 0.9rem;
  }
  /* line 8786, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .chart-dropdown-card.chart-dropdown-card-pro {
    max-width: 650px;
  }
  /* line 8791, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-section .chart-container {
    height: 110px;
  }
  /* line 8796, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout {
    gap: 1rem;
  }
  /* line 8799, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-main-area .chart-container {
    height: 160px;
  }
  /* line 8803, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel {
    width: 160px;
  }
  /* line 8806, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section {
    padding: 0.5rem 0.6rem;
  }
  /* line 8808, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stats-title {
    font-size: 0.55rem;
  }
  /* line 8809, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .stats-section .stat-row .stat-value {
    font-size: 0.7rem;
  }
  /* line 8812, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .chart-dropdown-row .historical-chart-pro .chart-pro-layout .chart-stats-panel .btn-see-more-compact {
    font-size: 0.6rem;
    padding: 0.4rem 0.5rem;
  }
}

/* line 8822, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row {
  background: rgba(15, 23, 42, 0.95) !important;
}

/* line 8826, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-cell {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* line 8832, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card {
  background: transparent !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  margin: 0.25rem 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  position: relative !important;
  overflow: visible !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: 100%;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 8832, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .ai-analysis-row .ai-analysis-card {
    overflow: visible !important;
    max-height: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 8832, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .ai-analysis-row .ai-analysis-card {
    overflow: visible !important;
    max-height: none !important;
  }
}

/* line 8857, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 212, 170, 0.15) !important;
}

/* line 8862, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 0 !important;
  padding: 1rem 1.25rem !important;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.05) 0%, rgba(0, 168, 255, 0.05) 100%) !important;
  border-bottom: 1px solid rgba(0, 212, 170, 0.2) !important;
  border-radius: 8px !important;
  position: relative !important;
}

/* line 8873, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #00d4aa, #00a8ff) !important;
  border-radius: 8px 8px 0 0 !important;
}

/* line 8884, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-icon {
  margin-right: 1rem !important;
}

/* line 8887, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-icon i {
  font-size: 1.5rem !important;
  color: #00d4aa !important;
}

/* line 8893, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-title {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* line 8899, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-title h4 {
  color: #ffffff !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.25rem !important;
}

/* line 8906, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-title p {
  color: rgba(255, 255, 255, 0.7) !important;
  margin-bottom: 0.5rem !important;
  font-size: 0.9rem !important;
}

/* line 8912, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-header .ai-analysis-title .analysis-type-badge {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2) 0%, rgba(0, 168, 255, 0.2) 100%) !important;
  color: #00d4aa !important;
  padding: 0.4rem 1rem !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border: 1px solid rgba(0, 212, 170, 0.3) !important;
  box-shadow: 0 2px 4px rgba(0, 212, 170, 0.1) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* line 8928, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content {
  padding: 1rem 1.25rem !important;
  margin-top: 1rem !important;
}

/* line 8932, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1.5rem !important;
}

/* line 8937, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* line 8944, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(0, 212, 170, 0.3) !important;
}

/* line 8949, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 1rem !important;
}

/* line 8955, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-header h5 {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* line 8964, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-header h5 i {
  color: #00d4aa !important;
  font-size: 0.9rem !important;
}

/* line 8972, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 0.75rem !important;
  margin-bottom: 1rem !important;
}

/* line 8978, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0.5rem !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* line 8988, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item.full-width {
  grid-column: 1 / -1 !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 0.75rem !important;
  background: rgba(0, 212, 170, 0.05) !important;
  border: 1px solid rgba(0, 212, 170, 0.2) !important;
}

/* line 8997, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-label {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 0.7rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 0.25rem !important;
}

/* line 9006, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value {
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

/* line 9011, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.positive {
  color: #28a745 !important;
}

/* line 9015, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.negative {
  color: #dc3545 !important;
}

/* line 9019, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.range-value {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  padding: 0.4rem 0.6rem !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  text-shadow: none !important;
  transition: all 0.2s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

/* line 9036, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.range-value:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* line 9042, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.range-value .positive-range {
  color: #4ade80 !important;
  font-weight: 600 !important;
}

/* line 9047, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.range-value .negative-range {
  color: #f87171 !important;
  font-weight: 600 !important;
}

/* line 9053, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.confidence-high {
  color: #28a745 !important;
}

/* line 9057, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.confidence-medium {
  color: #ffc107 !important;
}

/* line 9061, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.confidence-low {
  color: #dc3545 !important;
}

/* line 9065, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-metrics .metric-item .metric-value.reasoning-text {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: left !important;
  margin-top: 0.25rem !important;
}

/* line 9078, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-rationale .rationale-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.75rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* line 9086, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-rationale .rationale-header i {
  color: #00d4aa !important;
  font-size: 0.8rem !important;
}

/* line 9091, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-rationale .rationale-header span {
  color: #00d4aa !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* line 9100, app/assets/stylesheets/dashboard.scss */
.dashboard-container .ai-analysis-row .ai-analysis-card .ai-analysis-content .analysis-grid .analysis-card .card-rationale p {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}

/* line 9114, app/assets/stylesheets/dashboard.scss */
.price-with-warning,
.value-with-warning,
.change-with-warning,
.estimated-value-with-warning,
.forecast-with-warning {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  position: relative;
}

/* line 9124, app/assets/stylesheets/dashboard.scss */
.price-with-warning .warning-icon,
.value-with-warning .warning-icon,
.change-with-warning .warning-icon,
.estimated-value-with-warning .warning-icon,
.forecast-with-warning .warning-icon {
  color: #ffa726;
  font-size: 0.75rem;
  opacity: 0.8;
  cursor: help;
  transition: opacity 0.2s ease;
}

/* line 9131, app/assets/stylesheets/dashboard.scss */
.price-with-warning .warning-icon:hover,
.value-with-warning .warning-icon:hover,
.change-with-warning .warning-icon:hover,
.estimated-value-with-warning .warning-icon:hover,
.forecast-with-warning .warning-icon:hover {
  opacity: 1;
}

/* line 9138, app/assets/stylesheets/dashboard.scss */
[data-bs-toggle="tooltip"] {
  cursor: help;
}

/* line 9143, app/assets/stylesheets/dashboard.scss */
.inline-loading {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0.5rem 0;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 255, 0.1) 100%);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  animation: slideInFromRight 0.3s ease-out;
  position: relative;
  /* Ensure it's positioned relative, not fixed */
  z-index: 1;
  /* Low z-index to stay inline */
}

/* line 9157, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 9163, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content .loading-spinner .spinner {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 212, 170, 0.3);
  border-top: 2px solid #00d4aa;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* line 9173, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content .loading-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 9178, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content .loading-text .loading-message {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
}

/* line 9185, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content .loading-text .loading-progress {
  width: 120px;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

/* line 9192, app/assets/stylesheets/dashboard.scss */
.inline-loading .loading-content .loading-text .loading-progress .progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #00d4aa 0%, #00a8ff 100%);
  border-radius: 2px;
  width: 0%;
  transition: width 0.3s ease;
  animation: progressPulse 2s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes slideInFromRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes progressPulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}

/* line 9232, app/assets/stylesheets/dashboard.scss */
.last-updated-text {
  color: #64748b;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}

/* line 9239, app/assets/stylesheets/dashboard.scss */
#last-updated-container {
  transition: all 0.3s ease;
}

/* line 9242, app/assets/stylesheets/dashboard.scss */
#last-updated-container.hidden {
  opacity: 0;
  transform: translateY(-10px);
}

/* line 9248, app/assets/stylesheets/dashboard.scss */
#inline-loading-component {
  transition: all 0.3s ease;
}

/* line 9251, app/assets/stylesheets/dashboard.scss */
#inline-loading-component.show {
  display: flex !important;
  animation: slideInFromRight 0.3s ease-out;
}

/* line 9258, app/assets/stylesheets/dashboard.scss */
.btn.disabled,
.btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 9264, app/assets/stylesheets/dashboard.scss */
.btn.disabled:hover,
.btn:disabled:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* line 9271, app/assets/stylesheets/dashboard.scss */
.refresh-btn-wrapper {
  display: inline-block;
  cursor: not-allowed;
}

/* line 9277, app/assets/stylesheets/dashboard.scss */
.refresh-btn.disabled,
.refresh-btn:disabled {
  background: linear-gradient(135deg, rgba(0, 180, 150, 0.35) 0%, rgba(0, 212, 170, 0.25) 100%) !important;
  border-color: rgba(0, 212, 170, 0.3) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* line 9286, app/assets/stylesheets/dashboard.scss */
.dev-refresh-btn.disabled,
.dev-refresh-btn:disabled {
  background: rgba(220, 53, 69, 0.3) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 9293, app/assets/stylesheets/dashboard.scss */
#refresh-opportunities-btn.disabled,
#refresh-opportunities-btn:disabled {
  background: rgba(0, 123, 255, 0.3) !important;
  border-color: rgba(0, 123, 255, 0.3) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 9301, app/assets/stylesheets/dashboard.scss */
.portfolio-limit-warning {
  background: linear-gradient(135deg, rgba(255, 167, 38, 0.1) 0%, rgba(255, 167, 38, 0.05) 100%);
  border: 1px solid rgba(255, 167, 38, 0.3);
  border-radius: 16px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 15px rgba(255, 167, 38, 0.1);
}

/* line 9309, app/assets/stylesheets/dashboard.scss */
.portfolio-limit-warning .fas.fa-exclamation-triangle {
  color: #ffa726;
  font-size: 1.2rem;
}

/* line 9314, app/assets/stylesheets/dashboard.scss */
.portfolio-limit-warning strong {
  color: #ffa726;
  font-weight: 600;
}

/* line 9319, app/assets/stylesheets/dashboard.scss */
.portfolio-limit-warning p {
  color: #94a3b8;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/* line 9326, app/assets/stylesheets/dashboard.scss */
.portfolio-limit-warning:hover {
  border-color: rgba(255, 167, 38, 0.5);
  box-shadow: 0 6px 20px rgba(255, 167, 38, 0.15);
  transform: translateY(-1px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 9335, app/assets/stylesheets/dashboard.scss */
.price-live-dot {
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #00d4aa !important;
  margin-left: 0.35rem !important;
  vertical-align: middle !important;
  cursor: help !important;
  animation: pulse-live 2s infinite !important;
  box-shadow: 0 0 4px rgba(0, 212, 170, 0.5) !important;
}

@media (max-width: 767px) {
  /* line 9335, app/assets/stylesheets/dashboard.scss */
  .price-live-dot {
    width: 5px !important;
    height: 5px !important;
    margin-left: 0.25rem !important;
  }
}

@keyframes pulse-live {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 4px rgba(0, 212, 170, 0.5);
  }
  50% {
    opacity: 0.6;
    box-shadow: 0 0 8px rgba(0, 212, 170, 0.8);
  }
}

/* line 9368, app/assets/stylesheets/dashboard.scss */
.price-header-info {
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center;
  justify-content: center;
  min-width: 14px !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  color: #00d4aa !important;
  background: rgba(0, 212, 170, 0.2) !important;
  border: 1px solid rgba(0, 212, 170, 0.4) !important;
  border-radius: 50% !important;
  margin-left: 0.35rem !important;
  cursor: help !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  font-style: normal !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

/* line 9390, app/assets/stylesheets/dashboard.scss */
.price-header-info:hover {
  color: #fff !important;
  background: rgba(0, 212, 170, 0.4) !important;
}

/* line 9397, app/assets/stylesheets/dashboard.scss */
th .price-header-info,
thead th .price-header-info,
.stocks-table th .price-header-info {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #00d4aa !important;
}

/* line 9407, app/assets/stylesheets/dashboard.scss */
small.usd-conversion,
.usd-conversion {
  color: #a0aec0 !important;
  font-size: 0.65rem !important;
  font-weight: 300 !important;
  opacity: 0.7 !important;
  margin-left: 0.25rem !important;
  display: inline-block !important;
}

/* line 9418, app/assets/stylesheets/dashboard.scss */
div.usd-conversion {
  display: block !important;
  margin-left: 0 !important;
  margin-top: 0.25rem !important;
  text-align: center !important;
}

/* line 9426, app/assets/stylesheets/dashboard.scss */
.price-container,
.value-container,
.forecast-price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

@media (max-width: 1024px) {
  /* line 9438, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.5rem;
  }
  /* line 9446, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-8 {
    flex: 1;
    min-width: 0;
  }
  /* line 9451, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-4 {
    flex: 0 0 auto;
    width: auto !important;
  }
  /* line 9456, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-4.text-end {
    text-align: right !important;
  }
  /* line 9459, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-4.text-end .btn {
    font-size: 0.75rem !important;
    padding: 0.4rem 0.7rem !important;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  /* line 9438, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center {
    gap: 0.35rem;
  }
  /* line 9470, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-4.text-end .btn {
    font-size: 0.65rem !important;
    padding: 0.35rem 0.6rem !important;
  }
  /* line 9474, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .row.align-items-center .col-md-4.text-end .btn i {
    margin-right: 0.2rem;
  }
}

@media (max-width: 1024px) {
  /* line 9481, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .dashboard-header .dashboard-subtitle {
    display: none !important;
  }
}

/* line 9490, app/assets/stylesheets/dashboard.scss */
.simulations-section .simulations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 1.5rem;
}

@media (max-width: 768px) {
  /* line 9490, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulations-grid {
    grid-template-columns: 1fr;
  }
}

/* line 9500, app/assets/stylesheets/dashboard.scss */
.simulations-section .simulation-card {
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 9506, app/assets/stylesheets/dashboard.scss */
.simulations-section .simulation-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 212, 170, 0.15);
  border-color: #00d4aa;
}

/* line 9512, app/assets/stylesheets/dashboard.scss */
.simulations-section .simulation-card .card-body {
  padding: 1.5rem;
}

/* line 9516, app/assets/stylesheets/dashboard.scss */
.simulations-section .simulation-card .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

@media (max-width: 1024px) {
  /* line 9525, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-body {
    padding: 1rem;
  }
  /* line 9529, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-title {
    font-size: 1rem;
  }
  /* line 9533, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-text {
    font-size: 0.8rem !important;
  }
  /* line 9536, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-text small {
    font-size: 0.75rem !important;
  }
  /* line 9542, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .simulation-metrics .row {
    gap: 0.5rem;
  }
  /* line 9546, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .simulation-metrics .col-md-4 {
    flex: 1;
    min-width: 0;
  }
  /* line 9553, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .metric-item .metric-label {
    font-size: 0.7rem !important;
  }
  /* line 9557, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .metric-item .metric-value {
    font-size: 1rem !important;
  }
  /* line 9562, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .btn-sm {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
  }
}

@media (max-width: 480px) {
  /* line 9569, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-body {
    padding: 0.75rem;
  }
  /* line 9573, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .d-flex.justify-content-between.align-items-start {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 9578, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-title {
    font-size: 0.9rem;
    padding-right: 0;
  }
  /* line 9583, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-text {
    font-size: 0.7rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 9587, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .card-text small {
    font-size: 0.65rem !important;
  }
  /* line 9592, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .position-relative .badge-status {
    font-size: 0.6rem;
    padding: 0.3rem 0.6rem;
  }
  /* line 9597, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .simulation-metrics {
    margin-bottom: 0.75rem !important;
  }
  /* line 9600, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .simulation-metrics .row {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
  }
  /* line 9606, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .simulation-metrics .col-md-4 {
    flex: 1;
    padding: 0 0.25rem;
  }
  /* line 9612, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .metric-item {
    text-align: center;
  }
  /* line 9615, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .metric-item .metric-label {
    font-size: 0.6rem !important;
    white-space: nowrap;
  }
  /* line 9620, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .metric-item .metric-value {
    font-size: 0.85rem !important;
    word-break: break-word;
  }
  /* line 9626, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .d-flex.justify-content-between.align-items-center {
    gap: 0.5rem;
  }
  /* line 9629, app/assets/stylesheets/dashboard.scss */
  .simulations-section .simulation-card .d-flex.justify-content-between.align-items-center .btn-sm {
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
    flex: 1;
  }
}

/* line 9638, app/assets/stylesheets/dashboard.scss */
.simulations-section .badge-status {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 9646, app/assets/stylesheets/dashboard.scss */
.simulations-section .badge-status.badge-pending {
  background: rgba(255, 165, 0, 0.2);
  color: #ffa500;
  border: 1px solid rgba(255, 165, 0, 0.3);
}

/* line 9652, app/assets/stylesheets/dashboard.scss */
.simulations-section .badge-status.badge-processing {
  background: rgba(0, 168, 255, 0.2);
  color: #00a8ff;
  border: 1px solid rgba(0, 168, 255, 0.3);
  animation: pulse 2s infinite;
}

/* line 9659, app/assets/stylesheets/dashboard.scss */
.simulations-section .badge-status.badge-completed {
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 9665, app/assets/stylesheets/dashboard.scss */
.simulations-section .badge-status.badge-failed {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
  border: 1px solid rgba(255, 107, 107, 0.3);
}

/* line 9673, app/assets/stylesheets/dashboard.scss */
.simulations-section .metric-item .metric-label {
  display: block;
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 0.25rem;
}

/* line 9680, app/assets/stylesheets/dashboard.scss */
.simulations-section .metric-item .metric-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
}

@media (max-width: 1024px) {
  /* line 9692, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -0.15rem !important;
    margin-right: -0.15rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 9700, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    width: 33.333% !important;
    padding: 0.15rem !important;
  }
  /* line 9707, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card {
    padding: 0.5rem 0.3rem !important;
    min-height: auto !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  /* line 9717, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 9724, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-icon i {
    font-size: 0.7rem !important;
  }
  /* line 9728, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-content h3 {
    font-size: 0.8rem !important;
    margin-bottom: 0 !important;
  }
  /* line 9733, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-content p {
    font-size: 0.5rem !important;
    margin: 0 !important;
    line-height: 1.1 !important;
    display: none !important;
  }
}

@media (max-width: 1024px) and (max-width: 768px) {
  /* line 9742, app/assets/stylesheets/dashboard.scss */
  .predictions-and-events-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* line 9751, app/assets/stylesheets/dashboard.scss */
  .predictions-column {
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
    padding-right: 0.75rem !important;
  }
  /* line 9759, app/assets/stylesheets/dashboard.scss */
  .predictions-column .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin: 0 !important;
  }
  /* line 9766, app/assets/stylesheets/dashboard.scss */
  .predictions-column .col-md-4 {
    flex: 0 0 auto !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
  }
  /* line 9774, app/assets/stylesheets/dashboard.scss */
  .predictions-column .best-case-card,
.predictions-column .worst-case-card {
    display: none !important;
  }
  /* line 9780, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer {
    width: 120px !important;
    height: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  /* line 9796, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer .card-icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 9802, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer .card-icon i {
    font-size: 1rem !important;
  }
  /* line 9806, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer .card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  /* line 9813, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer .card-content h3 {
    font-size: 1rem !important;
    margin-bottom: 0.25rem !important;
    line-height: 1.2 !important;
  }
  /* line 9819, app/assets/stylesheets/dashboard.scss */
  .ai-prediction-enhancer .card-content p {
    font-size: 0.65rem !important;
    margin: 0 !important;
    display: block !important;
    line-height: 1.2 !important;
  }
  /* line 9827, app/assets/stylesheets/dashboard.scss */
  .events-column {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
  }
  /* line 9834, app/assets/stylesheets/dashboard.scss */
  .events-column .card {
    height: 100% !important;
  }
}

@media (max-width: 1024px) {
  /* line 9840, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card {
    margin-bottom: 0.75rem !important;
  }
  /* line 9843, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header {
    padding: 0.6rem 0.75rem !important;
  }
  /* line 9846, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header h5 {
    font-size: 0.85rem !important;
    margin: 0 !important;
  }
  /* line 9851, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header p {
    font-size: 0.6rem !important;
    margin: 0 !important;
    margin-top: 0.15rem !important;
  }
  /* line 9858, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-body {
    padding: 0.75rem !important;
  }
  /* line 9864, app/assets/stylesheets/dashboard.scss */
  .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* line 9868, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) {
    min-width: 100% !important;
    font-size: 0.7rem !important;
  }
  /* line 9872, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) th, .table-responsive table:not(.stocks-table) td {
    padding: 0.4rem 0.3rem !important;
    white-space: nowrap;
    font-size: 0.65rem !important;
  }
  /* line 9879, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) th:nth-child(6),
.table-responsive table:not(.stocks-table) td:nth-child(6) {
    display: none !important;
  }
}

@media (max-width: 480px) {
  /* line 9889, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 {
    margin-bottom: 0.35rem !important;
    margin-left: -0.08rem !important;
    margin-right: -0.08rem !important;
  }
  /* line 9895, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 {
    padding: 0.08rem !important;
  }
  /* line 9899, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card {
    padding: 0.3rem 0.2rem !important;
    border-radius: 6px !important;
  }
  /* line 9904, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-bottom: 0.15rem !important;
  }
  /* line 9911, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-icon i {
    font-size: 0.55rem !important;
  }
  /* line 9915, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .row.mb-4 > .col-md-4 .summary-card .card-content h3 {
    font-size: 0.65rem !important;
    margin-bottom: 0 !important;
    line-height: 1.1 !important;
  }
  /* line 9922, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card {
    margin-bottom: 0.5rem !important;
  }
  /* line 9925, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header {
    padding: 0.5rem 0.6rem !important;
  }
  /* line 9928, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header h5 {
    font-size: 0.75rem !important;
  }
  /* line 9932, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-header p {
    font-size: 0.55rem !important;
    display: none !important;
  }
  /* line 9938, app/assets/stylesheets/dashboard.scss */
  .dashboard-container .card .card-body {
    padding: 0.5rem !important;
  }
  /* line 9945, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) {
    font-size: 0.6rem !important;
  }
  /* line 9948, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) th, .table-responsive table:not(.stocks-table) td {
    padding: 0.3rem 0.2rem !important;
    font-size: 0.55rem !important;
  }
  /* line 9954, app/assets/stylesheets/dashboard.scss */
  .table-responsive table:not(.stocks-table) th:nth-child(2),
.table-responsive table:not(.stocks-table) td:nth-child(2) {
    display: none !important;
  }
}

/* line 9964, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-group {
  margin-bottom: 1.5rem;
}

/* line 9968, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-label {
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

/* line 9974, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-control {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #ffffff;
  padding: 0.75rem 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 9982, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-control:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: #00d4aa;
  box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.1);
  outline: none;
}

/* line 9990, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-check {
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 9996, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-check:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* line 10000, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-check .form-check-input {
  margin-top: 0.25rem;
}

/* line 10003, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-check .form-check-input:checked {
  background-color: #00d4aa;
  border-color: #00d4aa;
}

/* line 10009, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .form-check .form-check-label {
  color: #ffffff;
  cursor: pointer;
  padding-left: 0.5rem;
}

/* line 10016, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .card {
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  margin-bottom: 1.5rem;
}

/* line 10022, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .card .card-header {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1rem 1.5rem;
}

/* line 10027, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .card .card-header h5 {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
}

/* line 10033, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .card .card-header .text-muted {
  font-size: 0.875rem;
  color: #64748b;
}

/* line 10039, app/assets/stylesheets/dashboard.scss */
.simulation-form-section .simulation-form .card .card-body {
  padding: 1.5rem;
}

/* line 10048, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .section-header {
  margin-bottom: 2rem;
}

/* line 10051, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .section-header h1 {
  color: #ffffff;
  margin-bottom: 1rem;
}

/* line 10055, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .section-header h1 i {
  color: #00d4aa;
  margin-right: 0.5rem;
}

/* line 10062, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .metric-card {
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 10068, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .metric-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0, 212, 170, 0.15);
  border-color: #00d4aa;
}

/* line 10074, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .metric-card .card-body {
  padding: 1.5rem;
}

/* line 10078, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .metric-card h3 {
  color: #ffffff;
  font-weight: 700;
  font-size: 2rem;
}

/* line 10084, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .metric-card h6 {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 10092, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card {
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  margin-bottom: 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 10099, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card:hover {
  border-color: rgba(0, 212, 170, 0.3);
}

/* line 10103, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1rem 1.5rem;
}

/* line 10108, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header h5 {
  margin: 0;
  color: #ffffff;
  font-weight: 600;
}

/* line 10113, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header h5 i {
  color: #00d4aa;
  margin-right: 0.5rem;
}

/* line 10120, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-body {
  padding: 1.5rem;
}

/* line 10125, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .narrative-content {
  color: #94a3b8;
  line-height: 1.8;
  font-size: 1rem;
}

/* line 10130, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .narrative-content p {
  margin-bottom: 1rem;
}

/* line 10135, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table {
  color: #ffffff;
}

/* line 10138, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table thead {
  background: rgba(255, 255, 255, 0.05);
}

/* line 10141, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table thead th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
}

/* line 10152, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 10156, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 10161, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table tbody td {
  color: #94a3b8;
  padding: 1rem;
}

/* line 10165, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table tbody td strong {
  color: #ffffff;
}

/* line 10169, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section table tbody td .badge {
  margin-right: 0.25rem;
  background: rgba(255, 255, 255, 0.1);
  color: #94a3b8;
  font-weight: 500;
}

/* line 10179, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section ul {
  list-style: none;
  padding-left: 0;
}

/* line 10183, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section ul li {
  padding: 0.5rem 0;
  color: #94a3b8;
  position: relative;
  padding-left: 1.5rem;
}

/* line 10189, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section ul li:before {
  content: "•";
  color: #00d4aa;
  font-weight: bold;
  position: absolute;
  left: 0;
}

/* line 10200, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section canvas {
  max-height: 400px;
}

/* line 10205, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card {
  background: #1a1f3a;
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 10209, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 10213, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header h5 {
  color: #ffffff;
}

/* line 10216, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header h5 i {
  color: #00d4aa;
}

/* line 10221, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-header .text-muted {
  color: #718096 !important;
}

/* line 10226, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-body {
  background: #1a1f3a;
  color: #a0aec0;
}

/* line 10230, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-body p, .simulation-detail-section .card .card-body li, .simulation-detail-section .card .card-body span {
  color: #a0aec0;
}

/* line 10234, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-body h6 {
  color: #ffffff;
}

/* line 10238, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card .card-body strong {
  color: #ffffff;
}

/* line 10248, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-card, .social-sentiment-section .mood-card, .social-sentiment-section .updated-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 130px;
}

/* line 10260, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-card:hover, .social-sentiment-section .mood-card:hover, .social-sentiment-section .updated-card:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(0, 212, 170, 0.3);
  box-shadow: 0 8px 20px rgba(0, 212, 170, 0.15);
}

/* line 10269, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-icon, .social-sentiment-section .mood-icon, .social-sentiment-section .updated-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  flex-shrink: 0;
}

/* line 10280, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-icon .emoji, .social-sentiment-section .mood-icon .emoji {
  font-size: 2rem;
  line-height: 1;
}

/* line 10285, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .updated-icon {
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  font-size: 1.5rem;
}

/* line 10292, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-content, .social-sentiment-section .mood-content, .social-sentiment-section .updated-content {
  flex: 1;
}

/* line 10296, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-label, .social-sentiment-section .mood-label, .social-sentiment-section .updated-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #94a3b8;
  margin-bottom: 0.5rem;
}

/* line 10305, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-value, .social-sentiment-section .mood-value, .social-sentiment-section .updated-date {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 10314, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .updated-time {
  font-size: 0.85rem;
  color: #64748b;
  margin-top: 0.25rem;
}

/* line 10320, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .trend-icon, .social-sentiment-section .mood-indicator {
  font-size: 1.25rem;
}

/* line 10326, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-bullish .sentiment-icon {
  background: rgba(0, 212, 170, 0.2);
}

/* line 10330, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-bullish .sentiment-value {
  color: #00d4aa;
}

/* line 10337, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-bearish .sentiment-icon {
  background: rgba(255, 107, 107, 0.2);
}

/* line 10341, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-bearish .sentiment-value {
  color: #ff6b6b;
}

/* line 10348, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-neutral .sentiment-icon {
  background: rgba(160, 174, 192, 0.2);
}

/* line 10352, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-neutral .sentiment-value {
  color: #94a3b8;
}

/* line 10359, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-optimistic .mood-icon {
  background: rgba(0, 212, 170, 0.2);
}

/* line 10363, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-optimistic .mood-value {
  color: #00d4aa;
}

/* line 10370, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-cautious .mood-icon {
  background: rgba(255, 167, 38, 0.2);
}

/* line 10374, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-cautious .mood-value {
  color: #ffa726;
}

/* line 10381, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-fearful .mood-icon {
  background: rgba(255, 107, 107, 0.2);
}

/* line 10385, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-fearful .mood-value {
  color: #ff6b6b;
}

/* line 10392, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-mixed .mood-icon {
  background: rgba(160, 174, 192, 0.2);
}

/* line 10396, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .mood-mixed .mood-value {
  color: #94a3b8;
}

/* line 10402, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-summary {
  background: rgba(0, 212, 170, 0.1);
  border-left: 4px solid #00d4aa;
  padding: 1.5rem;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}

/* line 10409, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-summary h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
}

/* line 10419, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-summary p {
  color: #94a3b8;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

/* line 10428, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section {
  margin-bottom: 1.5rem;
}

/* line 10431, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.2rem;
}

/* line 10440, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section h4 i {
  color: #ffa726;
}

/* line 10445, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .alerts-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 10451, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card {
  border-radius: 10px;
  margin-bottom: 0;
  padding: 1rem 1.25rem;
  border-left-width: 4px;
}

/* line 10457, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-danger {
  background: rgba(255, 107, 107, 0.12);
  border-left-color: #ff6b6b;
}

/* line 10461, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-danger i {
  color: #ff6b6b;
}

/* line 10466, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-warning {
  background: rgba(255, 167, 38, 0.12);
  border-left-color: #ffa726;
}

/* line 10470, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-warning i {
  color: #ffa726;
}

/* line 10475, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-info {
  background: rgba(0, 168, 255, 0.12);
  border-left-color: #00a8ff;
}

/* line 10479, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card.alert-info i {
  color: #00a8ff;
}

/* line 10484, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card strong {
  font-size: 1rem;
  color: #ffffff;
}

/* line 10489, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card p {
  color: #94a3b8;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 0;
}

/* line 10496, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card .badge-sm {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  font-weight: 600;
}

/* line 10502, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card .alert-sectors {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 10509, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .market-alert-card .alert-sectors .badge {
  font-size: 0.7rem;
  font-weight: 500;
}

/* line 10516, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .read-more-link {
  color: #00d4aa;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 10526, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .read-more-link:hover {
  color: #00a8ff;
  text-decoration: underline;
}

/* line 10530, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .read-more-link:hover i {
  transform: translateX(3px);
}

/* line 10535, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .market-alerts-section .read-more-link i {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}

/* line 10544, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
}

/* line 10552, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 10557, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* line 10563, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-header h5 {
  margin: 0;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 10572, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-header h5 i {
  color: #00d4aa;
}

/* line 10575, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-header .fgi-source {
  font-size: 0.7rem;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}

/* line 10584, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-meter-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

/* line 10590, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-meter {
  width: 180px;
  text-align: center;
}

/* line 10595, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge {
  position: relative;
  width: 180px;
  height: 100px;
  margin: 0 auto;
}

/* line 10601, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-gauge-bg {
  position: absolute;
  width: 180px;
  height: 90px;
  border-radius: 90px 90px 0 0;
  background: linear-gradient(90deg, #dc2626 0%, #f97316 25%, #eab308 50%, #84cc16 75%, #22c55e 100%);
  overflow: hidden;
}

/* line 10615, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-gauge-bg::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 65px;
  background: rgba(15, 20, 40, 0.85);
  border-radius: 65px 65px 0 0;
}

/* line 10628, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-needle {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 4px;
  height: 70px;
  background: linear-gradient(to top, #1e293b, #334155);
  transform-origin: bottom center;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 10640, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-needle::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: #1e293b;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.3);
}

/* line 10654, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 0.5rem;
}

/* line 10662, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-center .fgi-value {
  display: block;
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
}

/* line 10670, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-gauge .fgi-center .fgi-label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* line 10679, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-scale {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

/* line 10684, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-scale .scale-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 10690, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-scale .scale-fear {
  color: #dc2626;
}

/* line 10691, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-scale .scale-greed {
  color: #22c55e;
}

/* line 10694, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-history {
  display: flex;
  justify-content: space-around;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 10700, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-history .fgi-history-item {
  text-align: center;
}

/* line 10703, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-history .fgi-history-item .history-label {
  display: block;
  font-size: 0.65rem;
  color: #94a3b8;
  margin-bottom: 0.25rem;
}

/* line 10710, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card .fgi-history .fgi-history-item .history-value {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
}

/* line 10719, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-extreme-fear {
  border-left: 4px solid #dc2626;
}

/* line 10721, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-extreme-fear .fgi-center .fgi-label {
  color: #dc2626;
}

/* line 10723, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-fear {
  border-left: 4px solid #f97316;
}

/* line 10725, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-fear .fgi-center .fgi-label {
  color: #f97316;
}

/* line 10727, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-neutral {
  border-left: 4px solid #eab308;
}

/* line 10729, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-neutral .fgi-center .fgi-label {
  color: #eab308;
}

/* line 10731, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-greed {
  border-left: 4px solid #84cc16;
}

/* line 10733, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-greed .fgi-center .fgi-label {
  color: #84cc16;
}

/* line 10735, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-extreme-greed {
  border-left: 4px solid #22c55e;
}

/* line 10737, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .fear-greed-card.fgi-extreme-greed .fgi-center .fgi-label {
  color: #22c55e;
}

/* line 10741, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  padding: 1.5rem;
  height: 100%;
  transition: all 0.3s ease;
}

/* line 10749, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 10754, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}

/* line 10760, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-header h5 {
  margin: 0;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 10769, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-header h5 i {
  color: #00a8ff;
}

/* line 10772, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-header .vix-status {
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 10781, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-value-container {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 10785, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-value-container .vix-value-big {
  font-size: 3.5rem;
  font-weight: 800;
  display: block;
  line-height: 1;
}

/* line 10792, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-value-container .vix-change {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
}

/* line 10802, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-value-container .vix-change.change-up {
  color: #dc2626;
  background: rgba(220, 38, 38, 0.15);
}

/* line 10807, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-value-container .vix-change.change-down {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
}

/* line 10814, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-analysis {
  background: rgba(0, 168, 255, 0.1);
  border: 1px solid rgba(0, 168, 255, 0.2);
  border-radius: 12px;
  padding: 1rem;
}

/* line 10820, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-analysis h6 {
  margin: 0 0 0.5rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #00a8ff;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 10830, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card .vix-analysis p {
  margin: 0;
  font-size: 0.85rem;
  color: #94a3b8;
  line-height: 1.6;
}

/* line 10839, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-low {
  border-left: 4px solid #22c55e;
}

/* line 10841, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-low .vix-value-big {
  color: #22c55e;
}

/* line 10842, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-low .vix-status {
  color: #22c55e;
}

/* line 10844, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-normal {
  border-left: 4px solid #eab308;
}

/* line 10846, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-normal .vix-value-big {
  color: #eab308;
}

/* line 10847, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-normal .vix-status {
  color: #eab308;
}

/* line 10849, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-elevated {
  border-left: 4px solid #f97316;
}

/* line 10851, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-elevated .vix-value-big {
  color: #f97316;
}

/* line 10852, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-elevated .vix-status {
  color: #f97316;
}

/* line 10854, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-high {
  border-left: 4px solid #dc2626;
}

/* line 10856, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-high .vix-value-big {
  color: #dc2626;
}

/* line 10857, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section .vix-card.vix-high .vix-status {
  color: #dc2626;
}

/* line 10863, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .alerts-fgi-row {
  align-items: start;
}

/* line 10867, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .alerts-fgi-row .alerts-column .market-alerts-section {
  margin-bottom: 0 !important;
}

/* line 10872, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .alerts-fgi-row .fgi-vix-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 10880, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 1rem 1.25rem;
}

/* line 10886, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 10892, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-section-header h4 {
  font-weight: 700;
  color: #ffffff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 10900, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-section-header h4 i {
  color: #00d4aa;
}

/* line 10903, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-section-header .fgi-source-link {
  font-size: 0.7rem;
  color: #94a3b8;
  opacity: 0.7;
  text-decoration: none;
  transition: opacity 0.2s;
}

/* line 10910, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-section-header .fgi-source-link:hover {
  opacity: 1;
  color: #00d4aa;
}

/* line 10918, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0.75rem 0;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 10926, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-gauge {
  position: relative;
  width: 100px;
  height: 55px;
  background: linear-gradient(90deg, #dc2626 0%, #f97316 25%, #eab308 50%, #84cc16 75%, #22c55e 100%);
  border-radius: 55px 55px 0 0;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 10935, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-gauge .fgi-gauge-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 35px;
  background: rgba(15, 20, 40, 0.85);
  border-radius: 35px 35px 0 0;
}

/* line 10946, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-gauge .fgi-needle {
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 4px;
  height: 38px;
  background: linear-gradient(to top, #1e293b, #334155);
  transform-origin: bottom center;
  transition: transform 0.5s ease;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 10959, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-gauge .fgi-center {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}

/* line 10965, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-gauge .fgi-center .fgi-value {
  font-size: 1.1rem;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 10974, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-current-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 10979, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-current-widget .fgi-current-info .fgi-current-label {
  font-size: 1.5rem;
  font-weight: 800;
}

/* line 10986, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-list {
  display: flex;
  flex-direction: column;
}

/* line 10991, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.65rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 10998, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 11003, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row.fgi-history-first {
  padding-top: 0;
}

/* line 11007, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-info {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

/* line 11012, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-info .fgi-history-period {
  font-size: 0.75rem;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 11019, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-info .fgi-history-label {
  font-size: 1rem;
  font-weight: 700;
}

/* line 11025, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-value {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  /* line 11041, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .fear-greed-section-compact .fgi-history-row {
    padding: 0.5rem 0;
  }
  /* line 11044, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-info .fgi-history-label {
    font-size: 0.9rem;
  }
  /* line 11048, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .fear-greed-section-compact .fgi-history-row .fgi-history-value {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
  }
}

/* line 11058, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  transition: all 0.3s ease;
  flex-grow: 1;
}

/* line 11066, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* line 11071, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-header-compact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* line 11077, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-header-compact h6 {
  margin: 0;
  font-weight: 700;
  color: #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 11086, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-header-compact h6 i {
  color: #00a8ff;
}

/* line 11089, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-header-compact .vix-status-compact {
  font-size: 0.8rem;
  font-weight: 600;
}

/* line 11095, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 11101, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact .vix-value-compact {
  font-size: 1.75rem;
  font-weight: 800;
}

/* line 11106, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact .vix-change-compact {
  font-size: 0.85rem;
  font-weight: 600;
}

/* line 11110, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact .vix-change-compact.change-up {
  color: #dc2626;
}

/* line 11113, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact .vix-change-compact.change-down {
  color: #22c55e;
}

/* line 11117, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-content-compact .vix-change-compact i {
  margin-right: 0.2rem;
}

/* line 11121, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-analysis-compact {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 0.75rem;
}

/* line 11125, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact .vix-analysis-compact p {
  margin: 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.5;
}

/* line 11134, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-low {
  border-left: 4px solid #22c55e;
}

/* line 11136, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-low .vix-value-compact {
  color: #22c55e;
}

/* line 11137, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-low .vix-status-compact {
  color: #22c55e;
}

/* line 11139, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-normal {
  border-left: 4px solid #eab308;
}

/* line 11141, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-normal .vix-value-compact {
  color: #eab308;
}

/* line 11142, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-normal .vix-status-compact {
  color: #eab308;
}

/* line 11144, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-elevated {
  border-left: 4px solid #f97316;
}

/* line 11146, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-elevated .vix-value-compact {
  color: #f97316;
}

/* line 11147, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-elevated .vix-status-compact {
  color: #f97316;
}

/* line 11149, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-high {
  border-left: 4px solid #dc2626;
}

/* line 11151, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-high .vix-value-compact {
  color: #dc2626;
}

/* line 11152, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-card-compact.vix-high .vix-status-compact {
  color: #dc2626;
}

/* line 11157, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-section h4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.25rem;
}

/* line 11168, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}

/* line 11174, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topic-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.25rem;
  transition: all 0.3s ease;
  border-left: 4px solid #00a8ff;
}

/* line 11182, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topic-card:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(0, 168, 255, 0.4);
  box-shadow: 0 8px 20px rgba(0, 168, 255, 0.2);
}

/* line 11190, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topic-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  gap: 0.75rem;
}

/* line 11197, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topic-header h5 {
  font-weight: 700;
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
  flex: 1;
}

/* line 11206, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .topic-body p {
  color: #94a3b8;
  margin-bottom: 0.75rem;
  line-height: 1.6;
  font-size: 0.9rem;
}

/* line 11214, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .trending-stocks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

/* line 11220, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .trending-stock-card {
  background: linear-gradient(135deg, rgba(255, 167, 38, 0.15) 0%, rgba(255, 167, 38, 0.05) 100%);
  border: 1px solid rgba(255, 167, 38, 0.3);
  border-radius: 12px;
  padding: 1.25rem;
  transition: all 0.3s ease;
}

/* line 11227, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .trending-stock-card:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, rgba(255, 167, 38, 0.2) 0%, rgba(255, 167, 38, 0.1) 100%);
  border-color: rgba(255, 167, 38, 0.5);
  box-shadow: 0 8px 20px rgba(255, 167, 38, 0.25);
}

/* line 11235, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .stock-symbol {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

/* line 11241, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .stock-symbol strong {
  font-size: 1.3rem;
  color: #ffffff;
  font-weight: 800;
}

/* line 11248, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .stock-mentions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #94a3b8;
  margin-bottom: 0.75rem;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  width: fit-content;
}

/* line 11260, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .stock-mentions i {
  color: #ffa726;
}

/* line 11265, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .stock-reason p {
  color: #94a3b8;
  margin: 0;
  line-height: 1.6;
  font-size: 0.9rem;
}

/* line 11273, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}

/* line 11279, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-card {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 12px;
  padding: 1rem;
  transition: all 0.3s ease;
}

/* line 11286, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.2);
}

/* line 11291, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-card.trend-up {
  border-left: 4px solid #00d4aa;
}

/* line 11295, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-card.trend-down {
  border-left: 4px solid #ff6b6b;
}

/* line 11299, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-card.trend-stable {
  border-left: 4px solid #94a3b8;
}

/* line 11304, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 11310, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-header .commodity-name {
  font-weight: 700;
  font-size: 1rem;
  color: #ffffff;
}

/* line 11316, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-header .commodity-symbol {
  font-size: 0.85rem;
}

/* line 11321, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-price {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 11327, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-price .price {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
}

/* line 11333, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-price .change {
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 11337, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-price .change i {
  margin-right: 0.25rem;
}

/* line 11343, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-insight p {
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
  font-size: 0.85rem;
}

/* line 11350, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-warning {
  margin: 0.5rem 0;
  font-size: 0.75rem;
}

/* line 11354, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .commodity-warning i {
  margin-right: 0.25rem;
}

/* line 11359, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .change-type {
  font-size: 0.7rem;
  color: #94a3b8;
  margin-left: 0.25rem;
}

/* line 11366, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15) 0%, rgba(139, 92, 246, 0.05) 100%);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 12px;
  padding: 1.25rem;
}

/* line 11372, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-value-display {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 11378, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-current {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

/* line 11387, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-label {
  font-weight: 600;
  color: #94a3b8;
  font-size: 0.9rem;
}

/* line 11393, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-number {
  font-size: 1.75rem;
  font-weight: 700;
}

/* line 11397, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-number.vix-normal {
  color: #22c55e;
}

/* line 11401, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-number.vix-elevated {
  color: #f59e0b;
}

/* line 11405, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-number.vix-high {
  color: #ef4444;
}

/* line 11410, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-change {
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 11415, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .vix-analysis-card .vix-analysis-text {
  color: #94a3b8;
  line-height: 1.6;
  margin: 0;
  font-size: 0.95rem;
}

/* line 11424, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-analysis-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

/* line 11430, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-column {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 11436, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-column.outperforming {
  border-left: 4px solid #00d4aa;
}

/* line 11440, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-column.underperforming {
  border-left: 4px solid #ff6b6b;
}

/* line 11445, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-column-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
}

/* line 11453, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-column-title i {
  font-size: 0.9rem;
}

/* line 11458, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sectors-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 11464, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-item {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 0.75rem;
}

/* line 11469, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-item.sector-up {
  border-left: 3px solid #00d4aa;
}

/* line 11473, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-item.sector-down {
  border-left: 3px solid #ff6b6b;
}

/* line 11478, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-name {
  font-weight: 700;
  color: #ffffff;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

/* line 11485, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-change {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

/* line 11491, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-reason {
  color: #94a3b8;
  font-size: 0.85rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

/* line 11498, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-stocks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

/* line 11504, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-stocks .stock-badge {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  color: white;
}

/* line 11512, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .rotation-signal {
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: #ffffff;
}

/* line 11520, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .rotation-signal i {
  margin-right: 0.5rem;
  color: #8b5cf6;
}

/* line 11525, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .rotation-signal strong {
  color: #8b5cf6;
}

/* line 11531, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .events-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 11537, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.25rem;
  border-left: 4px solid #ffa726;
  transition: all 0.3s ease;
}

/* line 11545, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-card:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 12px rgba(255, 167, 38, 0.2);
}

/* line 11552, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  gap: 0.75rem;
}

/* line 11559, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-header h5 {
  font-weight: 700;
  margin: 0;
  color: #ffffff;
  font-size: 1.05rem;
  flex: 1;
}

/* line 11568, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-context {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}

/* line 11572, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-context p {
  color: #94a3b8;
  line-height: 1.6;
  margin: 0;
  font-size: 0.9rem;
}

/* line 11580, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-sectors {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 11587, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .event-sectors strong {
  color: #94a3b8;
  font-size: 0.85rem;
}

/* line 11593, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sector-badge {
  background: rgba(0, 168, 255, 0.2);
  color: #00a8ff;
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid rgba(0, 168, 255, 0.3);
}

/* line 11604, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .badge-success {
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(0, 212, 170, 0.4);
}

/* line 11613, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .badge-danger {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 107, 107, 0.4);
}

/* line 11622, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .badge-warning {
  background: rgba(255, 167, 38, 0.2);
  color: #ffa726;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 167, 38, 0.4);
}

/* line 11631, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .badge-info {
  background: rgba(0, 168, 255, 0.2);
  color: #00a8ff;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(0, 168, 255, 0.4);
}

/* line 11640, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .badge-secondary {
  background: rgba(160, 174, 192, 0.2);
  color: #94a3b8;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(160, 174, 192, 0.3);
}

/* line 11649, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-positive {
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(0, 212, 170, 0.4);
}

/* line 11658, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-negative {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 107, 107, 0.4);
}

/* line 11667, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .sentiment-neutral {
  background: rgba(160, 174, 192, 0.2);
  color: #94a3b8;
  font-weight: 600;
  padding: 0.35rem 0.7rem;
  border-radius: 6px;
  border: 1px solid rgba(160, 174, 192, 0.3);
}

/* line 11677, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .empty-state {
  text-align: center;
  padding: 3rem 2rem;
}

/* line 11681, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .empty-state .empty-icon {
  font-size: 4rem;
  color: #64748b;
  margin-bottom: 1.5rem;
}

/* line 11686, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .empty-state .empty-icon i {
  opacity: 0.5;
}

/* line 11691, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .empty-state h3 {
  color: #ffffff;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}

/* line 11697, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .empty-state p {
  color: #94a3b8;
  font-size: 1rem;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

@keyframes pulse-analyzing {
  0%, 100% {
    box-shadow: 0 0 4px rgba(0, 212, 170, 0.3);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 12px rgba(0, 212, 170, 0.6);
    transform: scale(1.1);
  }
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(0, 212, 170, 0.2);
    border-color: rgba(0, 212, 170, 0.4);
  }
  50% {
    box-shadow: 0 4px 16px rgba(0, 212, 170, 0.4);
    border-color: rgba(0, 212, 170, 0.7);
  }
}

/* line 11738, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 168, 255, 0.1) 100%);
  border: 1px solid rgba(0, 212, 170, 0.4);
  border-radius: 12px;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

/* line 11750, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner.pulse-glow {
  animation: pulse-glow 2s ease-in-out infinite;
}

/* line 11754, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner .analysis-market-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

/* line 11762, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner .analysis-market-item .market-emoji {
  font-size: 1.25rem;
}

/* line 11766, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner .analysis-market-item .analysis-text {
  color: #00d4aa;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 11772, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner .analysis-market-item .next-day-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: rgba(0, 212, 170, 0.2);
  color: #00d4aa;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 11783, app/assets/stylesheets/dashboard.scss */
.market-analysis-banner .analysis-market-item .next-day-badge i {
  font-size: 0.65rem;
}

@media (max-width: 768px) {
  /* line 11738, app/assets/stylesheets/dashboard.scss */
  .market-analysis-banner {
    flex-direction: column;
    padding: 0.5rem 0.75rem;
  }
  /* line 11794, app/assets/stylesheets/dashboard.scss */
  .market-analysis-banner .analysis-market-item {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 11799, app/assets/stylesheets/dashboard.scss */
  .market-analysis-banner .analysis-market-item .analysis-text {
    font-size: 0.8rem;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 11818, app/assets/stylesheets/dashboard.scss */
.simulation-card,
.metric-card {
  animation: slideIn 0.5s ease-out;
}

/* line 11824, app/assets/stylesheets/dashboard.scss */
.processing-steps {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}

/* line 11830, app/assets/stylesheets/dashboard.scss */
.processing-steps::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 40px;
  bottom: 40px;
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 0;
}

/* line 11841, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

/* line 11848, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step .step-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* line 11860, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step .step-icon i {
  font-size: 1rem;
  color: #718096;
  transition: all 0.3s ease;
}

/* line 11868, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.active .step-icon {
  background: rgba(0, 212, 170, 0.2);
  border-color: rgba(0, 212, 170, 0.5);
}

/* line 11872, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.active .step-icon i {
  color: #00d4aa;
}

/* line 11878, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.active .step-content h6 {
  color: #ffffff;
}

/* line 11885, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.completed .step-icon {
  background: rgba(40, 167, 69, 0.2);
  border-color: rgba(40, 167, 69, 0.5);
}

/* line 11889, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.completed .step-icon i {
  color: #28a745;
}

/* line 11896, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.pending .step-icon {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 11900, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.pending .step-icon i {
  color: #718096;
}

/* line 11906, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.pending .step-content h6 {
  color: #718096;
}

/* line 11910, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step.pending .step-content p {
  color: #718096;
}

/* line 11916, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step .step-content {
  flex: 1;
}

/* line 11919, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step .step-content h6 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #a0aec0;
  transition: color 0.3s ease;
}

/* line 11927, app/assets/stylesheets/dashboard.scss */
.processing-steps .processing-step .step-content p {
  color: #718096;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}

/* line 11938, app/assets/stylesheets/dashboard.scss */
.badge-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 11949, app/assets/stylesheets/dashboard.scss */
.badge-status i {
  font-size: 0.75rem;
}

/* line 11953, app/assets/stylesheets/dashboard.scss */
.badge-status.badge-pending {
  background: rgba(255, 167, 38, 0.1);
  color: #ffa726;
  border: 1px solid rgba(255, 167, 38, 0.3);
}

/* line 11959, app/assets/stylesheets/dashboard.scss */
.badge-status.badge-processing {
  background: rgba(0, 212, 170, 0.1);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 11964, app/assets/stylesheets/dashboard.scss */
.badge-status.badge-processing i.fa-spin {
  animation: fa-spin 2s infinite linear;
}

/* line 11969, app/assets/stylesheets/dashboard.scss */
.badge-status.badge-completed {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
  border: 1px solid rgba(40, 167, 69, 0.3);
}

/* line 11975, app/assets/stylesheets/dashboard.scss */
.badge-status.badge-failed {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
  border: 1px solid rgba(220, 53, 69, 0.3);
}

/* line 11985, app/assets/stylesheets/dashboard.scss */
.simulation-detail-section .card-body .refresh-status-component .refresh-status-text {
  display: none;
}

@media (max-width: 1024px) {
  /* line 11999, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card {
    padding: 0.75rem !important;
  }
  /* line 12002, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-header {
    margin-bottom: 0.4rem !important;
  }
  /* line 12005, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-header .symbol-tag {
    font-size: 0.7rem !important;
    padding: 0.3rem 0.6rem !important;
  }
  /* line 12011, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-name {
    font-size: 0.6rem !important;
    padding: 0.15rem 0.35rem !important;
  }
  /* line 12016, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.35rem !important;
  }
  /* line 12021, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item {
    padding: 0.35rem !important;
  }
  /* line 12024, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item .metric-label {
    font-size: 0.55rem !important;
  }
  /* line 12028, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item .metric-value {
    font-size: 0.75rem !important;
  }
  /* line 12034, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .confidence-badge {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 12039, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .sector-badge, .opportunities-section .opportunity-card .location-badge,
.opportunities-section .opportunity-card .sector-tag, .opportunities-section .opportunity-card .location-tag {
    font-size: 0.6rem !important;
    padding: 0.2rem 0.4rem !important;
    border-radius: 4px !important;
  }
  /* line 12046, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale,
.opportunities-section .opportunity-card .opportunity-reason {
    padding: 0.5rem !important;
    margin-top: 0.4rem !important;
  }
  /* line 12051, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale h6, .opportunities-section .opportunity-card .investment-rationale .reason-header span,
.opportunities-section .opportunity-card .opportunity-reason h6,
.opportunities-section .opportunity-card .opportunity-reason .reason-header span {
    font-size: 0.65rem !important;
    margin-bottom: 0.25rem !important;
    letter-spacing: 0.02em !important;
  }
  /* line 12057, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale p, .opportunities-section .opportunity-card .investment-rationale .reason-content p,
.opportunities-section .opportunity-card .opportunity-reason p,
.opportunities-section .opportunity-card .opportunity-reason .reason-content p {
    font-size: 0.6rem !important;
    line-height: 1.4 !important;
  }
  /* line 12068, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning,
.social-sentiment-section .alert.alert-danger,
.social-sentiment-section .alert.alert-info {
    padding: 0.6rem 0.75rem !important;
    margin-bottom: 0.6rem !important;
    border-radius: 8px !important;
  }
  /* line 12075, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning .d-flex,
.social-sentiment-section .alert.alert-danger .d-flex,
.social-sentiment-section .alert.alert-info .d-flex {
    gap: 0.5rem !important;
  }
  /* line 12079, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning i.fas, .social-sentiment-section .alert.alert-warning i.fa,
.social-sentiment-section .alert.alert-danger i.fas,
.social-sentiment-section .alert.alert-danger i.fa,
.social-sentiment-section .alert.alert-info i.fas,
.social-sentiment-section .alert.alert-info i.fa {
    font-size: 1rem !important;
  }
  /* line 12083, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning strong,
.social-sentiment-section .alert.alert-danger strong,
.social-sentiment-section .alert.alert-info strong {
    font-size: 0.8rem !important;
    display: block;
    margin-bottom: 0.2rem;
  }
  /* line 12089, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning p,
.social-sentiment-section .alert.alert-danger p,
.social-sentiment-section .alert.alert-info p {
    font-size: 0.7rem !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }
  /* line 12097, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .row:has(.sentiment-card, .mood-card, .updated-card) {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.4rem !important;
  }
  /* line 12102, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .row:has(.sentiment-card, .mood-card, .updated-card) > [class*="col-"] {
    flex: 1 !important;
    max-width: 33.333% !important;
    padding: 0.2rem !important;
  }
  /* line 12109, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card, .social-sentiment-section .mood-card, .social-sentiment-section .updated-card {
    padding: 0.6rem !important;
    min-height: auto !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 0.3rem !important;
  }
  /* line 12116, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon, .social-sentiment-section .sentiment-card .mood-icon, .social-sentiment-section .sentiment-card .updated-icon, .social-sentiment-section .mood-card .sentiment-icon, .social-sentiment-section .mood-card .mood-icon, .social-sentiment-section .mood-card .updated-icon, .social-sentiment-section .updated-card .sentiment-icon, .social-sentiment-section .updated-card .mood-icon, .social-sentiment-section .updated-card .updated-icon {
    width: 36px !important;
    height: 36px !important;
    margin: 0 auto 0.3rem !important;
  }
  /* line 12121, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon .emoji, .social-sentiment-section .sentiment-card .mood-icon .emoji, .social-sentiment-section .sentiment-card .updated-icon .emoji, .social-sentiment-section .mood-card .sentiment-icon .emoji, .social-sentiment-section .mood-card .mood-icon .emoji, .social-sentiment-section .mood-card .updated-icon .emoji, .social-sentiment-section .updated-card .sentiment-icon .emoji, .social-sentiment-section .updated-card .mood-icon .emoji, .social-sentiment-section .updated-card .updated-icon .emoji {
    font-size: 1.1rem !important;
  }
  /* line 12125, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon i, .social-sentiment-section .sentiment-card .mood-icon i, .social-sentiment-section .sentiment-card .updated-icon i, .social-sentiment-section .mood-card .sentiment-icon i, .social-sentiment-section .mood-card .mood-icon i, .social-sentiment-section .mood-card .updated-icon i, .social-sentiment-section .updated-card .sentiment-icon i, .social-sentiment-section .updated-card .mood-icon i, .social-sentiment-section .updated-card .updated-icon i {
    font-size: 0.9rem !important;
  }
  /* line 12130, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-content, .social-sentiment-section .sentiment-card .mood-content, .social-sentiment-section .sentiment-card .updated-content, .social-sentiment-section .mood-card .sentiment-content, .social-sentiment-section .mood-card .mood-content, .social-sentiment-section .mood-card .updated-content, .social-sentiment-section .updated-card .sentiment-content, .social-sentiment-section .updated-card .mood-content, .social-sentiment-section .updated-card .updated-content {
    width: 100% !important;
  }
  /* line 12134, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-label, .social-sentiment-section .sentiment-card .mood-label, .social-sentiment-section .sentiment-card .updated-label, .social-sentiment-section .mood-card .sentiment-label, .social-sentiment-section .mood-card .mood-label, .social-sentiment-section .mood-card .updated-label, .social-sentiment-section .updated-card .sentiment-label, .social-sentiment-section .updated-card .mood-label, .social-sentiment-section .updated-card .updated-label {
    font-size: 0.55rem !important;
    margin-bottom: 0.15rem !important;
  }
  /* line 12139, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-value, .social-sentiment-section .sentiment-card .mood-value, .social-sentiment-section .mood-card .sentiment-value, .social-sentiment-section .mood-card .mood-value, .social-sentiment-section .updated-card .sentiment-value, .social-sentiment-section .updated-card .mood-value {
    font-size: 0.85rem !important;
    justify-content: center !important;
  }
  /* line 12144, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .updated-date, .social-sentiment-section .mood-card .updated-date, .social-sentiment-section .updated-card .updated-date {
    font-size: 0.7rem !important;
  }
  /* line 12148, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .updated-time, .social-sentiment-section .mood-card .updated-time, .social-sentiment-section .updated-card .updated-time {
    font-size: 0.55rem !important;
  }
  /* line 12153, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-section h4 {
    font-size: 0.8rem !important;
    margin-bottom: 0.4rem !important;
  }
  /* line 12158, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card, .social-sentiment-section .sentiment-summary {
    padding: 0.65rem !important;
  }
  /* line 12161, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card h4, .social-sentiment-section .summary-card h5, .social-sentiment-section .sentiment-summary h4, .social-sentiment-section .sentiment-summary h5 {
    font-size: 0.8rem !important;
  }
  /* line 12165, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card p, .social-sentiment-section .sentiment-summary p {
    font-size: 0.7rem !important;
  }
  /* line 12171, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card {
    padding: 0.55rem !important;
  }
  /* line 12174, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .topic-header h5 {
    font-size: 0.75rem !important;
  }
  /* line 12178, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .topic-body p {
    font-size: 0.65rem !important;
  }
  /* line 12182, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .badge {
    font-size: 0.55rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 12189, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.4rem !important;
  }
  /* line 12193, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card {
    padding: 0.55rem !important;
  }
  /* line 12196, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-symbol strong {
    font-size: 0.75rem !important;
  }
  /* line 12200, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-mentions {
    font-size: 0.6rem !important;
  }
  /* line 12204, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-reason p {
    font-size: 0.65rem !important;
  }
  /* line 12208, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .badge {
    font-size: 0.55rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 12217, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card {
    padding: 0.65rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 12222, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-header h5 {
    font-size: 0.85rem !important;
  }
  /* line 12226, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-header .badge {
    font-size: 0.55rem !important;
    padding: 0.1rem 0.3rem !important;
  }
  /* line 12232, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-context p {
    font-size: 0.75rem !important;
  }
  /* line 12236, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-sectors {
    font-size: 0.65rem !important;
  }
  /* line 12239, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-sectors .sector-badge {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.3rem !important;
  }
}

@media (max-width: 576px) {
  /* line 12254, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .section-header h2 {
    font-size: 0.95rem !important;
  }
  /* line 12259, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card {
    padding: 0.4rem !important;
    margin-bottom: 0.3rem !important;
  }
  /* line 12263, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-header {
    margin-bottom: 0.3rem !important;
  }
  /* line 12266, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-header .symbol-tag {
    font-size: 0.6rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* line 12272, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-name {
    font-size: 0.5rem !important;
    padding: 0.1rem 0.25rem !important;
    margin-bottom: 0.3rem !important;
  }
  /* line 12278, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.25rem !important;
  }
  /* line 12283, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item {
    padding: 0.25rem !important;
  }
  /* line 12286, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item .metric-label {
    font-size: 0.5rem !important;
  }
  /* line 12290, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .opportunity-metrics .metric-item .metric-value {
    font-size: 0.65rem !important;
  }
  /* line 12296, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .confidence-badge {
    font-size: 0.5rem !important;
    padding: 0.1rem 0.2rem !important;
  }
  /* line 12301, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .sector-badge, .opportunities-section .opportunity-card .location-badge,
.opportunities-section .opportunity-card .sector-tag, .opportunities-section .opportunity-card .location-tag {
    font-size: 0.55rem !important;
    padding: 0.15rem 0.35rem !important;
    border-radius: 4px !important;
  }
  /* line 12309, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale,
.opportunities-section .opportunity-card .opportunity-reason {
    padding: 0.4rem !important;
    margin-top: 0.3rem !important;
  }
  /* line 12314, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale h6, .opportunities-section .opportunity-card .investment-rationale .reason-header span,
.opportunities-section .opportunity-card .opportunity-reason h6,
.opportunities-section .opportunity-card .opportunity-reason .reason-header span {
    font-size: 0.6rem !important;
    margin-bottom: 0.2rem !important;
    letter-spacing: 0.02em !important;
  }
  /* line 12320, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .opportunity-card .investment-rationale p, .opportunities-section .opportunity-card .investment-rationale li, .opportunities-section .opportunity-card .investment-rationale .reason-content p,
.opportunities-section .opportunity-card .opportunity-reason p,
.opportunities-section .opportunity-card .opportunity-reason li,
.opportunities-section .opportunity-card .opportunity-reason .reason-content p {
    font-size: 0.55rem !important;
    line-height: 1.4 !important;
  }
  /* line 12328, app/assets/stylesheets/dashboard.scss */
  .opportunities-section .btn-configure, .opportunities-section .configure-btn {
    font-size: 0.65rem !important;
    padding: 0.3rem 0.5rem !important;
  }
  /* line 12336, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section h3, .social-sentiment-section .section-title {
    font-size: 0.95rem !important;
  }
  /* line 12341, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning,
.social-sentiment-section .alert.alert-danger,
.social-sentiment-section .alert.alert-info {
    padding: 0.5rem 0.6rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 8px !important;
  }
  /* line 12348, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning .d-flex,
.social-sentiment-section .alert.alert-danger .d-flex,
.social-sentiment-section .alert.alert-info .d-flex {
    gap: 0.4rem !important;
  }
  /* line 12352, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning i.fas, .social-sentiment-section .alert.alert-warning i.fa,
.social-sentiment-section .alert.alert-danger i.fas,
.social-sentiment-section .alert.alert-danger i.fa,
.social-sentiment-section .alert.alert-info i.fas,
.social-sentiment-section .alert.alert-info i.fa {
    font-size: 0.9rem !important;
  }
  /* line 12356, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning strong,
.social-sentiment-section .alert.alert-danger strong,
.social-sentiment-section .alert.alert-info strong {
    font-size: 0.75rem !important;
    display: block;
    margin-bottom: 0.15rem;
  }
  /* line 12362, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .alert.alert-warning p,
.social-sentiment-section .alert.alert-danger p,
.social-sentiment-section .alert.alert-info p {
    font-size: 0.65rem !important;
    line-height: 1.35 !important;
    margin: 0 !important;
  }
  /* line 12370, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .row:has(.sentiment-card, .mood-card, .updated-card) {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.3rem !important;
  }
  /* line 12375, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .row:has(.sentiment-card, .mood-card, .updated-card) > [class*="col-"] {
    flex: 1 !important;
    max-width: 33.333% !important;
    padding: 0.15rem !important;
  }
  /* line 12382, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card, .social-sentiment-section .mood-card, .social-sentiment-section .updated-card {
    padding: 0.55rem !important;
    flex-direction: column !important;
    text-align: center !important;
    min-height: auto !important;
    gap: 0.25rem !important;
  }
  /* line 12389, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon, .social-sentiment-section .sentiment-card .mood-icon, .social-sentiment-section .sentiment-card .updated-icon, .social-sentiment-section .mood-card .sentiment-icon, .social-sentiment-section .mood-card .mood-icon, .social-sentiment-section .mood-card .updated-icon, .social-sentiment-section .updated-card .sentiment-icon, .social-sentiment-section .updated-card .mood-icon, .social-sentiment-section .updated-card .updated-icon {
    width: 34px !important;
    height: 34px !important;
    margin: 0 auto 0.25rem !important;
  }
  /* line 12394, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon .emoji, .social-sentiment-section .sentiment-card .mood-icon .emoji, .social-sentiment-section .sentiment-card .updated-icon .emoji, .social-sentiment-section .mood-card .sentiment-icon .emoji, .social-sentiment-section .mood-card .mood-icon .emoji, .social-sentiment-section .mood-card .updated-icon .emoji, .social-sentiment-section .updated-card .sentiment-icon .emoji, .social-sentiment-section .updated-card .mood-icon .emoji, .social-sentiment-section .updated-card .updated-icon .emoji {
    font-size: 1.1rem !important;
  }
  /* line 12398, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-icon i, .social-sentiment-section .sentiment-card .mood-icon i, .social-sentiment-section .sentiment-card .updated-icon i, .social-sentiment-section .mood-card .sentiment-icon i, .social-sentiment-section .mood-card .mood-icon i, .social-sentiment-section .mood-card .updated-icon i, .social-sentiment-section .updated-card .sentiment-icon i, .social-sentiment-section .updated-card .mood-icon i, .social-sentiment-section .updated-card .updated-icon i {
    font-size: 0.85rem !important;
  }
  /* line 12403, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-content, .social-sentiment-section .sentiment-card .mood-content, .social-sentiment-section .sentiment-card .updated-content, .social-sentiment-section .mood-card .sentiment-content, .social-sentiment-section .mood-card .mood-content, .social-sentiment-section .mood-card .updated-content, .social-sentiment-section .updated-card .sentiment-content, .social-sentiment-section .updated-card .mood-content, .social-sentiment-section .updated-card .updated-content {
    width: 100% !important;
  }
  /* line 12407, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-label, .social-sentiment-section .sentiment-card .mood-label, .social-sentiment-section .sentiment-card .updated-label, .social-sentiment-section .mood-card .sentiment-label, .social-sentiment-section .mood-card .mood-label, .social-sentiment-section .mood-card .updated-label, .social-sentiment-section .updated-card .sentiment-label, .social-sentiment-section .updated-card .mood-label, .social-sentiment-section .updated-card .updated-label {
    font-size: 0.55rem !important;
    margin-bottom: 0.1rem !important;
  }
  /* line 12412, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-value, .social-sentiment-section .sentiment-card .mood-value, .social-sentiment-section .mood-card .sentiment-value, .social-sentiment-section .mood-card .mood-value, .social-sentiment-section .updated-card .sentiment-value, .social-sentiment-section .updated-card .mood-value {
    font-size: 0.85rem !important;
    justify-content: center !important;
  }
  /* line 12416, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .sentiment-value .trend-icon, .social-sentiment-section .sentiment-card .sentiment-value .mood-indicator, .social-sentiment-section .sentiment-card .mood-value .trend-icon, .social-sentiment-section .sentiment-card .mood-value .mood-indicator, .social-sentiment-section .mood-card .sentiment-value .trend-icon, .social-sentiment-section .mood-card .sentiment-value .mood-indicator, .social-sentiment-section .mood-card .mood-value .trend-icon, .social-sentiment-section .mood-card .mood-value .mood-indicator, .social-sentiment-section .updated-card .sentiment-value .trend-icon, .social-sentiment-section .updated-card .sentiment-value .mood-indicator, .social-sentiment-section .updated-card .mood-value .trend-icon, .social-sentiment-section .updated-card .mood-value .mood-indicator {
    font-size: 0.65rem !important;
  }
  /* line 12421, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .updated-date, .social-sentiment-section .mood-card .updated-date, .social-sentiment-section .updated-card .updated-date {
    font-size: 0.75rem !important;
  }
  /* line 12425, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-card .updated-time, .social-sentiment-section .mood-card .updated-time, .social-sentiment-section .updated-card .updated-time {
    font-size: 0.55rem !important;
  }
  /* line 12431, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-section h4 {
    font-size: 0.85rem !important;
    margin-bottom: 0.35rem !important;
  }
  /* line 12437, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card, .social-sentiment-section .sentiment-summary {
    padding: 0.7rem !important;
  }
  /* line 12440, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card h4, .social-sentiment-section .summary-card h5, .social-sentiment-section .sentiment-summary h4, .social-sentiment-section .sentiment-summary h5 {
    font-size: 0.85rem !important;
  }
  /* line 12444, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .summary-card p, .social-sentiment-section .sentiment-summary p {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
  /* line 12451, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card {
    padding: 0.6rem !important;
  }
  /* line 12454, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .topic-header h5 {
    font-size: 0.8rem !important;
  }
  /* line 12458, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .topic-body p {
    font-size: 0.7rem !important;
  }
  /* line 12462, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid .topic-card .badge {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 12469, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.35rem !important;
  }
  /* line 12473, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card {
    padding: 0.5rem !important;
  }
  /* line 12476, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-symbol strong {
    font-size: 0.75rem !important;
  }
  /* line 12480, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-mentions {
    font-size: 0.6rem !important;
  }
  /* line 12484, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .stock-reason p {
    font-size: 0.7rem !important;
  }
  /* line 12488, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .trending-stocks-grid .trending-stock-card .badge {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 12497, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .discussion-topics .topic-item {
    padding: 0.5rem !important;
  }
  /* line 12500, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .discussion-topics .topic-item .topic-header h5 {
    font-size: 0.8rem !important;
  }
  /* line 12504, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .discussion-topics .topic-item .topic-body p {
    font-size: 0.7rem !important;
  }
  /* line 12508, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .discussion-topics .topic-item .topic-meta {
    font-size: 0.6rem !important;
  }
  /* line 12516, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card {
    padding: 0.6rem !important;
    margin-bottom: 0.4rem !important;
  }
  /* line 12521, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-header h5 {
    font-size: 0.85rem !important;
  }
  /* line 12525, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-header .badge {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 12531, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-context p {
    font-size: 0.75rem !important;
  }
  /* line 12535, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-sectors {
    font-size: 0.65rem !important;
  }
  /* line 12538, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .events-list .event-card .event-sectors .sector-badge {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.25rem !important;
  }
}

/* line 12553, app/assets/stylesheets/dashboard.scss */
.truncated-text {
  position: relative;
}

/* line 12556, app/assets/stylesheets/dashboard.scss */
.truncated-text .text-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}

/* line 12566, app/assets/stylesheets/dashboard.scss */
.truncated-text .read-more-btn {
  display: inline-block;
  color: #00d4aa;
  font-weight: 600;
  cursor: pointer;
  margin-top: 0.2rem;
  font-size: 0.65rem;
  transition: all 0.2s ease;
  background: none;
  border: none;
  padding: 0;
}

/* line 12578, app/assets/stylesheets/dashboard.scss */
.truncated-text .read-more-btn:hover {
  color: #00a8ff;
  text-decoration: underline;
}

/* line 12583, app/assets/stylesheets/dashboard.scss */
.truncated-text .read-more-btn i {
  margin-left: 0.2rem;
  font-size: 0.55rem;
}

/* line 12592, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .summary-card p,
.social-sentiment-section .topic-body p,
.social-sentiment-section .sentiment-summary p,
.social-sentiment-section .analysis-content p,
.social-sentiment-section .stock-reason p,
.social-sentiment-section .event-context p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 12606, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .read-more-trigger {
  color: #00d4aa;
  font-weight: 600;
  cursor: pointer;
  font-size: inherit;
  display: inline-block;
  margin-top: 0.35rem;
}

/* line 12614, app/assets/stylesheets/dashboard.scss */
.social-sentiment-section .read-more-trigger:hover {
  color: #00a8ff;
  text-decoration: underline;
}

/* line 12622, app/assets/stylesheets/dashboard.scss */
.read-more-block-enabled {
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

/* line 12626, app/assets/stylesheets/dashboard.scss */
.read-more-block-enabled:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.03);
}

/* line 12632, app/assets/stylesheets/dashboard.scss */
.read-more-block-enabled:active {
  transform: translateY(0);
}

/* line 12639, app/assets/stylesheets/dashboard.scss */
.opportunities-section .investment-rationale p,
.opportunities-section .opportunity-description p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 12649, app/assets/stylesheets/dashboard.scss */
.opportunities-section .read-more-trigger {
  color: #00d4aa;
  font-weight: 600;
  cursor: pointer;
  font-size: inherit;
  display: inline-block;
  margin-top: 0.25rem;
}

/* line 12657, app/assets/stylesheets/dashboard.scss */
.opportunities-section .read-more-trigger:hover {
  color: #00a8ff;
  text-decoration: underline;
}

/* line 12665, app/assets/stylesheets/dashboard.scss */
.read-more-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

/* line 12682, app/assets/stylesheets/dashboard.scss */
.read-more-modal.active {
  opacity: 1;
  visibility: visible;
}

/* line 12687, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-content {
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 12px;
  max-width: 600px;
  max-height: 80vh;
  width: 100%;
  overflow: hidden;
  transform: translateY(20px);
  transition: transform 0.3s ease;
}

/* line 12698, app/assets/stylesheets/dashboard.scss */
.active .read-more-modal .modal-content {
  transform: translateY(0);
}

/* line 12703, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 12710, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-header h5 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
}

/* line 12716, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-header .close-modal {
  background: none;
  border: none;
  color: #94a3b8;
  font-size: 1.25rem;
  cursor: pointer;
  padding: 0.25rem;
  transition: color 0.2s ease;
}

/* line 12725, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-header .close-modal:hover {
  color: #00d4aa;
}

/* line 12731, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-body {
  padding: 1rem;
  overflow-y: auto;
  max-height: calc(80vh - 60px);
}

/* line 12736, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-body p {
  color: #94a3b8;
  line-height: 1.6;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

/* line 12742, app/assets/stylesheets/dashboard.scss */
.read-more-modal .modal-body p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  /* line 12751, app/assets/stylesheets/dashboard.scss */
  .read-more-trigger {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.65rem !important;
    color: #00d4aa !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 0.3rem !important;
  }
}

@media (max-width: 576px) {
  /* line 12765, app/assets/stylesheets/dashboard.scss */
  .read-more-modal {
    padding: 0.5rem;
  }
  /* line 12768, app/assets/stylesheets/dashboard.scss */
  .read-more-modal .modal-content {
    max-height: 90vh;
    border-radius: 8px;
  }
  /* line 12773, app/assets/stylesheets/dashboard.scss */
  .read-more-modal .modal-header {
    padding: 0.75rem;
  }
  /* line 12776, app/assets/stylesheets/dashboard.scss */
  .read-more-modal .modal-header h5 {
    font-size: 0.85rem;
  }
  /* line 12781, app/assets/stylesheets/dashboard.scss */
  .read-more-modal .modal-body {
    padding: 0.75rem;
  }
  /* line 12784, app/assets/stylesheets/dashboard.scss */
  .read-more-modal .modal-body p {
    font-size: 0.8rem;
  }
  /* line 12790, app/assets/stylesheets/dashboard.scss */
  .read-more-trigger {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.6rem !important;
    color: #00d4aa !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    margin-top: 0.25rem !important;
  }
}

/* line 12805, app/assets/stylesheets/dashboard.scss */
.dashboard-bubbles-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}

/* line 12815, app/assets/stylesheets/dashboard.scss */
.db-bubble {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex: 1;
  max-width: 90px;
  position: relative;
  transition: transform 0.15s ease;
}

/* line 12829, app/assets/stylesheets/dashboard.scss */
.db-bubble:hover {
  transform: translateY(-2px);
}

/* line 12831, app/assets/stylesheets/dashboard.scss */
.db-bubble:hover .db-bubble-icon {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* line 12834, app/assets/stylesheets/dashboard.scss */
.db-bubble:active {
  transform: translateY(0);
}

/* line 12836, app/assets/stylesheets/dashboard.scss */
.db-bubble .db-bubble-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  transition: box-shadow 0.15s ease;
  border: 2px solid rgba(255, 255, 255, 0.12);
  position: relative;
  background: rgba(15, 20, 40, 0.85);
}

/* line 12850, app/assets/stylesheets/dashboard.scss */
.db-bubble .db-bubble-emoji {
  font-size: 1.4rem;
  line-height: 1;
}

/* line 12855, app/assets/stylesheets/dashboard.scss */
.db-bubble .db-bubble-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  text-align: center;
  line-height: 1.2;
  max-width: 72px;
}

/* line 12866, app/assets/stylesheets/dashboard.scss */
.db-bubble .db-bubble-dot {
  position: absolute;
  top: -2px;
  right: 50%;
  transform: translateX(26px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #0a0e1a;
}

/* line 12876, app/assets/stylesheets/dashboard.scss */
.db-bubble .db-bubble-dot.dot-critical {
  background: #ff6b6b;
  animation: pulse-dot 1.5s ease-in-out infinite;
}

/* line 12884, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bullish .db-bubble-icon {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.4);
  color: #22c55e;
}

/* line 12888, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bullish .db-bubble-icon i {
  color: #22c55e;
}

/* line 12890, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bullish .db-bubble-label {
  color: #22c55e;
}

/* line 12894, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bearish .db-bubble-icon {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ff6b6b;
}

/* line 12898, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bearish .db-bubble-icon i {
  color: #ff6b6b;
}

/* line 12900, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-bearish .db-bubble-label {
  color: #ff6b6b;
}

/* line 12904, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-warning .db-bubble-icon {
  background: rgba(255, 167, 38, 0.15);
  border-color: rgba(255, 167, 38, 0.4);
  color: #ffa726;
}

/* line 12908, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-warning .db-bubble-icon i {
  color: #ffa726;
}

/* line 12910, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-warning .db-bubble-label {
  color: #ffa726;
}

/* line 12914, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-neutral .db-bubble-icon {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.25);
  color: #94a3b8;
}

/* line 12918, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-neutral .db-bubble-icon i {
  color: #94a3b8;
}

/* line 12922, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-locked {
  opacity: 0.8;
}

/* line 12923, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-locked .db-bubble-icon {
  background: rgba(100, 116, 139, 0.15);
  border-color: rgba(100, 116, 139, 0.25);
  color: #64748b;
}

/* line 12927, app/assets/stylesheets/dashboard.scss */
.db-bubble.bubble-locked .db-bubble-icon i {
  color: #64748b;
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: translateX(26px) scale(1);
  }
  50% {
    opacity: 0.5;
    transform: translateX(26px) scale(0.8);
  }
}

/* line 12939, app/assets/stylesheets/dashboard.scss */
.db-modal {
  z-index: 1070 !important;
}

/* line 12942, app/assets/stylesheets/dashboard.scss */
.db-modal.show {
  z-index: 1070 !important;
}

/* line 12944, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-dialog {
  z-index: 1071 !important;
  max-height: none !important;
}

/* line 12949, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-content {
  background: #0f1428;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  color: #ffffff;
  max-height: none !important;
}

/* line 12957, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1rem 1.25rem;
}

/* line 12960, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-header h5 {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
}

/* line 12963, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-body {
  padding: 1.25rem;
  overflow-y: visible !important;
  max-height: none !important;
}

/* line 12969, app/assets/stylesheets/dashboard.scss */
.db-modal .modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.75rem 1.25rem;
}

/* line 12974, app/assets/stylesheets/dashboard.scss */
.db-modal .btn-outline-secondary {
  border-color: rgba(255, 255, 255, 0.2);
  color: #94a3b8;
}

/* line 12977, app/assets/stylesheets/dashboard.scss */
.db-modal .btn-outline-secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* line 12981, app/assets/stylesheets/dashboard.scss */
.db-modal-alert {
  border-radius: 8px;
  padding: 0.7rem 0.85rem;
  border-left: 3px solid transparent;
  font-size: 0.8rem;
}

/* line 12987, app/assets/stylesheets/dashboard.scss */
.db-modal-alert.bubble-bullish {
  background: rgba(34, 197, 94, 0.1);
  border-left-color: #22c55e;
}

/* line 12988, app/assets/stylesheets/dashboard.scss */
.db-modal-alert.bubble-bearish {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: #ff6b6b;
}

/* line 12989, app/assets/stylesheets/dashboard.scss */
.db-modal-alert.bubble-warning {
  background: rgba(255, 167, 38, 0.1);
  border-left-color: #ffa726;
}

/* line 12990, app/assets/stylesheets/dashboard.scss */
.db-modal-alert.bubble-neutral {
  background: rgba(148, 163, 184, 0.08);
  border-left-color: #64748b;
}

/* line 12992, app/assets/stylesheets/dashboard.scss */
.db-modal-alert p, .db-modal-alert .small, .db-modal-alert small {
  font-size: 0.78rem !important;
}

/* line 12994, app/assets/stylesheets/dashboard.scss */
.db-modal-alert .db-modal-alert-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  font-size: 0.82rem;
}

/* line 13004, app/assets/stylesheets/dashboard.scss */
.db-modal-sentiment .db-fgi-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 70px;
}

/* line 13010, app/assets/stylesheets/dashboard.scss */
.db-modal-sentiment .db-fgi-display .db-fgi-value {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

/* line 13015, app/assets/stylesheets/dashboard.scss */
.db-modal-sentiment .db-fgi-display .db-fgi-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 13024, app/assets/stylesheets/dashboard.scss */
.db-modal-pizzacon .db-pizzacon-emoji {
  font-size: 2.2rem;
  line-height: 1;
}

/* line 13026, app/assets/stylesheets/dashboard.scss */
.db-modal-pizzacon .db-pizza-bar-container {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
}

/* line 13032, app/assets/stylesheets/dashboard.scss */
.db-modal-pizzacon .db-pizza-bar-container .db-pizza-bar-fill {
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(90deg, #22c55e, #eab308, #ef4444);
  transition: width 0.5s ease;
}

@media (max-width: 767px) {
  /* line 13043, app/assets/stylesheets/dashboard.scss */
  .dashboard-bubbles-row {
    gap: 0.6rem;
    margin-bottom: 0.6rem;
    padding-left: 0.5rem;
    padding-right: 3.5rem;
    position: relative;
  }
  /* line 13044, app/assets/stylesheets/dashboard.scss */
  .db-bubble {
    max-width: 65px;
    gap: 0.2rem;
  }
  /* line 13047, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-icon {
    width: 50px;
    height: 50px;
    font-size: 1.05rem;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.08);
  }
  /* line 13054, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-emoji {
    font-size: 1.15rem;
  }
  /* line 13055, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-label {
    font-size: 0.55rem;
    max-width: 55px;
  }
  /* line 13056, app/assets/stylesheets/dashboard.scss */
  .db-bubble .db-bubble-dot {
    width: 8px;
    height: 8px;
    transform: translateX(21px);
  }
  /* line 13058, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
  /* line 13068, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-form {
    display: inline-flex;
    margin: 0;
    padding: 0;
  }
  /* line 13074, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    font-size: 0.65rem !important;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
  }
  /* line 13094, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }
  /* line 13099, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn.bubbles-btn-refresh {
    border: 1px solid rgba(0, 212, 170, 0.35) !important;
    background: rgba(0, 212, 170, 0.1) !important;
    color: #00d4aa !important;
  }
  /* line 13104, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn.bubbles-btn-refresh:hover {
    background: rgba(0, 212, 170, 0.2) !important;
    border-color: rgba(0, 212, 170, 0.5) !important;
  }
  /* line 13110, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn.bubbles-btn-settings {
    border: 1px solid rgba(255, 193, 7, 0.35) !important;
    background: rgba(255, 193, 7, 0.1) !important;
    color: #ffc107 !important;
  }
  /* line 13115, app/assets/stylesheets/dashboard.scss */
  .bubbles-action-btns .bubbles-action-btn.bubbles-btn-settings:hover {
    background: rgba(255, 193, 7, 0.2) !important;
    border-color: rgba(255, 193, 7, 0.5) !important;
  }
  @keyframes pulse-dot {
    0%, 100% {
      opacity: 1;
      transform: translateX(19px) scale(1);
    }
    50% {
      opacity: 0.5;
      transform: translateX(19px) scale(0.8);
    }
  }
}

/* line 13131, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner {
  margin-bottom: 1rem;
}

/* line 13135, app/assets/stylesheets/dashboard.scss */
.combined-alerts-grid {
  display: grid;
  gap: 0.75rem;
}

/* line 13140, app/assets/stylesheets/dashboard.scss */
.combined-alerts-grid.alerts-count-1 {
  grid-template-columns: 1fr;
}

/* line 13145, app/assets/stylesheets/dashboard.scss */
.combined-alerts-grid.alerts-count-2 {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 991px) {
  /* line 13145, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-grid.alerts-count-2 {
    grid-template-columns: 1fr;
  }
}

/* line 13154, app/assets/stylesheets/dashboard.scss */
.alert-section-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 0.6rem;
}

/* line 13160, app/assets/stylesheets/dashboard.scss */
.alert-section-card .alert-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 13168, app/assets/stylesheets/dashboard.scss */
.alert-section-card .alert-section-header h5 {
  font-size: 0.8rem;
  font-weight: 600;
  color: #94a3b8;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 13177, app/assets/stylesheets/dashboard.scss */
.alert-section-card .alert-section-header h5 i {
  font-size: 0.75rem;
  color: #ffa726;
}

/* line 13183, app/assets/stylesheets/dashboard.scss */
.alert-section-card .alert-section-header .section-link {
  color: #94a3b8;
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  transition: all 0.2s;
}

/* line 13190, app/assets/stylesheets/dashboard.scss */
.alert-section-card .alert-section-header .section-link:hover {
  color: #00d4aa;
  background: rgba(255, 255, 255, 0.05);
}

/* line 13197, app/assets/stylesheets/dashboard.scss */
.alert-section-card.geo-crisis-section .alert-section-header h5 i {
  color: #ff6b6b;
}

/* line 13203, app/assets/stylesheets/dashboard.scss */
.market-alert-gate-mini {
  position: relative;
}

/* line 13206, app/assets/stylesheets/dashboard.scss */
.market-alert-gate-mini .subscription-overlay-mini {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(3px);
  border-radius: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 13221, app/assets/stylesheets/dashboard.scss */
.market-alert-gate-mini .premium-lock {
  background: linear-gradient(135deg, #00d4aa, #00a181);
  color: white;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 13229, app/assets/stylesheets/dashboard.scss */
.market-alert-gate-mini .premium-lock i {
  margin-right: 0.3rem;
}

/* line 13234, app/assets/stylesheets/dashboard.scss */
.market-alert-gate-mini .subscription-gated-content-mini {
  filter: blur(2px);
  pointer-events: none;
}

/* line 13241, app/assets/stylesheets/dashboard.scss */
.alert-emoji {
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

/* line 13250, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion {
  border-radius: 6px;
  border: none;
  border-left: 3px solid;
  overflow: hidden;
}

/* line 13256, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-danger {
  background: rgba(255, 107, 107, 0.15);
  border-left-color: #ff6b6b;
}

/* line 13259, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-danger .alert-icon {
  color: #ff6b6b;
}

/* line 13262, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-warning {
  background: rgba(255, 167, 38, 0.15);
  border-left-color: #ffa726;
}

/* line 13265, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-warning .alert-icon {
  color: #ffa726;
}

/* line 13268, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-info {
  background: rgba(0, 168, 255, 0.15);
  border-left-color: #00a8ff;
}

/* line 13271, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-info .alert-icon {
  color: #00a8ff;
}

/* line 13274, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-bullish {
  background: rgba(34, 197, 94, 0.11);
  border-left-color: #00d4aa;
}

/* line 13277, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion.alert-bullish .alert-icon {
  color: #00d4aa;
}

/* line 13280, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-accordion-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.5rem 0.6rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* line 13288, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-accordion-header:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 13293, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-header-content {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
}

/* line 13301, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-icon {
  font-size: 0.85rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
}

/* line 13307, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-header-info {
  flex: 1;
  min-width: 0;
}

/* line 13312, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-title-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}

/* line 13319, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-title-row strong {
  font-size: 0.8rem;
  color: #ffffff;
  line-height: 1.3;
}

/* line 13325, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-title-row .badge-sm {
  font-size: 0.55rem;
  padding: 0.12rem 0.3rem;
  font-weight: 600;
}

/* line 13332, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-sectors-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}

/* line 13337, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-sectors-preview .badge {
  font-size: 0.6rem;
  font-weight: 500;
  padding: 0.08rem 0.3rem;
}

/* line 13344, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-expand-btn {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  color: #94a3b8;
  min-height: 28px;
  min-width: 28px;
  padding: 6px 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  flex-shrink: 0;
  margin-left: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 13360, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-expand-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

/* line 13365, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-expand-btn i {
  font-size: 0.65rem;
  transition: transform 0.3s ease;
}

/* line 13372, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-accordion-body {
  padding: 0 0.6rem 0 1.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease, opacity 0.2s ease, padding 0.3s ease;
}

/* line 13380, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-accordion-body.collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
}

/* line 13388, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-accordion-body.expanded {
  max-height: 350px;
  opacity: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
}

/* line 13396, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-message {
  color: #94a3b8;
  font-size: 0.75rem;
  line-height: 1.45;
  margin-bottom: 0.5rem;
}

/* line 13403, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-trigger {
  margin-bottom: 0.4rem;
  font-size: 0.77rem;
}

/* line 13407, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-trigger small {
  color: #94a3b8;
  line-height: 1.35;
}

/* line 13413, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-action {
  font-size: 0.77rem;
  margin-bottom: 0.4rem;
}

/* line 13417, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-action small {
  line-height: 1.4;
}

/* line 13422, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-stocks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.3rem;
}

/* line 13429, app/assets/stylesheets/dashboard.scss */
.combined-alerts-banner .market-alert-accordion .alert-stocks .badge {
  font-size: 0.6rem;
  font-weight: 500;
  padding: 0.1rem 0.35rem;
}

/* line 13440, app/assets/stylesheets/dashboard.scss */
.market-alerts-section {
  margin-bottom: 1.5rem;
}

/* line 13443, app/assets/stylesheets/dashboard.scss */
.market-alerts-section h4 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.4rem;
  color: #ffffff;
  font-weight: 600;
  font-size: 1rem;
}

/* line 13452, app/assets/stylesheets/dashboard.scss */
.market-alerts-section h4 i {
  color: #ffa726;
  font-size: 0.9rem;
}

/* line 13458, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .alerts-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 13464, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card {
  border-radius: 8px;
  margin-bottom: 0;
  padding: 0.6rem 0.9rem;
  border: none;
  border-left: 3px solid;
}

/* line 13471, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-danger {
  background: rgba(255, 107, 107, 0.12);
  border-left-color: #ff6b6b;
  color: #ffffff;
}

/* line 13476, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-danger i {
  color: #ff6b6b;
}

/* line 13481, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-warning {
  background: rgba(255, 167, 38, 0.12);
  border-left-color: #ffa726;
  color: #ffffff;
}

/* line 13486, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-warning i {
  color: #ffa726;
}

/* line 13491, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-info {
  background: rgba(0, 168, 255, 0.12);
  border-left-color: #00a8ff;
  color: #ffffff;
}

/* line 13496, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-info i {
  color: #00a8ff;
}

/* line 13501, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-bullish {
  background: rgba(34, 197, 94, 0.11);
  border-left-color: #00d4aa;
  color: #ffffff;
}

/* line 13506, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card.alert-bullish i {
  color: #00d4aa;
}

/* line 13511, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card i.fas {
  font-size: 0.9rem !important;
  margin-right: 0.5rem !important;
  margin-top: 0.1rem !important;
}

/* line 13517, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card strong {
  font-size: 0.85rem;
  color: #ffffff;
}

/* line 13522, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card p {
  color: #94a3b8;
  font-size: 0.8rem;
  line-height: 1.4;
  margin-bottom: 0;
}

/* line 13529, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card .badge-sm {
  font-size: 0.6rem;
  padding: 0.15rem 0.4rem;
  font-weight: 600;
}

/* line 13535, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card .alert-sectors {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 13542, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-card .alert-sectors .badge {
  font-size: 0.7rem;
  font-weight: 500;
}

/* line 13549, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .read-more-link {
  color: #00d4aa;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 13559, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .read-more-link:hover {
  color: #00a8ff;
  text-decoration: underline;
}

/* line 13563, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .read-more-link:hover i {
  transform: translateX(3px);
}

/* line 13568, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .read-more-link i {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}

/* line 13577, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .alerts-grid {
  display: grid;
  gap: 0.75rem;
}

/* line 13582, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .alerts-grid.alerts-count-1 {
  grid-template-columns: 1fr;
}

/* line 13587, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .alerts-grid.alerts-count-2 {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 991px) {
  /* line 13587, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-grid.alerts-count-2 {
    grid-template-columns: 1fr;
  }
}

/* line 13599, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion {
  border-radius: 8px;
  border: none;
  border-left: 3px solid;
  overflow: hidden;
  transition: all 0.2s ease;
}

/* line 13606, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-danger {
  background: rgba(255, 107, 107, 0.12);
  border-left-color: #ff6b6b;
}

/* line 13610, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-danger .alert-icon {
  color: #ff6b6b;
}

/* line 13613, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-warning {
  background: rgba(255, 167, 38, 0.12);
  border-left-color: #ffa726;
}

/* line 13617, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-warning .alert-icon {
  color: #ffa726;
}

/* line 13620, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-info {
  background: rgba(0, 168, 255, 0.12);
  border-left-color: #00a8ff;
}

/* line 13624, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-info .alert-icon {
  color: #00a8ff;
}

/* line 13627, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-bullish {
  background: rgba(34, 197, 94, 0.11);
  border-left-color: #00d4aa;
}

/* line 13631, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion.alert-bullish .alert-icon {
  color: #00d4aa;
}

/* line 13635, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* line 13643, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-accordion-header:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 13648, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-header-content {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

/* line 13656, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-icon {
  font-size: 0.9rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

/* line 13662, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-header-info {
  flex: 1;
  min-width: 0;
}

/* line 13667, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
}

/* line 13674, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-title-row strong {
  font-size: 0.85rem;
  color: #ffffff;
  line-height: 1.3;
}

/* line 13680, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-title-row .badge-sm {
  font-size: 0.6rem;
  padding: 0.15rem 0.4rem;
  font-weight: 600;
}

/* line 13687, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-sectors-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

/* line 13692, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-sectors-preview .badge {
  font-size: 0.65rem;
  font-weight: 500;
  padding: 0.1rem 0.35rem;
}

/* line 13699, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-expand-btn {
  background: transparent;
  border: none;
  color: #94a3b8;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
}

/* line 13708, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-expand-btn:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

/* line 13713, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-expand-btn i {
  font-size: 0.7rem;
  transition: transform 0.3s ease;
}

/* line 13720, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-accordion-body {
  padding: 0 0.75rem 0.6rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  transition: max-height 0.3s ease, opacity 0.2s ease, padding 0.3s ease;
  overflow: hidden;
}

/* line 13726, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-accordion-body.collapsed {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}

/* line 13734, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-accordion-body.expanded {
  max-height: 300px;
  opacity: 1;
  padding-top: 0.5rem;
}

/* line 13741, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-message {
  color: #94a3b8;
  font-size: 0.8rem;
  line-height: 1.45;
  margin-bottom: 0.5rem;
}

/* line 13748, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-trigger,
.market-alerts-section .market-alert-accordion .alert-action,
.market-alerts-section .market-alert-accordion .alert-stocks,
.market-alerts-section .market-alert-accordion .alert-magnitude {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
}

/* line 13755, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-trigger small,
.market-alerts-section .market-alert-accordion .alert-action small,
.market-alerts-section .market-alert-accordion .alert-stocks small,
.market-alerts-section .market-alert-accordion .alert-magnitude small {
  color: #94a3b8;
}

/* line 13759, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-trigger .badge,
.market-alerts-section .market-alert-accordion .alert-action .badge,
.market-alerts-section .market-alert-accordion .alert-stocks .badge,
.market-alerts-section .market-alert-accordion .alert-magnitude .badge {
  font-size: 0.6rem;
  margin-left: 0.25rem;
}

/* line 13765, app/assets/stylesheets/dashboard.scss */
.market-alerts-section .market-alert-accordion .alert-stocks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

/* line 13777, app/assets/stylesheets/dashboard.scss */
.mini-widgets-row {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  /* line 13777, app/assets/stylesheets/dashboard.scss */
  .mini-widgets-row {
    gap: 0.5rem;
  }
}

@media (max-width: 767px) {
  /* line 13777, app/assets/stylesheets/dashboard.scss */
  .mini-widgets-row {
    gap: 0.4rem;
    margin-bottom: 0.5rem;
  }
}

/* line 13794, app/assets/stylesheets/dashboard.scss */
.mini-widgets-row > a {
  flex: 1;
  min-width: 0;
}

/* line 13803, app/assets/stylesheets/dashboard.scss */
.mini-block-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 13811, app/assets/stylesheets/dashboard.scss */
.mini-block-header .mini-block-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 13820, app/assets/stylesheets/dashboard.scss */
.mini-block-header .read-more-link-mini {
  display: none;
}

/* line 13826, app/assets/stylesheets/dashboard.scss */
.read-more-arrow-absolute {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 2;
}

/* line 13839, app/assets/stylesheets/dashboard.scss */
.read-more-arrow-absolute i {
  font-size: 0.55rem;
  transition: transform 0.2s ease;
}

/* line 13848, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini-link {
  display: block;
  text-decoration: none;
  color: inherit;
  flex: 1;
}

/* line 13854, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini-link:hover {
  text-decoration: none;
}

/* line 13857, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini-link:hover .market-sentiment-mini {
  border-color: #00d4aa;
  background: rgba(0, 212, 170, 0.05);
}

/* line 13862, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini-link:hover .read-more-arrow-absolute {
  color: #00d4aa;
}

/* line 13865, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini-link:hover .read-more-arrow-absolute i {
  transform: translate(1px, -1px);
}

/* line 13872, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini {
  position: relative;
  background: rgba(15, 20, 40, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 0.75rem 1rem;
  backdrop-filter: blur(10px);
  transition: all 0.2s ease;
  cursor: pointer;
  height: 100%;
}

/* line 13884, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini.sentiment-level-bullish {
  border-left: 4px solid #00d4aa;
  background: rgba(0, 212, 170, 0.03);
}

/* line 13889, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini.sentiment-level-bearish {
  border-left: 4px solid #ff6b6b;
  background: rgba(255, 107, 107, 0.05);
}

/* line 13894, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini.sentiment-level-neutral {
  border-left: 4px solid #94a3b8;
  background: rgba(148, 163, 184, 0.03);
}

/* line 13899, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-sentiment-item,
.market-sentiment-mini .mini-mood-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 13906, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-emoji {
  font-size: 1.1rem;
}

/* line 13910, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-label {
  font-size: 0.8rem;
  color: #94a3b8;
  font-weight: 500;
}

/* line 13916, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-value {
  font-size: 0.85rem;
  font-weight: 600;
  color: #ffffff;
}

/* line 13923, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .sentiment-bullish .mini-value {
  color: #00d4aa;
}

/* line 13927, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .sentiment-bearish .mini-value {
  color: #ff6b6b;
}

/* line 13931, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .sentiment-neutral .mini-value {
  color: #94a3b8;
}

/* line 13936, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mood-optimistic .mini-value {
  color: #00d4aa;
}

/* line 13940, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mood-cautious .mini-value {
  color: #ffa726;
}

/* line 13944, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mood-fearful .mini-value {
  color: #ff6b6b;
}

/* line 13948, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mood-mixed .mini-value {
  color: #94a3b8;
}

/* line 13952, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .read-more-link-mini {
  font-size: 0.75rem;
  color: #00d4aa;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  transition: all 0.2s ease;
}

/* line 13961, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .read-more-link-mini i {
  font-size: 0.65rem;
  transition: transform 0.2s ease;
}

/* line 13969, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
}

/* line 13975, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini {
  position: relative;
  width: 44px;
  height: 24px;
  background: linear-gradient(90deg, #dc2626 0%, #f97316 25%, #eab308 50%, #84cc16 75%, #22c55e 100%);
  border-radius: 22px 22px 0 0;
  overflow: hidden;
}

/* line 13983, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 16px;
  background: rgba(15, 20, 40, 0.85);
  border-radius: 15px 15px 0 0;
}

/* line 13995, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini .fgi-needle {
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 2px;
  height: 14px;
  background: linear-gradient(to top, #1e293b, #334155);
  transform-origin: bottom center;
  transition: transform 0.5s ease;
  border-radius: 1px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* line 14007, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini .fgi-needle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: #1e293b;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* line 14021, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini .fgi-value-mini {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.55rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* line 14033, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-info-mini {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 14038, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-label-mini {
  font-size: 0.6rem;
  color: #94a3b8;
  font-weight: 500;
  line-height: 1.1;
}

/* line 14045, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-status-mini {
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
}

/* line 14053, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter.fgi-extreme-fear .fgi-status-mini {
  color: #dc2626;
}

/* line 14054, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter.fgi-fear .fgi-status-mini {
  color: #f97316;
}

/* line 14055, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter.fgi-neutral .fgi-status-mini {
  color: #eab308;
}

/* line 14056, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter.fgi-greed .fgi-status-mini {
  color: #84cc16;
}

/* line 14057, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-fgi-meter.fgi-extreme-greed .fgi-status-mini {
  color: #22c55e;
}

/* line 14061, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.4rem;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
}

/* line 14069, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item .vix-icon-mini {
  font-size: 0.9rem;
}

/* line 14073, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item .vix-change {
  font-size: 0.7rem;
  font-weight: 500;
}

/* line 14079, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-low {
  border-left: 2px solid #22c55e;
}

/* line 14081, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-low .mini-value {
  color: #22c55e;
}

/* line 14083, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-normal {
  border-left: 2px solid #eab308;
}

/* line 14085, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-normal .mini-value {
  color: #eab308;
}

/* line 14087, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-elevated {
  border-left: 2px solid #f97316;
}

/* line 14089, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-elevated .mini-value {
  color: #f97316;
}

/* line 14091, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-high {
  border-left: 2px solid #dc2626;
}

/* line 14093, app/assets/stylesheets/dashboard.scss */
.market-sentiment-mini .mini-vix-item.vix-high .mini-value {
  color: #dc2626;
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 14100, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini {
    padding: 0.4rem 0.6rem;
  }
  /* line 14104, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini > .d-flex {
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }
  /* line 14109, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-sentiment-item,
.market-sentiment-mini .mini-mood-item {
    gap: 0.2rem;
    flex-shrink: 0;
  }
  /* line 14115, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-emoji {
    font-size: 0.85rem;
  }
  /* line 14119, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-label {
    font-size: 0.6rem;
  }
  /* line 14123, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-value {
    font-size: 0.7rem;
  }
  /* line 14127, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .read-more-link-mini {
    font-size: 0.65rem;
  }
  /* line 14130, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .read-more-link-mini i {
    font-size: 0.5rem;
  }
  /* line 14136, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter {
    padding: 0.2rem 0.4rem;
    gap: 0.3rem;
  }
  /* line 14140, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini {
    width: 36px;
    height: 20px;
  }
  /* line 14146, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-label-mini {
    font-size: 0.5rem;
  }
  /* line 14147, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-status-mini {
    font-size: 0.6rem;
  }
  /* line 14152, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item {
    padding: 0.15rem 0.3rem;
    gap: 0.2rem;
  }
  /* line 14156, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item .vix-icon-mini {
    font-size: 0.75rem;
  }
  /* line 14157, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item .vix-change {
    font-size: 0.6rem;
  }
}

@media (max-width: 767px) {
  /* line 14164, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini {
    padding: 0.5rem 0.6rem;
    border-left-width: 3px !important;
  }
  /* line 14169, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini > .d-flex {
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
  }
  /* line 14174, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-sentiment-item,
.market-sentiment-mini .mini-mood-item {
    gap: 0.2rem;
    flex-shrink: 0;
  }
  /* line 14180, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-emoji {
    font-size: 0.9rem;
  }
  /* line 14184, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-label {
    font-size: 0.65rem;
  }
  /* line 14188, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-value {
    font-size: 0.75rem;
    font-weight: 700;
  }
  /* line 14193, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .read-more-link-mini {
    font-size: 0.6rem;
  }
  /* line 14198, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter {
    padding: 0.2rem 0.35rem;
    gap: 0.3rem;
  }
  /* line 14202, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini {
    width: 34px;
    height: 18px;
  }
  /* line 14206, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini::before {
    width: 26px;
    height: 14px;
  }
  /* line 14211, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini .fgi-needle {
    height: 12px;
  }
  /* line 14215, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-gauge-mini .fgi-value-mini {
    font-size: 0.55rem;
  }
  /* line 14221, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-label-mini {
    font-size: 0.58rem;
  }
  /* line 14222, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-fgi-meter .fgi-info-mini .fgi-status-mini {
    font-size: 0.65rem;
    font-weight: 600;
  }
  /* line 14227, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item {
    padding: 0.15rem 0.25rem;
    gap: 0.2rem;
  }
  /* line 14231, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item .vix-icon-mini {
    font-size: 0.75rem;
  }
  /* line 14232, app/assets/stylesheets/dashboard.scss */
  .market-sentiment-mini .mini-vix-item .vix-change {
    font-size: 0.6rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 14243, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section {
    margin-bottom: 0.5rem;
  }
  /* line 14246, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section h4 {
    font-size: 0.75rem;
    margin-bottom: 0.2rem;
    gap: 0.3rem;
  }
  /* line 14251, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section h4 i {
    font-size: 0.7rem;
  }
  /* line 14256, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-grid {
    gap: 0.5rem;
  }
  /* line 14259, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-grid.alerts-count-2 {
    grid-template-columns: 1fr 1fr;
  }
  /* line 14264, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion {
    border-left-width: 2px;
    border-radius: 5px;
  }
  /* line 14268, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-header {
    padding: 0.4rem 0.5rem;
  }
  /* line 14272, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-icon {
    font-size: 0.75rem;
  }
  /* line 14276, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-title-row strong {
    font-size: 0.7rem;
  }
  /* line 14280, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .badge-sm {
    font-size: 0.5rem;
    padding: 0.08rem 0.2rem;
  }
  /* line 14285, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-sectors-preview .badge {
    font-size: 0.55rem;
  }
  /* line 14289, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-body {
    padding-left: 1.5rem;
  }
  /* line 14292, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-body .alert-message {
    font-size: 0.65rem;
  }
  /* line 14298, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-list {
    gap: 0.3rem;
  }
  /* line 14302, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card {
    padding: 0.35rem 0.5rem;
    border-left-width: 2px;
    border-radius: 5px;
  }
  /* line 14307, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card i.fas {
    font-size: 0.65rem !important;
    margin-right: 0.3rem !important;
  }
  /* line 14312, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card strong {
    font-size: 0.7rem;
  }
  /* line 14316, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card p {
    font-size: 0.65rem;
    line-height: 1.3;
    margin-top: 0.15rem;
  }
  /* line 14322, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .badge-sm {
    font-size: 0.5rem;
    padding: 0.08rem 0.2rem;
  }
  /* line 14327, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .alert-sectors {
    margin-top: 0.15rem;
  }
  /* line 14330, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .alert-sectors .badge {
    font-size: 0.5rem;
    padding: 0.1rem 0.25rem;
  }
  /* line 14337, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .read-more-link {
    font-size: 0.65rem;
  }
  /* line 14343, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-banner {
    margin-bottom: 0.5rem;
  }
  /* line 14347, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-grid {
    gap: 0.5rem;
  }
  /* line 14351, app/assets/stylesheets/dashboard.scss */
  .alert-section-card {
    padding: 0.4rem;
    border-radius: 8px;
  }
  /* line 14355, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header {
    margin-bottom: 0.35rem;
    padding-bottom: 0.25rem;
  }
  /* line 14359, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header h5 {
    font-size: 0.7rem;
  }
  /* line 14362, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header h5 i {
    font-size: 0.65rem;
  }
  /* line 14367, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header .section-link {
    font-size: 0.6rem;
  }
  /* line 14374, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .section-header h2 {
    font-size: 1.1rem !important;
  }
  /* line 14378, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner {
    padding: 0.75rem !important;
  }
  /* line 14381, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner h5 {
    font-size: 0.9rem !important;
  }
  /* line 14385, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner p {
    font-size: 0.8rem !important;
  }
  /* line 14390, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-section h4 {
    font-size: 1rem !important;
  }
  /* line 14394, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card, .social-sentiment-section .stock-card, .social-sentiment-section .event-card, .social-sentiment-section .commodity-card {
    padding: 0.9rem !important;
  }
  /* line 14397, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card h5, .social-sentiment-section .stock-card h5, .social-sentiment-section .event-card h5, .social-sentiment-section .commodity-card h5 {
    font-size: 0.9rem !important;
  }
  /* line 14401, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card p, .social-sentiment-section .stock-card p, .social-sentiment-section .event-card p, .social-sentiment-section .commodity-card p {
    font-size: 0.8rem !important;
  }
}

@media (max-width: 767px) {
  /* line 14410, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section {
    margin-bottom: 0.35rem;
  }
  /* line 14413, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section h4 {
    font-size: 0.7rem;
    gap: 0.2rem;
    margin-bottom: 0.15rem;
  }
  /* line 14418, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section h4 i {
    font-size: 0.6rem;
  }
  /* line 14423, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-grid {
    gap: 0.35rem;
  }
  /* line 14427, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-grid.alerts-count-2 {
    grid-template-columns: 1fr;
  }
  /* line 14432, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion {
    border-left-width: 3px;
    border-radius: 6px;
  }
  /* line 14436, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-header {
    padding: 0.5rem 0.6rem;
  }
  /* line 14440, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-icon {
    font-size: 0.85rem;
  }
  /* line 14444, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-title-row {
    gap: 0.4rem;
  }
  /* line 14447, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-title-row strong {
    font-size: 0.8rem;
    line-height: 1.3;
  }
  /* line 14453, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .badge-sm {
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
  }
  /* line 14458, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-sectors-preview .badge {
    font-size: 0.62rem;
    padding: 0.1rem 0.25rem;
  }
  /* line 14463, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-expand-btn {
    padding: 0.25rem 0.4rem;
  }
  /* line 14466, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-expand-btn i {
    font-size: 0.7rem;
  }
  /* line 14471, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-body {
    padding-left: 1.4rem;
  }
  /* line 14474, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-body .alert-message {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  /* line 14479, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-accordion .alert-accordion-body .alert-trigger,
.market-alerts-section .market-alert-accordion .alert-accordion-body .alert-action,
.market-alerts-section .market-alert-accordion .alert-accordion-body .alert-stocks {
    font-size: 0.72rem;
  }
  /* line 14487, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .alerts-list {
    gap: 0.25rem;
  }
  /* line 14491, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card {
    padding: 0.3rem 0.45rem;
    border-left-width: 2px;
    border-radius: 4px;
  }
  /* line 14496, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card i.fas {
    font-size: 0.55rem !important;
    margin-right: 0.25rem !important;
  }
  /* line 14501, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card strong {
    font-size: 0.65rem;
  }
  /* line 14505, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card p {
    font-size: 0.6rem;
    line-height: 1.25;
    margin-top: 0.1rem;
  }
  /* line 14511, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .badge-sm {
    font-size: 0.45rem;
    padding: 0.05rem 0.15rem;
  }
  /* line 14516, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .alert-sectors {
    margin-top: 0.1rem;
  }
  /* line 14519, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .market-alert-card .alert-sectors .badge {
    font-size: 0.45rem;
    padding: 0.08rem 0.2rem;
  }
  /* line 14526, app/assets/stylesheets/dashboard.scss */
  .market-alerts-section .read-more-link {
    font-size: 0.6rem;
  }
  /* line 14532, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-banner {
    margin-bottom: 0.5rem;
  }
  /* line 14536, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-grid {
    gap: 0.5rem;
  }
  /* line 14539, app/assets/stylesheets/dashboard.scss */
  .combined-alerts-grid.alerts-count-2 {
    grid-template-columns: 1fr;
  }
  /* line 14544, app/assets/stylesheets/dashboard.scss */
  .alert-section-card {
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
  }
  /* line 14548, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header {
    margin-bottom: 0.3rem;
    padding-bottom: 0.25rem;
  }
  /* line 14552, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header h5 {
    font-size: 0.8rem;
  }
  /* line 14555, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header h5 i {
    font-size: 0.75rem;
  }
  /* line 14560, app/assets/stylesheets/dashboard.scss */
  .alert-section-card .alert-section-header .section-link {
    font-size: 0.7rem;
    padding: 0.15rem 0.3rem;
  }
  /* line 14567, app/assets/stylesheets/dashboard.scss */
  .alert-emoji {
    font-size: 1rem;
  }
  /* line 14573, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .section-header h2 {
    font-size: 0.95rem !important;
  }
  /* line 14577, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .section-header p {
    font-size: 0.75rem !important;
  }
  /* line 14582, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner {
    padding: 0.6rem !important;
    border-radius: 8px !important;
  }
  /* line 14586, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner h5 {
    font-size: 0.85rem !important;
  }
  /* line 14590, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .importance-banner p {
    font-size: 0.75rem !important;
    margin: 0 !important;
  }
  /* line 14596, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-section {
    margin-bottom: 1rem !important;
  }
  /* line 14599, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .sentiment-section h4 {
    font-size: 0.9rem !important;
    margin-bottom: 0.75rem !important;
  }
  /* line 14605, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topics-grid, .social-sentiment-section .stocks-grid, .social-sentiment-section .commodities-grid {
    gap: 0.5rem !important;
  }
  /* line 14609, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card, .social-sentiment-section .stock-card, .social-sentiment-section .commodity-card {
    padding: 0.75rem !important;
  }
  /* line 14612, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card h5, .social-sentiment-section .topic-card .topic-title, .social-sentiment-section .topic-card .stock-header, .social-sentiment-section .topic-card .commodity-name, .social-sentiment-section .stock-card h5, .social-sentiment-section .stock-card .topic-title, .social-sentiment-section .stock-card .stock-header, .social-sentiment-section .stock-card .commodity-name, .social-sentiment-section .commodity-card h5, .social-sentiment-section .commodity-card .topic-title, .social-sentiment-section .commodity-card .stock-header, .social-sentiment-section .commodity-card .commodity-name {
    font-size: 0.85rem !important;
  }
  /* line 14616, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card p, .social-sentiment-section .topic-card .topic-description, .social-sentiment-section .topic-card .stock-reason, .social-sentiment-section .topic-card .commodity-insight p, .social-sentiment-section .stock-card p, .social-sentiment-section .stock-card .topic-description, .social-sentiment-section .stock-card .stock-reason, .social-sentiment-section .stock-card .commodity-insight p, .social-sentiment-section .commodity-card p, .social-sentiment-section .commodity-card .topic-description, .social-sentiment-section .commodity-card .stock-reason, .social-sentiment-section .commodity-card .commodity-insight p {
    font-size: 0.75rem !important;
    line-height: 1.4 !important;
  }
  /* line 14621, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .topic-card .badge, .social-sentiment-section .stock-card .badge, .social-sentiment-section .commodity-card .badge {
    font-size: 0.55rem !important;
  }
  /* line 14626, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .event-card {
    padding: 0.6rem 0.75rem !important;
  }
  /* line 14629, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .event-card .event-title {
    font-size: 0.85rem !important;
  }
  /* line 14633, app/assets/stylesheets/dashboard.scss */
  .social-sentiment-section .event-card .event-context {
    font-size: 0.75rem !important;
  }
}

/* line 14645, app/assets/stylesheets/dashboard.scss */
.stock-cell {
  max-width: 180px;
  min-width: 130px;
}

/* line 14651, app/assets/stylesheets/dashboard.scss */
.chart-col, .chart-cell {
  width: 32px !important;
  min-width: 32px !important;
  max-width: 40px !important;
  padding: 0.25rem !important;
  text-align: center;
}

/* line 14660, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.7);
  padding: 0.4rem;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 14672, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart i {
  font-size: 0.85rem;
}

/* line 14676, app/assets/stylesheets/dashboard.scss */
.chart-cell .btn-stock-chart:hover {
  background: rgba(99, 102, 241, 0.2);
  border-color: #00d4aa;
  color: #00d4aa;
}

/* line 14685, app/assets/stylesheets/dashboard.scss */
.details-col {
  width: auto;
  min-width: 60px;
  white-space: nowrap;
}

/* line 14691, app/assets/stylesheets/dashboard.scss */
.details-cell {
  text-align: center;
  padding: 0.25rem !important;
}

/* line 14699, app/assets/stylesheets/dashboard.scss */
.stock-info-compact {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-left: 2rem !important;
}

/* line 14706, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 14711, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .symbol-tag {
  font-weight: 700;
  font-size: 0.85rem;
  background: linear-gradient(135deg, #00d4aa, #00b4d8);
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  color: white;
  flex-shrink: 0;
}

/* line 14722, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .asset-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.15rem 0.35rem;
  border-radius: 4px;
  font-size: 0.55rem;
  font-weight: 600;
  flex-shrink: 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 14734, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .asset-type-badge i {
  font-size: 0.5rem;
}

/* line 14738, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .asset-type-badge.asset-type-etf {
  background: rgba(168, 85, 247, 0.15);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.3);
}

/* line 14744, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .asset-type-badge.asset-type-crypto {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

/* line 14752, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .btn-stock-chart.mobile-only {
  display: none;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.15rem 0.25rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.6rem;
  flex-shrink: 0;
}

/* line 14764, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .btn-stock-chart.mobile-only i {
  font-size: 0.55rem;
}

/* line 14768, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-title-row .btn-stock-chart.mobile-only:hover {
  background: rgba(99, 102, 241, 0.2);
  border-color: #00d4aa;
  color: #00d4aa;
}

@media (max-width: 767px) {
  /* line 14752, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .btn-stock-chart.mobile-only {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* line 14784, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-name-row {
  display: flex;
  align-items: center;
}

/* line 14788, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-name-row .stock-name-inline {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 14798, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-actions-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 14803, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-actions-row .btn-stock-chart {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.2rem 0.35rem;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 0.7rem;
}

/* line 14813, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-actions-row .btn-stock-chart:hover {
  background: rgba(99, 102, 241, 0.2);
  border-color: #00d4aa;
  color: #00d4aa;
}

/* line 14822, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 0.55rem;
  flex-shrink: 0;
  margin-left: 0.2rem;
  cursor: help;
}

/* line 14835, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.closed-weekend, .stock-info-compact .exchange-status.closed-holiday {
  background: rgba(234, 179, 8, 0.2);
  color: #fbbf24;
  border: 1px solid rgba(234, 179, 8, 0.3);
}

/* line 14841, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.closed-hours {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
  border: 1px solid rgba(99, 102, 241, 0.3);
}

/* line 14848, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.closed-analyzing {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.25), rgba(0, 168, 255, 0.25));
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.5);
}

/* line 14853, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.closed-analyzing.pulse-animation {
  animation: pulse-analyzing 1.5s ease-in-out infinite;
}

/* line 14858, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.open {
  background: rgba(16, 185, 129, 0.2);
  color: #00d4aa;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 14865, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.crypto-24h {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(234, 179, 8, 0.15));
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 8px;
  width: auto;
  padding: 0.1rem 0.35rem;
  gap: 0.15rem;
}

/* line 14874, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.crypto-24h i {
  font-size: 0.45rem;
}

/* line 14878, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status.crypto-24h .crypto-24h-text {
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* line 14885, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .exchange-status i {
  font-size: 0.55rem;
}

/* line 14889, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .symbol-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 14895, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .symbol-row .symbol-tag {
  font-weight: 700;
  font-size: 0.9rem;
  background: linear-gradient(135deg, #00d4aa, #00b4d8);
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  color: white;
}

/* line 14904, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .symbol-row .btn-stock-chart {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.25rem;
  cursor: pointer;
  transition: color 0.2s;
}

/* line 14912, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .symbol-row .btn-stock-chart:hover {
  color: #00d4aa;
}

/* line 14918, app/assets/stylesheets/dashboard.scss */
.stock-info-compact .stock-name-small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 14934, app/assets/stylesheets/dashboard.scss */
  .stock-cell {
    padding-left: 0.5rem !important;
  }
  /* line 14938, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact {
    gap: 0.2rem;
    padding-left: 0 !important;
  }
  /* line 14942, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row {
    gap: 0.25rem;
  }
  /* line 14945, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .symbol-tag {
    font-size: 0.65rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 14950, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .asset-type-badge {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 14953, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .asset-type-badge i {
    font-size: 0.4rem !important;
  }
  /* line 14956, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .exchange-status {
    width: 14px;
    height: 14px;
    font-size: 0.45rem;
  }
  /* line 14960, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .exchange-status i {
    font-size: 0.45rem;
  }
  /* line 14965, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-name-row .stock-name-inline {
    font-size: 0.55rem !important;
    max-width: 80px;
  }
  /* line 14972, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 14976, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini i {
    margin-right: 0.15rem;
  }
  /* line 14977, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini .badge-text-original {
    font-size: 0.4rem;
  }
  /* line 14982, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display {
    gap: 0.2rem;
  }
  /* line 14985, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.main-signal, .signal-cell .signal-display .main-signal.forecast-badge {
    font-size: 0.65rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* line 14990, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.mini, .signal-cell .signal-display .mini.forecast-badge {
    font-size: 0.5rem !important;
    padding: 0.1rem 0.3rem !important;
  }
  /* line 14996, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction {
    gap: 0.15rem;
  }
  /* line 14999, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-price {
    font-size: 0.65rem !important;
  }
  /* line 15000, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-change {
    font-size: 0.55rem !important;
  }
  /* line 15001, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-conf {
    font-size: 0.5rem !important;
  }
  /* line 15003, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .usd-conversion {
    font-size: 0.45rem !important;
  }
  /* line 15007, app/assets/stylesheets/dashboard.scss */
  .price-display-compact .price-container {
    font-size: 0.7rem !important;
  }
  /* line 15008, app/assets/stylesheets/dashboard.scss */
  .price-display-compact .usd-conversion {
    font-size: 0.5rem !important;
  }
  /* line 15012, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-shares {
    font-size: 0.55rem !important;
  }
  /* line 15013, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-value {
    font-size: 0.65rem !important;
  }
  /* line 15014, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-change {
    font-size: 0.55rem !important;
  }
  /* line 15015, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .usd-conversion {
    font-size: 0.45rem !important;
  }
  /* line 15018, app/assets/stylesheets/dashboard.scss */
  .chart-cell {
    width: 32px !important;
    min-width: 32px !important;
    max-width: 36px !important;
    padding: 0.15rem !important;
    overflow: hidden !important;
  }
  /* line 15025, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart {
    padding: 0.2rem !important;
    font-size: 0.55rem !important;
    min-width: unset !important;
    max-width: 28px !important;
  }
  /* line 15031, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart .chevron-icon {
    display: none !important;
  }
  /* line 15037, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai {
    padding: 0.2rem 0.35rem !important;
    font-size: 0.55rem !important;
  }
  /* line 15041, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai .btn-details-text {
    font-size: 0.5rem;
  }
  /* line 15045, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    padding: 0.6rem !important;
  }
  /* line 15048, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block {
    padding: 0.6rem !important;
  }
  /* line 15052, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .signal-badge-group .action-badge, .ai-analysis-card.compact .signal-trading-block .signal-badge-group .forecast-badge {
    font-size: 0.65rem !important;
    padding: 0.25rem 0.5rem !important;
  }
  /* line 15056, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.3rem !important;
  }
  /* line 15062, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact {
    gap: 0.4rem !important;
  }
  /* line 15065, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item {
    padding: 0.4rem 0.6rem !important;
  }
  /* line 15068, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-label {
    font-size: 0.5rem !important;
  }
  /* line 15069, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-value {
    font-size: 0.65rem !important;
  }
  /* line 15070, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-pct {
    font-size: 0.5rem !important;
  }
  /* line 15075, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip {
    padding: 0.35rem 0.6rem !important;
    gap: 0.35rem !important;
  }
  /* line 15079, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-label {
    font-size: 0.5rem !important;
  }
  /* line 15080, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-value {
    font-size: 0.65rem !important;
  }
  /* line 15081, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-pct {
    font-size: 0.5rem !important;
  }
  /* line 15084, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview {
    padding: 0.35rem 0.6rem !important;
    gap: 0.35rem !important;
  }
  /* line 15088, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-label {
    font-size: 0.5rem !important;
  }
  /* line 15089, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-price {
    font-size: 0.7rem !important;
  }
  /* line 15090, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-change {
    font-size: 0.55rem !important;
    padding: 0.1rem 0.3rem !important;
  }
  /* line 15093, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section {
    gap: 0.4rem !important;
  }
  /* line 15096, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block {
    padding: 0.5rem !important;
  }
  /* line 15099, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-label {
    font-size: 0.5rem !important;
  }
  /* line 15100, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-text {
    font-size: 0.6rem !important;
    line-height: 1.4;
  }
  /* line 15104, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement {
    padding: 0.5rem !important;
  }
  /* line 15107, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header {
    margin-bottom: 0.4rem;
  }
  /* line 15109, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-icon {
    font-size: 0.7rem !important;
  }
  /* line 15110, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-title {
    font-size: 0.55rem !important;
  }
  /* line 15114, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-label {
    font-size: 0.55rem !important;
  }
  /* line 15115, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-value {
    font-size: 0.55rem !important;
    padding: 1px 6px !important;
  }
  /* line 15118, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-reasoning .reasoning-text {
    font-size: 0.55rem !important;
  }
  /* line 15123, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section {
    padding: 0.5rem !important;
  }
  /* line 15126, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .events-title {
    font-size: 0.5rem !important;
  }
  /* line 15126, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .events-title i {
    font-size: 0.5rem !important;
  }
  /* line 15127, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-text {
    font-size: 0.55rem !important;
    line-height: 1.35;
  }
  /* line 15128, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap {
    width: 18px !important;
    height: 18px !important;
  }
  /* line 15128, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap i {
    font-size: 0.5rem !important;
  }
  /* line 15132, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section {
    padding: 0.5rem 0.6rem !important;
  }
  /* line 15135, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .section-label {
    font-size: 0.5rem !important;
  }
  /* line 15135, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .section-label i {
    font-size: 0.55rem !important;
  }
  /* line 15136, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .personalized-signal-badge {
    font-size: 0.5rem !important;
    padding: 0.15rem 0.4rem !important;
  }
  /* line 15137, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .personalized-reason-text {
    font-size: 0.55rem !important;
    line-height: 1.35;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 15144, app/assets/stylesheets/dashboard.scss */
  .stock-cell {
    padding-left: 0.4rem !important;
  }
  /* line 15148, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact {
    gap: 0.15rem;
    padding-left: 0 !important;
  }
  /* line 15152, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row {
    gap: 0.2rem;
  }
  /* line 15155, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .symbol-tag {
    font-size: 0.6rem !important;
    padding: 0.15rem 0.35rem !important;
  }
  /* line 15160, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .asset-type-badge {
    font-size: 0.4rem !important;
    padding: 0.08rem 0.2rem !important;
  }
  /* line 15163, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .asset-type-badge i {
    font-size: 0.35rem !important;
  }
  /* line 15166, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .exchange-status {
    width: 12px;
    height: 12px;
    font-size: 0.4rem;
  }
  /* line 15170, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-title-row .exchange-status i {
    font-size: 0.4rem;
  }
  /* line 15175, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-name-row .stock-name-inline {
    font-size: 0.5rem !important;
    max-width: 70px;
  }
  /* line 15182, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini {
    font-size: 0.4rem !important;
    padding: 0.08rem 0.2rem !important;
  }
  /* line 15186, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini i {
    margin-right: 0.1rem;
  }
  /* line 15187, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-actions-row .ai-analysis-badge.mini .badge-text-original {
    display: none;
  }
  /* line 15192, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display {
    gap: 0.15rem;
  }
  /* line 15195, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.main-signal, .signal-cell .signal-display .main-signal.forecast-badge {
    font-size: 0.55rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 15200, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.mini, .signal-cell .signal-display .mini.forecast-badge {
    font-size: 0.45rem !important;
    padding: 0.08rem 0.25rem !important;
  }
  /* line 15206, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction {
    gap: 0.1rem;
  }
  /* line 15209, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-price {
    font-size: 0.55rem !important;
  }
  /* line 15210, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-change {
    font-size: 0.5rem !important;
  }
  /* line 15211, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-conf {
    font-size: 0.45rem !important;
  }
  /* line 15213, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .usd-conversion {
    font-size: 0.4rem !important;
  }
  /* line 15217, app/assets/stylesheets/dashboard.scss */
  .price-display-compact .price-container {
    font-size: 0.6rem !important;
  }
  /* line 15218, app/assets/stylesheets/dashboard.scss */
  .price-display-compact .usd-conversion {
    font-size: 0.45rem !important;
  }
  /* line 15222, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-shares {
    font-size: 0.5rem !important;
  }
  /* line 15223, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-value {
    font-size: 0.55rem !important;
  }
  /* line 15224, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-change {
    font-size: 0.5rem !important;
  }
  /* line 15225, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .usd-conversion {
    font-size: 0.4rem !important;
  }
  /* line 15228, app/assets/stylesheets/dashboard.scss */
  .chart-cell {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 32px !important;
    padding: 0.1rem !important;
    overflow: hidden !important;
  }
  /* line 15235, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart {
    padding: 0.15rem !important;
    font-size: 0.5rem !important;
    min-width: unset !important;
    max-width: 24px !important;
  }
  /* line 15241, app/assets/stylesheets/dashboard.scss */
  .chart-cell .btn-stock-chart .chevron-icon {
    display: none !important;
  }
  /* line 15247, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai {
    padding: 0.15rem 0.3rem !important;
    font-size: 0.5rem !important;
  }
  /* line 15251, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai .btn-details-text {
    display: none;
  }
  /* line 15255, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    padding: 0.5rem !important;
  }
  /* line 15258, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block {
    padding: 0.5rem !important;
  }
  /* line 15262, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .signal-badge-group .action-badge, .ai-analysis-card.compact .signal-trading-block .signal-badge-group .forecast-badge {
    font-size: 0.55rem !important;
    padding: 0.2rem 0.4rem !important;
  }
  /* line 15266, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip {
    font-size: 0.45rem !important;
    padding: 0.1rem 0.25rem !important;
  }
  /* line 15272, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact {
    gap: 0.3rem !important;
  }
  /* line 15275, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item {
    padding: 0.3rem 0.5rem !important;
  }
  /* line 15278, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-label {
    font-size: 0.45rem !important;
  }
  /* line 15279, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-value {
    font-size: 0.55rem !important;
  }
  /* line 15280, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .signal-trading-block .trading-levels-compact .level-item .level-pct {
    font-size: 0.45rem !important;
  }
  /* line 15285, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip {
    padding: 0.3rem 0.5rem !important;
    gap: 0.3rem !important;
  }
  /* line 15289, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-label {
    font-size: 0.45rem !important;
  }
  /* line 15290, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-value {
    font-size: 0.55rem !important;
  }
  /* line 15291, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .level-chip .level-pct {
    font-size: 0.45rem !important;
  }
  /* line 15294, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview {
    padding: 0.3rem 0.5rem !important;
    gap: 0.3rem !important;
  }
  /* line 15298, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-label {
    font-size: 0.45rem !important;
  }
  /* line 15299, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-price {
    font-size: 0.6rem !important;
  }
  /* line 15300, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .j7-preview .j7-change {
    font-size: 0.5rem !important;
    padding: 0.08rem 0.25rem !important;
  }
  /* line 15303, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section {
    gap: 0.35rem !important;
  }
  /* line 15306, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block {
    padding: 0.4rem !important;
  }
  /* line 15309, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-label {
    font-size: 0.5rem !important;
  }
  /* line 15310, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-text {
    font-size: 0.6rem !important;
    line-height: 1.35;
  }
  /* line 15314, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement {
    padding: 0.4rem !important;
  }
  /* line 15317, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header {
    margin-bottom: 0.35rem;
  }
  /* line 15319, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-icon {
    font-size: 0.65rem !important;
  }
  /* line 15320, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-header .disagreement-title {
    font-size: 0.55rem !important;
  }
  /* line 15324, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-label {
    font-size: 0.55rem !important;
  }
  /* line 15325, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-item .disagreement-value {
    font-size: 0.55rem !important;
    padding: 1px 5px !important;
  }
  /* line 15328, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-reasoning-section .reasoning-block.disagreement .disagreement-reasoning .reasoning-text {
    font-size: 0.55rem !important;
  }
  /* line 15333, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section {
    padding: 0.4rem !important;
  }
  /* line 15336, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .events-title {
    font-size: 0.5rem !important;
  }
  /* line 15336, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .events-title i {
    font-size: 0.5rem !important;
  }
  /* line 15337, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-text {
    font-size: 0.55rem !important;
    line-height: 1.35;
  }
  /* line 15338, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap {
    width: 18px !important;
    height: 18px !important;
  }
  /* line 15338, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap i {
    font-size: 0.5rem !important;
  }
  /* line 15342, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section {
    padding: 0.4rem 0.5rem !important;
  }
  /* line 15345, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .section-label {
    font-size: 0.5rem !important;
  }
  /* line 15345, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .section-label i {
    font-size: 0.55rem !important;
  }
  /* line 15346, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .personalized-signal-badge {
    font-size: 0.5rem !important;
    padding: 0.12rem 0.35rem !important;
  }
  /* line 15347, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .personalized-signal-section .personalized-reason-text {
    font-size: 0.55rem !important;
    line-height: 1.35;
  }
}

/* line 15354, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}

/* line 15360, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .main-signal-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* line 15368, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .action-badge.main-signal, .signal-cell .signal-display .main-signal.forecast-badge {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.25rem 0.55rem;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 15377, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .action-badge.mini, .signal-cell .signal-display .mini.forecast-badge {
  font-size: 0.55rem;
  padding: 0.12rem 0.35rem;
  opacity: 0.8;
}

/* line 15384, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .today-signal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: help;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.5rem;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 15399, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .today-signal-icon:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.75);
}

/* line 15406, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .refresh-needed {
  color: #ffa500;
  font-size: 0.7rem;
  animation: pulse 2s infinite;
}

/* line 15413, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .signal-sub-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* line 15422, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .ai-disagreement-warning {
  display: inline-flex;
  font-size: 0.7rem;
  cursor: help;
  transition: all 0.2s ease;
  animation: pulse-warning 2s infinite;
  line-height: 1;
}

/* line 15430, app/assets/stylesheets/dashboard.scss */
.signal-cell .signal-display .ai-disagreement-warning:hover {
  transform: scale(1.2);
}

/* line 15438, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
}

/* line 15445, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-badge {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border: 1px solid;
}

/* line 15455, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-badge.buy {
  background: rgba(40, 167, 69, 0.2);
  color: #28a745;
  border-color: rgba(40, 167, 69, 0.4);
}

/* line 15460, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-badge.sell {
  background: rgba(220, 53, 69, 0.2);
  color: #dc3545;
  border-color: rgba(220, 53, 69, 0.4);
}

/* line 15465, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-badge.hold {
  background: rgba(255, 193, 7, 0.2);
  color: #ffc107;
  border-color: rgba(255, 193, 7, 0.4);
}

/* line 15470, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-badge.wait {
  background: rgba(108, 117, 125, 0.2);
  color: #6c757d;
  border-color: rgba(108, 117, 125, 0.4);
}

/* line 15477, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 15485, app/assets/stylesheets/dashboard.scss */
.today-tooltip-inner .today-tooltip-desc {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  max-width: 180px;
}

@keyframes pulse-warning {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

/* line 15500, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement {
  background: linear-gradient(135deg, rgba(255, 152, 0, 0.08) 0%, rgba(255, 87, 34, 0.08) 100%);
  border: 1px solid rgba(255, 152, 0, 0.25);
  border-radius: 8px;
  padding: 10px 14px;
  margin-top: 12px;
}

/* line 15507, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

/* line 15513, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-header .disagreement-icon {
  font-size: 1rem;
}

/* line 15517, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-header .disagreement-title {
  color: #ff9800;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 15526, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 15534, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-badges {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* line 15542, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 15547, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-label {
  font-size: 0.8rem;
  color: var(--text-secondary);
}

/* line 15552, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-value {
  font-weight: 600;
  font-size: 0.8rem;
  padding: 2px 8px;
  border-radius: 4px;
}

/* line 15558, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-value.up {
  background: rgba(76, 175, 80, 0.2);
  color: #4caf50;
}

/* line 15563, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-value.down {
  background: rgba(244, 67, 54, 0.2);
  color: #f44336;
}

/* line 15568, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-value.hold, .reasoning-block.disagreement .disagreement-item .disagreement-value.wait {
  background: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}

/* line 15573, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-item .disagreement-value .conf {
  font-size: 0.7rem;
  opacity: 0.8;
  margin-left: 2px;
}

/* line 15581, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-reasoning {
  flex: 1;
  min-width: 200px;
  padding-left: 16px;
  border-left: 1px solid rgba(255, 152, 0, 0.2);
}

/* line 15587, app/assets/stylesheets/dashboard.scss */
.reasoning-block.disagreement .disagreement-reasoning .reasoning-text {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
  font-style: italic;
}

@media (max-width: 768px) {
  /* line 15598, app/assets/stylesheets/dashboard.scss */
  .reasoning-block.disagreement .disagreement-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  /* line 15604, app/assets/stylesheets/dashboard.scss */
  .reasoning-block.disagreement .disagreement-reasoning {
    padding-left: 0;
    border-left: none;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 152, 0, 0.2);
    width: 100%;
  }
}

/* line 15616, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}

/* line 15622, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-price {
  font-weight: 600;
  font-size: 0.85rem;
  color: #ffffff;
}

/* line 15628, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-change {
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 15632, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-change.positive {
  color: #00d4aa;
}

/* line 15633, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-change.negative {
  color: #ff6b6b;
}

/* line 15636, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-conf {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 15640, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-conf i {
  margin-right: 0.2rem;
}

/* line 15643, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-conf.ai-badge {
  color: rgba(139, 92, 246, 0.7);
}

/* line 15645, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction .pred-conf.ai-badge i {
  color: rgba(139, 92, 246, 0.7);
}

/* line 15651, app/assets/stylesheets/dashboard.scss */
.prediction-cell .ml-prediction.ai-fallback .pred-price {
  color: rgba(255, 255, 255, 0.85);
}

/* line 15660, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

/* line 15665, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-shares-inline {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  width: 100%;
}

/* line 15672, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-cols {
  display: flex;
  gap: 0;
  align-items: stretch;
}

/* line 15678, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 15683, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.value-col {
  align-items: flex-end;
  padding-right: 0.5rem;
}

/* line 15687, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.value-col .value-main {
  font-weight: 600;
  font-size: 0.85rem;
  color: white;
  white-space: nowrap;
}

/* line 15693, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.value-col .value-main .warning-icon {
  color: #ffa500;
  font-size: 0.6rem;
  margin-left: 0.2rem;
}

/* line 15700, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.value-col .usd-sub {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 15706, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col {
  align-items: flex-start;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 0.5rem;
}

/* line 15711, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-pct {
  font-weight: 700;
  font-size: 0.8rem;
}

/* line 15715, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-pct.positive {
  color: #00d4aa;
}

/* line 15716, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-pct.negative {
  color: #ff6b6b;
}

/* line 15719, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-val {
  font-size: 0.6rem;
  opacity: 0.8;
}

/* line 15723, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-val.positive {
  color: #00d4aa;
}

/* line 15724, app/assets/stylesheets/dashboard.scss */
.position-cell .position-two-cols .pos-col.pnl-col .pnl-val.negative {
  color: #ff6b6b;
}

/* line 15732, app/assets/stylesheets/dashboard.scss */
.details-cell {
  text-align: center;
  vertical-align: middle !important;
  white-space: nowrap;
}

/* line 15738, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown {
  display: inline-block;
  vertical-align: middle;
}

/* line 15745, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details, .details-cell .btn-details-ai {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 15758, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details:hover, .details-cell .btn-details-ai:hover {
  background: rgba(255, 255, 255, 0.2);
  color: white;
}

/* line 15763, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details[aria-expanded="true"], .details-cell .btn-details-ai[aria-expanded="true"] {
  background: #00d4aa;
  color: white;
}

/* line 15767, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details[aria-expanded="true"] .chevron-icon, .details-cell .btn-details-ai[aria-expanded="true"] .chevron-icon {
  transform: rotate(180deg);
}

/* line 15772, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details i, .details-cell .btn-details-ai i {
  transition: transform 0.3s;
  font-size: 0.75rem;
}

/* line 15779, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.15), rgba(0, 168, 255, 0.15));
  border: 1px solid rgba(0, 212, 170, 0.4);
  border-radius: 6px;
  width: auto;
  height: auto;
  padding: 0.3rem 0.5rem;
  gap: 0.3rem;
  white-space: nowrap;
}

/* line 15789, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai .fa-robot {
  color: #00d4aa;
  font-size: 0.75rem;
}

/* line 15794, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai .btn-details-text {
  font-size: 0.6rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* line 15800, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai .chevron-icon {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.6);
}

/* line 15805, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai:hover {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.25), rgba(0, 168, 255, 0.25));
  border-color: rgba(0, 212, 170, 0.6);
}

/* line 15810, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai[aria-expanded="true"] {
  background: linear-gradient(135deg, #00d4aa, #00a8ff);
  border-color: transparent;
}

/* line 15814, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-ai[aria-expanded="true"] .fa-robot, .details-cell .btn-details-ai[aria-expanded="true"] .chevron-icon, .details-cell .btn-details-ai[aria-expanded="true"] .btn-details-text {
  color: white;
}

@media (max-width: 1024px) {
  /* line 15779, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai {
    padding: 0.3rem 0.4rem;
  }
  /* line 15823, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai .btn-details-text {
    display: none;
  }
}

/* line 15830, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart {
  display: none;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15));
  border: 1px solid rgba(99, 102, 241, 0.4);
  border-radius: 6px;
  width: auto;
  height: auto;
  padding: 0.3rem 0.5rem;
  gap: 0.3rem;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  transition: all 0.2s;
}

/* line 15846, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart .fa-chart-line {
  color: #a5b4fc;
  font-size: 0.75rem;
}

/* line 15851, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart .btn-details-text {
  font-size: 0.6rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* line 15857, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart .chevron-icon {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.3s;
}

/* line 15863, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart:hover {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.25), rgba(139, 92, 246, 0.25));
  border-color: rgba(99, 102, 241, 0.6);
}

/* line 15868, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart[aria-expanded="true"] {
  background: linear-gradient(135deg, #6366f1, #8b5cf6);
  border-color: transparent;
}

/* line 15872, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart[aria-expanded="true"] .fa-chart-line, .details-cell .btn-details-chart[aria-expanded="true"] .chevron-icon, .details-cell .btn-details-chart[aria-expanded="true"] .btn-details-text {
  color: white;
}

/* line 15876, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart[aria-expanded="true"] .chevron-icon {
  transform: rotate(180deg);
}

/* line 15882, app/assets/stylesheets/dashboard.scss */
.details-cell .btn-details-chart.mobile-only {
  display: none;
}

/* line 15888, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown {
  display: inline-flex;
}

/* line 15892, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu {
  background-color: #1a2332 !important;
  background: #1a2332 !important;
  border: 1px solid rgba(0, 255, 200, 0.3) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
  --bs-dropdown-bg: #1a2332 !important;
}

/* line 15900, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu li {
  background: transparent !important;
  background-color: transparent !important;
}

/* line 15905, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item {
  background-color: transparent !important;
  background: transparent !important;
}

/* line 15910, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-buy {
  color: #00ffc8 !important;
}

/* line 15913, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-buy i {
  color: #00ffc8 !important;
}

/* line 15917, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-buy:hover, .details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-buy:focus {
  background-color: rgba(0, 255, 200, 0.15) !important;
}

/* line 15923, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-sell {
  color: #ff6b6b !important;
}

/* line 15926, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-sell i {
  color: #ff6b6b !important;
}

/* line 15930, app/assets/stylesheets/dashboard.scss */
.details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-sell:hover, .details-cell .dashboard-transaction-dropdown .dropdown-menu .dropdown-item.transaction-item-sell:focus {
  background-color: rgba(255, 107, 107, 0.15) !important;
}

@media (min-width: 768px) and (max-width: 834px) {
  /* line 15941, app/assets/stylesheets/dashboard.scss */
  .details-cell {
    min-width: 90px !important;
    max-width: 100px !important;
    overflow: visible !important;
  }
  /* line 15946, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai {
    padding: 0.2rem 0.35rem !important;
    font-size: 0.5rem !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  /* line 15952, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai .btn-details-text {
    display: none !important;
  }
}

/* line 15960, app/assets/stylesheets/dashboard.scss */
.stock-row {
  position: relative;
  min-height: 72px;
}

/* line 15964, app/assets/stylesheets/dashboard.scss */
.stock-row td {
  vertical-align: middle;
}

/* line 15968, app/assets/stylesheets/dashboard.scss */
.stock-row.market-open .stock-cell {
  border-left: 4px solid #00d4aa;
}

/* line 15972, app/assets/stylesheets/dashboard.scss */
.stock-row.market-closed .stock-cell {
  border-left: 4px solid rgba(100, 116, 139, 0.5);
}

/* line 15976, app/assets/stylesheets/dashboard.scss */
.stock-row:first-child .stock-cell {
  border-top-left-radius: calc($border-radius - 1px);
}

/* line 15980, app/assets/stylesheets/dashboard.scss */
.stock-row:last-child .stock-cell {
  border-bottom-left-radius: calc($border-radius - 1px);
}

/* line 15985, app/assets/stylesheets/dashboard.scss */
.stock-row.watchlist-row {
  background: rgba(139, 92, 246, 0.03);
}

/* line 15988, app/assets/stylesheets/dashboard.scss */
.stock-row.watchlist-row.market-open .stock-cell {
  border-left: 4px solid rgba(139, 92, 246, 0.6);
}

/* line 15992, app/assets/stylesheets/dashboard.scss */
.stock-row.watchlist-row.market-closed .stock-cell {
  border-left: 4px solid rgba(139, 92, 246, 0.3);
}

/* line 15999, app/assets/stylesheets/dashboard.scss */
.watchlist-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0.65rem;
  color: #a78bfa;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 4px;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 16015, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

/* line 16020, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-since {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.45);
}

/* line 16027, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-since i {
  color: #a78bfa;
}

/* line 16030, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-pnl {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  font-weight: 700;
}

/* line 16036, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-pnl.positive {
  color: #00d4aa;
}

/* line 16037, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-pnl.negative {
  color: #f87171;
}

/* line 16039, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-pnl .wl-pnl-amount {
  font-size: 0.9rem;
}

/* line 16040, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-pnl .wl-pnl-pct {
  font-size: 0.75rem;
  opacity: 0.85;
}

/* line 16046, app/assets/stylesheets/dashboard.scss */
.watchlist-pnl-block .watchlist-ref-price {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.35);
}

/* line 16053, app/assets/stylesheets/dashboard.scss */
.btn-watchlist-buy {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.4rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 700;
  color: #0a0e1a;
  background: linear-gradient(135deg, #a78bfa, #7c3aed);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 16069, app/assets/stylesheets/dashboard.scss */
.btn-watchlist-buy:hover {
  background: linear-gradient(135deg, #c4b5fd, #8b5cf6);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}

/* line 16077, app/assets/stylesheets/dashboard.scss */
.search-result-actions {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
  align-items: center;
}

/* line 16083, app/assets/stylesheets/dashboard.scss */
.search-result-actions .btn {
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  flex-shrink: 0;
}

/* line 16095, app/assets/stylesheets/dashboard.scss */
.btn-watchlist-add {
  background: rgba(139, 92, 246, 0.15) !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  color: #a78bfa !important;
  border-radius: 8px !important;
}

/* line 16101, app/assets/stylesheets/dashboard.scss */
.btn-watchlist-add:hover {
  background: rgba(139, 92, 246, 0.28) !important;
  color: #c4b5fd !important;
}

/* line 16107, app/assets/stylesheets/dashboard.scss */
.btn-add-owned {
  background: rgba(25, 205, 165, 0.15) !important;
  border: 1px solid rgba(25, 205, 165, 0.35) !important;
  color: #19cda5 !important;
  border-radius: 8px !important;
}

/* line 16113, app/assets/stylesheets/dashboard.scss */
.btn-add-owned:hover {
  background: rgba(25, 205, 165, 0.28) !important;
}

/* line 16120, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watchlist-row {
  background: rgba(139, 92, 246, 0.04);
}

/* line 16124, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watchlist-badge {
  color: #7c3aed;
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.25);
}

/* line 16130, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watchlist-since {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* line 16134, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watchlist-ref-price {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* line 16140, app/assets/stylesheets/dashboard.scss */
.ai-analysis-badge.mini {
  font-size: 0.5rem;
  padding: 0.15rem 0.35rem;
  margin-left: 0;
  margin-top: 0;
  animation: none;
  white-space: nowrap;
}

/* line 16148, app/assets/stylesheets/dashboard.scss */
.ai-analysis-badge.mini i {
  font-size: 0.5rem;
}

/* line 16152, app/assets/stylesheets/dashboard.scss */
.ai-analysis-badge.mini .badge-text-original {
  display: inline;
}

@media (max-width: 768px) {
  /* line 16158, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-badge.mini .badge-text-original {
    display: none;
  }
}

/* line 16165, app/assets/stylesheets/dashboard.scss */
.events-cell {
  min-width: 50px;
  text-align: center;
}

/* line 16169, app/assets/stylesheets/dashboard.scss */
.events-cell .events-icons {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

/* line 16176, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: help;
  transition: all 0.2s;
}

/* line 16186, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon i {
  font-size: 0.7rem;
}

/* line 16190, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.dividend {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}

/* line 16193, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.dividend:hover {
  background: rgba(255, 215, 0, 0.35);
  transform: scale(1.1);
}

/* line 16196, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.earnings {
  background: rgba(0, 180, 216, 0.2);
  color: #00b4d8;
}

/* line 16199, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.earnings:hover {
  background: rgba(0, 180, 216, 0.35);
  transform: scale(1.1);
}

/* line 16202, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.crisis {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
}

/* line 16205, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.crisis:hover {
  background: rgba(255, 107, 107, 0.35);
  transform: scale(1.1);
}

/* line 16208, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.warning {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

/* line 16211, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.warning:hover {
  background: rgba(251, 191, 36, 0.35);
  transform: scale(1.1);
}

/* line 16214, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.others {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
}

/* line 16217, app/assets/stylesheets/dashboard.scss */
.events-cell .event-icon.others:hover {
  background: rgba(99, 102, 241, 0.35);
  transform: scale(1.1);
}

/* line 16222, app/assets/stylesheets/dashboard.scss */
.events-cell .events-display {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

/* line 16228, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.65rem;
  font-weight: 600;
  cursor: help;
  transition: all 0.2s;
}

/* line 16239, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip i {
  font-size: 0.6rem;
}

/* line 16243, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip .event-label {
  white-space: nowrap;
}

/* line 16247, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.dividend {
  background: rgba(255, 215, 0, 0.15);
  border: 1px solid rgba(255, 215, 0, 0.3);
  color: #ffd700;
}

/* line 16252, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.dividend:hover {
  background: rgba(255, 215, 0, 0.25);
}

/* line 16257, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.earnings {
  background: rgba(0, 180, 216, 0.15);
  border: 1px solid rgba(0, 180, 216, 0.3);
  color: #00b4d8;
}

/* line 16262, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.earnings:hover {
  background: rgba(0, 180, 216, 0.25);
}

/* line 16267, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.crisis {
  background: rgba(255, 107, 107, 0.15);
  border: 1px solid rgba(255, 107, 107, 0.3);
  color: #ff6b6b;
}

/* line 16272, app/assets/stylesheets/dashboard.scss */
.events-cell .event-chip.crisis:hover {
  background: rgba(255, 107, 107, 0.25);
}

@media (max-width: 1024px) {
  /* line 16279, app/assets/stylesheets/dashboard.scss */
  .events-cell .event-chip .event-label {
    display: none;
  }
}

/* line 16287, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact {
  background: rgba(15, 23, 42, 0.6);
  border-radius: 12px;
  padding: 1rem;
  margin: 0.5rem 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 16296, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  align-items: flex-start;
}

/* line 16303, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .left-stack {
  flex: 0 0 280px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  min-height: 0;
}

/* line 16312, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .left-stack .fundamentals-column {
  flex: none;
  max-height: 250px;
}

/* line 16317, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .left-stack.has-disagreement .fundamentals-column {
  max-height: 352px;
}

/* line 16323, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column {
  flex: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 16330, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  padding: 0.55rem 0.5rem;
  background: rgba(15, 23, 42, 0.8);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 16340, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .action-badge, .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .forecast-badge {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  width: 100%;
  text-align: center;
}

/* line 16349, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.2rem 0.4rem;
  border-radius: 5px;
  font-size: 0.58rem;
  font-weight: 600;
  width: 100%;
}

/* line 16360, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip i {
  font-size: 0.55rem;
}

/* line 16362, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip.confidence-high, .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip.confidence-very-high {
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.4);
  color: #00d4aa;
}

/* line 16367, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip.confidence-medium {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fbbf24;
}

/* line 16372, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip.confidence-low {
  background: rgba(255, 107, 107, 0.15);
  border: 1px solid rgba(255, 107, 107, 0.4);
  color: #ff6b6b;
}

/* line 16380, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem;
}

/* line 16385, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item {
  display: flex;
  flex-direction: column;
  padding: 0.4rem 0.45rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  text-align: center;
  position: relative;
  transition: all 0.2s ease;
}

/* line 16396, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-label {
  font-size: 0.52rem;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.15rem;
  font-weight: 600;
}

/* line 16405, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-value {
  font-size: 0.78rem;
  font-weight: 700;
  color: white;
  line-height: 1.2;
}

/* line 16412, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-pct {
  font-size: 0.6rem;
  font-weight: 600;
  margin-top: 0.1rem;
  padding: 0.08rem 0.25rem;
  border-radius: 3px;
  display: inline-block;
}

/* line 16420, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-pct.positive {
  color: #00d4aa;
  background: rgba(0, 212, 170, 0.15);
}

/* line 16424, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-pct.negative {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.15);
}

/* line 16430, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.target {
  border-left: 3px solid #00d4aa;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1) 0%, rgba(0, 212, 170, 0.03) 100%);
  border-color: rgba(0, 212, 170, 0.25);
}

/* line 16434, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.target .level-label {
  color: #00d4aa;
}

/* line 16435, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.target .level-value {
  color: #00d4aa;
}

/* line 16436, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.target:hover {
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.15) 0%, rgba(0, 212, 170, 0.06) 100%);
}

/* line 16439, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.stop {
  border-left: 3px solid #ff6b6b;
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.1) 0%, rgba(255, 107, 107, 0.03) 100%);
  border-color: rgba(255, 107, 107, 0.25);
}

/* line 16443, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.stop .level-label {
  color: #ff6b6b;
}

/* line 16444, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.stop .level-value {
  color: #ff6b6b;
}

/* line 16445, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.stop:hover {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.15) 0%, rgba(255, 107, 107, 0.06) 100%);
}

/* line 16448, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.bought {
  border-left: 2px solid #60a5fa;
  background: rgba(96, 165, 250, 0.04);
}

/* line 16451, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.bought .level-label {
  color: rgba(96, 165, 250, 0.75);
}

/* line 16454, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.forecast {
  border-left: 2px solid #a78bfa;
  background: rgba(167, 139, 250, 0.04);
}

/* line 16457, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item.forecast .level-label {
  color: rgba(167, 139, 250, 0.75);
}

/* line 16464, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column {
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: rgba(15, 23, 42, 0.6);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 0.5rem 0.55rem 0.4rem;
  overflow: hidden;
  position: relative;
}

/* line 16479, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-scrollbar-track {
  position: absolute;
  right: 3px;
  width: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  pointer-events: none;
  z-index: 3;
}

/* line 16490, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-scrollbar-thumb {
  position: absolute;
  right: 3px;
  width: 3px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 2px;
  pointer-events: none;
  transition: background 0.15s ease;
  z-index: 4;
}

/* line 16501, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column:hover .fund-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.65);
}

/* line 16505, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-title {
  font-size: 0.66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-shrink: 0;
}

/* line 16517, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-title i {
  font-size: 0.60rem;
  color: #00d4aa;
}

/* line 16524, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-metrics-wrap {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: visible;
  padding-right: 7px;
}

/* line 16533, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-metrics {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

/* line 16542, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-metrics::-webkit-scrollbar {
  display: none;
}

/* line 16546, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-scroll-hint {
  flex-shrink: 0;
  height: 18px;
  margin-top: -18px;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(15, 23, 42, 0.85));
  border-radius: 0 0 8px 8px;
  position: relative;
  z-index: 1;
}

/* line 16557, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  padding: 0.22rem 0.2rem;
  border-radius: 3px;
  cursor: default;
  transition: background 0.1s ease;
  flex-wrap: nowrap;
  min-width: 0;
}

/* line 16569, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 16571, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-label {
  font-size: 0.70rem;
  color: rgba(255, 255, 255, 0.45);
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 16578, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-value {
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 16587, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-badge {
  font-size: 0.58rem;
  font-weight: 600;
  color: inherit;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
  flex-shrink: 1;
  min-width: 0;
}

/* line 16601, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-warn-high .fr-value, .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-warn-high .fr-badge {
  color: #ff6b6b;
}

/* line 16604, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-warn-low .fr-value, .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-warn-low .fr-badge {
  color: #ffa726;
}

/* line 16607, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-good .fr-value, .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-good .fr-badge {
  color: #00d4aa;
}

/* line 16610, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-neutral .fr-value, .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-neutral .fr-badge {
  color: #00b4d8;
}

/* line 16613, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-sector {
  padding-top: 0.2rem;
}

/* line 16615, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-sector .fr-sector {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
  white-space: normal;
  line-height: 1.3;
}

/* line 16625, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
  margin: 0.35rem 0;
}

/* line 16631, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-updated {
  font-size: 0.62rem;
  color: rgba(255, 255, 255, 0.25);
  margin-top: 0.4rem;
  text-align: center;
}

/* line 16639, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fr-na {
  color: rgba(255, 255, 255, 0.2) !important;
  font-weight: 400 !important;
}

/* line 16645, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fr-positive {
  color: #00d4aa !important;
}

/* line 16646, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fr-negative {
  color: #ff6b6b !important;
}

/* line 16649, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row-hilo {
  align-items: flex-start !important;
}

/* line 16652, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row-hilo .fr-label {
  padding-top: 0.1rem;
}

/* line 16654, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row-hilo .fund-range {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  line-height: 1.3;
}

/* line 16660, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row-hilo .fund-range .fr-high {
  color: #00d4aa;
  font-size: 0.72rem;
  font-weight: 600;
}

/* line 16661, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row-hilo .fund-range .fr-low {
  color: #ff6b6b;
  font-size: 0.72rem;
  font-weight: 600;
}

/* line 16666, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.8rem 0.3rem;
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.55rem;
  text-align: center;
}

/* line 16676, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-empty i {
  font-size: 0.8rem;
  opacity: 0.4;
}

/* line 16681, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column {
  flex: 0 0 200px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(15, 23, 42, 0.8);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 16691, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 16696, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .chart-title {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 16704, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .chart-title i {
  font-size: 0.65rem;
}

/* line 16707, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .period-selector {
  display: flex;
  gap: 0.2rem;
}

/* line 16711, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .period-selector .period-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.55rem;
  font-weight: 600;
  padding: 0.2rem 0.35rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 16722, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .period-selector .period-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

/* line 16727, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-header .period-selector .period-btn.active {
  background: rgba(99, 102, 241, 0.3);
  border-color: rgba(99, 102, 241, 0.5);
  color: #a5b4fc;
}

/* line 16736, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-container {
  height: 80px;
  position: relative;
}

/* line 16740, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}

/* line 16746, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-summary {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.25rem;
}

/* line 16753, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-summary .summary-label {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
}

/* line 16759, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-summary .summary-value {
  font-size: 0.75rem;
  font-weight: 700;
}

/* line 16763, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-summary .summary-value.positive {
  color: #22c55e;
}

/* line 16764, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-summary .summary-value.negative {
  color: #ef4444;
}

/* line 16770, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .content-column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 16777, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .content-column .events-detail-section {
  margin-bottom: 0;
}

/* line 16781, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-analysis-two-column .content-column .ai-reasoning-section {
  margin-bottom: 0;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 16789, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column {
    gap: 0.6rem;
  }
  /* line 16792, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .left-stack {
    flex: 0 0 260px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 16798, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 16802, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .left-stack {
    flex: 0 0 190px;
  }
  /* line 16805, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .left-stack .trading-levels-stack {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.35rem !important;
  }
  /* line 16812, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column {
    flex: 0 0 100%;
    order: -1;
  }
  /* line 16815, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-container {
    height: 90px;
  }
  /* line 16819, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .content-column {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  /* line 16828, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 16832, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column {
    flex: none;
    width: 100%;
  }
  /* line 16836, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    padding: 0.4rem;
    gap: 0.5rem;
  }
  /* line 16843, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .action-badge, .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .forecast-badge {
    width: auto;
    padding: 0.3rem 0.7rem;
    font-size: 0.72rem;
  }
  /* line 16849, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .signal-badge-vertical .confidence-chip {
    width: auto;
    padding: 0.2rem 0.45rem;
    font-size: 0.55rem;
  }
  /* line 16857, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.35rem !important;
    width: 100%;
  }
  /* line 16863, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item {
    padding: 0.4rem 0.4rem;
  }
  /* line 16865, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-label {
    font-size: 0.5rem;
  }
  /* line 16866, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-value {
    font-size: 0.72rem;
  }
  /* line 16867, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .trading-column .trading-levels-stack .level-item .level-pct {
    font-size: 0.55rem;
  }
  /* line 16872, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .left-stack {
    flex: none;
    width: 100%;
  }
  /* line 16878, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column {
    flex: none;
    width: 100%;
    padding: 0.45rem 0.5rem;
  }
  /* line 16883, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 0.5rem;
  }
  /* line 16889, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-divider {
    display: none;
  }
  /* line 16891, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0.15rem 0.2rem;
  }
  /* line 16897, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-label {
    font-size: 0.62rem;
  }
  /* line 16898, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-value {
    font-size: 0.74rem;
  }
  /* line 16900, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row .fr-badge {
    white-space: normal !important;
    max-width: 100% !important;
    font-size: 0.56rem !important;
    line-height: 1.2 !important;
  }
  /* line 16907, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-sector {
    grid-column: 1 / -1;
  }
  /* line 16908, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-row-hilo {
    grid-column: span 2;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  /* line 16914, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-row-hilo .fund-range .fr-high, .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-row.fund-row-hilo .fund-range .fr-low {
    font-size: 0.70rem;
  }
  /* line 16920, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column {
    flex: 0 0 100%;
    order: -1;
  }
  /* line 16923, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .historical-chart-column .chart-container {
    height: 100px;
  }
}

@media (max-width: 380px) {
  /* line 16931, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .ai-analysis-two-column .fundamentals-column .fund-col-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 16938, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 16946, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row .stat-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 16955, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row .stat-chip .stat-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 16962, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row .stat-chip .stat-value {
  font-weight: 600;
  font-size: 0.85rem;
  color: white;
}

/* line 16968, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row .stat-chip.warning {
  border: 1px solid rgba(255, 107, 107, 0.4);
}

/* line 16971, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .quick-stats-row .stat-chip.warning .stat-value {
  color: #ff6b6b;
}

/* line 16979, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section {
  background: rgba(15, 23, 42, 0.8);
  border-radius: 8px;
  padding: 0.75rem;
  margin-bottom: 1rem;
  border-left: 3px solid #f6ad55;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid #f6ad55;
}

/* line 16988, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .events-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #f6ad55;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

/* line 16999, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .events-title i {
  font-size: 0.7rem;
}

/* line 17002, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .events-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 17008, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.2);
}

/* line 17016, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}

/* line 17025, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item .event-icon-wrap i {
  font-size: 0.65rem;
}

/* line 17028, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item .event-text {
  font-size: 0.8rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
}

/* line 17035, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item.dividend .event-icon-wrap {
  background: rgba(255, 215, 0, 0.2);
  color: #ffd700;
}

/* line 17039, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item.earnings .event-icon-wrap {
  background: rgba(0, 180, 216, 0.2);
  color: #00b4d8;
}

/* line 17043, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item.crisis .event-icon-wrap {
  background: rgba(255, 107, 107, 0.2);
  color: #ff6b6b;
}

/* line 17047, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item.warning .event-icon-wrap {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}

/* line 17051, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .events-detail-section .event-item.others .event-icon-wrap {
  background: rgba(99, 102, 241, 0.2);
  color: #818cf8;
}

/* line 17057, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section {
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(15, 30, 50, 0.85) 100%);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 10px;
  border-left: 3px solid #00d4aa;
}

/* line 17065, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .section-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #00d4aa;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 17076, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .section-label i {
  font-size: 0.85rem;
}

/* line 17081, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 17087, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.55rem;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
  background: rgba(148, 163, 184, 0.15);
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #94a3b8;
}

/* line 17102, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge.buy {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #10b981;
}

/* line 17108, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge.sell {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ef4444;
}

/* line 17114, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge.hold {
  background: rgba(148, 163, 184, 0.15);
  border-color: rgba(148, 163, 184, 0.3);
  color: #94a3b8;
}

/* line 17120, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge.wait {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}

/* line 17126, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-signal-badge.trim {
  background: rgba(168, 85, 247, 0.15);
  border-color: rgba(168, 85, 247, 0.4);
  color: #a855f7;
}

/* line 17133, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .personalized-signal-section .personalized-signal-content .personalized-reason-text {
  flex: 1;
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  min-width: 200px;
}

/* line 17145, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section {
  margin-bottom: 1rem;
}

/* line 17148, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section .reasoning-block {
  background: rgba(15, 23, 42, 0.8);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 17155, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #00d4aa;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 17167, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section .reasoning-block .reasoning-text {
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

/* line 17174, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section .reasoning-block.daily {
  background: rgba(0, 180, 216, 0.1);
  border-left: 3px solid #00b4d8;
}

/* line 17178, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .ai-reasoning-section .reasoning-block.daily .reasoning-label {
  color: #00b4d8;
}

/* line 17186, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 17193, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .primary-trading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 17204, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 17209, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .action-badge, .ai-analysis-card.compact .signal-trading-block .signal-badge-group .forecast-badge {
  font-size: 0.85rem;
  font-weight: 700;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
}

/* line 17216, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  font-size: 0.7rem;
  font-weight: 600;
}

/* line 17225, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip i {
  font-size: 0.65rem;
}

/* line 17227, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip.confidence-high, .ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip.confidence-very-high {
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.4);
  color: #00d4aa;
}

/* line 17232, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip.confidence-medium {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fbbf24;
}

/* line 17237, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .signal-badge-group .confidence-chip.confidence-low {
  background: rgba(255, 107, 107, 0.15);
  border: 1px solid rgba(255, 107, 107, 0.4);
  color: #ff6b6b;
}

/* line 17245, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .key-levels-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 17251, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .secondary-trading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 17259, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  padding: 0.5rem 0.85rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.15) 0%, rgba(139, 92, 246, 0.12) 100%);
  border: 1px solid rgba(99, 102, 241, 0.35);
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}

/* line 17270, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview .j7-label {
  color: #a5b4fc;
  font-weight: 600;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 17278, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview .j7-price {
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}

/* line 17284, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview .j7-change {
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.15rem 0.4rem;
  border-radius: 5px;
}

/* line 17290, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview .j7-change.positive {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.15);
}

/* line 17294, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .signal-trading-block .j7-preview .j7-change.negative {
  color: #f87171;
  background: rgba(248, 113, 113, 0.15);
}

/* line 17303, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* line 17312, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip .level-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}

/* line 17318, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip .level-value {
  font-weight: 700;
  font-size: 0.9rem;
  color: white;
}

/* line 17324, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip .level-pct {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
}

/* line 17330, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip .level-pct.positive {
  color: #00d4aa;
  background: rgba(0, 212, 170, 0.15);
}

/* line 17334, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip .level-pct.negative {
  color: #ff6b6b;
  background: rgba(255, 107, 107, 0.15);
}

/* line 17340, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.target {
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 17343, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.target .level-value {
  color: #00d4aa;
}

/* line 17346, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.stop {
  background: rgba(255, 107, 107, 0.15);
  border: 1px solid rgba(255, 107, 107, 0.3);
}

/* line 17349, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.stop .level-value {
  color: #ff6b6b;
}

/* line 17352, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.bought {
  background: rgba(99, 102, 241, 0.15);
  border: 1px solid rgba(99, 102, 241, 0.3);
}

/* line 17355, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.bought .level-value {
  color: #818cf8;
}

/* line 17358, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.growth {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.3);
}

/* line 17361, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.growth .level-value {
  color: #fbbf24;
}

/* line 17365, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.prominent {
  padding: 0.4rem 0.75rem;
}

/* line 17367, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.prominent .level-value {
  font-size: 0.85rem;
}

/* line 17368, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.prominent .level-pct {
  font-size: 0.7rem;
}

/* line 17372, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.subtle {
  padding: 0.3rem 0.6rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 17376, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.subtle .level-label {
  font-size: 0.65rem;
}

/* line 17377, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.subtle .level-value {
  font-size: 0.8rem;
  opacity: 0.85;
}

/* line 17378, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .level-chip.subtle .level-pct {
  font-size: 0.7rem;
}

/* line 17384, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .trading-levels .levels-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 17392, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* line 17402, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 17407, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .action-badge, .ai-analysis-card.compact .detail-header-row .signal-recap .forecast-badge {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
}

/* line 17414, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 17423, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip i {
  font-size: 0.7rem;
}

/* line 17427, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip.confidence-high, .ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip.confidence-very-high {
  background: rgba(0, 212, 170, 0.15);
  border: 1px solid rgba(0, 212, 170, 0.4);
  color: #00d4aa;
}

/* line 17433, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip.confidence-medium {
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.4);
  color: #fbbf24;
}

/* line 17439, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .signal-recap .confidence-chip.confidence-low {
  background: rgba(255, 107, 107, 0.15);
  border: 1px solid rgba(255, 107, 107, 0.4);
  color: #ff6b6b;
}

/* line 17447, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.18) 0%, rgba(139, 92, 246, 0.14) 100%);
  border: 2px solid rgba(99, 102, 241, 0.45);
  padding: 0.5rem 0.9rem;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.2);
}

/* line 17457, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview .j7-label {
  font-size: 0.7rem;
  font-weight: 700;
  color: #a5b4fc;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 17465, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview .j7-price {
  font-weight: 800;
  font-size: 1rem;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* line 17472, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview .j7-change {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 6px;
}

/* line 17478, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview .j7-change.positive {
  color: #4ade80;
  background: rgba(74, 222, 128, 0.2);
  border: 1px solid rgba(74, 222, 128, 0.4);
}

/* line 17483, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .detail-header-row .j7-preview .j7-change.negative {
  color: #f87171;
  background: rgba(248, 113, 113, 0.2);
  border: 1px solid rgba(248, 113, 113, 0.4);
}

/* line 17493, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 17498, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .section-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.75rem;
}

/* line 17509, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .section-title i {
  color: #00d4aa;
}

/* line 17514, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-blocks-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

@media (max-width: 768px) {
  /* line 17514, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .complementary-info-section .info-blocks-grid {
    grid-template-columns: 1fr;
  }
}

/* line 17524, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 0.75rem;
  border-left: 3px solid rgba(255, 255, 255, 0.2);
}

/* line 17530, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block .block-icon {
  font-size: 1rem;
  margin-right: 0.4rem;
}

/* line 17535, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block .block-title {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.7);
}

/* line 17543, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block .block-content {
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  margin: 0.5rem 0 0 0;
}

/* line 17550, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.macro {
  border-left-color: #00b4d8;
}

/* line 17552, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.macro .block-title {
  color: #00b4d8;
}

/* line 17555, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.company {
  border-left-color: #818cf8;
}

/* line 17557, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.company .block-title {
  color: #818cf8;
}

/* line 17560, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.technical {
  border-left-color: #fbbf24;
}

/* line 17562, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.technical .block-title {
  color: #fbbf24;
}

/* line 17565, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.catalysts {
  border-left-color: #00d4aa;
}

/* line 17567, app/assets/stylesheets/dashboard.scss */
.ai-analysis-card.compact .complementary-info-section .info-block.catalysts .block-title {
  color: #00d4aa;
}

@media (min-width: 1025px) and (max-width: 1279px) {
  /* line 16287, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }
  /* line 17577, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .section-title {
    font-size: 0.65rem;
    margin-bottom: 0.5rem;
  }
  /* line 17582, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-blocks-grid {
    gap: 0.5rem;
  }
  /* line 17586, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block {
    padding: 0.5rem;
  }
  /* line 17589, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-icon {
    font-size: 0.8rem;
  }
  /* line 17590, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-title {
    font-size: 0.55rem;
  }
  /* line 17591, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-content {
    font-size: 0.65rem;
    line-height: 1.4;
    margin-top: 0.3rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 16287, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
  }
  /* line 17600, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .section-title {
    font-size: 0.6rem;
    margin-bottom: 0.4rem;
  }
  /* line 17605, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-blocks-grid {
    gap: 0.4rem;
  }
  /* line 17609, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block {
    padding: 0.4rem;
  }
  /* line 17612, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-icon {
    font-size: 0.7rem;
  }
  /* line 17613, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-title {
    font-size: 0.5rem;
  }
  /* line 17614, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-content {
    font-size: 0.6rem;
    line-height: 1.35;
    margin-top: 0.25rem;
  }
}

@media (max-width: 767px) {
  /* line 16287, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
  }
  /* line 17623, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .section-title {
    font-size: 0.55rem;
    margin-bottom: 0.35rem;
  }
  /* line 17628, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-blocks-grid {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  /* line 17633, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block {
    padding: 0.35rem;
  }
  /* line 17636, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-icon {
    font-size: 0.65rem;
    margin-right: 0.25rem;
  }
  /* line 17637, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-title {
    font-size: 0.5rem;
  }
  /* line 17638, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .info-block .block-content {
    font-size: 0.55rem;
    line-height: 1.3;
    margin-top: 0.2rem;
  }
}

/* line 17644, app/assets/stylesheets/dashboard.scss */
.price-display-compact {
  text-align: center;
}

/* line 17647, app/assets/stylesheets/dashboard.scss */
.price-display-compact .price-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 0.9rem;
}

/* line 17656, app/assets/stylesheets/dashboard.scss */
.price-display-compact .price-main {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* line 17664, app/assets/stylesheets/dashboard.scss */
.price-display-compact .usd-conversion {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  display: block;
  margin-top: 0.15rem;
}

@media (max-width: 768px) {
  /* line 17677, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .symbol-row .symbol-tag {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
  }
  /* line 17683, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-name-small {
    max-width: 100px;
    font-size: 0.65rem;
  }
  /* line 17690, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.main-signal, .signal-cell .signal-display .main-signal.forecast-badge {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
  }
  /* line 17695, app/assets/stylesheets/dashboard.scss */
  .signal-cell .signal-display .action-badge.mini, .signal-cell .signal-display .mini.forecast-badge {
    display: none;
  }
  /* line 17701, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-price {
    font-size: 0.75rem;
  }
  /* line 17705, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-change {
    font-size: 0.65rem;
  }
  /* line 17709, app/assets/stylesheets/dashboard.scss */
  .prediction-cell .ml-prediction .pred-conf {
    display: none;
  }
  /* line 17714, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact {
    padding: 0.75rem;
  }
  /* line 17717, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .quick-stats-row {
    gap: 0.5rem;
  }
  /* line 17720, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .quick-stats-row .stat-chip {
    padding: 0.3rem 0.6rem;
  }
  /* line 17723, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .quick-stats-row .stat-chip .stat-label {
    font-size: 0.6rem;
  }
  /* line 17727, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .quick-stats-row .stat-chip .stat-value {
    font-size: 0.75rem;
  }
  /* line 17733, app/assets/stylesheets/dashboard.scss */
  .ai-analysis-card.compact .trading-levels .levels-row {
    flex-direction: column;
    gap: 0.5rem;
  }
}

@media (max-width: 480px) {
  /* line 17743, app/assets/stylesheets/dashboard.scss */
  .stocks-table th:nth-child(4),
.stocks-table td:nth-child(4),
.stocks-table th:nth-child(5),
.stocks-table td:nth-child(5) {
    display: none !important;
  }
  /* line 17751, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact .stock-name-small {
    display: none;
  }
  /* line 17756, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-shares {
    font-size: 0.6rem;
  }
  /* line 17760, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-value .value-main {
    font-size: 0.75rem;
  }
  /* line 17765, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-pnl .pnl-pct {
    font-size: 0.65rem;
  }
  /* line 17766, app/assets/stylesheets/dashboard.scss */
  .position-cell .position-compact .pos-pnl .pnl-val {
    font-size: 0.55rem;
  }
}

/* line 17776, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-header {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 17781, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .risk-score-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(0, 212, 170, 0.1);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 8px;
}

/* line 17790, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .risk-score-badge .label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
}

/* line 17797, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .risk-score-badge .score {
  font-size: 1.25rem;
  font-weight: 700;
  color: #00d4aa;
}

/* line 17804, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

@media (max-width: 768px) {
  /* line 17804, app/assets/stylesheets/dashboard.scss */
  .investor-profile-form .profile-fields {
    grid-template-columns: 1fr;
  }
}

/* line 17815, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-field label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.75rem;
}

/* line 17822, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-field label i {
  margin-right: 0.5rem;
  color: #00d4aa;
  width: 16px;
  text-align: center;
}

/* line 17829, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-field label .optional-tag {
  font-size: 0.7rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
  margin-left: 0.5rem;
}

/* line 17837, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-field.optional label i {
  color: rgba(255, 255, 255, 0.4);
}

/* line 17842, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 17848, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-option {
  padding: 0.6rem 1rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}

/* line 17860, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-option:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(0, 212, 170, 0.4);
}

/* line 17865, app/assets/stylesheets/dashboard.scss */
.investor-profile-form .profile-option.selected {
  background: rgba(0, 212, 170, 0.15);
  border-color: #00d4aa;
  color: #00d4aa;
}

/* line 17878, app/assets/stylesheets/dashboard.scss */
.personalized-col {
  min-width: 100px;
  text-align: center;
}

/* line 17884, app/assets/stylesheets/dashboard.scss */
.personalized-signal-cell {
  text-align: center;
  vertical-align: middle;
}

/* line 17890, app/assets/stylesheets/dashboard.scss */
.personalized-signal-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

/* line 17896, app/assets/stylesheets/dashboard.scss */
.personalized-signal-column.empty {
  opacity: 0.6;
}

/* line 17900, app/assets/stylesheets/dashboard.scss */
.personalized-signal-column .signal-placeholder {
  font-size: 0.7rem;
  color: var(--text-muted);
  padding: 0.3rem 0.5rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  white-space: nowrap;
}

/* line 17908, app/assets/stylesheets/dashboard.scss */
.personalized-signal-column .signal-placeholder i {
  margin-right: 0.25rem;
}

/* line 17915, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.28rem 0.6rem;
  border-radius: 5px;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: help;
  transition: all 0.2s ease;
  background: rgba(148, 163, 184, 0.15);
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #94a3b8;
}

/* line 17931, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge:hover {
  transform: scale(1.02);
}

/* line 17935, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge.buy {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.4);
  color: #10b981;
}

/* line 17941, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge.sell {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ef4444;
}

/* line 17947, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge.hold {
  background: rgba(148, 163, 184, 0.15);
  border-color: rgba(148, 163, 184, 0.3);
  color: #94a3b8;
}

/* line 17953, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge.wait {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}

/* line 17959, app/assets/stylesheets/dashboard.scss */
.personalized-signal-badge.trim {
  background: rgba(168, 85, 247, 0.15);
  border-color: rgba(168, 85, 247, 0.4);
  color: #a855f7;
}

/* line 17968, app/assets/stylesheets/dashboard.scss */
.personalized-reason {
  display: none;
}

/* line 17973, app/assets/stylesheets/dashboard.scss */
.personalized-signal-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* line 17987, app/assets/stylesheets/dashboard.scss */
.custom-tooltip,
.tooltip-content {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  padding: 0.6rem 0.9rem;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.98) 100%);
  border: 1px solid rgba(0, 212, 170, 0.3);
  border-radius: 10px;
  color: #e2e8f0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  min-width: 120px;
  max-width: 280px;
  text-align: center;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 12px rgba(0, 212, 170, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
}

/* line 18013, app/assets/stylesheets/dashboard.scss */
.custom-tooltip::after,
.tooltip-content::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: rgba(30, 41, 59, 0.98);
}

/* line 18025, app/assets/stylesheets/dashboard.scss */
.has-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: help;
}

/* line 18031, app/assets/stylesheets/dashboard.scss */
.has-tooltip:hover .tooltip-content, .has-tooltip:hover .custom-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-4px);
}

/* line 18040, app/assets/stylesheets/dashboard.scss */
.personalized-signal-wrapper:hover .custom-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-4px);
}

/* line 18047, app/assets/stylesheets/dashboard.scss */
.personalized-tooltip {
  border-color: rgba(0, 212, 170, 0.4);
}

/* line 18055, app/assets/stylesheets/dashboard.scss */
.tooltip {
  z-index: 9999 !important;
}

/* line 18058, app/assets/stylesheets/dashboard.scss */
.tooltip .tooltip-inner {
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.98) 100%) !important;
  border: 1px solid rgba(0, 212, 170, 0.3) !important;
  border-radius: 10px !important;
  color: #e2e8f0 !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  padding: 0.6rem 0.9rem !important;
  max-width: 280px !important;
  text-align: center !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 12px rgba(0, 212, 170, 0.15) !important;
}

/* line 18073, app/assets/stylesheets/dashboard.scss */
.tooltip .tooltip-arrow::before {
  border-top-color: rgba(30, 41, 59, 0.98) !important;
  border-bottom-color: rgba(30, 41, 59, 0.98) !important;
}

/* line 18078, app/assets/stylesheets/dashboard.scss */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: rgba(30, 41, 59, 0.98) !important;
}

/* line 18082, app/assets/stylesheets/dashboard.scss */
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: rgba(30, 41, 59, 0.98) !important;
}

/* line 18086, app/assets/stylesheets/dashboard.scss */
.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: rgba(30, 41, 59, 0.98) !important;
}

/* line 18090, app/assets/stylesheets/dashboard.scss */
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: rgba(30, 41, 59, 0.98) !important;
}

/* line 18096, app/assets/stylesheets/dashboard.scss */
.personalized-signal-container {
  margin-top: 0.35rem;
}

/* line 18100, app/assets/stylesheets/dashboard.scss */
.personalized-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(148, 163, 184, 0.15);
  border: 1px dashed rgba(148, 163, 184, 0.3);
  color: var(--text-secondary);
  cursor: help;
}

/* line 18113, app/assets/stylesheets/dashboard.scss */
.personalized-signal.buy {
  background: rgba(16, 185, 129, 0.1);
  border-color: rgba(16, 185, 129, 0.4);
  color: #10b981;
}

/* line 18119, app/assets/stylesheets/dashboard.scss */
.personalized-signal.sell {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.4);
  color: #ef4444;
}

/* line 18125, app/assets/stylesheets/dashboard.scss */
.personalized-signal.hold {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.4);
  color: #3b82f6;
}

/* line 18131, app/assets/stylesheets/dashboard.scss */
.personalized-signal.wait {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.4);
  color: #f59e0b;
}

/* line 18137, app/assets/stylesheets/dashboard.scss */
.personalized-signal.trim {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.4);
  color: #a855f7;
}

/* line 18143, app/assets/stylesheets/dashboard.scss */
.personalized-signal .personalized-pl {
  font-size: 0.55rem;
  padding: 0.1rem 0.25rem;
  border-radius: 4px;
  margin-left: 0.15rem;
}

/* line 18149, app/assets/stylesheets/dashboard.scss */
.personalized-signal .personalized-pl.positive {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
}

/* line 18154, app/assets/stylesheets/dashboard.scss */
.personalized-signal .personalized-pl.negative {
  background: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* line 18162, app/assets/stylesheets/dashboard.scss */
.signal-locked-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  background: rgba(100, 116, 139, 0.15);
  border: 1px dashed rgba(100, 116, 139, 0.4);
  color: #64748b;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* line 18177, app/assets/stylesheets/dashboard.scss */
.signal-locked-badge:hover {
  background: rgba(99, 102, 241, 0.15);
  border-color: rgba(99, 102, 241, 0.4);
  color: #6366f1;
  text-decoration: none;
}

/* line 18184, app/assets/stylesheets/dashboard.scss */
.signal-locked-badge i {
  font-size: 0.7rem;
}

/* line 18190, app/assets/stylesheets/dashboard.scss */
a.premium-locked-icon {
  text-decoration: none;
  color: inherit;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}

/* line 18196, app/assets/stylesheets/dashboard.scss */
a.premium-locked-icon:hover {
  opacity: 0.8;
  text-decoration: none;
}

/* line 18203, app/assets/stylesheets/dashboard.scss */
.signal-pending {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.6rem;
  border-radius: 8px;
  font-size: 0.7rem;
  font-weight: 500;
  background: rgba(148, 163, 184, 0.1);
  color: #94a3b8;
  opacity: 0.7;
}

/* line 18215, app/assets/stylesheets/dashboard.scss */
.signal-pending i {
  font-size: 0.65rem;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

@media (max-width: 992px) {
  /* line 18229, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-column .personalized-reason {
    display: none;
  }
  /* line 18234, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-badge {
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 18244, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell::before {
    display: none !important;
  }
  /* line 18249, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-badge {
    padding: 0.2rem 0.4rem;
    font-size: 0.6rem;
  }
  /* line 18254, app/assets/stylesheets/dashboard.scss */
  .personalized-reason {
    font-size: 0.55rem;
  }
}

@media (max-width: 767px) {
  /* line 18262, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell::before {
    content: attr(data-label);
    display: block;
    font-weight: 600;
    font-size: 0.7rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
  }
  /* line 18272, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-badge {
    padding: 0.25rem 0.45rem;
    font-size: 0.65rem;
  }
}

@media (max-width: 480px) {
  /* line 18280, app/assets/stylesheets/dashboard.scss */
  .personalized-col {
    display: none;
  }
  /* line 18285, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell {
    display: block !important;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: rgba(0, 212, 170, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(0, 212, 170, 0.15);
  }
  /* line 18294, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell::before {
    content: attr(data-label);
    display: block;
    font-weight: 600;
    font-size: 0.65rem;
    color: var(--text-muted);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  /* line 18305, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell .personalized-signal-column {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
  }
  /* line 18312, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell .personalized-signal-badge {
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
  }
  /* line 18317, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-cell .personalized-reason {
    font-size: 0.65rem;
    max-width: 200px;
  }
  /* line 18324, app/assets/stylesheets/dashboard.scss */
  .personalized-signal-container {
    display: none;
  }
}

/* line 18336, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .mega-results-header {
  background: rgba(15, 20, 40, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 18340, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .mega-results-header .mode-indicator {
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.75rem;
}

/* line 18346, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .mega-results-header h5 {
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 18354, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
}

/* line 18359, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card {
  background: rgba(26, 31, 58, 0.8);
  border-radius: 10px;
  padding: 1rem;
  height: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* line 18366, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* line 18371, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card .metric-icon {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  opacity: 0.9;
}

/* line 18377, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card .metric-value {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  word-break: break-word;
}

/* line 18385, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card .metric-label {
  font-size: 0.7rem;
  color: #a0aec0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

/* line 18392, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .executive-summary .metric-card .metric-label .small {
  font-size: 0.6rem;
  opacity: 0.8;
}

/* line 18402, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .events-timeline-section .card {
  border-radius: 10px;
}

/* line 18406, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .events-timeline-section .events-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 18412, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .events-timeline-section .event-chip-mini {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.75rem;
  border-radius: 6px;
  font-size: 0.75rem;
  transition: transform 0.15s ease;
}

/* line 18421, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .events-timeline-section .event-chip-mini:hover {
  transform: scale(1.02);
}

/* line 18425, app/assets/stylesheets/dashboard.scss */
.mega-simulator-results .events-timeline-section .event-chip-mini i {
  font-size: 0.65rem;
}

@media (max-width: 1200px) {
  /* line 18435, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card {
    padding: 0.75rem;
  }
  /* line 18438, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-value {
    font-size: 1.2rem;
  }
  /* line 18442, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-label {
    font-size: 0.65rem;
  }
}

@media (max-width: 768px) {
  /* line 18451, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .mega-results-header {
    padding: 0.5rem 1rem !important;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  /* line 18456, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .mega-results-header h5 {
    font-size: 0.95rem;
  }
  /* line 18460, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .mega-results-header .mode-indicator {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.65rem;
  }
  /* line 18467, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card {
    padding: 0.6rem;
  }
  /* line 18470, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-icon {
    font-size: 1rem;
  }
  /* line 18474, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-value {
    font-size: 1rem;
  }
  /* line 18478, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-label {
    font-size: 0.6rem;
  }
  /* line 18485, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .events-timeline-section .event-chip-mini {
    padding: 0.3rem 0.5rem;
    font-size: 0.65rem;
  }
}

@media (max-width: 480px) {
  /* line 18496, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .col-6 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  /* line 18501, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card {
    padding: 0.5rem;
  }
  /* line 18504, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-icon {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
  }
  /* line 18509, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-value {
    font-size: 0.9rem;
  }
  /* line 18513, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .metric-card .metric-label {
    font-size: 0.55rem;
  }
}

/* line 18523, app/assets/stylesheets/dashboard.scss */
.risk-metrics-section .card {
  border-radius: 10px;
}

/* line 18527, app/assets/stylesheets/dashboard.scss */
.risk-metrics-section .risk-metric-item {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* line 18530, app/assets/stylesheets/dashboard.scss */
.risk-metrics-section .risk-metric-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* line 18535, app/assets/stylesheets/dashboard.scss */
.risk-metrics-section .risk-metric-item .h5 {
  font-weight: 700;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  /* line 18543, app/assets/stylesheets/dashboard.scss */
  .risk-metrics-section .risk-metric-item .h5 {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  /* line 18550, app/assets/stylesheets/dashboard.scss */
  .risk-metrics-section .risk-metric-item {
    padding: 0.5rem !important;
  }
  /* line 18553, app/assets/stylesheets/dashboard.scss */
  .risk-metrics-section .risk-metric-item .h5 {
    font-size: 0.9rem;
  }
  /* line 18557, app/assets/stylesheets/dashboard.scss */
  .risk-metrics-section .risk-metric-item .small {
    font-size: 0.6rem;
  }
}

/* line 18570, app/assets/stylesheets/dashboard.scss */
.mobile-new-simulation-btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 212, 170, 0.25);
}

/* line 18580, app/assets/stylesheets/dashboard.scss */
.mobile-new-simulation-btn .btn i {
  font-size: 1rem;
}

/* line 18584, app/assets/stylesheets/dashboard.scss */
.mobile-new-simulation-btn .btn.btn-primary {
  background: linear-gradient(135deg, #00d4aa, #00a8ff);
  border: none;
}

/* line 18588, app/assets/stylesheets/dashboard.scss */
.mobile-new-simulation-btn .btn.btn-primary:hover {
  background: linear-gradient(135deg, #00e8bb, #00b8ff);
  box-shadow: 0 6px 16px rgba(0, 212, 170, 0.35);
}

/* line 18594, app/assets/stylesheets/dashboard.scss */
.mobile-new-simulation-btn .btn.btn-secondary {
  background: rgba(100, 116, 139, 0.3);
  border: 1px solid rgba(100, 116, 139, 0.4);
  color: #718096;
  box-shadow: none;
}

/* line 18605, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header {
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 2.5rem !important;
  display: flex;
  align-items: center;
  overflow: visible;
  position: relative;
  z-index: 1100;
}

/* line 18618, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header > .d-flex {
  width: 100%;
  height: 100%;
  align-items: center;
}

/* line 18625, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .header-left {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  overflow: hidden;
}

/* line 18633, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .header-left i {
  flex-shrink: 0;
  font-size: 1rem;
}

/* line 18640, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .header-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 18647, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header h5 {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

/* line 18657, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .mode-indicator {
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  border-radius: 4px;
}

/* line 18666, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .btn {
  flex-shrink: 0;
}

/* line 18671, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .btn-ghost {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #a0aec0;
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 18682, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

/* line 18688, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .btn-ghost i {
  font-size: 0.85rem;
}

/* line 18693, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .btn-sm {
  font-size: 0.8rem;
  padding: 0.4rem 0.75rem;
  white-space: nowrap;
}

/* line 18699, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .badge {
  font-size: 0.65rem !important;
  flex-shrink: 0;
}

/* line 18704, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .badge-status {
  padding: 0.25rem 0.5rem;
}

/* line 18709, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .date-info {
  font-size: 0.7rem;
  flex-shrink: 0;
}

/* line 18715, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .dropdown {
  position: relative;
  z-index: 1000;
}

/* line 18720, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .dropdown-menu {
  min-width: 120px;
  z-index: 1050 !important;
  position: absolute !important;
}

/* line 18725, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .dropdown-menu.show {
  z-index: 1050 !important;
}

/* line 18729, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .dropdown-menu .dropdown-item {
  cursor: pointer;
  padding: 0.5rem 1rem;
}

/* line 18733, app/assets/stylesheets/dashboard.scss */
.simulations-page .simulation-header .dropdown-menu .dropdown-item:hover {
  background: rgba(0, 212, 170, 0.15);
}

@media (max-width: 992px) {
  /* line 18742, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header {
    padding: 0 1rem !important;
  }
  /* line 18745, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header h5 {
    font-size: 0.9rem;
  }
  /* line 18749, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .date-info {
    display: none !important;
  }
  /* line 18753, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .btn-sm {
    font-size: 0.75rem;
    padding: 0.35rem 0.6rem;
  }
}

@media (max-width: 768px) {
  /* line 18761, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header {
    padding: 0 0.75rem !important;
  }
  /* line 18764, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header h5 {
    font-size: 0.85rem;
  }
  /* line 18768, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .mode-indicator {
    padding: 0.2rem 0.4rem !important;
    font-size: 0.6rem;
  }
  /* line 18772, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .mode-indicator span {
    display: none;
  }
  /* line 18777, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .btn-sm {
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
  }
  /* line 18782, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .badge {
    font-size: 0.6rem !important;
    padding: 0.2rem 0.35rem !important;
  }
}

@media (max-width: 576px) {
  /* line 18790, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header {
    padding: 0 0.5rem !important;
  }
  /* line 18793, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .header-left {
    gap: 0.5rem;
  }
  /* line 18797, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .header-right {
    gap: 0.35rem;
  }
  /* line 18801, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header h5 {
    font-size: 0.8rem;
  }
  /* line 18805, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .btn-sm {
    font-size: 0.65rem;
    padding: 0.25rem 0.4rem;
  }
  /* line 18809, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .btn-sm .btn-text {
    display: none !important;
  }
  /* line 18814, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulation-header .mode-indicator {
    display: none !important;
  }
}

/* line 18826, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulations-content {
  max-width: 1400px;
  margin: 0 auto;
}

/* line 18832, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro {
  background: rgba(26, 31, 58, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  transition: all 0.2s ease;
}

/* line 18839, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 18845, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro.unseen {
  background: rgba(0, 212, 170, 0.05);
  border-color: rgba(0, 212, 170, 0.2);
}

/* line 18850, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .card-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

/* line 18857, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .mode-badge {
  min-width: 28px;
  height: 28px;
  padding: 0 0.5rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  font-size: 0.75rem;
}

/* line 18868, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .mode-badge i {
  flex-shrink: 0;
}

/* line 18872, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .mode-badge .mode-name {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

/* line 18881, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .new-badge {
  background: linear-gradient(135deg, #00d4aa, #00b894);
  color: #fff;
  font-size: 0.55rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 18892, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .status-badge {
  font-size: 0.65rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 500;
}

/* line 18898, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .status-badge.status-completed {
  background: rgba(40, 167, 69, 0.2);
  color: #28a745;
}

/* line 18902, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .status-badge.status-processing {
  background: rgba(0, 123, 255, 0.2);
  color: #007bff;
}

/* line 18906, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .status-badge.status-pending {
  background: rgba(108, 117, 125, 0.2);
  color: #adb5bd;
}

/* line 18910, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .status-badge.status-failed {
  background: rgba(220, 53, 69, 0.2);
  color: #dc3545;
}

/* line 18916, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .date-range {
  font-size: 0.75rem;
  color: #a0aec0;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 18923, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .date-range i {
  font-size: 0.7rem;
}

/* line 18925, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .date-range .duration-badge {
  background: rgba(108, 117, 125, 0.3);
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
  font-size: 0.65rem;
}

/* line 18933, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* line 18938, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

/* line 18943, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini .metric-label {
  font-size: 0.6rem;
  color: #6c757d;
  text-transform: uppercase;
}

/* line 18948, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini .metric-value {
  font-size: 0.85rem;
  font-weight: 600;
  color: #fff;
}

/* line 18955, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini.metric-return.positive .metric-value {
  color: #28a745;
}

/* line 18956, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini.metric-return.negative .metric-value {
  color: #dc3545;
}

/* line 18959, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .metrics-row .metric-mini.metric-risk .metric-value {
  color: #ffc107;
}

/* line 18965, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .events-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

/* line 18971, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .events-row .event-mini-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.65rem;
  border: 1px solid;
  color: #a0aec0;
}

/* line 18981, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .events-row .event-mini-chip i {
  font-size: 0.55rem;
}

/* line 18984, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .events-row .event-more-badge {
  background: rgba(108, 117, 125, 0.3);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.6rem;
  color: #a0aec0;
}

/* line 18993, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .processing-indicator,
.simulations-index .simulation-card-pro .failed-indicator {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}

/* line 19000, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 0.75rem;
}

/* line 19004, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .created-time {
  font-size: 0.7rem;
}

/* line 19006, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .created-time i {
  margin-right: 0.25rem;
}

/* line 19009, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .action-buttons {
  display: flex;
  gap: 0.5rem;
}

/* line 19014, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .btn-action {
  font-size: 0.7rem;
  padding: 0.35rem 0.6rem;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: transparent;
  color: #a0aec0;
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 19028, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .btn-action:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

/* line 19033, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .btn-action.btn-view:hover {
  background: rgba(0, 212, 170, 0.15);
  border-color: rgba(0, 212, 170, 0.4);
  color: #00d4aa;
}

/* line 19039, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .btn-action.btn-duplicate:hover {
  background: rgba(23, 162, 184, 0.15);
  border-color: rgba(23, 162, 184, 0.4);
  color: #17a2b8;
}

/* line 19045, app/assets/stylesheets/dashboard.scss */
.simulations-index .simulation-card-pro .actions-row .btn-action.btn-delete:hover {
  background: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.4);
  color: #dc3545;
}

/* line 19056, app/assets/stylesheets/dashboard.scss */
.simulations-index .empty-state .empty-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.2), rgba(0, 184, 148, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

/* line 19066, app/assets/stylesheets/dashboard.scss */
.simulations-index .empty-state .empty-icon i {
  font-size: 2rem;
  color: #00d4aa;
}

@media (max-width: 768px) {
  /* line 19075, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro {
    padding: 0.85rem 1rem;
  }
  /* line 19078, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .card-title {
    font-size: 0.85rem;
  }
  /* line 19082, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .mode-badge {
    min-width: 24px;
    height: 24px;
    padding: 0 0.4rem;
    font-size: 0.65rem;
  }
  /* line 19088, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .mode-badge .mode-name {
    display: none;
  }
  /* line 19093, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .metrics-row {
    gap: 0.5rem;
  }
  /* line 19097, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .metrics-row .metric-mini .metric-value {
    font-size: 0.75rem;
  }
  /* line 19098, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .metrics-row .metric-mini .metric-label {
    font-size: 0.55rem;
  }
  /* line 19103, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .events-row .event-mini-chip {
    font-size: 0.6rem;
    padding: 0.15rem 0.4rem;
  }
}

@media (max-width: 480px) {
  /* line 19113, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .card-header-row {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start !important;
  }
  /* line 19119, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .metrics-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
  /* line 19125, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .actions-row {
    flex-direction: column;
    gap: 0.5rem;
    align-items: stretch !important;
  }
  /* line 19130, app/assets/stylesheets/dashboard.scss */
  .simulations-index .simulation-card-pro .actions-row .action-buttons {
    justify-content: flex-end;
  }
}

/* line 19144, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card {
  background: linear-gradient(145deg, rgba(26, 31, 58, 0.95), rgba(15, 20, 40, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* line 19151, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card:hover {
  border-color: rgba(0, 212, 170, 0.3);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* line 19156, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card .pro-card-header {
  background: linear-gradient(90deg, rgba(0, 212, 170, 0.1), rgba(111, 66, 193, 0.05));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 19164, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card .pro-card-header h5 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 19173, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card .pro-card-header h5 i {
  color: #00d4aa;
}

/* line 19178, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card .pro-card-header .header-badge {
  font-size: 0.7rem;
  padding: 0.25rem 0.6rem;
  border-radius: 20px;
  background: rgba(0, 212, 170, 0.15);
  color: #00d4aa;
  border: 1px solid rgba(0, 212, 170, 0.3);
}

/* line 19188, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .pro-card .pro-card-body {
  padding: 1.25rem;
}

/* line 19194, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stocks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}

/* line 19200, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card {
  background: linear-gradient(135deg, rgba(30, 35, 65, 0.9), rgba(20, 25, 50, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1rem;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

/* line 19209, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--stock-color, #00d4aa), transparent);
}

/* line 19219, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 19225, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card.stock-positive {
  --stock-color: #28a745;
}

/* line 19229, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card.stock-negative {
  --stock-color: #dc3545;
}

/* line 19233, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

/* line 19239, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header .stock-symbol {
  font-size: 1.1rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.5px;
}

/* line 19246, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header .stock-name {
  font-size: 0.75rem;
  color: #718096;
  margin-top: 2px;
}

/* line 19252, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header .stock-return {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
}

/* line 19258, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header .stock-return.positive {
  background: rgba(40, 167, 69, 0.2);
  color: #28a745;
}

/* line 19263, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-header .stock-return.negative {
  background: rgba(220, 53, 69, 0.2);
  color: #dc3545;
}

/* line 19270, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-prices {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
}

/* line 19276, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-prices .price-item .price-label {
  font-size: 0.65rem;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

/* line 19284, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-prices .price-item .price-value {
  font-size: 1rem;
  font-weight: 600;
  color: #a0aec0;
}

/* line 19289, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-prices .price-item .price-value.predicted {
  color: #00d4aa;
}

/* line 19296, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-risks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

/* line 19301, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .stock-card .stock-risks .risk-tag {
  font-size: 0.65rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.25);
}

/* line 19313, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro {
  background: linear-gradient(145deg, rgba(26, 31, 58, 0.95), rgba(15, 20, 40, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
}

/* line 19319, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header {
  background: linear-gradient(90deg, rgba(111, 66, 193, 0.1), rgba(0, 212, 170, 0.05));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 19327, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header h5 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 19336, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header h5 i {
  color: #6f42c1;
}

/* line 19341, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header .chart-controls {
  display: flex;
  gap: 0.5rem;
}

/* line 19345, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header .chart-controls .btn-chart-control {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #a0aec0;
  font-size: 0.75rem;
  padding: 0.35rem 0.6rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}

/* line 19354, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-header .chart-controls .btn-chart-control:hover {
  background: rgba(0, 212, 170, 0.2);
  border-color: rgba(0, 212, 170, 0.4);
  color: #00d4aa;
}

/* line 19363, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-body {
  padding: 1.5rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.1));
}

/* line 19367, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-body canvas {
  max-height: 350px;
}

/* line 19372, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-legend {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* line 19380, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: #718096;
}

/* line 19387, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .chart-card-pro .chart-legend .legend-item .legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 19398, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 19402, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 19407, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section:first-child {
  padding-top: 0;
}

/* line 19411, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section .section-title {
  font-size: 0.8rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 19420, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section .section-title i {
  font-size: 0.9rem;
}

/* line 19425, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section .section-content {
  color: #a0aec0;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* line 19431, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 19436, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section ul li {
  padding: 0.4rem 0;
  padding-left: 1.25rem;
  position: relative;
  color: #a0aec0;
  font-size: 0.85rem;
}

/* line 19443, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bullet-color, #00d4aa);
}

/* line 19456, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section.risks-section ul li::before {
  background: #dc3545;
}

/* line 19460, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section.opportunities-section ul li::before {
  background: #28a745;
}

/* line 19464, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .summary-card-pro .summary-section.recommendations-section ul li::before {
  background: #6f42c1;
}

/* line 19471, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}

/* line 19477, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card {
  background: linear-gradient(135deg, rgba(30, 35, 65, 0.8), rgba(20, 25, 50, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 1rem;
  transition: all 0.2s ease;
}

/* line 19484, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card:hover {
  border-color: rgba(0, 212, 170, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

/* line 19489, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggestion-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 19495, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggestion-header .event-date {
  font-size: 0.8rem;
  font-weight: 600;
  color: #00d4aa;
}

/* line 19501, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggestion-header .event-badge {
  font-size: 0.65rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  background: rgba(111, 66, 193, 0.2);
  color: #6f42c1;
  border: 1px solid rgba(111, 66, 193, 0.3);
}

/* line 19511, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggested-stock {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 8px;
  padding: 0.75rem;
  margin-top: 0.5rem;
}

/* line 19518, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggested-stock .stock-info {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}

/* line 19524, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggested-stock .stock-info .symbol {
  font-weight: 700;
  color: #fff;
  font-size: 0.9rem;
}

/* line 19530, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggested-stock .stock-info .name {
  font-size: 0.75rem;
  color: #718096;
}

/* line 19536, app/assets/stylesheets/dashboard.scss */
.simulation-show-pro .suggestion-card .suggested-stock .reasoning {
  font-size: 0.75rem;
  color: #a0aec0;
  line-height: 1.4;
}

@media (max-width: 992px) {
  /* line 19548, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stocks-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  /* line 19552, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .suggestions-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  /* line 19560, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stocks-grid {
    grid-template-columns: 1fr;
  }
  /* line 19564, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .pro-card .pro-card-header {
    padding: 0.75rem 1rem;
  }
  /* line 19567, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .pro-card .pro-card-header h5 {
    font-size: 0.85rem;
  }
  /* line 19572, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .pro-card .pro-card-body {
    padding: 1rem;
  }
  /* line 19576, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stock-card {
    padding: 0.875rem;
  }
  /* line 19579, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stock-card .stock-header .stock-symbol {
    font-size: 1rem;
  }
  /* line 19583, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stock-card .stock-prices {
    gap: 1rem;
  }
  /* line 19586, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stock-card .stock-prices .price-item .price-value {
    font-size: 0.9rem;
  }
  /* line 19593, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .chart-card-pro .chart-header {
    padding: 0.75rem 1rem;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
  /* line 19599, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .chart-card-pro .chart-header .chart-controls {
    width: 100%;
    justify-content: flex-end;
  }
  /* line 19605, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .chart-card-pro .chart-body {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  /* line 19614, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .stock-card .stock-prices {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 19619, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .chart-card-pro .chart-legend {
    gap: 0.75rem;
    padding: 0.5rem 1rem;
  }
}

/* line 19634, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .simulations-content {
  padding: 0.75rem 0.5rem !important;
}

/* line 19639, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .simulation-header {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 0 0.75rem !important;
}

/* line 19645, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .simulation-header h5 {
  font-size: 0.9rem !important;
}

/* line 19651, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .simulation-card-pro {
  padding: 0.75rem !important;
  margin-bottom: 0.5rem !important;
}

/* line 19657, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .mb-4 {
  margin-bottom: 0.75rem !important;
}

/* line 19661, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulations-page .pro-card {
  margin-bottom: 0.75rem !important;
}

/* line 19668, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .pro-card .pro-card-header {
  padding: 0.6rem 0.75rem !important;
}

/* line 19671, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .pro-card .pro-card-header h5 {
  font-size: 0.8rem !important;
}

/* line 19676, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .pro-card .pro-card-body {
  padding: 0.75rem !important;
}

/* line 19681, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .chart-card-pro .chart-header {
  padding: 0.5rem 0.75rem !important;
}

/* line 19684, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .chart-card-pro .chart-header .chart-title {
  font-size: 0.85rem !important;
}

/* line 19689, app/assets/stylesheets/dashboard.scss */
body.webview-mode .simulation-show-pro .chart-card-pro .chart-body {
  padding: 0.5rem !important;
}

@media (max-width: 768px) {
  /* line 19698, app/assets/stylesheets/dashboard.scss */
  .simulations-page .simulations-content {
    padding: 0.75rem 0.5rem;
  }
  /* line 19705, app/assets/stylesheets/dashboard.scss */
  .simulation-show-pro .row.mb-4 > .col-md-4 .summary-card {
    min-height: 55px !important;
    padding: 0.5rem 0.35rem !important;
  }
}

/* line 19718, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .mc-stat-card {
  background: rgba(111, 66, 193, 0.1);
  border: 1px solid rgba(111, 66, 193, 0.3);
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
}

/* line 19725, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .mc-stat-card .mc-stat-label {
  color: #a0aec0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

/* line 19733, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .mc-stat-card .mc-stat-value {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}

/* line 19740, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .probability-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 19749, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .probability-card span {
  color: #a0aec0;
  font-size: 0.85rem;
}

/* line 19754, app/assets/stylesheets/dashboard.scss */
.monte-carlo-card .probability-card strong {
  margin-left: auto;
  font-size: 1rem;
}

/* line 19763, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
}

/* line 19770, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card.worst-case {
  border-color: rgba(220, 53, 69, 0.4);
  background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), transparent);
}

/* line 19775, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card.base-case {
  border-color: rgba(0, 212, 170, 0.4);
  background: linear-gradient(135deg, rgba(0, 212, 170, 0.1), transparent);
}

/* line 19780, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card.best-case {
  border-color: rgba(40, 167, 69, 0.4);
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.1), transparent);
}

/* line 19785, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #a0aec0;
  font-size: 0.85rem;
  margin-bottom: 0.75rem;
}

/* line 19793, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-header i {
  font-size: 1rem;
}

/* line 19797, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-header .probability-badge {
  margin-left: auto;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.7rem;
}

/* line 19806, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-value {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

/* line 19812, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-return {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* line 19818, app/assets/stylesheets/dashboard.scss */
.stress-test-card .scenario-card .scenario-desc {
  color: #718096;
  font-size: 0.8rem;
  line-height: 1.4;
}

/* line 19825, app/assets/stylesheets/dashboard.scss */
.stress-test-card .recovery-estimate {
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.3);
  border-radius: 6px;
  padding: 0.75rem 1rem;
  color: #a0aec0;
  font-size: 0.9rem;
}

/* line 19833, app/assets/stylesheets/dashboard.scss */
.stress-test-card .recovery-estimate strong {
  color: #ffc107;
}

/* line 19842, app/assets/stylesheets/dashboard.scss */
.battle-card .battle-strategies-wrapper {
  width: 100%;
}

/* line 19846, app/assets/stylesheets/dashboard.scss */
.battle-card .battle-strategies-scroll {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

@media (max-width: 992px) {
  /* line 19846, app/assets/stylesheets/dashboard.scss */
  .battle-card .battle-strategies-scroll {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  /* line 19846, app/assets/stylesheets/dashboard.scss */
  .battle-card .battle-strategies-scroll {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}

/* line 19861, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card-wrapper {
  min-width: 0;
}

/* line 19865, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 1.25rem;
  position: relative;
  height: 100%;
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  /* line 19865, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card {
    padding: 0.85rem;
  }
}

/* line 19878, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card.winner {
  border-color: rgba(255, 193, 7, 0.6);
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.15), rgba(255, 193, 7, 0.05));
  box-shadow: 0 0 20px rgba(255, 193, 7, 0.2);
}

/* line 19884, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .winner-badge {
  position: absolute;
  top: -10px;
  right: 10px;
  background: linear-gradient(135deg, #ffc107, #ff9800);
  color: #000;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

@media (max-width: 768px) {
  /* line 19884, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .winner-badge {
    font-size: 0.6rem;
    padding: 0.2rem 0.5rem;
    top: -8px;
    right: 8px;
  }
}

/* line 19905, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .winner-badge i {
  font-size: 0.65rem;
}

@media (max-width: 768px) {
  /* line 19905, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .winner-badge i {
    font-size: 0.55rem;
  }
}

/* line 19914, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-name {
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  /* line 19914, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .strategy-name {
    font-size: 0.8rem;
    margin-bottom: 0.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* line 19930, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-return {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
  /* line 19930, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .strategy-return {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
  }
}

/* line 19941, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-metrics {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
  /* line 19941, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .strategy-metrics {
    gap: 0.25rem;
    margin-bottom: 0.5rem;
  }
}

/* line 19952, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-metrics > div {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
}

@media (max-width: 768px) {
  /* line 19952, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .strategy-metrics > div {
    font-size: 0.7rem;
  }
}

/* line 19961, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-metrics > div span {
  color: #718096;
}

/* line 19965, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-metrics > div strong {
  color: #a0aec0;
}

/* line 19971, app/assets/stylesheets/dashboard.scss */
.battle-card .strategy-card .strategy-desc {
  color: #718096;
  font-size: 0.75rem;
  line-height: 1.4;
}

@media (max-width: 768px) {
  /* line 19971, app/assets/stylesheets/dashboard.scss */
  .battle-card .strategy-card .strategy-desc {
    font-size: 0.65rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

/* line 19988, app/assets/stylesheets/dashboard.scss */
.battle-card .winner-reason {
  background: rgba(255, 193, 7, 0.1);
  border: 1px solid rgba(255, 193, 7, 0.3);
  border-radius: 6px;
  padding: 1rem;
  color: #a0aec0;
  font-size: 0.9rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  /* line 19988, app/assets/stylesheets/dashboard.scss */
  .battle-card .winner-reason {
    padding: 0.75rem;
    font-size: 0.8rem;
  }
}

/* line 20002, app/assets/stylesheets/dashboard.scss */
.battle-card .winner-reason strong {
  color: #ffc107;
}

@media (max-width: 768px) {
  /* line 20011, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .mc-stat-card {
    padding: 0.75rem;
  }
  /* line 20014, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .mc-stat-card .mc-stat-label {
    font-size: 0.65rem;
    margin-bottom: 0.35rem;
  }
  /* line 20019, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .mc-stat-card .mc-stat-value {
    font-size: 0.95rem;
  }
  /* line 20024, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .probability-card {
    padding: 0.5rem 0.75rem;
    flex-wrap: wrap;
  }
  /* line 20028, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .probability-card span {
    font-size: 0.75rem;
  }
  /* line 20032, app/assets/stylesheets/dashboard.scss */
  .monte-carlo-card .probability-card strong {
    font-size: 0.9rem;
  }
  /* line 20038, app/assets/stylesheets/dashboard.scss */
  .stress-test-card .scenario-card {
    padding: 0.85rem;
  }
  /* line 20041, app/assets/stylesheets/dashboard.scss */
  .stress-test-card .scenario-card .scenario-header {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
  }
  /* line 20046, app/assets/stylesheets/dashboard.scss */
  .stress-test-card .scenario-card .scenario-value {
    font-size: 1.1rem;
  }
  /* line 20050, app/assets/stylesheets/dashboard.scss */
  .stress-test-card .scenario-card .scenario-return {
    font-size: 0.85rem;
  }
  /* line 20054, app/assets/stylesheets/dashboard.scss */
  .stress-test-card .scenario-card .scenario-desc {
    font-size: 0.7rem;
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {
  /* line 20067, app/assets/stylesheets/dashboard.scss */
  .mega-simulator-results .executive-summary .row > .col-6,
.mega-simulator-results .executive-summary .row > [class*="col-6"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  /* line 20077, app/assets/stylesheets/dashboard.scss */
  .risk-metrics-section .row > .col-6,
.risk-metrics-section .row > [class*="col-6"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
}

@media (max-width: 767px) {
  /* line 20090, app/assets/stylesheets/dashboard.scss */
  .stock-cell {
    padding-left: 0.5rem !important;
  }
  /* line 20094, app/assets/stylesheets/dashboard.scss */
  .stock-info-compact {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  /* line 20104, app/assets/stylesheets/dashboard.scss */
  .details-cell {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 0.75rem !important;
    width: 100% !important;
  }
  /* line 20115, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart,
.details-cell .btn-details-chart.mobile-only {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-width: 44px !important;
    max-width: 50px !important;
    height: 40px !important;
    padding: 0.5rem !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.15)) !important;
    border: 1px solid rgba(99, 102, 241, 0.4) !important;
    border-radius: 6px !important;
    color: #a5b4fc !important;
    cursor: pointer !important;
  }
  /* line 20131, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart .fa-chart-line,
.details-cell .btn-details-chart.mobile-only .fa-chart-line {
    font-size: 0.9rem !important;
    color: #a5b4fc !important;
  }
  /* line 20136, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart .chevron-icon,
.details-cell .btn-details-chart.mobile-only .chevron-icon {
    font-size: 0.5rem !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-left: 0.2rem !important;
    transition: transform 0.3s !important;
  }
  /* line 20143, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart .btn-details-text,
.details-cell .btn-details-chart.mobile-only .btn-details-text {
    display: none !important;
  }
  /* line 20147, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart[aria-expanded="true"],
.details-cell .btn-details-chart.mobile-only[aria-expanded="true"] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border-color: transparent !important;
  }
  /* line 20151, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart[aria-expanded="true"] .fa-chart-line, .details-cell .btn-details-chart[aria-expanded="true"] .chevron-icon,
.details-cell .btn-details-chart.mobile-only[aria-expanded="true"] .fa-chart-line,
.details-cell .btn-details-chart.mobile-only[aria-expanded="true"] .chevron-icon {
    color: white !important;
  }
  /* line 20155, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-chart[aria-expanded="true"] .chevron-icon,
.details-cell .btn-details-chart.mobile-only[aria-expanded="true"] .chevron-icon {
    transform: rotate(180deg) !important;
  }
  /* line 20162, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0.5rem 0.75rem !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
  }
  /* line 20172, app/assets/stylesheets/dashboard.scss */
  .details-cell .btn-details-ai .btn-details-text {
    display: inline !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
  }
}

/* line 20184, app/assets/stylesheets/dashboard.scss */
#portfolioHistoryModal {
  z-index: 1060 !important;
}

/* line 20187, app/assets/stylesheets/dashboard.scss */
#portfolioHistoryModal.show {
  z-index: 1060 !important;
}

/* line 20193, app/assets/stylesheets/dashboard.scss */
body.modal-open .modal-backdrop + #portfolioHistoryModal,
#portfolioHistoryModal.show {
  z-index: 1060 !important;
}

/* line 20198, app/assets/stylesheets/dashboard.scss */
.portfolio-history-modal-content {
  background: linear-gradient(180deg, #1a1f2e 0%, #0f1318 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
}

/* line 20203, app/assets/stylesheets/dashboard.scss */
.portfolio-history-modal-content .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem 1.5rem;
}

/* line 20207, app/assets/stylesheets/dashboard.scss */
.portfolio-history-modal-content .modal-header .modal-title {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
}

/* line 20212, app/assets/stylesheets/dashboard.scss */
.portfolio-history-modal-content .modal-header .modal-title i {
  color: #00d4aa;
}

/* line 20218, app/assets/stylesheets/dashboard.scss */
.portfolio-history-modal-content .modal-body {
  padding: 1.5rem;
}

/* line 20224, app/assets/stylesheets/dashboard.scss */
.period-selector {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}

/* line 20229, app/assets/stylesheets/dashboard.scss */
.period-selector .period-btn {
  padding: 0.4rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 20240, app/assets/stylesheets/dashboard.scss */
.period-selector .period-btn:hover {
  border-color: #00d4aa;
  color: #00d4aa;
}

/* line 20245, app/assets/stylesheets/dashboard.scss */
.period-selector .period-btn.active {
  background: #00d4aa;
  border-color: #00d4aa;
  color: #000;
}

/* line 20254, app/assets/stylesheets/dashboard.scss */
.portfolio-pl-display {
  text-align: center;
}

/* line 20257, app/assets/stylesheets/dashboard.scss */
.portfolio-pl-display .pl-label {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.9rem;
  margin-right: 0.5rem;
}

/* line 20263, app/assets/stylesheets/dashboard.scss */
.portfolio-pl-display .pl-value {
  font-size: 1.5rem;
  font-weight: 700;
}

/* line 20267, app/assets/stylesheets/dashboard.scss */
.portfolio-pl-display .pl-value.positive {
  color: #22c55e;
}

/* line 20271, app/assets/stylesheets/dashboard.scss */
.portfolio-pl-display .pl-value.negative {
  color: #ef4444;
}

/* line 20278, app/assets/stylesheets/dashboard.scss */
.portfolio-chart-container {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 1rem;
}

/* line 20283, app/assets/stylesheets/dashboard.scss */
.portfolio-chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}

/* line 20290, app/assets/stylesheets/dashboard.scss */
.portfolio-metrics {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 12px;
  padding: 1rem;
}

/* line 20295, app/assets/stylesheets/dashboard.scss */
.portfolio-metrics .metric-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

/* line 20303, app/assets/stylesheets/dashboard.scss */
.portfolio-metrics .metric-value {
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
}

/* line 20308, app/assets/stylesheets/dashboard.scss */
.portfolio-metrics .metric-value.positive {
  color: #22c55e;
}

/* line 20312, app/assets/stylesheets/dashboard.scss */
.portfolio-metrics .metric-value.negative {
  color: #ef4444;
}

@media (max-width: 576px) {
  /* line 20323, app/assets/stylesheets/dashboard.scss */
  #portfolioHistoryModal .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100% - 1rem);
  }
  /* line 20329, app/assets/stylesheets/dashboard.scss */
  .portfolio-history-modal-content {
    border-radius: 12px;
  }
  /* line 20332, app/assets/stylesheets/dashboard.scss */
  .portfolio-history-modal-content .modal-header {
    padding: 0.75rem 1rem;
  }
  /* line 20335, app/assets/stylesheets/dashboard.scss */
  .portfolio-history-modal-content .modal-header .modal-title {
    font-size: 1rem;
  }
  /* line 20340, app/assets/stylesheets/dashboard.scss */
  .portfolio-history-modal-content .modal-body {
    padding: 1rem;
  }
  /* line 20345, app/assets/stylesheets/dashboard.scss */
  .period-selector {
    flex-wrap: wrap;
    gap: 0.35rem;
  }
  /* line 20349, app/assets/stylesheets/dashboard.scss */
  .period-selector .period-btn {
    padding: 0.35rem 0.6rem;
    font-size: 0.75rem;
    min-width: auto;
  }
  /* line 20357, app/assets/stylesheets/dashboard.scss */
  .portfolio-pl-display .pl-value {
    font-size: 1.25rem;
  }
  /* line 20362, app/assets/stylesheets/dashboard.scss */
  .portfolio-chart-container {
    padding: 0.5rem;
    height: 220px !important;
  }
  /* line 20367, app/assets/stylesheets/dashboard.scss */
  .portfolio-metrics {
    padding: 0.75rem;
  }
  /* line 20370, app/assets/stylesheets/dashboard.scss */
  .portfolio-metrics .metric-label {
    font-size: 0.65rem;
  }
  /* line 20374, app/assets/stylesheets/dashboard.scss */
  .portfolio-metrics .metric-value {
    font-size: 0.95rem;
  }
}

@media (min-width: 1440px) {
  /* line 20384, app/assets/stylesheets/dashboard.scss */
  .dashboard-transaction-dropdown {
    margin-left: 0.5rem !important;
  }
  /* line 20388, app/assets/stylesheets/dashboard.scss */
  .trades-dropdown-btn {
    padding: 10px !important;
    font-size: 0.8rem !important;
  }
}

/* line 20399, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-container {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

/* line 20403, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-container::before {
  display: none;
}

/* line 20409, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-header {
  background: var(--bg-card-solid) !important;
  border-bottom-color: var(--border-color) !important;
}

/* line 20413, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-header .dashboard-title,
[data-theme="light"] .dashboard-header .dashboard-subtitle {
  color: var(--text-primary) !important;
}

/* line 20420, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .portfolio-summary-bar {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20424, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .portfolio-summary-bar .summary-value {
  color: var(--text-primary) !important;
}

/* line 20428, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .portfolio-summary-bar .summary-label {
  color: var(--text-muted) !important;
}

/* line 20432, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .portfolio-summary-bar .summary-divider {
  background: var(--border-color) !important;
}

/* line 20436, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .portfolio-summary-bar .total-breakdown {
  color: var(--text-muted) !important;
}

/* line 20442, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card,
[data-theme="light"] .dashboard-card {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20448, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card .card-header,
[data-theme="light"] .dashboard-card .card-header {
  background: var(--bg-secondary) !important;
  border-bottom-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20453, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card .card-header h5, [data-theme="light"] .card .card-header h4, [data-theme="light"] .card .card-header h3, [data-theme="light"] .card .card-header h2, [data-theme="light"] .card .card-header h1,
[data-theme="light"] .dashboard-card .card-header h5,
[data-theme="light"] .dashboard-card .card-header h4,
[data-theme="light"] .dashboard-card .card-header h3,
[data-theme="light"] .dashboard-card .card-header h2,
[data-theme="light"] .dashboard-card .card-header h1 {
  color: var(--text-primary) !important;
}

/* line 20458, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card .card-body,
[data-theme="light"] .dashboard-card .card-body {
  color: var(--text-primary) !important;
}

/* line 20462, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card .card-content p,
[data-theme="light"] .dashboard-card .card-content p {
  color: var(--text-secondary) !important;
}

/* line 20466, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .card .card-content small,
[data-theme="light"] .card .card-content .performance-detail,
[data-theme="light"] .dashboard-card .card-content small,
[data-theme="light"] .dashboard-card .card-content .performance-detail {
  color: var(--text-muted) !important;
}

/* line 20473, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20477, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table thead {
  background: var(--bg-secondary) !important;
}

/* line 20480, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table thead th {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
}

/* line 20488, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table tbody tr {
  background: transparent !important;
  border-bottom-color: var(--border-color) !important;
}

/* line 20492, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table tbody tr:hover {
  background: var(--bg-input) !important;
}

/* line 20496, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .stocks-table tbody tr td {
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* line 20506, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-tabs .nav-tabs {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20510, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-tabs .nav-tabs .nav-link {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
}

/* line 20515, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-tabs .nav-tabs .nav-link:hover {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
}

/* line 20520, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-tabs .nav-tabs .nav-link.active {
  background: var(--bg-card-solid) !important;
  color: var(--accent-primary) !important;
  border-bottom-color: var(--bg-card-solid) !important;
}

/* line 20528, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dashboard-tabs .tab-content {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20535, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watch-list-card {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20539, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watch-list-card .watch-list-header {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20545, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watch-list-card .watch-item {
  border-bottom-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20549, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .watch-list-card .watch-item:hover {
  background: var(--bg-input) !important;
}

/* line 20556, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .vertex-ai-forecast,
[data-theme="light"] .vertex-ai-card {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20561, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .vertex-ai-forecast .forecast-date-small,
[data-theme="light"] .vertex-ai-forecast .forecast-date-small-inline,
[data-theme="light"] .vertex-ai-forecast .usd-conversion-inline,
[data-theme="light"] .vertex-ai-card .forecast-date-small,
[data-theme="light"] .vertex-ai-card .forecast-date-small-inline,
[data-theme="light"] .vertex-ai-card .usd-conversion-inline {
  color: var(--text-muted) !important;
}

/* line 20569, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-row {
  background: var(--bg-primary) !important;
}

/* line 20573, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20577, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card .ai-analysis-header {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

/* line 20581, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card .ai-analysis-header h4, [data-theme="light"] .ai-analysis-card .ai-analysis-header h5 {
  color: var(--text-primary) !important;
}

/* line 20587, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card .card-header h5 {
  color: var(--text-primary) !important;
}

/* line 20592, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card .metric-value {
  color: var(--text-primary) !important;
}

/* line 20596, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .ai-analysis-card .growth-estimates-container {
  background: var(--bg-input) !important;
  border-color: var(--border-color) !important;
}

/* line 20603, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .modal-content {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20609, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .modal-header {
  background: var(--bg-secondary) !important;
  border-bottom-color: var(--border-color) !important;
}

/* line 20613, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .modal-header .modal-title {
  color: var(--text-primary) !important;
}

/* line 20618, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .modal-body {
  background: var(--bg-card-solid) !important;
  color: var(--text-primary) !important;
}

/* line 20623, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .modal-footer {
  background: var(--bg-secondary) !important;
  border-top-color: var(--border-color) !important;
}

/* line 20629, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .calendar-cell {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20634, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .calendar-cell:hover {
  background: var(--bg-input) !important;
}

/* line 20640, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .empty-state {
  border-color: var(--border-color) !important;
  color: var(--text-muted) !important;
}

/* line 20646, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .shares-display small {
  color: var(--text-muted) !important;
}

/* line 20651, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] .form-control,
[data-theme="light"] .form-select {
  background: var(--bg-input) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* line 20660, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] input::placeholder,
[data-theme="light"] select::placeholder,
[data-theme="light"] textarea::placeholder,
[data-theme="light"] .form-control::placeholder,
[data-theme="light"] .form-select::placeholder {
  color: var(--text-muted) !important;
}

/* line 20666, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dropdown-menu {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
}

/* line 20670, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dropdown-menu .dropdown-item {
  color: var(--text-primary) !important;
}

/* line 20673, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dropdown-menu .dropdown-item:hover, [data-theme="light"] .dropdown-menu .dropdown-item:focus {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
}

/* line 20680, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .dropdown-menu .dropdown-divider {
  border-color: var(--border-color) !important;
}

/* line 20686, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .mini-widget,
[data-theme="light"] .market-sentiment-mini {
  background: var(--bg-card-solid) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

@media (max-width: 1024px) {
  /* line 20695, app/assets/stylesheets/dashboard.scss */
  [data-theme="light"] .dashboard-tabs .nav-tabs {
    background: var(--bg-card-solid) !important;
  }
  /* line 20698, app/assets/stylesheets/dashboard.scss */
  [data-theme="light"] .dashboard-tabs .nav-tabs .nav-link {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
  }
  /* line 20702, app/assets/stylesheets/dashboard.scss */
  [data-theme="light"] .dashboard-tabs .nav-tabs .nav-link.active {
    background: var(--bg-card-solid) !important;
    color: var(--accent-primary) !important;
  }
}

/* line 20715, app/assets/stylesheets/dashboard.scss */
.fundamentals-section {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 20720, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fundamentals-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

/* line 20727, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fundamentals-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 20737, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fundamentals-title i {
  color: #00d4aa;
}

/* line 20742, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fundamentals-updated {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.35);
}

/* line 20747, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fundamentals-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6rem;
}

@media (max-width: 1024px) {
  /* line 20747, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fundamentals-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 20747, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fundamentals-grid {
    grid-template-columns: 1fr;
  }
}

/* line 20761, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 8px;
  padding: 0.7rem 0.75rem;
  border-left: 3px solid rgba(255, 255, 255, 0.15);
}

/* line 20767, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block.valuation {
  border-left-color: #818cf8;
}

/* line 20768, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block.market {
  border-left-color: #00b4d8;
}

/* line 20769, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block.profitability {
  border-left-color: #00d4aa;
}

/* line 20770, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block.balance {
  border-left-color: #ffa726;
}

/* line 20773, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block-title {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.5rem;
}

/* line 20781, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-block-title i {
  margin-right: 0.3rem;
}

/* line 20783, app/assets/stylesheets/dashboard.scss */
.valuation .fundamentals-section .fund-block-title {
  color: #818cf8;
}

/* line 20784, app/assets/stylesheets/dashboard.scss */
.market .fundamentals-section .fund-block-title {
  color: #00b4d8;
}

/* line 20785, app/assets/stylesheets/dashboard.scss */
.profitability .fundamentals-section .fund-block-title {
  color: #00d4aa;
}

/* line 20786, app/assets/stylesheets/dashboard.scss */
.balance .fundamentals-section .fund-block-title {
  color: #ffa726;
}

/* line 20789, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metrics-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* line 20795, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.4rem;
  padding: 0.2rem 0.3rem;
  border-radius: 4px;
  transition: background 0.15s ease;
}

/* line 20804, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 20810, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric.fund-warn-high .fund-value {
  color: #ff6b6b;
}

/* line 20813, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric.fund-warn-low .fund-value {
  color: #ffa726;
}

/* line 20816, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric.fund-good .fund-value {
  color: #00d4aa;
}

/* line 20819, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-metric.fund-neutral .fund-value {
  color: #00b4d8;
}

/* line 20823, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-label {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.55);
  white-space: nowrap;
  cursor: default;
}

/* line 20829, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-label .fund-info-icon {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.3);
  margin-left: 0.2rem;
  vertical-align: middle;
}

/* line 20835, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-label .fund-info-icon:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* line 20839, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-value {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-align: right;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* line 20850, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-value.fund-text {
  font-size: 0.65rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  text-align: right;
}

/* line 20858, app/assets/stylesheets/dashboard.scss */
.fundamentals-section .fund-badge {
  font-size: 0.55rem;
  font-weight: 500;
  padding: 0.1rem 0.35rem;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  white-space: nowrap;
  line-height: 1.4;
}

@media (max-width: 768px) {
  /* line 20871, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fundamentals-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
  /* line 20876, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fund-block {
    padding: 0.6rem;
  }
  /* line 20880, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fund-block-title {
    font-size: 0.55rem;
  }
  /* line 20884, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fund-label {
    font-size: 0.6rem;
  }
  /* line 20888, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fund-value {
    font-size: 0.68rem;
  }
}

@media (max-width: 380px) {
  /* line 20894, app/assets/stylesheets/dashboard.scss */
  .fundamentals-section .fundamentals-grid {
    grid-template-columns: 1fr;
  }
}

@keyframes search-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}

/* line 20909, app/assets/stylesheets/dashboard.scss */
.search-skeleton-state {
  padding: 0.25rem 0;
}

/* line 20913, app/assets/stylesheets/dashboard.scss */
.search-skeleton-spinner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem 0.5rem;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 20922, app/assets/stylesheets/dashboard.scss */
.search-skeleton-spinner i {
  color: #00d4aa;
  font-size: 0.9rem;
}

/* line 20925, app/assets/stylesheets/dashboard.scss */
.search-skeleton-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

/* line 20932, app/assets/stylesheets/dashboard.scss */
.search-skeleton-row:last-child {
  border-bottom: none;
}

/* line 20935, app/assets/stylesheets/dashboard.scss */
.search-skeleton-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex-shrink: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.07) 25%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.07) 75%);
  background-size: 1200px 100%;
  animation: search-shimmer 1.5s infinite linear;
}

/* line 20945, app/assets/stylesheets/dashboard.scss */
.search-skeleton-lines {
  flex: 1;
  min-width: 0;
}

/* line 20950, app/assets/stylesheets/dashboard.scss */
.search-skeleton-line {
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.07) 25%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.07) 75%);
  background-size: 1200px 100%;
  animation: search-shimmer 1.5s infinite linear;
}

/* line 20957, app/assets/stylesheets/dashboard.scss */
.search-skeleton-btns {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}

/* line 20963, app/assets/stylesheets/dashboard.scss */
.search-skeleton-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.07) 25%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.07) 75%);
  background-size: 1200px 100%;
  animation: search-shimmer 1.5s infinite linear;
}

/* line 20973, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .search-skeleton-spinner {
  color: rgba(0, 0, 0, 0.4);
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

/* line 20978, app/assets/stylesheets/dashboard.scss */
[data-theme="light"] .search-skeleton-icon,
[data-theme="light"] .search-skeleton-line,
[data-theme="light"] .search-skeleton-btn {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.13) 50%, rgba(0, 0, 0, 0.06) 75%);
  background-size: 1200px 100%;
  animation: search-shimmer 1.5s infinite linear;
}
