.back-link { color: var(--accent); font-size: 14px; font-weight: 600; text-decoration: none; margin-left: auto }
.back-link:hover { text-decoration: underline }

.hist-block { margin-bottom: 28px }
.hist-month-title { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .7px; margin-bottom: 8px; padding-left: 2px }
.hist-row { display: flex; gap: 8px; flex-wrap: wrap }

.hist-tile { display: flex; flex-direction: column; align-items: center; gap: 5px; background: #fff; border: 1px solid #cce6cc; border-radius: 12px; padding: 8px 6px 10px; min-width: 72px; max-width: 96px; flex: 1; cursor: pointer; transition: .15s background, .15s border-color }
.hist-tile:hover { background: #e8f5ed; border-color: #a8d8b8 }
.hist-tile.cancelled:hover { background: #f0f0f0; border-color: #d0d0d0 }
.hist-tile.cancelled { opacity: .65; background: #f8f8f8; border-color: #e0e0e0 }
.hist-tile.empty { opacity: .38; border-style: dashed; border-color: #cce6cc }
.hist-name { font-size: 11px; font-weight: 600; text-align: center; color: var(--text); line-height: 1.2; word-break: break-word }
.hist-name.muted { color: var(--muted); font-weight: 400 }

@media (max-width: 640px) {
  .hist-tile { min-width: 60px; max-width: 80px }
}