/* ON6UHF v4.3.163 — verkeersleidingslayout naar het goedgekeurde radarconcept. */
.radar160-head{min-height:58px;padding:10px 20px;background:linear-gradient(180deg,#081722,#04111a);border-bottom-color:rgba(128,205,224,.34)}
.radar160-head strong{font-size:clamp(.9rem,1.6vw,1.28rem);letter-spacing:.12em}
.radar163-sources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid rgba(102,193,214,.3);background:#04131d;color:#b9d0d5;font-family:var(--font-mono,"Roboto Mono",monospace)}
.radar163-sources>span{display:grid;grid-template-columns:9px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-width:0;padding:8px 12px;border-right:1px solid rgba(102,193,214,.17)}
.radar163-sources>span:last-child{border-right:0}.radar163-sources i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#91a4aa;box-shadow:0 0 8px currentColor}.radar163-sources b{overflow:hidden;color:#dceef1;font-size:.57rem;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}.radar163-sources small{overflow:hidden;color:#718e95;font-size:.49rem;text-overflow:ellipsis;white-space:nowrap}.radar163-sources [data-state="live"] i{background:#59ee91;box-shadow:0 0 10px #59ee91}.radar163-sources [data-state="live"] small{color:#70d898}.radar163-sources [data-state="offline"] i{background:#ff6575;box-shadow:0 0 10px #ff6575}.radar163-sources [data-state="offline"] small{color:#ef7a86}
.radar160-frame{background:#03121c;box-shadow:inset 0 0 80px rgba(0,0,0,.3)}
.radar160-map .leaflet-tile-pane{filter:saturate(.42) brightness(.52) contrast(1.35) hue-rotate(150deg)}
.radar160-summary{background:linear-gradient(180deg,#061722,#03111a);border-top:1px solid rgba(101,195,218,.36)}
.radar160-summary>span{position:relative;min-height:78px;border-right-color:rgba(99,190,211,.24)}
.radar160-summary>span:before{content:"";width:28px;height:3px;margin:0 auto 7px;border-radius:4px;background:#36d7f2;box-shadow:0 0 12px rgba(54,215,242,.45)}
.radar160-summary>span:nth-child(2):before{background:#59ee91;box-shadow:0 0 12px rgba(89,238,145,.45)}
.radar160-summary>span:nth-child(3):before{background:#ff6575;box-shadow:0 0 12px rgba(255,101,117,.45)}
.radar160-summary>span:nth-child(4):before{background:#ffbd48;box-shadow:0 0 12px rgba(255,189,72,.42)}
.radar160-summary>span:nth-child(5):before{background:#ad78ff;box-shadow:0 0 12px rgba(173,120,255,.42)}
.radar160-summary strong{font-size:1.25rem}
.radar160-user-dot{filter:drop-shadow(0 0 5px #a869ff)}
.radar160-user-tooltip{border:1px solid #b978ff!important;background:#130d22!important;color:#f0ddff!important;font:800 .62rem/1.2 var(--font-mono,"Roboto Mono",monospace)!important;box-shadow:0 7px 18px rgba(0,0,0,.45)!important}
.radar160-user-popup{display:grid;gap:5px;min-width:165px;color:#17313b;font-family:var(--font-mono,"Roboto Mono",monospace)}.radar160-user-popup small{color:#7c4bb3;font-weight:900}.radar160-user-popup strong{font-size:.9rem}.radar160-user-popup a{margin-top:4px;color:#6a36a0;font-weight:900;text-decoration:none}
.radar160-filters .users-toggle:before{background:#a869ff;box-shadow:0 0 9px #a869ff}
@media(min-width:701px){
  .radar160-filters{left:auto;right:14px;top:16px;width:154px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .radar160-filters fieldset{display:grid;gap:5px;padding:11px 12px;border:1px solid rgba(111,187,207,.38);border-radius:8px;background:rgba(4,17,27,.91);box-shadow:0 12px 28px rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .radar160-filters fieldset+fieldset{margin-top:10px;padding-top:11px;border-top:1px solid rgba(111,187,207,.38)}
  .radar160-filters label{min-height:27px;font-size:.66rem}
  .radar160-detail{left:16px;right:auto;top:104px;width:min(300px,calc(100% - 210px));max-height:calc(100% - 122px);padding:15px}
  .radar160-close{left:282px;right:auto;top:109px}
  .radar160-latest{left:auto;right:14px;bottom:14px;min-width:190px}
}
@media(max-width:700px){.radar163-sources{grid-template-columns:repeat(2,1fr)}.radar163-sources>span{padding:6px 8px}.radar163-sources>span:last-child{grid-column:1/-1}.radar160-summary strong{font-size:1rem}.radar160-summary>span:before{width:20px;margin-bottom:4px}.radar160-user-tooltip{font-size:.55rem!important}}