html:not([data-theme="light"]) .atlas-panel{border-color: #294154}
.atlas-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 16px; border-bottom: 1px solid}
html:not([data-theme="light"]) .atlas-head{border-bottom-color: #263442}
.atlas-head > div:first-child{display: grid; gap: 5px}
.atlas-head span,
.atlas-config-grid label > span{font-size: 10px; font-weight: 800; letter-spacing: .09em}
html:not([data-theme="light"]) .atlas-head span, html:not([data-theme="light"]) .atlas-config-grid label > span{color: #7f91a3}
.atlas-head h2{margin: 0; font-size: 26px}
html:not([data-theme="light"]) .atlas-head h2{color: #eef4fa}
.atlas-head p{margin: 0}
html:not([data-theme="light"]) .atlas-head p{color: #98a8b8}
.atlas-actions{display: flex; gap: 8px; flex-wrap: wrap}
.atlas-actions button,
.atlas-source-row button{min-height: 36px; border: 1px solid; padding: 0 14px; font-weight: 800}
html:not([data-theme="light"]) .atlas-actions button, html:not([data-theme="light"]) .atlas-source-row button{border-color: #334759; background: #0d151e; color: #b9c7d3}
html:not([data-theme="light"]) .atlas-actions .engine-state.on, html:not([data-theme="light"]) .atlas-source-row button.active{border-color: #34c789; color: #42dc9b; background: #0d1c18}
html:not([data-theme="light"]) .atlas-actions .engine-state.off{border-color: #8b454b; color: #ff737c}
.atlas-error{margin-top: 12px; border-left: 3px solid; padding: 10px 12px; font-size: 12px}
html:not([data-theme="light"]) .atlas-error{border-left-color: #ff6868; background: #1c1115; color: #ff9a9f}
.atlas-stat-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px}
.atlas-config-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px}
.atlas-config-grid label{display: grid; gap: 6px}
.atlas-config-grid input,
.atlas-config-grid select{width: 100%; min-width: 0}
.atlas-source-row{display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding: 12px; border: 1px solid}
html:not([data-theme="light"]) .atlas-source-row{border-color: #263442; background: #0c131b}
.atlas-source-row > strong{margin-right: 5px}
html:not([data-theme="light"]) .atlas-source-row > strong{color: #d9e3ec}
.atlas-source-row > small{flex: 1 1 260px; text-align: right}
html:not([data-theme="light"]) .atlas-source-row > small{color: #8495a6}
.atlas-map-table{margin-top: 0; overflow-x: auto; border: 1px solid; border-top: 0}
html:not([data-theme="light"]) .atlas-map-table{border-color: #263442}
.atlas-map-toggle{width: 100%; min-height: 54px; margin-top: 16px; padding: 10px 14px; border: 1px solid; display: flex; align-items: center; justify-content: space-between; gap: 16px; text-align: left; cursor: pointer}
html:not([data-theme="light"]) .atlas-map-toggle{border-color: #263442; background: #0c151d; color: #d9e3ec}
html:not([data-theme="light"]) .atlas-map-toggle:hover{border-color: #3e6477; background: #101d27}
.atlas-map-toggle span{display: grid; gap: 4px}
.atlas-map-toggle strong{font: 800 10px "IBM Plex Mono"; letter-spacing: .09em}
.atlas-map-toggle small{font-size: 10px}
html:not([data-theme="light"]) .atlas-map-toggle small{color: #7f91a3}
.atlas-map-toggle b{font: 800 9px "IBM Plex Mono"; letter-spacing: .07em; white-space: nowrap}
html:not([data-theme="light"]) .atlas-map-toggle b{color: #62dcc1}
.atlas-map-head,
.atlas-map-row{display: grid; grid-template-columns: 1.1fr 1.1fr 1.3fr 1.6fr 1.7fr 1.15fr 1fr 1.3fr; gap: 12px; align-items: center; min-width: 1180px; padding: 11px 13px}
.atlas-map-head{font-size: 10px; font-weight: 800; letter-spacing: .07em}
html:not([data-theme="light"]) .atlas-map-head{background: #111b25; color: #718497}
.atlas-map-row{border-top: 1px solid; font-size: 12px}
html:not([data-theme="light"]) .atlas-map-row{border-top-color: #202d39; color: #c4d0da}
html:not([data-theme="light"]) .atlas-map-row:hover{background: #0e1821}
.atlas-map-row > strong,
.atlas-map-row > span,
.atlas-map-row > b{display: grid; gap: 3px; min-width: 0}
.atlas-map-row small{font-size: 10px; font-weight: 600}
html:not([data-theme="light"]) .atlas-map-row small{color: #738698}
html:not([data-theme="light"]) .atlas-map-row .up{color: #44d99b}
html:not([data-theme="light"]) .atlas-map-row .down{color: #ff6f78}
.atlas-empty{padding: 28px; text-align: center}
html:not([data-theme="light"]) .atlas-empty{color: #8293a4}
@media (max-width: 1100px) {.atlas-config-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (max-width: 700px) {.atlas-head,
  .atlas-source-row{align-items: stretch; flex-direction: column}
.atlas-actions,
  .atlas-stat-grid,
  .atlas-config-grid{grid-template-columns: 1fr}
.atlas-stat-grid{display: grid}
.atlas-source-row > small{flex-basis: auto; text-align: left}}