/* =========================================================
   PriceONN v2 · izleme listesi yıldızı (sembol sayfası ve piyasalar sayfası)
   Yalnız düğmenin kendisi; renk ve ölçek priceonn.css tokenlarından. Dokunma hedefi 44 px.
   Renk TEK BAŞINA anlam taşımaz: dolu ve boş yıldız ŞEKLİ farklıdır ve durum aria-pressed ile bildirilir.
   ========================================================= */
.wstar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  padding:0;border:1px solid transparent;border-radius:var(--r-md);background:transparent;
  color:var(--text-tertiary);cursor:pointer;text-decoration:none;
  transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.wstar:hover{background:var(--chip-bg);color:var(--text-secondary)}
.wstar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75}
.wstar.is-on{color:var(--warn)}
.wstar.is-on svg{fill:currentColor;stroke:currentColor}
.wstar:disabled{opacity:.5;cursor:progress}
.wstar-f{display:contents}

/* piyasalar tablosunda: sembol hücresinin sağında, satır bağlantısını daraltmadan */
.mkt-table th.c-sym{position:relative}
.mkt-table .c-sym .wstar{margin-left:2px;vertical-align:middle}
.mkt-sym-l{display:flex;align-items:center;gap:2px;min-width:0}
.mkt-sym-l .mkt-row{flex:1 1 auto;min-width:0}

/* sembol sayfası başlığında: yıldız + alarm + tam ekran grafik yan yana, 360 px'de sararak */
.sh-act{flex-wrap:wrap;gap:6px}
.sh-act .wstar{width:44px;height:44px}

@media (prefers-reduced-motion:reduce){.wstar{transition:none}}