/* =========================================
   SIDEBAR CARDS / LISTS
========================================= */
.mdm-sidebar-card-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .6rem;
}

.mdm-sidebar-card-action{
  font-size: .92rem;
  white-space: nowrap;
}

.mdm-sidebar-card-subtle{
  font-size: .82rem;
  font-weight: 800;
  color: var(--mdm-gray-600);
  padding: .15rem .5rem;
  border-radius: 999px;
  background: var(--mdm-gray-100);
  border: 1px solid var(--mdm-gray-150);
}

/* Ordered list with NO markers (but still semantic <ol>) */
.mdm-sidebar-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* faint dotted separators between items */
.mdm-sidebar-list-item + .mdm-sidebar-list-item{
  border-top: 1px dotted rgba(18, 20, 23, .12);
}

/* link rows — reduced weight overall */
.mdm-sidebar-list-link{
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: .62rem .2rem;
  color: var(--mdm-gray-900);
  border-radius: 12px;

  font-weight: 500;          /* ↓ lighter */
  letter-spacing: -.005em;   /* subtler tracking */
}

.mdm-sidebar-list-title{
  font-weight: 600;          /* ↓ significantly lighter */
  line-height: 1.2;
}

.mdm-sidebar-list-link:hover{
  background: var(--mdm-gray-100);
  color: var(--mdm-gray-900);
}

.mdm-sidebar-list-link:hover .mdm-sidebar-list-title{
  text-decoration: underline;
  text-decoration-color: rgba(18,20,23,.25);
  text-underline-offset: 2px;
}

.mdm-sidebar-list-meta{
  font-size: .86rem;
  color: var(--mdm-gray-600);
  font-weight: 600;
}

/* Follow rows become horizontal */
.mdm-sidebar-icon-link{
  flex-direction: row;
  align-items: center;
  gap: .6rem;
}

/* --- Follow icons: centered badge wrapper --- */
.mdm-icon-badge{
  width: 22px;
  height: 22px;
  min-width: 22px;

  display: grid;
  place-items: center;

  border-radius: 9px;
  background: var(--mdm-gray-100);
  border: 1px solid var(--mdm-gray-150);
  box-shadow: 0 2px 10px rgba(18, 20, 23, .05);
}

.mdm-icon-badge i{
  display: inline-block;
  font-size: 1.05rem;
  line-height: 1;
  color: var(--mdm-gray-700);
}

/* optical centering of the FA glyph */
.mdm-icon-badge i::before{
  display: block;
  line-height: 1;
  transform: translateY(-0.6px);
}

/* tiny per-icon tweak (X tends to sit a hair left) */
.mdm-icon-badge i.fa-x-twitter::before{
  transform: translateY(-0.6px) translateX(0.2px);
}


.mdm-sidebar-icon-link:hover .mdm-icon-badge i{
  color: var(--mdm-gray-900);
}


/* ticker row layout */
.mdm-ticker-row{
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: .6rem;
  padding: .62rem .2rem;
}

.mdm-ticker-price{
  font-weight: 700;
  color: var(--mdm-gray-900);
}

.mdm-ticker-change{
  font-weight: 800;
  font-size: .9rem;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid var(--mdm-gray-150);
  background: var(--mdm-gray-100);
  color: var(--mdm-gray-700);
}

.mdm-ticker-change-positive{ color: #0f766e; border-color: rgba(15,118,110,.20); background: rgba(15,118,110,.08); }
.mdm-ticker-change-negative{ color: #b91c1c; border-color: rgba(185,28,28,.20); background: rgba(185,28,28,.08); }
.mdm-ticker-change-neutral{  color: var(--mdm-gray-700); }

.mdm-sidebar-footnote{ margin-top: .5rem; }

/* =========================================
   SIDEBAR: TICKERS
   File: assets/css/sidebar/sidebar-tickers.css
========================================= */

.mdm-ticker-list{
  margin: 0;
  padding: 0;
}

/* each ticker row becomes its own mini “card” */
.mdm-ticker-card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;

  padding: .62rem .2rem;
  border-radius: 14px;
}

/* subtle hover like the sidebar list hover */
.mdm-ticker-card:hover{
  background: var(--mdm-gray-100);
}

.mdm-ticker-left{
  display: grid;
  gap: .18rem;
  min-width: 0;
}

/* Slight lift on hover to reinforce "card" feel */
.mdm-ticker-card:hover .mdm-ticker-symbol{
  background: var(--mdm-gray-150);
}

.mdm-ticker-price{
  font-weight: 750;
  color: rgba(18,20,23,.84);
  font-size: .92rem;
}

/* right side is your delta pill */
.mdm-ticker-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Make the delta pill slightly tighter for sidebar */
.mdm-ticker-delta{
  font-size: .78rem;
  white-space: nowrap;
}

.mdm-ticker-symbol{
  display: inline-flex;
  align-items: center;
  width: fit-content;

  padding: .20rem .50rem;
  border-radius: 999px;

  font-weight: 900;
  letter-spacing: -.02em;
  font-size: .82rem;
  line-height: 1;

  color: var(--mdm-gray-900);
  background: var(--mdm-gray-100);
  border: 1px solid var(--mdm-gray-150);

  /* subtle “publication” accent */
  box-shadow: inset 3px 0 0 rgba(179,25,31,.30);
}

/* On hover, just a tiny lift in contrast */
.mdm-ticker-card:hover .mdm-ticker-symbol{
  background: rgba(179,25,31,.05);
  border-color: rgba(179,25,31,.14);
  box-shadow: inset 3px 0 0 rgba(179,25,31,.45);
}