/* RailOps Geofence — direct geometry editing */
.geofenceGeometryToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 11px;
  padding:9px 10px;
  border:1px solid var(--gf-line);
  border-radius:12px 12px 4px 12px;
  background:var(--gf-soft);
}

.geofenceGeometryHelp{display:flex;align-items:center;gap:9px;min-width:0}
.geofenceGeometryHelp>i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--gf-cyan);box-shadow:0 0 0 5px rgba(87,216,208,.11)}
.geofenceGeometryHelp>div{min-width:0;display:grid;gap:2px}
.geofenceGeometryHelp b{color:var(--gf-text);font-size:10px}
.geofenceGeometryHelp span{overflow:hidden;color:var(--gf-muted);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}

.geofenceGeometryActions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.geofenceGeometryActions button{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 10px;
  border:1px solid var(--gf-line);
  border-radius:9px 9px 3px 9px;
  background:rgba(255,255,255,.035);
  color:#c8d8e5;
  font:inherit;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
  transition:.16s ease;
}

.geofenceGeometryActions button:hover:not(:disabled){border-color:var(--gf-line-strong);background:var(--gf-soft-hover);color:var(--gf-cyan);transform:translateY(-1px)}
.geofenceGeometryActions button:disabled{opacity:.34;cursor:not-allowed}
.geofenceGeometryActions button span{font-size:14px;line-height:1}

.geofenceEditMarker{background:transparent!important;border:0!important}
.geofenceDragHandle{
  position:relative;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:3px solid #fff;
  background:var(--handle-color,#57d8d0);
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.34),0 0 0 4px rgba(5,16,28,.2);
  cursor:grab;
  user-select:none;
  transition:transform .14s ease,box-shadow .14s ease;
}

.geofenceEditMarker:hover .geofenceDragHandle{transform:scale(1.12);box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 0 5px rgba(87,216,208,.17)}
.geofenceEditMarker.leaflet-drag-target .geofenceDragHandle{cursor:grabbing;transform:scale(1.16)}
.geofenceCenterHandle{--handle-color:#0e9297;border-radius:50%}
.geofenceCenterHandle::after{width:6px;height:6px;border-radius:50%;background:#fff;content:""}
.geofenceRadiusHandle{--handle-color:#2867d8;border-radius:7px;transform:rotate(45deg)}
.geofenceRadiusHandle::after{transform:rotate(-45deg);font:900 12px/1 Arial,sans-serif;content:"↔"}
.geofenceEditMarker:hover .geofenceRadiusHandle{transform:rotate(45deg) scale(1.12)}
.geofenceEditMarker.leaflet-drag-target .geofenceRadiusHandle{transform:rotate(45deg) scale(1.16)}
.geofenceVertexHandle{--handle-color:#a76708;border-radius:6px}
.geofenceVertexHandle::after{width:7px;height:7px;border:2px solid rgba(255,255,255,.92);border-radius:2px;content:""}

.geofenceHandleTooltip.leaflet-tooltip{
  padding:6px 8px!important;
  border-radius:8px 8px 3px 8px!important;
  font-size:9px!important;
  font-weight:850!important;
  pointer-events:none;
}

.geofenceRadiusReadout{
  position:absolute;
  left:50%;
  top:-10px;
  transform:translate(-50%,-100%) rotate(-45deg);
  padding:4px 6px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:7px;
  background:rgba(5,16,28,.9);
  color:#fff;
  font:900 8px/1 Arial,sans-serif;
  white-space:nowrap;
}

html[data-ro-theme="light"] .geofenceGeometryActions button{background:#fff;color:#40566b}
html[data-ro-theme="light"] .geofenceGeometryActions button:hover:not(:disabled){color:#087f86}
html[data-ro-theme="light"] .geofenceDragHandle{box-shadow:0 6px 16px rgba(33,57,79,.28),0 0 0 4px rgba(255,255,255,.72)}

@media(max-width:700px){
  .geofenceGeometryToolbar{align-items:flex-start;flex-direction:column}
  .geofenceGeometryHelp{width:100%}.geofenceGeometryHelp span{white-space:normal}
  .geofenceGeometryActions{width:100%}.geofenceGeometryActions button{flex:1}
  .geofenceDragHandle{width:30px;height:30px}
}

@media(prefers-reduced-motion:reduce){.geofenceDragHandle,.geofenceGeometryActions button{transition-duration:.01ms!important}}
