/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

#profile-switch-history .switch-timeline {
  padding: 24px 20px 24px 32px;
}

#profile-switch-history .switch-timeline li {
  position: relative;
  margin-left: 8px;
  padding: 0 0 32px 32px;
  border-left: 2px solid var(--color-gray-200, #e5e7eb);
}

#profile-switch-history .switch-timeline li:last-child {
  padding-bottom: 0;
  border-left-color: transparent;
}

#profile-switch-history .switch-timeline li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-brand-500, #465fff);
  box-shadow: 0 0 0 4px white;
}

.dark #profile-switch-history .switch-timeline li {
  border-left-color: var(--color-gray-700, #374151);
}

.dark #profile-switch-history .switch-timeline li:last-child {
  border-left-color: transparent;
}

.dark #profile-switch-history .switch-timeline li::before {
  box-shadow: 0 0 0 4px var(--color-gray-900, #101828);
}