/* UMBRAoperator UI normalization — dashboard typography baseline */
:root {
  --umbra-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--umbra-font) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

header, main, .card, input, select, button, .button, a {
  font-family: var(--umbra-font) !important;
}

.brand, h1 {
  font-size: 22px !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
}

.sub, .role, .status, .meta, .note, .cam-status {
  font-size: 12px !important;
}

h2, .title, .ptz-title {
  font-size: 15px !important;
  letter-spacing: .12em !important;
}

nav a, button, .button, input, select {
  font-size: 13px !important;
}

.plate {
  font-size: 28px !important;
}

.ptz-panel.umbra-hidden {
  display: none !important;
}

@media(max-width:720px) {
  body { font-size: 14px !important; }

  .brand, h1 {
    font-size: 17px !important;
  }

  h2, .title, .cam-name {
    font-size: 12px !important;
  }

  .sub, .role, .status, .meta, .note, .cam-status, .ptz-sub {
    font-size: 10.5px !important;
  }

  nav a, button, .button, input, select {
    font-size: 14px !important;
  }

  .plate {
    font-size: 22px !important;
  }
}