.week-nav { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; } .week-nav h2 { margin: 0; font-size: 1.25rem; flex: 1; text-align: center; } .week-nav-btn { background: none; border: 1px solid var(--color-border); border-radius: var(--radius); font-size: 1.25rem; line-height: 1; padding: 0.25rem 0.5rem; cursor: pointer; color: var(--color-text); } .week-nav-btn:hover:not(:disabled) { background: var(--color-primary); border-color: var(--color-primary); color: #fff; } .week-nav-btn:disabled { opacity: 0.3; cursor: default; } .week-label { font-size: 0.875rem; font-weight: 400; color: var(--color-text-muted); } .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 1rem; } .stat-card { background: var(--color-bg-soft); border-radius: var(--radius); padding: 0.75rem; text-align: center; } .stat-value { display: block; font-size: 1.45rem; font-weight: 700; color: var(--color-primary); } .stat-label { display: block; margin-top: 0.15rem; font-size: 0.75rem; color: var(--color-text-muted); } .max-routes-block, .recommendation { border-top: 1px solid var(--color-border); padding-top: 0.95rem; } .max-routes-block { margin-bottom: 1rem; } .max-routes-block h3, .recommendation h3 { margin: 0 0 0.7rem; font-size: 1rem; } .rec-method { font-size: 0.75rem; font-weight: 400; color: var(--color-text-muted); } .rec-row { display: flex; justify-content: space-between; align-items: center; padding: 0.35rem 0; } .rec-label { font-size: 0.875rem; color: var(--color-text-muted); } .rec-value { font-size: 0.95rem; font-weight: 700; color: var(--color-secondary); } .threshold-value { color: var(--color-danger); } .empty-message { color: var(--color-text-muted); line-height: 1.5; }