/* Territory — page basics. Component styles live inline in each screen's template, exactly as designed. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

html { background: #0A0C0F; }
body { margin: 0; background: #0A0C0F; color: #E8EAED; font-family: 'Geist', system-ui, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; }
a { color: #8CCFE3; }
a:hover { color: #B9E3F0; }
#app { min-height: 100vh; }

/* Scrollbars in the same dark tone as the UI (thin, no arrows, hidden track). */
* { scrollbar-width: thin; scrollbar-color: #2B323C transparent; }
*:hover { scrollbar-color: #3A424D transparent; }

.rmp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rmp button:focus-visible, .rmp a:focus-visible, .rmp input:focus-visible, .rmp select:focus-visible,
.rml a:focus-visible, .rml input:focus-visible, .rml button:focus-visible,
.rma button:focus-visible, .rma a:focus-visible, .rma input:focus-visible, .rma select:focus-visible { outline: 2px solid #6FC3DF; outline-offset: 2px; }
.rmp button, .rma button, .rml button { font: inherit; color: inherit; }
.rmp input::placeholder, .rma input::placeholder, .rml input::placeholder { color: #737C89; }
.rmp select option, .rma select option { background: #111418; color: #E8EAED; }

.rml-cta:hover { background: #FFFFFF !important; }
.rmp-hit:hover { background: rgba(111,195,223,0.10) !important; }
.rmp-row:hover { background: #161A20 !important; }
.rmp-link { display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding: 0 10px; border-radius: 6px; border: 1px solid #262C35; color: #C3C8D0 !important; text-decoration: none; font-size: 12px; }
.rmp-link:hover { background: #161A20; color: #F1F3F5 !important; }
.rmp-tr:hover { background: #161A20; }
.rmp-item:hover { background: #161A20 !important; }
.rma-tr:hover { background: #13171C; }
.rma-btn:hover { background: #1A1F26 !important; }
.rma-select, .rmp-select { appearance: none; -webkit-appearance: none; }
.rmp-select:hover { border-color: #3A414C !important; }
.rmp-select option { background: #111418; color: #E8EAED; }
.rma-select:hover { border-color: #3A414C !important; }
.rma-select optgroup { background: #111418; color: #8B94A1; font-style: normal; font-weight: 600; }
.rma-select option { background: #111418; color: #E8EAED; padding: 6px 0; }

@media (min-width: 981px) {
  .rmp-map, .rmp-panel { height: 100%; }
}
@media (max-width: 980px) {
  main > * { min-width: 0; }
  .rmp-body { height: auto !important; }
  .rmp-map { height: 78vh; min-height: 520px; }
  .rmp-panel { border-left: 0 !important; border-top: 1px solid #1E232B; }
}

@media (max-width: 600px) {
  .rmp-styles { position: absolute; top: auto !important; bottom: 150px; right: 0; }
  .rmp-styles button span { display: none; }
}

/* Print: the Reports page prints its one-page report (.rmp-print), nothing else. */
.rmp-print { display: none; }
@page { size: Letter landscape; margin: 0; }
@media print {
  html, body { background: #FFFFFF !important; color: #0F1216; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  html, body, #app { height: 215.9mm; min-height: 0 !important; overflow: hidden; }
  .rmp > :not(.rmp-print) { display: none !important; }
  .rmp { background: #FFFFFF !important; color: #0F1216 !important; min-height: 0 !important; }
  .rmp-print { display: flex; }
  * { scrollbar-width: none; }
}