#trackingView.is-active,#transitTimeView.is-active { display:flex !important; flex-direction:column; gap:8px; }
#trackingView > *,#transitTimeView > * { min-width:0; max-width:100%; }
.trip-map-tools { flex-wrap:wrap; max-width:calc(100% - 24px); }
.operational-stop-cards { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:0 0 12px; flex:0 0 auto; }
.operational-stop-card { text-align:left; border:1px solid var(--line); border-left:3px solid #738a9b; border-radius:7px; background:var(--surface); color:var(--text); padding:10px 11px; min-height:92px; display:flex; flex-direction:column; gap:5px; cursor:pointer; }
.operational-stop-card span { font-size:11px; line-height:1.3; }.operational-stop-card strong { font-size:23px; line-height:1.1; }.operational-stop-card small { font-size:9px; color:var(--muted); }.operational-stop-card:hover { border-color:#6180a4; box-shadow:0 2px 8px #0000000d; }.operational-stop-card.is-accident { border-left-color:#d64050; }.operational-stop-card.is-fiscal,.operational-stop-card.is-slow { border-left-color:#be8a20; }
.operational-assistant { width:min(1080px,96vw); max-height:90dvh; padding:0; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--text); overflow:auto; }.operational-assistant::backdrop { background:#0a192b66; }.operational-assistant [hidden] { display:none !important; }.operational-assistant-head { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:14px 18px; border-bottom:1px solid var(--line); }.operational-assistant-head h2 { font-size:17px; margin:0 0 4px; }.operational-assistant-head small,.operational-quality { font-size:11px; color:var(--muted); }.operational-assistant-head button { font-size:22px; width:32px; height:32px; padding:0; }.operational-assistant-tabs { display:flex; gap:4px; overflow:auto; padding:8px 14px; border-bottom:1px solid var(--line); }.operational-assistant button,.operational-assistant input,.operational-assistant textarea,.operational-assistant select { font:inherit; font-size:12px; border:1px solid var(--line); border-radius:5px; color:var(--text); background:var(--surface); }.operational-assistant button { padding:7px 10px; cursor:pointer; }.operational-assistant button:disabled { opacity:.5; cursor:default; }.operational-assistant button.is-active { background:#e3eef6; color:#234b6c; border-color:#adc6d9; }.operational-assistant section { padding:14px 18px; }.operational-list-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }.operational-list-heading h3 { font-size:13px; margin:0; }.operational-grid-wrap { overflow:auto; max-height:480px; min-height:100px; resize:vertical; border:1px solid var(--line); }.operational-grid-wrap table { width:100%; min-width:880px; border-collapse:collapse; font-size:11px; }.operational-grid-wrap th { position:sticky; top:0; z-index:1; background:var(--surface-2); text-align:left; padding:9px; }.operational-grid-wrap td { padding:8px; border-bottom:1px solid var(--line); vertical-align:top; }.operational-grid-wrap small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }.operational-grid-wrap .row-actions { flex-wrap:wrap; max-width:260px; }.operational-grid-wrap a { font-size:10px; color:var(--primary); }.operational-pager { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:7px; background:var(--surface-2); border:1px solid var(--line); border-top:0; font-size:11px; }.operational-suggestions { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px; }#operationalQuestionForm textarea { width:100%; display:block; box-sizing:border-box; padding:9px; margin:6px 0; resize:vertical; }.operational-question-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; }.operational-question-actions label { font-size:11px; }.operational-answer { white-space:pre-wrap; font-size:13px; line-height:1.65; padding:14px 0; }.operational-answer-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px 0; border-top:1px solid var(--line); font-size:11px; }.operational-report-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.operational-report-form label { font-size:11px; }.operational-report-form input,.operational-report-form select,.operational-report-form textarea { display:block; width:100%; box-sizing:border-box; padding:8px; margin-top:4px; }.operational-report-description { grid-column:span 2; }.operational-incident { border-top:1px solid var(--line); padding:10px 0; font-size:12px; }.operational-incident p { margin:6px 0; }.operational-incident small { color:var(--muted); }.operational-incident div { margin-top:8px; display:flex; gap:6px; }#operationalServiceForm label { display:block; margin:14px 0; font-size:12px; }.operational-assistant-footer { padding:10px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
body[data-theme="dark"] .operational-assistant button.is-active { background:#2b4356; color:#d5e8f7; }
@media(max-width:1100px) { .operational-stop-cards { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) { .operational-assistant section { padding:12px; }.operational-stop-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.operational-report-form { grid-template-columns:repeat(2,minmax(0,1fr)); }.operational-report-description { grid-column:1/-1; }.operational-assistant-tabs { justify-content:flex-start; }.operational-assistant-tabs button { white-space:nowrap; flex:0 0 auto; }.operational-question-actions { align-items:flex-start; flex-direction:column; }.operational-stop-card { min-height:84px; }.operational-pager { flex-wrap:wrap; }
 #trackingView .tracking-summary-toolbar > div,#transitTimeView .transit-summary-toolbar > div { flex:0 0 auto !important; min-width:0; width:100%; min-height:0; }
 #trackingView .tracking-summary-toolbar .inline-actions,#transitTimeView .transit-summary-toolbar .inline-actions { justify-content:flex-start; gap:6px; }
 #trackingView .tracking-summary-toolbar .inline-actions > *,#transitTimeView .transit-summary-toolbar .inline-actions > * { flex:1 1 130px; min-width:0 !important; max-width:100%; }
}