/* Süper takvim + oran hareketi alarmı (Ajan F3). Yalnızca tasarım belirteçleri (tokens.css / app.css türetilmiş tonları);
   koyu ve açık tema belirteçlerden gelir. Sınıflar sc- önekli: Maçlar sayfasının takvim açılır penceresine (.cal, .cal__day)
   ve tarih şeridine (.datenav) dokunulmaz. */

/* ---------------------------------------------------------------- Başlık ve araç çubuğu */
.sc-head p { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.sc-tz { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--muted); padding: 2px 10px; border-radius: var(--radius-pill); background: var(--surface2); }
.sc-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-block: var(--space-4) var(--space-3); }
.sc-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--radius-pill); background: var(--surface2); border: 1px solid var(--border); }
.sc-seg__item { display: inline-flex; align-items: center; height: 30px; padding-inline: 14px; border-radius: var(--radius-pill); font-size: var(--fs-sm); font-weight: 600; color: var(--text-secondary); transition: background var(--motion-fast), color var(--motion-fast); }
.sc-seg__item:hover { color: var(--text); }
.sc-seg__item[aria-current="page"] { background: var(--btn-primary-bg); color: var(--btn-primary-fg); }
.sc-nav { display: inline-flex; align-items: center; gap: var(--space-2); min-width: 0; }
.sc-nav__label { font-family: var(--font-display); font-size: var(--fs-md); margin-inline-start: var(--space-2); white-space: nowrap; }
.sc-nav [aria-disabled="true"] { opacity: 0.4; pointer-events: none; }

/* ---------------------------------------------------------------- Süzgeçler */
.sc-filters { display: flex; flex-direction: column; gap: var(--space-3); }
.sc-filters__label { font-size: var(--fs-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-block-end: var(--space-2); }
.sc-filters__sport { display: flex; align-items: center; gap: var(--space-2); margin: 0; }
.sc-filters__sport .icon { width: 18px; height: 18px; color: var(--primary-text); }
.sc-sports { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; }
.sc-sports__list { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sc-sport { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 32px; padding-inline: 10px 12px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: var(--chip-bg); color: var(--text-secondary); font-size: var(--fs-sm); cursor: pointer; user-select: none; transition: border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast); }
.sc-sport input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.sc-sport .icon { width: 15px; height: 15px; }
.sc-sport:hover { color: var(--text); border-color: var(--border-strong); }
.sc-sport:focus-within { outline: 2px solid var(--ring); outline-offset: 2px; }
.sc-sport.is-on, .sc-sport:has(input:checked) { background: var(--primary-soft); border-color: var(--primary-text); color: var(--text); font-weight: 600; }
.sc-sport.is-on .icon, .sc-sport:has(input:checked) .icon { color: var(--primary-text); }
.sc-sport__n { font-size: var(--fs-2xs); font-variant-numeric: tabular-nums; padding: 0 6px; border-radius: var(--radius-pill); background: var(--surface3); color: var(--text-secondary); line-height: 18px; }
.sc-toggles { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-5); border-block-start: 1px solid var(--border); padding-block-start: var(--space-3); }
.sc-toggles .switch { padding: 4px 0; gap: var(--space-3); justify-content: flex-start; }
.sc-toggles .switch + .switch { border: 0; }
.sc-toggles .switch > span { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-sm); color: var(--text); }
.sc-toggles .btn { margin-inline-start: auto; }
.sc-notice { margin-block-start: var(--space-4); }
.sc-notice__title { font-size: var(--fs-lg); margin: 0; color: var(--text); }

/* ---------------------------------------------------------------- Olay satırı */
.sc-evlist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sc-ev { display: grid; grid-template-columns: 3.4em auto minmax(0, 1fr) auto auto; align-items: center; gap: 2px var(--space-2); padding: 7px 8px; border-radius: var(--radius-sm); position: relative; }
.sc-ev + .sc-ev { border-block-start: 1px solid var(--border); }
.sc-ev:hover { background: var(--surface-hover); }
.sc-ev__time { font-family: var(--font-display); font-variant-numeric: tabular-nums; font-size: var(--fs-sm); font-weight: 600; color: var(--text-secondary); display: inline-flex; align-items: center; gap: 4px; }
.sc-ev__sport { display: inline-flex; color: var(--muted); }
.sc-ev__sport .icon { width: 14px; height: 14px; }
.sc-ev__main { display: flex; flex-direction: column; min-width: 0; color: var(--text); }
.sc-ev__main::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.sc-ev__main:focus-visible { outline: none; }
.sc-ev__main:focus-visible::after { outline: 2px solid var(--ring); outline-offset: -2px; }
.sc-ev__title { font-size: var(--fs-sm); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-ev__meta { font-size: var(--fs-xs); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-ev__tags { display: inline-flex; align-items: center; gap: 4px; position: relative; z-index: 1; }
.sc-ev__ics { position: relative; z-index: 1; color: var(--muted); }
.sc-ev__ics:hover { color: var(--text); }
.sc-ev--big::before { content: ""; position: absolute; inset-block: 7px; inset-inline-start: 0; width: 3px; border-radius: 2px; background: var(--warning); }
.sc-ev--fav .sc-ev__title { color: var(--text); }
.sc-ev--live .sc-ev__time { color: var(--live-text); }
.sc-ev--off .sc-ev__title { text-decoration: line-through; color: var(--muted); }
.sc-ev--compact { grid-template-columns: 2.7em minmax(0, 1fr) auto; align-items: start; padding: 3px 4px 3px 6px; gap: 4px; border: 0 !important; }
.sc-ev--compact .sc-ev__time { font-size: var(--fs-2xs); font-weight: 500; line-height: 1.5; }
.sc-ev--compact .sc-ev__title { font-size: var(--fs-xs); font-weight: 500; line-height: 1.35; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.sc-ev--compact.sc-ev--big .sc-ev__title { font-weight: 700; }
.sc-ev--compact.sc-ev--big::before { inset-block: 4px; width: 2px; }
.sc-ev--compact .sc-ev__sport { display: none; }
.sc-ev__dot { color: var(--warning-text); display: inline-flex; }
.sc-ev__dot .icon { width: 11px; height: 11px; }

.sc-tag { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding-inline: 6px; border-radius: var(--radius-pill); font-size: var(--fs-2xs); font-weight: 700; white-space: nowrap; }
.sc-tag .icon { width: 12px; height: 12px; }
.sc-tag--big { background: var(--warning-soft); color: var(--warning-text); }
.sc-tag--notable { color: var(--primary-text); padding-inline: 2px; }
.sc-tag--fav { color: var(--warning-text); padding-inline: 2px; }

/* ---------------------------------------------------------------- Ay görünümü */
.sc-monthwrap { overflow: hidden; }
.sc-month { width: 100%; border-collapse: collapse; table-layout: fixed; }
.sc-month th { padding: 10px 6px; font-size: var(--fs-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); border-block-end: 1px solid var(--border); background: var(--surface2); }
.sc-month th abbr { text-decoration: none; }
.sc-cell { vertical-align: top; border: 1px solid var(--border); border-width: 0 1px 1px 0; padding: 6px; height: 150px; min-width: 0; }
.sc-cell:last-child { border-inline-end: 0; }
.sc-cell.is-out { background: color-mix(in srgb, var(--surface2) 55%, transparent); }
.sc-cell.is-out .sc-cell__day { color: var(--muted); }
.sc-cell.is-today { background: var(--primary-soft); }
.sc-cell__head { display: flex; align-items: center; gap: 6px; margin-block-end: 4px; }
.sc-cell__day { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding-inline: 4px; border-radius: var(--radius-pill); font-family: var(--font-display); font-weight: 700; font-size: var(--fs-sm); color: var(--text); }
.sc-cell__day:hover { background: var(--surface3); }
.sc-cell__day[aria-current="date"] { background: var(--btn-primary-bg); color: var(--btn-primary-fg); }
.sc-cell__day.is-disabled { opacity: 0.45; }
.sc-cell__wd { display: none; }
.sc-cell__count { font-size: var(--fs-2xs); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.sc-cell__sports { display: inline-flex; gap: 2px; margin-inline-start: auto; color: var(--muted); }
.sc-cell__sports .icon { width: 12px; height: 12px; }
.sc-cell__more { display: inline-block; margin-block-start: 2px; font-size: var(--fs-2xs); font-weight: 600; color: var(--link); padding-inline: 4px; }

@media (max-width: 719px) {
  .sc-month, .sc-month tbody, .sc-month tr { display: block; }
  .sc-month thead { display: none; }
  .sc-month td { display: block; height: auto; border-width: 0 0 1px 0; padding: 10px 12px; }
  .sc-month td.is-out, .sc-month td.is-empty:not(.is-today) { display: none; }
  .sc-cell__wd { display: inline; margin-inline-end: 6px; font-weight: 600; color: var(--text-secondary); text-transform: capitalize; }
  .sc-cell__day[aria-current="date"] .sc-cell__wd { color: inherit; }
  .sc-cell__day { display: inline-flex; align-items: baseline; min-width: 0; padding-inline: 10px; }
  .sc-ev--compact .sc-ev__title { font-size: var(--fs-sm); }
}

/* Ay görünümünde ızgara tam genişlik; yan sütun kartları altta yan yana */
.sc-below { display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); margin-block-start: var(--space-6); align-items: start; }
@media (min-width: 900px) { .sc-below { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------------------------------------------------------------- Hafta görünümü */
.sc-week { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .sc-week { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
.sc-wday { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-3); box-shadow: var(--elev1); display: flex; flex-direction: column; min-width: 0; }
.sc-wday.is-today { border-color: var(--primary-text); box-shadow: var(--elev1), 0 0 0 1px var(--primary-text) inset; }
.sc-wday.is-empty { background: transparent; box-shadow: none; }
.sc-wday__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-2); padding: 2px 6px var(--space-2); }
.sc-wday__title { margin: 0; font-size: var(--fs-md); }
.sc-wday__title a { display: inline-flex; align-items: baseline; gap: 8px; color: var(--text); }
.sc-wday__title a:hover .sc-wday__wd { text-decoration: underline; text-underline-offset: 3px; }
.sc-wday__wd { font-family: var(--font-display); font-weight: 700; text-transform: capitalize; }
.sc-wday__date { font-size: var(--fs-sm); color: var(--text-secondary); font-weight: 500; }
.sc-wday__count { font-size: var(--fs-xs); color: var(--muted); white-space: nowrap; }
.sc-wday__empty { margin: 0; padding: var(--space-3) 6px; font-size: var(--fs-sm); color: var(--muted); }
.sc-wday__more { display: inline-flex; align-items: center; gap: 4px; margin: var(--space-2) 6px 2px; font-size: var(--fs-xs); font-weight: 600; color: var(--link); align-self: flex-start; }

/* ---------------------------------------------------------------- Gün görünümü */
.sc-daysports { margin-block-end: var(--space-3); }
.sc-evlist--agenda .sc-ev { padding-block: 10px; }

/* ---------------------------------------------------------------- Yan sütun */
.sc-feeds, .sc-legend, .sc-promo { display: flex; flex-direction: column; gap: var(--space-2); }
.sc-feeds__h { display: flex; align-items: center; gap: 6px; margin: var(--space-2) 0 0; font-size: var(--fs-sm); font-weight: 700; }
.sc-feeds__h .icon { color: var(--primary-text); }
.sc-feeds__mine, .sc-feeds__public { display: flex; flex-direction: column; gap: var(--space-2); }
.sc-feeds__public { border-block-start: 1px solid var(--border); padding-block-start: var(--space-3); margin-block-start: var(--space-2); }
.sc-feeds__url { display: block; font-family: var(--font-mono); font-size: var(--fs-2xs); line-height: 1.5; word-break: break-all; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--surface2); border: 1px solid var(--border); color: var(--text-secondary); }
.sc-feeds__actions, .sc-feeds__manage { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sc-feeds__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sc-feeds__list li { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); padding: 6px 0; font-size: var(--fs-sm); }
.sc-feeds__list li + li { border-block-start: 1px solid var(--border); }
.sc-feeds__list li > .truncate { display: inline-flex; align-items: center; gap: 6px; }
.sc-feeds__list .icon { color: var(--muted); flex: none; }
.sc-feeds__links { display: inline-flex; gap: var(--space-3); flex: none; }
.sc-feeds__links a { font-size: var(--fs-xs); font-weight: 600; color: var(--link); }
.sc-feeds__all summary { cursor: pointer; font-size: var(--fs-sm); font-weight: 600; color: var(--link); padding-block: 6px; }
.sc-legend__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.sc-legend__list li { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-2); font-size: var(--fs-xs); color: var(--text-secondary); }
.sc-legend__list .sc-tag--notable, .sc-legend__list .sc-tag--fav { padding-inline: 6px; background: var(--surface2); }

/* ---------------------------------------------------------------- Maç sayfası kartı ve alarm */
.sc-match { display: flex; flex-direction: column; gap: var(--space-2); }
.sc-match__add, .sc-match__btns { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sc-match__alert { display: flex; flex-direction: column; gap: var(--space-2); border-block-start: 1px solid var(--border); padding-block-start: var(--space-3); margin-block-start: var(--space-2); }
.sc-match__alert p { margin: 0; display: flex; gap: 6px; align-items: flex-start; }
.sc-match__alert p .icon { flex: none; margin-block-start: 2px; }
.sc-match__sub { margin: var(--space-2) 0 0; font-size: var(--fs-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.sc-on { color: var(--success-text); }
.sc-moves { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sc-moves li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--space-2); align-items: center; padding: 6px 0; font-size: var(--fs-xs); }
.sc-moves li + li { border-block-start: 1px solid var(--border); }
.sc-moves__sel { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-secondary); }
.sc-moves__pp { color: var(--warning-text); font-weight: 700; }

/* ---------------------------------------------------------------- Oran alarmı sayfası */
.sc-prefs__sens { border: 0; padding: 0; margin: var(--space-3) 0 0; display: flex; flex-direction: column; gap: var(--space-2); }
.sc-prefs__sens .check span { display: flex; flex-direction: column; gap: 2px; }
.sc-prefs__sens .check strong { color: var(--text); font-weight: 600; }
.sc-how { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.sc-how li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); align-items: start; font-size: var(--fs-sm); color: var(--text-secondary); }
.sc-how .icon { margin-block-start: 3px; color: var(--primary-text); }
.sc-alerts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sc-alert { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-1) var(--space-3); padding: var(--space-3) 0; }
.sc-alert + .sc-alert { border-block-start: 1px solid var(--border); }
.sc-alert__main { display: flex; flex-direction: column; min-width: 0; color: var(--text); }
.sc-alert__title { font-weight: 600; font-size: var(--fs-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-alert__meta { font-size: var(--fs-xs); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-alert__move { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; font-size: var(--fs-xs); color: var(--text-secondary); }
.sc-alert__when { grid-column: 1 / -1; }
@media (max-width: 719px) {
  /* Dar ekranda spor seçimi tek satır, yatay kayar */
  .sc-sports { align-items: stretch; }
  .sc-sports__list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: 2px; margin-inline: calc(-1 * var(--space-4)); padding-inline: var(--space-4); scroll-padding-inline: var(--space-4); }
  .sc-sports__list::-webkit-scrollbar { display: none; }
  .sc-sport { flex: none; }
}
@media (max-width: 639px) {
  .sc-alert { grid-template-columns: minmax(0, 1fr) auto; }
  .sc-alert__move { grid-column: 1 / -1; justify-content: flex-start; }
  .sc-nav__label { display: none; }
  .sc-toggles .btn { margin-inline-start: 0; }
}