/*
 * Ein Tag in Deutschland. The board reuses the departure-board styles in ui.css;
 * colours and type come from ui.css tokens, so light and dark stay in step.
 */
.tag-board .board__row.tag-row--later, .tag-board .board__row.tag-row--locked { opacity: 0.72; }
.tag-board .board__row[aria-disabled="true"] { cursor: default; }
.tag-status--locked .icon { width: var(--icon-sm); height: var(--icon-sm); }
.tag-actions .cluster { margin-bottom: var(--s-4); }
.tag-switch { display: inline-flex; align-items: center; gap: var(--s-2); min-height: var(--touch); }

.tag-intro { display: grid; gap: var(--s-4); }
.tag-intro--changed { border-inline-start: var(--indicator-w) solid var(--signal); }
.tag-place { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--s-4); }
.tag-place__icon { width: 56px; height: 56px; padding: var(--s-2); border: var(--bw) solid var(--line); border-radius: var(--r-control); color: var(--ink); }
.tag-place__time { margin: 0; font-family: var(--font-display); font-size: var(--fs-28); font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.tag-place__name { margin: var(--s-1) 0 0; font-size: var(--fs-18); font-weight: 600; }
.tag-place__skill { padding: 2px var(--s-2); border: var(--bw) solid var(--line); border-radius: var(--s-1); font-size: var(--fs-14); font-weight: 600; white-space: nowrap; }
.tag-intro__line { margin: 0; font-size: var(--fs-18); line-height: var(--lh-snug); }
.tag-done { margin: 0; color: var(--muted); }
.tag-host[hidden] { display: none; }
.tag-host [data-gs-done] { display: none; }

.tag-after { display: grid; gap: var(--s-3); }
.tag-after__title { display: flex; align-items: center; gap: var(--s-2); margin: 0; font-weight: 600; }
.tag-after--miss .tag-after__title { color: var(--muted); }
.tag-diary { display: flex; align-items: flex-start; gap: var(--s-2); margin: 0; }

.tag-skills, .tag-words, .tag-fehler, .tag-diary-list { list-style: none; margin: var(--s-3) 0; padding: 0; display: grid; gap: var(--s-2); }
.tag-skill { display: flex; justify-content: space-between; gap: var(--s-3); padding-block: var(--s-1); border-bottom: var(--bw) solid var(--line); }
.tag-words { grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }
.tag-diary-list li { display: flex; align-items: flex-start; gap: var(--s-2); }
.tag-today .eyebrow { display: flex; align-items: center; gap: var(--s-1); }

@media (max-width: 560px) {
  .tag-place { grid-template-columns: auto minmax(0, 1fr); }
  .tag-place__skill { grid-column: 1 / -1; justify-self: start; }
  .tag-place__icon { width: 44px; height: 44px; }
}