#observationSiteSettings [hidden] { display:none !important; }
.site-mode-switch { display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px;padding:0;border:0;min-width:0; }
.site-mode-switch label { display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:6px 4px;border:1px solid #475569;background:#0b1220;color:#cbd5e1;font-size:11px;cursor:pointer; }
.site-mode-switch label.is-active { border-color:#22d3ee;background:#083344;color:#cffafe; }
.site-mode-switch input { accent-color:#22d3ee; }
.site-mode-switch label:has(input:disabled) { opacity:.5;cursor:default; }
.site-mode-switch label:focus-within { outline:2px solid #67e8f9;outline-offset:2px; }
#observationSiteSettings select { width:100%;min-width:0;min-height:36px;background:#050a12;border:1px solid #475569;padding:6px 8px;color:#f1f5f9;font-size:12px;color-scheme:dark; }
#observationSiteSettings input:focus-visible, #observationSiteSettings select:focus-visible { outline:2px solid #67e8f9;outline-offset:2px; }
#observationSiteSettings input:disabled, #observationSiteSettings select:disabled { opacity:.5; }
.site-field-label { display:block;margin-bottom:5px;font-size:10px;color:#cbd5e1; }
.site-city-coordinates { min-height:16px;margin-top:7px;color:#a5f3fc;font:11px/1.4 ui-monospace,monospace; }
.site-selector-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }