.field-ops-panel {
  width: 238px; box-sizing: border-box; padding: 16px; border-radius: 13px;
  background: #162731f2; color: #f3f7fb; border: 1px solid #4e8d91;
  box-shadow: 0 6px 24px #0004; font: 13px/1.4 system-ui, sans-serif;
}
.field-ops-eyebrow { color: #6be2cc; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.field-ops-title { display: block; margin-top: 4px; font-size: 17px; line-height: 1.3; }
.field-ops-tracker-status { color: #c9e7df; font-size: 11px; margin: 10px 0 13px; }
.field-ops-counts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ffffff21; border-bottom: 1px solid #ffffff21; padding: 10px 0; }
.field-ops-counts > div { display: grid; gap: 1px; }
.field-ops-counts strong { font-size: 20px; }
.field-ops-counts span { font-size: 11px; color: #b6c9d4; }
.field-ops-sources { color: #f7d28d; font-size: 10px; font-weight: 750; letter-spacing: .08em; margin: 10px 0; }
.field-ops-notice { font-size: 11px; color: #ffd6a1; }
.field-ops-notice:empty { display: none; }
.field-ops-actions { display: flex; gap: 8px; }
.field-ops-3d-button { display: block; width: 100%; margin-top: 8px; padding: 10px; border: 1px solid #65e0c4; border-radius: 7px; background: #163e44; color: #b6ffe9; cursor: pointer; font: 750 13px system-ui; }
.field-ops-3d-button:focus-visible { outline: 3px solid #ffd68c; outline-offset: 2px; }
.field-3d-overlay { position: fixed; inset: 20px; z-index: 200000; display: flex; flex-direction: column; background: #0b1926; color: #effbf8; border: 1px solid #54817f; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 40px #07141dd9, 0 24px 90px #0009; }
.field-3d-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 22px; font: 16px system-ui; background: #102530; }
.field-3d-header strong { letter-spacing: .04em; }
.field-3d-header button { border: 1px solid #8caaa7; border-radius: 7px; background: transparent; color: inherit; padding: 9px 17px; font: 650 13px system-ui; cursor: pointer; }
.field-3d-header button:focus-visible { outline: 3px solid #65e0c4; outline-offset: 2px; }
.field-3d-overlay iframe { width: 100%; flex: 1 1 0; min-height: 0; border: 0; }
body.theme-light .field-3d-header { background: #f1faf7; color: #183c40; }
body.theme-light .field-ops-3d-button { background: #d4f6e9; color: #17534a; }
@media (max-width: 600px) { .field-3d-overlay { inset: 4px; } .field-3d-header { padding: 9px 12px; font-size: 13px; } }
.field-ops-actions button { flex: 1; cursor: pointer; border: 1px solid #6c999c; border-radius: 7px; padding: 8px 10px; font: 650 12px system-ui; color: #f3f7fb; background: #27434e; }
.field-ops-actions button:first-child { background: #65e0c4; color: #15362f; border-color: #65e0c4; }
.field-ops-actions button:focus-visible { outline: 3px solid #ffd68c; outline-offset: 2px; }
.field-ops-icon { display: grid; place-items: center; box-sizing: border-box; background: #1b313b; border: 2px solid white; border-radius: 50%; color: #fff; box-shadow: 0 3px 10px #0005; font-size: 27px; }
.field-ops-icon-tracker { border-radius: 10px; background: #65e0c4; color: #183b31; }
.field-ops-icon-rid { background: #ffc977; color: #48300c; }
.field-ops-icon-rid svg { width: 26px; height: 26px; }
.field-ops-icon-aircraft { background: #849cfa; color: #16254f; }
.leaflet-tooltip.field-ops-tooltip { background: #162731f2; color: #f3f7fb; border: 1px solid #69878c; font: 650 11px/1.4 system-ui; padding: 5px 8px; border-radius: 5px; box-shadow: 0 2px 5px #0002; }
.leaflet-tooltip.field-ops-area-label { background: #e8faf4ed; color: #125d56; border: 1px dashed #148a85; }
.field-ops-popup { display: grid; gap: 7px; min-width: 175px; font: 12px/1.45 system-ui; }
.field-ops-popup strong { font-size: 14px; }
body.theme-light .field-ops-panel { background: #f7fcfaf5; color: #173340; border-color: #6eaaa3; box-shadow: 0 6px 24px #24463524; }
body.theme-light .field-ops-eyebrow { color: #086c60; }
body.theme-light .field-ops-tracker-status { color: #355f55; }
body.theme-light .field-ops-counts { border-color: #164d3525; }
body.theme-light .field-ops-counts span { color: #466571; }
body.theme-light .field-ops-sources { color: #825712; }
body.theme-light .field-ops-notice { color: #8b4300; }
body.theme-light .field-ops-actions button { background: #ebf4f1; color: #183b31; }
body.theme-light .field-ops-actions button:first-child { background: #65e0c4; }
@media (max-width: 520px) {
  .field-ops-panel { width: 205px; padding: 12px; }
  .field-ops-title { font-size: 15px; }
  .leaflet-tooltip.field-ops-tooltip { min-width: 115px; max-width: 175px; white-space: normal; }
}
.field-motion { margin:8px 0; padding:8px 0; border-top:1px solid #7895a344; }
.field-motion small { display:block; font-size:10px; margin-bottom:5px; }
.field-motion>div { display:flex; gap:4px; flex-wrap:wrap; }
.field-motion button { padding:5px 7px; font:600 11px system-ui; cursor:pointer; border:1px solid #7895a366; border-radius:5px; background:#173e44; color:#eefaf6; }
.theme-light .field-motion button { background:#e1f4ef; color:#183b37; }
.field-ops-icon>span { display:block; }