.proid-map-reference-stack { display: grid; gap: 3px; padding-bottom: 9px; position: relative; font: 12px/1.25 system-ui, sans-serif; }
.proid-map-reference-stack::after { content: ''; position: absolute; bottom: 2px; left: calc(50% - 5px); width: 10px; height: 10px; transform: rotate(45deg); background: white; border-right: 1px solid #bdc9c4; border-bottom: 1px solid #bdc9c4; }
.proid-map-reference { display: flex; align-items: center; gap: 7px; max-width: 220px; padding: 7px 10px; background: white; color: #2e444b; border: 1px solid #c9d1cc; border-radius: 7px; box-shadow: 0 2px 7px #253d3529; }
.proid-map-reference-icon { display: grid; place-items: center; flex: 0 0 24px; color: #af482f; }
.proid-map-reference-icon svg { width: 23px; height: 23px; }
.proid-map-reference.pdv .proid-map-reference-icon { color: #38634e; }
.proid-map-reference-logo { width: 31px; height: 31px; flex: 0 0 31px; object-fit: contain; }
.proid-map-reference-label { min-width: 0; display: grid; gap: 2px; }
.proid-map-reference-label small { font-size: 9px; font-weight: 500; color: #61736c; }
.proid-map-reference-label strong { font-size: 11px; max-width: 156px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proid-map-reference-info { max-width: 290px; padding: 5px; color: #263b42; font: 13px/1.5 system-ui, sans-serif; }
.proid-map-reference-info section + section { border-top: 1px solid #e1e7e3; padding-top: 10px; margin-top: 10px; }
.proid-map-reference-info small { font-size: 10px; color: #61737a; }
.proid-map-reference-info h4 { margin: 4px 0; font-size: 16px; }
.proid-map-reference-info p { margin: 0; }
.mkt-map-reference-controls { display: flex; flex-wrap: wrap; gap: 12px; padding: 12px 24px; border-top: 1px solid #e1e7e3; font-size: 12px; color: #465d54; }
.mkt-map-reference-controls > span { font-weight: 600; }
.mkt-map-reference-controls label { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.mkt-map-reference-controls input { width: 15px; height: 15px; accent-color: #38634e; }
.mkt-map-reference-controls small { margin-left: auto; color: #61737a; font-size: 11px; }
.mkt-map-unavailable .mkt-map-reference-controls { display: none; }
@media (max-width: 650px) {
  .mkt-map-reference-controls { padding: 12px 14px; gap: 10px; }
  .mkt-map-reference-controls small { width: 100%; margin: 0; }
  .proid-map-reference { max-width: 190px; padding: 6px 8px; gap: 5px; }
  .proid-map-reference-label strong { max-width: 125px; }
}