/* Deliberately scoped: the standard console remains the default. */
body.dispatch-mcc {
    color: #242424;
    background: #e8e7e2;
    font-family: Arial, Helvetica, sans-serif;
    --console-scrollbar-thumb: #999b9c;
    --console-scrollbar-track: #d4d4d0;
}
#mcc-console { display: none; }
.dispatch-mcc #mcc-console {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-width: 620px;
    font-size: 12px;
    background: #e8e7e2;
}
.dispatch-mcc #topbar-container,
.dispatch-mcc #app-shell { display: none; }
#mcc-console *, #mcc-console *::before, #mcc-console *::after { box-sizing: border-box; }
#mcc-console button, #mcc-console input { font: inherit; }
#mcc-console button { color: inherit; cursor: pointer; }
#mcc-console button:disabled { cursor: default; opacity: .55; }
#mcc-console button:focus-visible, #mcc-console input:focus-visible { outline: 2px solid #0066aa; outline-offset: 1px; position: relative; z-index: 2; }
#mcc-console svg { width: 30px; height: 30px; flex: 0 0 auto; }
.mcc-titlebar { height: 27px; flex: 0 0 27px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border-bottom: 1px solid #b5b6b6; background: #f7f7f5; font-size: 12px; }
.mcc-app-icon { width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 10px; color: white; background: #1c4662; }
.mcc-session { margin-left: auto; color: #4c5458; font-weight: bold; }
.mcc-menubar { flex: 0 0 26px; display: flex; align-items: center; padding: 0 7px; border-bottom: 1px solid #a3a3a1; background: #eeeee9; }
.mcc-menubar button { background: none; border: 1px solid transparent; padding: 3px 9px; }
.mcc-menubar button:hover { border-color: #9b9b97; background: #deded9; }
.mcc-community { margin-left: auto; padding-right: 5px; color: #656563; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcc-toolbar { display: flex; align-items: stretch; flex: 0 0 67px; gap: 13px; padding: 5px 12px 6px; background: linear-gradient(#f5f5f2, #d3d3cf); border-top: 1px solid white; border-bottom: 1px solid #858683; }
.mcc-brand { display: flex; gap: 8px; align-items: center; padding-right: 14px; min-width: 190px; border-right: 1px solid #afafab; font-size: 19px; font-weight: 800; letter-spacing: 1px; }
.mcc-brand-mark { width: 37px; height: 37px; color: white; text-align: center; line-height: 37px; background: #244e6b; border-radius: 50%; font-style: italic; font-family: Georgia, serif; font-size: 27px; }
.mcc-brand div > span { display: block; font-size: 8px; letter-spacing: 2.4px; margin-top: 2px; color: #6b6b67; }
.mcc-tools { display: flex; gap: 3px; align-items: stretch; }
#mcc-console .mcc-tool { min-width: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 3px 7px; border: 1px solid #9a9b98; border-radius: 2px; background: linear-gradient(#fbfbf8, #cececa); box-shadow: inset 1px 1px #fff, inset -1px -1px #b3b3af; }
.mcc-tool > span { font-size: 10px; white-space: nowrap; }
#mcc-console .mcc-tool:hover { background: #f4f4ef; border-color: #717974; }
#mcc-console .mcc-tool:active, #mcc-console .mcc-tool[aria-pressed="true"] { background: #c1c7c7; box-shadow: inset 1px 1px 2px #7e8282; }
#mcc-console .mcc-tool.is-down { background: #cf5144; }
.mcc-clock-block { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
.mcc-clock { font-size: 39px; line-height: 1.05; color: #171717; font-variant-numeric: tabular-nums; letter-spacing: -1px; }
.mcc-clock-block > span { font-size: 8px; letter-spacing: 2px; color: #73736d; }
.mcc-navigation { display: flex; align-items: stretch; flex: 0 0 30px; background: #d2d2cd; border-bottom: 1px solid #8e908b; }
.mcc-tabs { display: flex; overflow-x: auto; flex: 1; min-width: 0; }
.mcc-tabs button { min-width: 125px; flex: 1; padding: 5px 14px; white-space: nowrap; border: 0; border-right: 1px solid #969891; border-top: 1px solid #fff; background: linear-gradient(#e9e9e4, #cdcdc7); font-weight: bold !important; font-size: 11px !important; }
.mcc-tabs button[aria-current="page"] { background: #f9f9f4; box-shadow: inset 0 -3px #1c4a69; }
.mcc-search { display: flex; gap: 6px; align-items: center; padding: 2px 6px; font-size: 11px; }
.mcc-search input { width: 145px; border: 1px solid #92938d; border-radius: 0; background: #f6f6f1; color: #222; padding: 3px 5px; }
.mcc-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 16px; padding: 0 12px 20px; flex: 1; min-height: 0; overflow: auto; align-content: start; }
.mcc-main, .mcc-side { min-width: 0; }
.mcc-page-caption { display: flex; justify-content: space-between; height: 29px; align-items: center; font-size: 10px; color: #6d6e68; letter-spacing: .4px; }
.mcc-page-title { font-weight: bold; }
.mcc-resources { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; gap: 30px 7px; }
.mcc-resource { min-width: 0; padding: 3px; border: 1px solid #4a4b52; background: #191a36; box-shadow: inset 1px 1px #ecece6, inset -1px -1px #73737a, 1px 1px 0 #fff; color: #f5f5f1; }
.mcc-resource-head { display: flex; gap: 4px; align-items: stretch; height: 51px; padding: 2px 0 4px; }
.mcc-resource-lamp { flex: 0 0 11px; width: 11px; height: 10px; background: #35364b; border: 1px solid #111325; margin: 3px 0; }
#mcc-console .mcc-instant-ptt { width: 40px; padding: 1px; display: grid; place-items: center; border: 1px solid #929491; box-shadow: inset 1px 1px white, inset -1px -1px #a0a19d; background: linear-gradient(#fafaf6, #c9c9c5); border-radius: 1px; flex: 0 0 40px; }
#mcc-console .mcc-instant-ptt svg { width: 32px; height: 37px; }
#mcc-console .mcc-instant-ptt[aria-disabled="true"] svg { opacity: .5; }
#mcc-console .mcc-instant-ptt:active, #mcc-console .mcc-instant-ptt.is-down { background: #f88c6c; box-shadow: inset 1px 1px 2px #744b3c; }
#mcc-console .mcc-select-resource { min-width: 0; flex: 1; border: 0; padding: 0; text-align: left; background: none; color: #fff; line-height: 14px; }
.mcc-select-resource strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 15px; }
.mcc-select-resource > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f6e963; font-size: 10px; line-height: 12px; }
#mcc-console .mcc-channel-options { align-self: flex-start; background: none; border: 0; padding: 0 2px; color: #d6d6de; font-size: 15px; }
.mcc-resource-tools { display: flex; flex-direction: column; justify-content: space-between; width: 16px; flex: 0 0 16px; }
#mcc-console .mcc-fold { padding: 0; line-height: 16px; width: 15px; height: 16px; background: #d4d5cf; color: #31342d; border: 1px solid #999e8e; }
.mcc-compact-bank { margin-top: 22px; }
.mcc-compact-resources { display: flex; flex-direction: column; gap: 4px; }
.mcc-resource.is-compact .mcc-resource-controls, .mcc-resource.is-compact .mcc-call-history, .mcc-resource.is-compact .mcc-resource-foot { display: none; }
.mcc-resource.is-compact .mcc-resource-head { padding-bottom: 0; height: 46px; }
.mcc-resource-controls { display: flex; height: 34px; gap: 3px; margin-bottom: 3px; }
.mcc-resource-controls > button { width: 32px; padding: 1px; flex: 0 0 32px; display: grid; place-items: center; border: 1px solid #92938e; border-radius: 1px; background: #e1e1dc; box-shadow: inset 1px 1px #fff, inset -1px -1px #b7b7b0; color: #383b38 !important; }
.mcc-resource-controls > button svg { width: 26px !important; height: 26px !important; }
.mcc-resource-controls > label { min-width: 0; display: flex; align-items: center; padding: 0 5px; flex: 1; background: #e1e1dc; border: 1px solid #979892; box-shadow: inset 1px 1px #fff; }
.mcc-volume { appearance: none; width: 100%; min-width: 20px; height: 4px; background: #898d89; border-bottom: 1px solid #f8f8f2; cursor: pointer; margin: 0; }
.mcc-volume::-webkit-slider-thumb { appearance: none; width: 9px; height: 20px; background: #008cd2; border: 1px solid #006197; border-top-color: #5ed2ff; border-left-color: #5ed2ff; border-radius: 0; }
.mcc-volume::-moz-range-thumb { width: 8px; height: 18px; background: #008cd2; border: 1px solid #006197; border-radius: 0; }
.mcc-call-history { height: 48px; overflow: auto; background: #e6e6df; color: #33332e; border: 1px solid #898a85; box-shadow: inset 1px 1px #a9aaa3; scrollbar-width: thin; }
.mcc-history-row { display: flex; gap: 4px; justify-content: space-between; height: 15px; line-height: 15px; padding: 0 3px; font-size: 10px; }
.mcc-history-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcc-history-row time { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.mcc-history-row.current { background: #2688b5; color: white; }
.mcc-history-empty { padding: 4px; color: #7d7e76; font-size: 10px; }
.mcc-resource-foot { display: flex; justify-content: space-between; gap: 4px; padding: 2px 2px 0; line-height: 10px; min-height: 14px; font-size: 8px; letter-spacing: .4px; }
.mcc-resource-id { color: #bcbdc1; text-align: right; }
.mcc-resource.is-selected { outline: 2px solid #487d9c; outline-offset: 1px; }
.mcc-resource.is-selected .mcc-resource-lamp { background: #36b9f3; border-color: #86dafe; }
.mcc-resource.is-monitored .mcc-monitor { background: #8ec4d1; }
.mcc-resource.is-receiving { background: #17633d; }
.mcc-resource.is-receiving .mcc-resource-lamp { background: #67f193; border-color: #befdc9; }
.mcc-resource.is-transmitting { background: #a43c28; }
.mcc-resource.is-transmitting .mcc-resource-lamp { background: #ffc06b; border-color: #fff2c9; }
.mcc-resource.is-emergency { border-color: #c33127; outline: 2px solid #d84235; outline-offset: 1px; }
.mcc-resource.is-emergency .mcc-resource-foot { background: #b22620; color: white; }
.mcc-paging { margin-top: 34px; }
.mcc-section-label { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 10px; font-weight: bold; letter-spacing: .5px; color: #55564f; }
.mcc-section-label > span + span, .mcc-paging .mcc-section-label > span { font-size: 9px; font-weight: normal; letter-spacing: 0; color: #7a7b73; }
.mcc-section-label > button { background: none; border: 0; font-size: 10px !important; text-decoration: underline; }
.mcc-page-keys { display: flex; flex-wrap: wrap; gap: 5px; max-width: 850px; }
#mcc-console .mcc-page-key { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 5px; width: 99px; min-height: 58px; padding: 5px 7px; color: white; border: 1px solid #376444; box-shadow: inset 1px 1px #9ec5a0, inset -1px -1px #234d32, 1px 1px #fff; background: #287449; }
.mcc-page-key > span { width: 100%; text-align: center; font-size: 10px; line-height: 12px; }
.mcc-page-key svg { width: 29px !important; height: 23px !important; padding: 1px 4px; box-sizing: content-box !important; border: 1px solid #a1b4a0; background: #d4dbca; }
#mcc-console .mcc-page-key:hover { background: #318957; }
.mcc-page-keys p, .mcc-units p, .mcc-monitors p { margin: 8px 0; color: #77796e; font-size: 11px; line-height: 1.5; }
.mcc-selected-panel { margin-top: 35px; max-width: 850px; }
.mcc-units { display: flex; flex-wrap: wrap; gap: 4px; }
#mcc-console .mcc-unit { background: #deded8; border: 1px solid #a2a39a; box-shadow: inset 1px 1px #f8f8f4; padding: 6px 8px; min-width: 112px; text-align: left; }
.mcc-unit strong, .mcc-unit span, .mcc-unit small { display: block; }
.mcc-unit span { color: #777; font-size: 10px; padding: 2px 0; }
.mcc-unit small { font-size: 8px; color: #3b6850; }
#mcc-console .mcc-unit.emergency { background: #f0c2b6; }
.mcc-side { padding-top: 29px; }
.mcc-patches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.mcc-patches button { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 25px; padding: 2px 3px; font-style: italic !important; background: #deded7; border: 1px solid #b8b9b1; box-shadow: inset 1px 1px #f9f9f4; color: #626459 !important; }
.mcc-patches button.is-patched { background: #bbd3bb; color: #25482b !important; border-color: #788b73; font-style: normal !important; }
.mcc-patch-controls { display: flex; justify-content: flex-end; padding-top: 6px; }
.mcc-patch-controls .mcc-tool { flex: 1; flex-direction: row !important; height: 37px; }
.mcc-monitor-bank { margin-top: 20px; }
.mcc-monitors { min-height: 130px; max-height: 215px; overflow: auto; padding: 5px; background: #f1f1eb; border: 1px solid #9b9c93; box-shadow: inset 1px 1px #b6b7ae, 1px 1px white; }
.mcc-monitors button { display: flex; justify-content: space-between; align-items: center; gap: 6px; width: 100%; text-align: left; background: none; border: 0; padding: 5px 6px; font-weight: bold !important; }
.mcc-monitors button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mcc-monitors button.is-selected { color: #fff !important; background: #366a8c; }
.mcc-monitors button small { font-size: 9px; font-weight: normal; }
.mcc-emergency-status { margin-top: 21px; }
.mcc-emergency-summary { width: 100%; padding: 10px 6px; background: #dcded4; border: 1px solid #adaf9f; color: #6b715e !important; text-align: left; }
.mcc-emergency-summary.has-emergency { background: #b33128; color: white !important; border-color: #98251c; }
.mcc-legend { display: flex; flex-wrap: wrap; gap: 7px 10px; padding-top: 18px; color: #74776a; font-size: 9px; }
.mcc-legend span { display: flex; align-items: center; gap: 4px; }
.mcc-legend i { display: inline-block; width: 6px; height: 6px; background: #487d9c; }
.mcc-legend .receive { background: #26864d; }.mcc-legend .transmit { background: #a43c28; }.mcc-legend .emergency { background: #e84235; }
.mcc-statusbar { flex: 0 0 25px; display: flex; align-items: center; gap: 0; min-width: 0; background: #d6d6d0; border-top: 1px solid #999a92; box-shadow: inset 0 1px #fbfbf6; font-size: 10px; }
.mcc-statusbar > span { padding: 3px 12px; border-right: 1px solid #aaa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mcc-statusbar > button { margin-left: auto; margin-right: 6px; background: none; border: 0; font-size: 10px !important; text-decoration: underline; white-space: nowrap; }
.mcc-connection { color: #9c372c; }.mcc-connection.online { color: #34633f; }
.mcc-connection::before { content: ''; display: inline-block; width: 6px; height: 6px; background: currentColor; margin-right: 6px; }
.mcc-emergency-window, .mcc-help { position: fixed; z-index: 45; top: 28%; left: 42%; width: 340px; max-width: calc(100vw - 24px); border: 1px solid #7b7d73; padding: 3px; background: #e4e5dc; box-shadow: inset 1px 1px white, 4px 5px 12px #0004; }
.mcc-emergency-window > header, .mcc-help > header { display: flex; align-items: center; justify-content: space-between; padding: 4px 7px; background: linear-gradient(90deg, #386787, #b6cad3); color: white; font-size: 12px; }
.mcc-emergency-window header > button, .mcc-help header > button { background: #e0e1db; color: #333 !important; border: 1px solid #888; width: 21px; height: 20px; }
.mcc-emergency-list { max-height: 320px; overflow: auto; padding: 6px; background: #fafaf4; margin: 5px 0; border: 1px solid #aaac9e; }
.mcc-emergency-list article { padding: 8px 4px; border-bottom: 1px solid #d4d6c8; }
.mcc-emergency-list article > strong, .mcc-emergency-list article > span { display: block; margin-bottom: 5px; }.mcc-emergency-list article > strong { color: #a12b22; }
.mcc-emergency-list article > div { display: flex; gap: 5px; }
.mcc-emergency-list button, .mcc-emergency-window footer > button { padding: 5px 7px; border: 1px solid #969a8b; background: #e8e9df; box-shadow: inset 1px 1px white; }
.mcc-emergency-window > footer { display: flex; align-items: center; gap: 8px; justify-content: space-between; padding: 4px; font-size: 10px; color: #6d7063; }
.mcc-help { z-index: 46; width: 390px; top: 180px; left: auto; right: 24px; }.mcc-help p { margin: 12px; line-height: 1.55; }

/* Existing functional dialogs and utilities are shared by both workspaces. */
.dispatch-mcc .modal-card { color: #292b27; background: #e8e9e1; border: 1px solid #828779; border-radius: 1px; box-shadow: inset 1px 1px white, 5px 6px 24px #0005; }
.dispatch-mcc .modal-title, .dispatch-mcc .login-card h1, .dispatch-mcc .modal-field > span, .dispatch-mcc .patch-builder-title { color: #30372d; }
.dispatch-mcc .modal-subtitle, .dispatch-mcc .login-card p { color: #676d60; }
.dispatch-mcc .modal-field input:not([type="range"]), .dispatch-mcc .modal-field select, .dispatch-mcc .keybind-button { background: #fffef9; color: #292d25; border: 1px solid #9b9e8f; border-radius: 0; }
.dispatch-mcc .modal-secondary-button, .dispatch-mcc .modal-close-button { background: #dddfd4; color: #363b2e; border: 1px solid #949c85; border-radius: 1px; }
.dispatch-mcc .modal-primary-button, .dispatch-mcc .modal-danger-button { border-radius: 1px; }
.dispatch-mcc .patch-builder-card, .dispatch-mcc .patch-list-card, .dispatch-mcc .automated-call-preview { background: #d9ddd1; border-color: #b9c1ae; color: #353e2d; }
.dispatch-mcc .automated-call-preview-label, .dispatch-mcc .automated-chip-selected-label, .dispatch-mcc .patch-selected-label, .dispatch-mcc .automated-repeat-toggle { color: #424d38; }
.dispatch-mcc .floating-menu { color: #242b20; background: #e9ebe1; border: 1px solid #929b86; padding: 4px; border-radius: 1px; box-shadow: 3px 4px 10px #0004; }
.dispatch-mcc .floating-menu-item { color: #2d3525; border-radius: 0; font-weight: normal; }
.dispatch-mcc .floating-menu-item:hover { background: #c2d5dc; }
.dispatch-mcc .floating-menu-item.menu-tone-red { color: #a52722; }.dispatch-mcc .floating-menu-item.menu-tone-yellow { color: #756009; }.dispatch-mcc .floating-menu-item.menu-tone-blue { color: #1d558b; }
.dispatch-mcc.mcc-show-utilities #app-shell { display: block; position: fixed; z-index: 40; top: 151px; right: 12px; bottom: 32px; left: auto; width: min(560px, calc(100vw - 24px)); height: auto; min-height: 0; padding: 0; overflow: auto; margin: 0; border: 1px solid #888; box-shadow: 3px 3px 18px #0005; background: #e1e3d8; color: #30382a; }
.dispatch-mcc.mcc-show-utilities #left-sidebar { position: static; width: 100%; max-width: none; height: 100%; max-height: 100%; border-radius: 0; }
.dispatch-mcc.mcc-show-utilities #main-content { display: none; }
.dispatch-mcc .side-panel { background: #e8e9e1; border: 1px solid #a4ab97; border-radius: 0; box-shadow: inset 1px 1px white; }
.dispatch-mcc .panel-title, .dispatch-mcc .log-description, .dispatch-mcc .alert-title, .dispatch-mcc .patch-name { color: #303a29; }
.dispatch-mcc .log-source, .dispatch-mcc .log-time, .dispatch-mcc .alert-source, .dispatch-mcc .alert-age, .dispatch-mcc .alert-detail, .dispatch-mcc .patch-id, .dispatch-mcc .patch-manager-meta, .dispatch-mcc .patch-summary-label { color: #5c6652; }
.dispatch-mcc .log-type.radio, .dispatch-mcc .log-type.system { color: #276188; }.dispatch-mcc .log-type.unit { color: #34723f; }
.dispatch-mcc .activity-log-table, .dispatch-mcc .alerts-table { background: #f0f1e9; border-color: #a3ad95; border-radius: 0; }
.dispatch-mcc .alert-severity.info { color: #215a7e; background: #cadde1; }.dispatch-mcc .alert-severity.critical { color: #8f201c; background: #edcbc1; }.dispatch-mcc .alert-severity.warning { color: #705200; background: #e7dcaf; }
.dispatch-mcc .activity-log-head, .dispatch-mcc .alerts-head { background: #d8dcce; color: #535d49; }
.dispatch-mcc .activity-log-row, .dispatch-mcc .alert-row, .dispatch-mcc .patch-row, .dispatch-mcc .patch-manager-row { background: #f0f1e9; color: #303b27; border-color: #c3c8b7; border-radius: 0; }
.dispatch-mcc .patch-row.active { background: #d9e2cc; }
.dispatch-mcc .patch-action-button, .dispatch-mcc .channel-footer-button, .dispatch-mcc .zones-filter { background: #d6dacb; color: #35462a; border-color: #a7b29b; border-radius: 1px; }
.dispatch-mcc .zones-filter.active { background: #386787; color: white; }
.dispatch-mcc .panel-total-badge, .dispatch-mcc .patch-summary-count { background: #cfd8c3; color: #364c2b; border-color: #a5b393; border-radius: 1px; }
.dispatch-mcc .empty-console-card { color: #606d54; background: #e4e8d9; border-color: #aab599; border-radius: 0; }
.dispatch-mcc .patch-builder-card, .dispatch-mcc .patch-list-card, .dispatch-mcc .automated-call-preview { border-radius: 0; }
.dispatch-mcc .error-text { color: #a22820; }
.dispatch-mcc .toast-message { border-radius: 1px; font-weight: normal; }
@media (min-width: 1800px) { .mcc-workspace { grid-template-columns: minmax(0, 1fr) 266px; gap: 22px; }.mcc-resource-head { height: 57px; }.mcc-select-resource strong { font-size: 14px; }.mcc-call-history { height: 54px; }.mcc-history-row { height: 17px; line-height: 17px; font-size: 11px; } }
@media (max-width: 1279px) { .mcc-resources { grid-template-columns: repeat(auto-fill, minmax(204px, 1fr)); } }
@media (max-width: 1050px) { .mcc-brand { min-width: 0; padding-right: 8px; }.mcc-brand > div { display: none; }.mcc-toolbar { gap: 6px; }.mcc-clock { font-size: 29px; }.mcc-tool > span { font-size: 9px; }.mcc-workspace { grid-template-columns: minmax(0, 1fr) 200px; gap: 10px; }.mcc-search input { width: 120px; }.mcc-tabs button { min-width: 95px; }.mcc-community { max-width: 200px; } }
@media (max-width: 760px) { body.dispatch-mcc { overflow-x: auto; }.mcc-toolbar { padding: 5px; }.mcc-clock { font-size: 23px; }.mcc-brand { display: none; }#mcc-console .mcc-tool { min-width: 44px; padding: 3px 4px; }.mcc-workspace { grid-template-columns: minmax(0, 1fr) 176px; padding: 0 6px 12px; }.mcc-resources { grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); gap: 12px 6px; }.mcc-status-hint { display: none; }.mcc-emergency-window { left: 24px; } }