#onlineAtcOverlay { position: fixed; inset: 0; pointer-events: none; z-index: 100621; }
#onlineAtcOverlay button { position: absolute; left: 0; top: 0; pointer-events: auto; min-height: 32px; padding: 5px 8px; border: 1px solid #fff; border-radius: 9px; background: #245ecb; color: #fff; font: 700 11px system-ui; box-shadow: 0 2px 6px #0005; cursor: pointer; }
#onlineAtcOverlay [hidden], #onlineAtcOverlay[hidden] { display: none; }
#onlineAtcOverlay button { display: flex; align-items: center; gap: 6px; white-space: nowrap; transform-origin: top left; }
#onlineAtcOverlay .atcStationIcon { width: 18px; height: 18px; flex: 0 0 18px; }
#onlineAtcOverlay button[data-facility="APP"], #onlineAtcOverlay button[data-facility="DEP"] { background: #b56808; }
#onlineAtcOverlay button[data-facility="GND"], #onlineAtcOverlay button[data-facility="DEL"] { background: #267a48; }
#onlineAtcOverlay button[data-facility="CTR"] { background: #fff; color: #dc4823; border-color: #ff633d; }
#atcSectorCredit { position: fixed; bottom: 16px; left: 0; z-index: 100622; padding: 2px 4px; background: #fffddd; color: #244656; font: 9px system-ui; }
#atcSectorCredit a { color: inherit; }
@media(max-width:700px) { #atcSectorCredit { bottom: calc(var(--phone-nav, 68px) + 26px); max-width: 100%; } }
#onlineAtcDialog { box-sizing: border-box; width: min(410px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow: auto; border: 1px solid var(--ui-border, #dce7ed); border-radius: 20px; padding: 18px; background: var(--ui-surface, white); color: var(--ui-ink, #244656); font: 13px/1.5 system-ui; }
#onlineAtcDialog::backdrop { background: #071b2c66; backdrop-filter: blur(5px); }
#onlineAtcDialog .atcClose { position: sticky; top: 0; display: block; margin-left: auto; width: 44px; height: 44px; border: 0; border-radius: 10px; background: var(--ui-surface, white); color: inherit; font-size: 26px; cursor: pointer; }
#onlineAtcDialog article + article { border-top: 1px solid var(--ui-border, #dce7ed); padding-top: 16px; margin-top: 16px; }
#onlineAtcDialog h2 { margin: 8px 0; font-size: 21px; }
#onlineAtcDialog pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
#onlineAtcDialog .atcListen { display: block; padding: 12px; border-radius: 10px; background: #245ecb; color: white; text-decoration: none; font-weight: 700; }
@media(max-width:700px) { #onlineAtcOverlay button { min-height: 40px; } }