/* Additional red service attention only — preserves all existing summer/winter/free wheel palettes. */
#warehouse-stage .mapped-slot.df-service-attention .map-tire-icon.pro-wheel::after{
  content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #f52d45;
  box-shadow:0 0 0 1px #8b0c1f,0 0 8px 3px rgba(255,37,65,.90),inset 0 0 4px rgba(255,37,65,.55);
  pointer-events:none;z-index:10;
}
#warehouse-stage .mapped-slot.df-service-attention .map-spot-reg{border-color:#f44358!important}
.df-service-panel{margin:16px 0;padding:15px;border:1px solid #45505e;border-radius:13px;background:#18222e}
.df-service-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.df-service-head strong{font-size:15px}.df-service-head small{display:block;margin-top:4px;color:#aebfd0}
.df-service-tasks{display:grid;gap:9px}
.df-service-task{border:1px solid #3e4b5b;border-radius:10px;padding:11px 12px;background:#202d3a}
.df-service-task.is-open{border-left:4px solid #f44358}
.df-service-task.is-complete{opacity:.85;border-left:4px solid #4c9d74}
.df-service-task-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.df-service-tag{font-size:11px;border-radius:20px;padding:4px 8px;font-weight:700}
.df-service-tag.pending{color:#ffd0d4;background:#662934}
.df-service-tag.finished{color:#b6f5ce;background:#23543c}
.df-service-task p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.df-service-task small{display:block;color:#aebfd0;font-size:11px;overflow-wrap:anywhere}
.df-service-task-actions{display:flex;justify-content:flex-end;margin-top:9px}
@media(max-width:620px){.df-service-panel{padding:12px}.df-service-head{align-items:flex-start}.df-service-task-actions .btn{width:100%}}

.df-service-map-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0 12px;padding:9px 13px;border:1px solid #484d5e;border-radius:11px;background:#1e2935;color:#d4e3ef}
.df-service-map-bar .df-service-counter{color:#ff5969;font-size:17px}
#warehouse-stage .mapped-slot.df-service-muted{opacity:.17!important;pointer-events:none}
@media(max-width:620px){.df-service-map-bar{align-items:stretch;flex-direction:column}.df-service-map-bar .btn{width:100%}}