/* the Match Coder's match list (#/coder): groups, and days that fold behind their header */

/* the Hub's list: the coder has an app of its own (one line, with the backup that takes the tags there) */
.app-moved {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: 0 0 12px;
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  background: var(--tile);
  font-size: 12.5px;
  font-weight: 700;
}
.app-moved .muted { margin: 0; font-weight: 600; }
.app-moved .pill { padding: 5px 11px; background: var(--card); box-shadow: inset 0 0 0 1px var(--chip-line); }
.app-moved a.pill { background: var(--lime); color: var(--on-lime); box-shadow: none; }

.pick-sec .sec-name { display: flex; align-items: center; gap: 6px; }
.pick-n {
  font-size: 10px;
  letter-spacing: 0.02em;
  color: var(--ink-2);
  background: var(--tile);
  border-radius: 999px;
  padding: 1px 6px;
  font-variant-numeric: tabular-nums;
}

.pick-note { margin: 2px 0 8px; font-size: 12px; color: var(--ink-3); text-wrap: pretty; }

.pick-day { margin-top: 6px; }
.pick-day[open] { margin-bottom: 12px; }

.pick-day > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  cursor: pointer;
  user-select: none;
  padding: 6px 6px 6px 2px;
  border-radius: var(--radius-sm);
  font-size: 13px;
  font-weight: 700;
  color: var(--ink-2);
  transition: background 0.15s ease, color 0.15s ease;
}
.pick-day > summary::-webkit-details-marker { display: none; }
.pick-day > summary:hover { background: var(--tile); color: var(--ink); }
.pick-day > summary:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }

.pick-chev { width: 14px; height: 14px; flex: none; color: var(--ink-3); transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1); }
.pick-day[open] > summary .pick-chev { transform: rotate(90deg); }

.pick-date { min-width: 0; }
.pick-sum { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* the matches never played: a quieter group at the end */
.pick-tbp { margin-top: 22px; padding-top: 12px; border-top: 1px solid var(--line); }
.pick-tbp .fixture-team { color: var(--ink-2); }

@media (prefers-reduced-motion: reduce) {
  .pick-chev { transition: none; }
}