.status-actions { display: flex; gap: 10px; align-items: center; }
.status small { display: block; color: var(--muted); margin-top: 4px; }
.reading em { display: block; margin-top: 9px; color: var(--ink); font-style: normal; font-weight: 750; }
select { display: block; width: 100%; margin-top: 6px; border: 1px solid var(--line); border-radius: 9px; padding: 11px; background: #fff; color: var(--ink); font: inherit; }
input::placeholder { color: var(--muted); font-style: italic; opacity: .8; }
.setting-toggle { justify-self: end; min-height: 42px; margin-top: 22px; padding: 0; color: var(--ink); white-space: nowrap; }
.settings-divider { grid-column: 1 / -1; height: 1px; margin: 4px 0 2px; background: var(--line); }
.section-break { margin: 28px 0 0; }
.road { grid-template-columns: 34px 2fr 1fr 1fr auto 44px; align-items: center; }
.road-order { display: grid; grid-template-rows: 1fr 1fr; gap: 3px; height: 42px; margin-top: 6px; }
.move-road { display: grid; width: 30px; min-height: 0; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--red-deep); font-size: 12px; line-height: 1; box-shadow: none; }
.move-road:disabled { opacity: .25; cursor: default; }
.map-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 6px; padding: 0 12px; border: 1px solid #cf142b33; border-radius: 9px; background: #fff5f6; color: var(--red-deep); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.map-link:hover { filter: brightness(1.08); }
.map-link.disabled { opacity: .45; pointer-events: none; color: var(--muted); }
@media (max-width: 700px) { .road { grid-template-columns: 34px 1fr 1fr; } .road [data-field="name"] { grid-column: 2 / span 2; } .map-link { grid-column: 2 / span 1; } }
.settings-panel { padding: 0; overflow: hidden; }
.settings-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 24px; }
.settings-summary h2 { margin: 4px 0 0; }
.accordion-toggle { display: grid; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid #cf142b33; border-radius: 11px; background: #fff5f6; color: var(--red-deep); box-shadow: none; }
.accordion-toggle svg { display: block; width: 20px; height: 20px; margin: auto; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.accordion-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.settings-content { padding: 22px 24px 24px; border-top: 1px solid var(--line); }
.settings-content[hidden] { display: none; }
@media (max-width: 700px) {
  .status-actions { width: 100%; flex-wrap: wrap; }
}