/* Draft Slot Tracker follows docs/style_guide.md and shared button primitives. */
.tracker { max-width: 1400px; margin-top: 7rem; }
.tracker__filters { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; background: #fff; padding: 1.25rem; border: 1px solid #cbd5e1; border-radius: .75rem; }
.tracker__filters label { display: flex; flex: 1 1 155px; flex-direction: column; gap: .4rem; color: #475569; font-size: .8rem; font-family: 'Azeret Mono', monospace; }

.tracker__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; font-size: .8rem; }
.tracker__actions [disabled] { opacity: .5; cursor: not-allowed; }
.tracker__scope, .tracker__legend, .tracker__lineage { color: #64748b; font-size: .75rem; margin: 1rem 0; line-height: 1.7; }
.tracker__spotlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.tracker__spotlight { background: #fff; border: 1px solid #cbd5e1; border-top: 3px solid #4a7fb8; border-radius: .75rem; padding: 1.25rem; }
.tracker__spotlight:nth-child(2) { border-top-color: #10b981; }
.tracker__spotlight:nth-child(3) { border-top-color: #e8b4a8; }
.tracker__spotlight h2 { font-family: 'Russo One', sans-serif; font-size: 1.1rem; margin: .75rem 0; }
.tracker__spotlight p { font-size: .75rem; color: #64748b; line-height: 1.7; }
.tracker__spotlight a { color: #0f172a; }
.tracker__eyebrow { text-transform: uppercase; font-family: 'Azeret Mono', monospace; letter-spacing: .05em; }
.tracker__headline { font: 2rem 'Azeret Mono', monospace; }
.tracker__avatar { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #eef2ff; color: #4a7fb8; font: 1.75rem 'Russo One', sans-serif; }
.tracker__summary { background: #eef2ff; padding: 1.25rem; border: 1px solid #c7d2fe; border-radius: .5rem; font-size: .85rem; }
.tracker__summary strong { font-family: 'Azeret Mono', monospace; }
.tracker__summary p { margin: .5rem 0 0; }
.tracker__scroll { max-width: 100%; overflow-x: auto; border: 1px solid #cbd5e1; border-radius: .5rem; background: white; }
.tracker__table { border-collapse: collapse; min-width: 100%; font-family: 'Azeret Mono', monospace; font-size: .75rem; font-variant-numeric: tabular-nums; }

.tracker__table thead { background: #f1f5f9; }
.tracker__table a { color: #365f8e; }
.tracker__table tbody th { text-align: left; min-width: 200px; }
.tracker__table small { display: block; color: #64748b; font-size: .6rem; line-height: 1.9; font-weight: 400; }
.tracker__gamelog { display: block; font-size: .65rem; margin-top: .2rem; }
.tracker__table .cell-percentile--elite { background: #d1fae5; }
.tracker__table .cell-percentile--high { background: #ecfdf5; }
.tracker__table .cell-percentile--mid { background: #f8fafc; }
.tracker__table .cell-percentile--low { background: #fff1f2; }
.tracker__notice { padding: 1rem; background: #fffbeb; border: 1px solid #fcd34d; border-radius: .5rem; }
.tracker__empty { color: #64748b; padding: 1rem; }
@media (max-width: 700px) { .tracker__spotlights { grid-template-columns: 1fr; } .tracker__filters { padding: .75rem; gap: .75rem; } .tracker__filters label { flex-basis: 130px; } }