/* Camera and site selectors; shared by the root and property-address entries. */
#camera-list { display: block; }
#camera-list .camera-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  gap: 7px;
}
#camera-list .camera-entry {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  min-height: 72px;
  padding: 10px 9px;
  text-align: left;
  background: #fff;
  color: #30332e;
  border-color: #d8d5cc;
}
#camera-list .camera-entry-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3px 6px;
}
#camera-list .camera-code { font-size: 13px; line-height: 1.2; color: #985021; }
#camera-list .camera-arrangement { font-size: 9px; line-height: 1.3; font-weight: 500; color: #62655c; }
#camera-list .camera-location { font-size: 11px; line-height: 1.45; font-weight: 550; overflow-wrap: anywhere; }
#camera-list .camera-entry:hover { background: #f7efe7; border-color: #b98560; }
#camera-list .camera-entry.inactive { border-style: dashed; color: #5b5e55; }
#camera-list .camera-entry.optional-item:not([aria-pressed="true"]) .camera-code { color: #396b66; }
#camera-list .camera-entry[aria-pressed="true"] { background: #202020; color: #fff; border-color: #202020; }
#camera-list .camera-entry[aria-pressed="true"] .camera-code { color: #ffb887; }
#camera-list .camera-entry[aria-pressed="true"] .camera-arrangement { color: #e3e4dd; }
#camera-list .camera-list-help { margin: 10px 0 18px; color: #66695f; font-size: 10px; line-height: 1.55; }
#camera-list .selector-section-heading { margin: 0 0 8px; font-size: 11px; font-weight: 650; color: #45483f; }
#camera-list .site-annotation-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
#camera-list .site-annotation-entry { min-height: 44px; min-width: 0; padding: 9px; text-align: left; font-size: 11px; line-height: 1.4; }