.mc-labels { position: fixed; inset: 0; pointer-events: none; z-index: 9; overflow: hidden; }
.mc-label { position: absolute; transform: translate(-50%, -100%); padding: 6px 10px; border: 1px solid #7295aa; border-radius: 7px; color: #e9f7ff; background: #091721ed; font: 600 13px/1.35 system-ui,sans-serif; white-space: nowrap; box-shadow: 0 4px 12px #0005; }
.mc-label-exit { transform: translate(-50%, 32px); }
.mc-label-blocked { transform: translate(-50%, 0); }
.mc-label[hidden] { display: none; }
.mc-label-car[data-car-id="02"] { border-color: #59def4; color: #a3f3ff; }
.mc-label-exit { color: #bfffd1; border-color: #61f577; display: flex; align-items: center; gap: 5px; background: #062c14ed; text-shadow: 0 0 10px #55ff9a66; box-shadow: 0 0 0 1px #61f57733, 0 0 18px #38ff9440, 0 4px 12px #0007; }
.mc-label-exit img { width: 32px; height: 32px; display: block; object-fit: contain; background: #f4fff9; border-radius: 2px; flex: none; }
.mc-label-blocked { color: #ffb6b0; border-color: #fa665c; background: #2b1016ef; text-shadow: 0 0 9px #fa665c55; box-shadow: 0 0 0 1px #fa665c33, 0 0 14px #fa665c2e, 0 4px 12px #0007; }
.mc-station-badge { position: fixed; bottom: 106px; right: 24px; padding: 6px 10px; border: 1px solid #436a83; border-radius: 6px; color: #bcdfed; background: #0b1824e6; font: 12px/1.5 system-ui,sans-serif; pointer-events: none; z-index: 9; }
.mc-overview { position: fixed; bottom: 18px; left: calc(50% + 80px); transform: translateX(-50%); z-index: 12; box-sizing: border-box; width: 410px; max-width: calc(100vw - 430px); padding: 10px 12px; border: 1px solid #466d83; border-radius: 8px; background: #081722ee; color: #d8f5ff; box-shadow: 0 6px 20px #0004; }
.mc-overview-title { display: block; width: auto; height: auto; white-space: nowrap; min-height: 26px; margin: 0 0 7px; border: 0; padding: 0; background: transparent; color: #c1ecff; font: 600 12px/1.4 system-ui,sans-serif; cursor: pointer; }
.mc-overview-cars { display: flex; align-items: center; gap: 7px; }
.mc-overview-cars button { flex: 1; min-width: 0; min-height: 44px; padding: 6px 4px; border: 1px solid #617b8e; border-radius: 6px; background: #172a39; color: #d5e7f3; font: 600 12px/1.4 system-ui,sans-serif; cursor: pointer; }
.mc-overview-cars button[aria-pressed="true"] { border-color: #70e8ff; background: #153e53; color: #c1fbff; box-shadow: 0 0 0 2px #1ca7cd44; }
.mc-overview button:focus-visible { outline: 3px solid #ffce70; outline-offset: 2px; }
.mc-overview-blocked { flex: none; font: 700 24px/1 system-ui,sans-serif; color: #ff6565; }
@media (max-width: 1120px) and (min-width: 721px) {
 .mc-overview { left: calc(50% + 70px); width: 360px; max-width: calc(100vw - 390px); }
 .mc-label { font-size: 11px; padding: 5px 7px; }
}
@media (max-width: 720px) {
 .mc-overview { left: 8px; right: 8px; bottom: 228px; transform: none; width: auto; max-width: none; padding: 6px 8px; }
 .mc-overview-title { margin-bottom: 4px; min-height: 20px; font-size: 11px; }
 .mc-overview-cars { gap: 5px; }
 .mc-overview-cars button { min-height: 38px; font-size: 10px; padding: 4px; }
 .mc-overview-blocked { font-size: 18px; }
 .mc-label { font-size: 10px; padding: 3px 5px; }
 .mc-label-exit { gap: 2px; transform: translate(-50%, 24px); }
 .mc-label-exit img { width: 26px; height: 26px; }
 .mc-station-badge { right: 8px; bottom: 314px; font-size: 10px; padding: 3px 6px; }
 body.metro-carriage-dashboard-mode #metroCarriageAlarmStack .alarm-toast:not(:first-child) { display: none; }
}