/* ============================================================
   CRYPTALIST.io — Courses Page Styles
   (Design tokens inherited from index.css :root)
   ============================================================ */

/* ---- Coin icon in selects/tables ---- */
img.favicon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
  transition: transform var(--transition-fast);
}
img.favicon:hover {
  transform: scale(1.15);
}

/* ---- Course values ---- */
span.red    { color: var(--red) !important; }
span.green  { color: var(--green) !important; }
span.yellow { color: var(--yellow) !important; }

/* ---- Table column widths ---- */
th.garant, td.garant {
  width: 170px;
  text-align: center;
}

th.otz, td.otz {
  text-align: right;
}

/* ---- Exchanger table icons ---- */
#ex_tab i {
  font-size: 14pt;
  margin: 4px;
  transition: color var(--transition-fast);
}

/* ---- Info table ---- */
#info_tab i {
  font-size: 17pt;
}

#info_tab td.i {
  width: 32px;
  text-align: center;
}

/* ---- Input counters ---- */
#in_cnt, #out_cnt {
  width: 76px;
  display: inline-block;
  height: calc(1.9rem + 2px);
}

/* ---- Chosen select overrides ---- */
#sel_in_chosen, #sel_out_chosen {
  font-size: 12pt;
}

#sel_in_chosen a.chosen-single,
#sel_out_chosen a.chosen-single {
  height: 32px;
  padding: 3px 3px 3px 8px;
}

#sel_in_chosen div.chosen-drop,
#sel_out_chosen div.chosen-drop {
  font-size: 12pt;
}

/* ---- Buttons ---- */
.btn {
  padding: 0.4rem 1rem;
  font-size: 0.875rem;
}

/* ---- Inline block ---- */
div.blk {
  display: inline-block;
}

/* ---- Sidebar active state ---- */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--accent);
}