/* ═══════════════════════════════════════════════════════════════════
   Extracted from resources/views/bus-detail/show.blade.php
   Previously 1 inline <style> block, re-sent on every render and
   uncacheable. Blocks are concatenated in their original source order,
   so the cascade within the page is unchanged.
   ═══════════════════════════════════════════════════════════════════ */

.bd-stats-bar {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; 
  background: var(--color-surface-2); padding: 1.25rem; border-radius: var(--radius-lg);
}
.bd-stat-label { font-size: .65rem; color: var(--color-text-muted); text-transform: uppercase; font-weight: 800; letter-spacing: .5px; margin-bottom: 4px; }
.bd-stat-value { font-weight: 900; font-size: 1.1rem; color: var(--color-text); }
.bd-stat-value--primary { color: var(--color-primary); }
.bd-timing-table { width: 100%; border-collapse: collapse; }
.bd-timing-table th { text-align: left; border-bottom: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .7rem; text-transform: uppercase; letter-spacing: 1px; padding: 1rem .5rem; }
.bd-timing-table td { padding: 1.25rem .5rem; border-bottom: 1px solid var(--color-border-light); vertical-align: middle; }
.bd-timing-val { font-size: 1.1rem; font-weight: 900; color: var(--color-text); }
.bd-timing-day { font-size: .75rem; color: var(--color-text-muted); margin-top: 2px; }
.bd-fare-val { font-size: 1.1rem; font-weight: 900; color: var(--color-primary); }
.bd-main-title { font-size: var(--text-2xl); font-weight: 900; margin-bottom: 4px; color: var(--color-text); }
.bd-route-badge { background: var(--color-primary-light); color: var(--color-primary-dark); padding: 4px 10px; border-radius: var(--radius-sm); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; }
.bd-operator-tag { font-size: .8rem; font-weight: 800; color: var(--color-text); border-left: 2px solid var(--color-border); padding-left: 8px; }
.bd-header-logo-box { background: #fff; padding: 8px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; height: 60px; width: 100px; box-shadow: var(--shadow-sm); border: 1px solid var(--color-border-light); }
.timing-row--current { background: rgba(var(--color-primary-rgb), 0.05); border-left: 3px solid var(--color-primary); }
.timing-row--current .bd-timing-val { color: var(--color-primary); }
@media (max-width: 992px) {
  .bd-stats-bar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .bd-header-logo-box { display: none !important; }
  .bd-main-title { font-size: 1.5rem; }
  .bd-layout { grid-template-columns: 1fr !important; }
  .bd-stats-bar { grid-template-columns: repeat(2, 1fr); padding: 1rem; }
  .bd-stat-value { font-size: 1rem; }
  .bd-sidebar { position: static !important; }
}
@media (max-width: 480px) {
  .bd-stats-bar { grid-template-columns: 1fr; }
}