/* Algorithm settings page (components/algo_settings.py): st- classes on top of the Profile page's pf- ones
   (profile.css, home_market.css) and the shared pk- ones. Loaded globally: every rule is st- scoped. */

.st-kicker { color: #9fb3c8; font-size: .7rem; text-transform: uppercase; letter-spacing: 1.2px; margin: 4px 2px 8px; }
.st-kicker i { color: #4be9fa; margin-right: 4px; }
.st-ico { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center;
  justify-content: center; font-size: 1.6rem; color: #06121a;
  background: radial-gradient(circle at 32% 28%, #fff 0%, var(--c) 72%); box-shadow: 0 0 30px -4px var(--c); }
.st-desc1 { white-space: normal; max-width: 640px; }

/* icon + colour pickers */
.st-icons { display: grid; grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); gap: 6px; }
.st-ic { height: 36px; border-radius: 9px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.04);
  color: #cfdcea; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: .95rem;
  transition: background .15s, border-color .15s, color .15s, transform .15s; padding: 0; }
.st-ic:hover { border-color: var(--c); color: #fff; transform: translateY(-1px); }
.st-ic.cur { background: var(--c); color: #06121a; border-color: #fff; box-shadow: 0 0 14px -2px var(--c); }
.st-ic.auto { position: relative; }
.st-ic.auto::after { content: 'auto'; position: absolute; bottom: 1px; right: 3px; font-size: .5rem; opacity: .75; }
.st-cols { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.st-swc { width: 24px; height: 24px; border-radius: 50%; border: 2px solid transparent; background: var(--av);
  cursor: pointer; padding: 0; color: #06121a; font-size: .6rem; font-weight: 700; transition: transform .15s; }
.st-swc:hover { transform: scale(1.12); }
.st-swc.cur { border-color: #fff; box-shadow: 0 0 12px -1px var(--av); }
.st-preview { margin: 0; cursor: default; grid-template-columns: 44px 1fr !important; }
.st-preview .hm-main { cursor: default; }

/* schedule */
.st-radio label { margin-right: 14px; }
.st-sched { color: #cfefff; font-size: .8rem; }

/* usage */
.st-pages { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin: 10px 0 4px; }

/* sharing badge */
.st-badge { display: inline-flex; align-items: center; gap: 5px; padding: 1px 9px; border-radius: 999px; font-size: .7rem;
  border: 1px solid rgba(255,255,255,0.25); color: #cfdcea; margin-right: 6px; }
.st-badge.pub { border-color: #4be9fa; color: #4be9fa; box-shadow: 0 0 10px -3px #4be9fa; }