.court-strip{display:flex;gap:var(--sp-sm);overflow-x:auto;padding-bottom:2px;margin-bottom:var(--sp-lg)}.court-chip-lg{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--ds-border);border-radius:var(--r-lg);background:var(--ds-surface);cursor:pointer;text-align:left;min-width:168px;transition:border-color var(--t-fast),background var(--t-fast)}.court-chip-lg:hover{border-color:var(--ds-border-strong)}.court-chip-lg.is-selected{border-color:var(--ds-primary);background:var(--ds-primary-soft)}.court-chip-lg-dot{width:10px;height:10px;border-radius:50%;flex:none;margin-top:2px}.court-chip-lg-body{display:flex;flex-direction:column;gap:1px;min-width:0}.court-chip-lg-name{font-weight:800;font-size:var(--fs-small);white-space:nowrap}.court-chip-lg-status{font-size:var(--fs-caption);font-weight:600;color:var(--ds-muted);white-space:nowrap}.court-chip-lg.is-busy .court-chip-lg-status{color:var(--ds-warning)}.court-chip-lg.is-block .court-chip-lg-status{color:var(--ds-danger)}.court-chip-lg.is-free .court-chip-lg-status{color:var(--ds-success)}.board{max-width:720px;margin:0 auto;width:100%}.board-hero{position:relative;margin-bottom:20px}.board-hero-img{height:150px;border-radius:18px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 -60px 80px rgba(0,0,0,.28);background-size:cover;background-position:50%;background-blend-mode:overlay}.board-court-label{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:var(--ds-bg);color:var(--ds-text);border-radius:var(--r-lg);box-shadow:var(--sh-elevated);font-size:16px;white-space:nowrap}.board-court-dot{width:12px;height:12px;border-radius:50%;flex:none}.board-court-name{font-weight:800}.board-court-env{font-size:13px;opacity:.7}.board-slots{display:flex;flex-direction:column;gap:10px;margin-top:28px}.slot-card{display:flex;align-items:center;gap:16px;width:100%;padding:14px 18px;border:1.5px solid var(--ds-border);border-radius:var(--r-lg);background:var(--ds-surface);cursor:pointer;text-align:left;transition:border-color var(--t-fast)}.slot-card:hover{border-color:var(--ds-border-strong)}.slot-card.is-now{border-color:var(--ds-primary);border-width:2px;padding:13px 17px}.slot-time{display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:17px;color:var(--ds-text);min-width:58px;border-right:1px solid var(--ds-border);padding-right:14px;line-height:1.25}.slot-time span:last-child{color:var(--ds-muted);font-weight:600;font-size:14px}.slot-body{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.slot-state{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14px}.slot-dot{width:8px;height:8px;border-radius:50%;flex:none}.slot-name{font-weight:700;color:var(--ds-text)}.slot-sub{font-size:var(--fs-caption);color:var(--ds-muted)}.slot-book{font-weight:700;color:var(--ds-success);font-size:14px;flex:none}.slot-occupied-mark{color:var(--ds-danger);flex:none}.slot-note{color:var(--ds-info);flex:none}.slot-now-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--ds-primary);border-radius:var(--r-sm);padding:1px 6px}.slot-state.ok{color:var(--ds-success)}.slot-state.warn{color:var(--ds-warning)}.slot-state.danger{color:var(--ds-danger)}.slot-state.muted{color:var(--ds-muted)}.slot-dot.ok{background:var(--ds-success)}.slot-dot.warn{background:var(--ds-warning)}.slot-dot.danger{background:var(--ds-danger)}.slot-dot.muted{background:var(--ds-muted)}.slot-card.is-free{background:var(--ds-surface)}.slot-card.is-ok{background:var(--ds-success-soft);border-color:transparent}.slot-card.is-warn{background:var(--ds-warning-soft);border-color:transparent}.slot-card.is-danger{background:var(--ds-danger-soft);border-color:transparent}.slot-card.is-muted{background:var(--ds-surface);opacity:.55}.slot-card.is-past{background:var(--ds-surface);opacity:.7;cursor:default}.slot-card.is-past .slot-time span{text-decoration:line-through;color:var(--ds-danger)}.slot-state.past{color:var(--ds-danger)}.slot-dot.past{background:var(--ds-danger)}.board-empty{padding:40px 20px;text-align:center;color:var(--ds-muted);border:1px dashed var(--ds-border);border-radius:var(--r-lg)}@media (max-width:640px){.board-hero-img{height:120px}.slot-card{padding:12px 14px;gap:12px}.slot-time{min-width:50px;font-size:15px;padding-right:10px}.slot-book{font-size:13px}}