/* BobRacingAI Roadmap Styles */
body { font-family: system-ui, sans-serif; background: #181a20; color: #e5e7eb; margin: 0; }
.container { max-width: 1800px; margin: 0 auto; padding: 48px 32px; }
.roadmap-header { margin-bottom: 32px; }
.roadmap-meta { display: flex; gap: 32px; margin-top: 16px; font-size: 13px; color: #9ca3af; }
.roadmap-meta-item { display: flex; align-items: center; gap: 8px; }
.tabs { display: flex; gap: 8px; border-bottom: 1px solid #23242a; margin-bottom: 32px; }
.tab-button { padding: 12px 24px; background: transparent; border: none; color: #9ca3af; cursor: pointer; font-size: 14px; font-weight: 500; border-bottom: 2px solid transparent; transition: all 0.2s; }
.tab-button.active { color: #e5e7eb; border-bottom-color: #e5e7eb; }
.tab-content { display: none; }
.tab-content.active { display: block; }

.release-columns { display: flex; gap: 40px; }
.release-column { background: #23242a; border-radius: 12px; min-width: 400px; padding: 0 0 24px 0; display: flex; flex-direction: column; box-shadow: 0 2px 12px #0004; }
.release-title { position: sticky; top: 0; background: #23242a; font-size: 22px; font-weight: 800; padding: 24px; border-bottom: 2px solid #23242a; z-index: 2; letter-spacing: 0.5px; }
.release-items { display: flex; flex-direction: column; gap: 20px; padding: 24px; }
.roadmap-row { background: #181a20; border: 1.5px solid #23242a; border-radius: 10px; padding: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 17px; box-shadow: 0 1px 4px #0002; }
.roadmap-id { font-size: 14px; color: #60a5fa; font-family: monospace; }
.roadmap-title { font-weight: 700; font-size: 19px; }
.roadmap-summary { color: #9ca3af; font-size: 15px; }
.roadmap-status { margin-top: 4px; }
.status-pill { display: inline-block; padding: 4px 16px; border-radius: 16px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; }
.status-pill.DONE { background: #1a3a1a; color: #4ade80; }
.status-pill.PROVING { background: #1a2a3a; color: #60a5fa; }
.status-pill.IN_PROGRESS { background: #3a2a1a; color: #fbbf24; }
.status-pill.BACKLOG { background: #2a2a2a; color: #9ca3af; }
.roadmap-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.roadmap-tag { background: #23242a; color: #e5e7eb; border-radius: 8px; padding: 4px 12px; font-size: 13px; }
.roadmap-links { display: flex; gap: 8px; margin-top: 4px; }
.roadmap-link { color: #60a5fa; text-decoration: underline; font-size: 14px; }
.roadmap-link:hover { color: #93c5fd; }
.empty-state { padding: 48px; text-align: center; color: #9ca3af; font-size: 18px; }