.el-karte-knopf {
  position: absolute;
  top: calc(12px + var(--el-knopf-ueber, 0px));
  right: 12px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 11px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 14, 19, 0.82);
  color: #eceef3;
  font: 600 12.5px/1 "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  letter-spacing: -0.005em;
  cursor: pointer;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s, background 0.2s;
}

.el-karte-knopf:hover { transform: translateY(-1px); border-color: rgba(255, 61, 82, 0.55); background: rgba(18, 20, 27, 0.9); }
.el-karte-knopf .pro-ico { width: 16px; height: 16px; color: #ff6b7c; }

html.el-karte-aus .el-karte-knopf,
html.el-karte-aus #mapStyleSwitcher { display: none !important; }

html.el-sparsam *,
html.el-sparsam *::before,
html.el-sparsam *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

#map .leaflet-top.leaflet-left { margin-top: var(--el-links-ueber, 0px); }
#map .leaflet-top.leaflet-right { margin-top: var(--el-knopf-ueber, 0px); }

html.el-karte-aus #map .leaflet-pane,
html.el-karte-aus #map .leaflet-control-container { visibility: hidden !important; }

.pro-ico {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  flex-shrink: 0;
  vertical-align: -0.18em;
}

.el-leitstand {
  --ls-bg: #07080b;
  --ls-card: #0e1016;
  --ls-line: rgba(255, 255, 255, 0.07);
  --ls-line-2: rgba(255, 255, 255, 0.11);
  --ls-text: #eceef3;
  --ls-muted: #878d9c;
  --ls-accent: #ff3d52;
  position: absolute;
  inset: 0;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px;
  padding-top: calc(18px + var(--el-stapel-ueber, 0px));
  overflow-y: auto;
  overscroll-behavior: contain;
  color: var(--ls-text);
  font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, system-ui, sans-serif;
  background:
    radial-gradient(60% 50% at 10% 0%, rgba(255, 61, 82, 0.1), transparent 70%),
    radial-gradient(50% 45% at 100% 10%, rgba(91, 140, 255, 0.08), transparent 70%),
    var(--ls-bg);
  cursor: default;
  -webkit-user-select: text;
  user-select: text;
  container-type: inline-size;
  container-name: leitstand;
  animation: elLsEin 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.el-leitstand[hidden] { display: none; }

@keyframes elLsEin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.el-ls-kopf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.el-ls-titel { display: flex; align-items: center; gap: 12px; min-width: 0; }

.el-ls-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(140deg, #ff5a6c, #ff3d52 45%, #c4162c);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14) inset, 0 10px 26px -8px rgba(255, 61, 82, 0.7);
}

.el-ls-mark .pro-ico { width: 21px; height: 21px; }

.el-ls-titel b {
  display: flex;
  align-items: center;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.el-ls-titel div > span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  font-size: 12px;
  color: var(--ls-muted);
}

.el-ls-titel em { font-style: normal; font-variant-numeric: tabular-nums; color: #c9cdd6; }

.el-ls-live {
  position: relative;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2fd47a;
}

.el-ls-live::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(47, 212, 122, 0.55);
  pointer-events: none;
  animation: elLive 2.2s ease-out infinite;
}

@keyframes elLive {
  0% { transform: scale(1); opacity: 0.9; }
  70%, 100% { transform: scale(3); opacity: 0; }
}

.el-ls-aktionen { display: flex; gap: 8px; flex-wrap: wrap; }

.el-ls-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 15px;
  border-radius: 11px;
  border: 1px solid var(--ls-line-2);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ls-text);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.el-ls-btn:hover { transform: translateY(-1px); background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.18); }
.el-ls-btn .pro-ico { width: 16px; height: 16px; }

.el-ls-btn.primaer {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(180deg, #ff5a6c, #e3253b);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px -12px rgba(255, 61, 82, 0.8);
}

.el-ls-btn.primaer:hover { filter: brightness(1.08); }

.el-ls-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.el-ls-kpi {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border-radius: 14px;
  border: 1px solid var(--ls-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)), var(--ls-card);
  min-width: 0;
}

.el-ls-kpi-ico {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 10px;
  color: #cfd3dc;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.07) inset;
}

.el-ls-kpi-ico .pro-ico { width: 17px; height: 17px; }
.el-ls-kpi b { display: block; font-size: 21px; font-weight: 700; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.el-ls-kpi div > span { display: block; font-size: 11.5px; color: var(--ls-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.el-ls-kpi div { min-width: 0; }
.el-ls-kpi[data-ton="rot"] .el-ls-kpi-ico { color: #ff7083; background: rgba(255, 61, 82, 0.12); box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.25) inset; }
.el-ls-kpi[data-ton="gelb"] .el-ls-kpi-ico { color: #ffc766; background: rgba(245, 180, 67, 0.12); box-shadow: 0 0 0 1px rgba(245, 180, 67, 0.25) inset; }
.el-ls-kpi[data-ton="blau"] .el-ls-kpi-ico { color: #86a8ff; background: rgba(91, 140, 255, 0.13); box-shadow: 0 0 0 1px rgba(91, 140, 255, 0.26) inset; }
.el-ls-kpi[data-ton="gruen"] .el-ls-kpi-ico { color: #4be196; background: rgba(47, 212, 122, 0.12); box-shadow: 0 0 0 1px rgba(47, 212, 122, 0.25) inset; }
.el-ls-kpi[data-ton="gold"] .el-ls-kpi-ico { color: #f5c451; background: rgba(245, 196, 81, 0.12); box-shadow: 0 0 0 1px rgba(245, 196, 81, 0.25) inset; }

.el-ls-raster {
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex: 1 0 auto;
}

.el-ls-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
}

.el-ls-spalte {
  display: flex;
  flex-direction: column;
  min-height: 160px;
  border-radius: 16px;
  border: 1px solid var(--ls-line);
  background: rgba(255, 255, 255, 0.018);
  overflow: hidden;
}

.el-ls-spalte header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--ls-line);
  position: relative;
}

.el-ls-spalte header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  background: var(--sp-ton, #ff3d52);
  box-shadow: 0 0 12px var(--sp-ton, #ff3d52);
}

.el-ls-spalte[data-s="offen"] { --sp-ton: #ff3d52; }
.el-ls-spalte[data-s="nachalarmierung"] { --sp-ton: #f5b443; }
.el-ls-spalte[data-s="aktiv"] { --sp-ton: #5b8cff; }

.el-ls-spalte header b { display: block; font-size: 13.5px; font-weight: 650; }
.el-ls-spalte header small { display: block; font-size: 11px; color: var(--ls-muted); margin-top: 1px; }

.el-ls-spalte header em {
  font-style: normal;
  min-width: 28px;
  padding: 3px 9px;
  border-radius: 999px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--sp-ton);
  background: color-mix(in srgb, var(--sp-ton) 14%, transparent);
}

.el-ls-liste {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  overflow-y: auto;
  min-height: 140px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

.el-ls-mehr {
  padding: 8px 12px 12px;
  text-align: center;
  font-size: 11.5px;
  color: var(--ls-muted);
}

.el-ls-einsatz {
  position: relative;
  padding: 11px 12px 11px 14px;
  border-radius: 12px;
  border: 1px solid var(--ls-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)), var(--ls-card);
  cursor: pointer;
  outline: none;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s, box-shadow 0.2s;
}

.el-ls-einsatz::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--sp-ton, #ff3d52);
}

.el-ls-einsatz[data-st="fertig"] { border-color: rgba(47, 212, 122, 0.35); }
.el-ls-einsatz[data-st="fertig"]::before { background: #2fd47a; }

.el-ls-einsatz:hover,
.el-ls-einsatz:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 14px 30px -18px rgba(0, 0, 0, 0.95);
}

.el-ls-e-kopf { display: flex; align-items: center; gap: 8px; min-width: 0; }
.el-ls-e-kopf b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.el-ls-e-ico { display: inline-flex; flex-shrink: 0; }
.el-ls-e-chip { margin-top: 6px; }

.el-ls-e-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 6px;
  font-size: 11.5px;
  color: var(--ls-muted);
}

.el-ls-e-meta span { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.el-ls-e-meta .pro-ico { width: 13px; height: 13px; }
.el-ls-e-meta .geld { color: #4be196; font-weight: 600; }
.el-ls-e-meta .ort { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.el-ls-zeit {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 11.5px;
  color: #c3c7d1;
}

.el-ls-zeit b { font-variant-numeric: tabular-nums; color: #fff; }
.el-ls-zeit .pro-ico { width: 13px; height: 13px; color: #86a8ff; }
.el-ls-zeit.anfahrt .pro-ico { color: #ffc766; }
.el-ls-zeit.fertig { color: #4be196; font-weight: 600; }
.el-ls-zeit.fertig .pro-ico { color: #4be196; }

.el-ls-balken {
  height: 4px;
  margin-top: 6px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

.el-ls-balken i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5b8cff, #86a8ff);
  transition: width 0.9s linear;
}

.el-ls-seite { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 12px; min-width: 0; }

.el-ls-karte {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--ls-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008)), var(--ls-card);
}

.el-ls-karte h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9ba1af;
}

.el-ls-karte h4 .pro-ico { width: 14px; height: 14px; color: #ff6b7c; }

.el-ls-fz-zeile + .el-ls-fz-zeile { margin-top: 10px; }
.el-ls-fz-zeile > div:first-child { display: flex; justify-content: space-between; font-size: 12.5px; }
.el-ls-fz-zeile > div:first-child span { color: #c3c7d1; }
.el-ls-fz-zeile b { font-variant-numeric: tabular-nums; }
.el-ls-fz-zeile[data-k="frei"] .el-ls-balken i { background: linear-gradient(90deg, #1fb863, #4be196); }
.el-ls-fz-zeile[data-k="einsatz"] .el-ls-balken i { background: linear-gradient(90deg, #4a78f0, #86a8ff); }
.el-ls-fz-zeile[data-k="sonst"] .el-ls-balken i { background: linear-gradient(90deg, #a06b12, #f5b443); }

.el-ls-fuss { margin: 10px 0 0; font-size: 11px; color: var(--ls-muted); }

.el-ls-paar { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; font-size: 12.5px; border-bottom: 1px solid var(--ls-line); }
.el-ls-paar:last-child { border-bottom: 0; }
.el-ls-paar span { color: #c3c7d1; }
.el-ls-paar b { font-variant-numeric: tabular-nums; }
.el-ls-paar.dezent span, .el-ls-paar.dezent b { color: var(--ls-muted); font-weight: 500; }

.el-ls-karte h4 .el-ls-funk-live {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-style: normal;
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: 0.08em;
  color: #3fb950;
}

.el-ls-funk-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2fd47a;
  box-shadow: 0 0 8px rgba(47, 212, 122, 0.8);
}

.el-ls-funk-alle {
  display: grid;
  place-items: center;
  width: 26px;
  height: 22px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid var(--ls-line-2);
  background: rgba(255, 255, 255, 0.04);
  color: #9ba1af;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.el-ls-funk-alle:hover { background: rgba(255, 255, 255, 0.09); color: #fff; }
.el-ls-karte h4 .el-ls-funk-alle .pro-ico { width: 13px; height: 13px; margin: 0; color: inherit; }

.el-ls-funk {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 248px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

.el-ls-funk > * { flex-shrink: 0; border-radius: 9px; }

html.el-karte-aus .el-funk-bereich { display: none !important; }

.el-schnell-bereich { display: none; }
html.el-karte-aus .el-schnell-bereich { display: block; }

.el-schnell { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }

.el-schnell-btn {
  --sz-ton: #ff6b7c;
  --sz-rgb: 255, 61, 82;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 64px;
  padding: 9px 6px 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)), #0e1016;
  color: #e6e8ee;
  font-family: inherit;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s, background 0.2s;
}

.el-schnell-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(var(--sz-rgb), 0.45);
  background: linear-gradient(180deg, rgba(var(--sz-rgb), 0.1), rgba(var(--sz-rgb), 0.03)), #0e1016;
}

.el-schnell-btn:focus-visible { outline: 2px solid rgba(var(--sz-rgb), 0.7); outline-offset: 2px; }

.el-schnell-ico {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  color: var(--sz-ton);
  background: rgba(var(--sz-rgb), 0.12);
  box-shadow: 0 0 0 1px rgba(var(--sz-rgb), 0.25) inset;
}

.el-schnell .el-schnell-btn .el-schnell-ico .pro-ico { width: 16px; height: 16px; margin: 0; }
.el-schnell-text { max-width: 100%; overflow-wrap: break-word; }

.el-schnell-btn[data-ton="gelb"] { --sz-ton: #ffc766; --sz-rgb: 245, 180, 67; }
.el-schnell-btn[data-ton="blau"] { --sz-ton: #86a8ff; --sz-rgb: 91, 140, 255; }
.el-schnell-btn[data-ton="gruen"] { --sz-ton: #4be196; --sz-rgb: 47, 212, 122; }
.el-schnell-btn[data-ton="lila"] { --sz-ton: #b79bff; --sz-rgb: 167, 139, 250; }

.el-ls-leer { margin: 0; padding: 14px 4px; text-align: center; font-size: 12px; color: var(--ls-muted); }

@container leitstand (max-width: 1240px) {
  .el-ls-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@container leitstand (max-width: 900px) {
  .el-ls-seite { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .el-ls-karte[data-k="funk"] { grid-column: 1 / -1; }
  .el-ls-e-meta .ort { display: none; }
}

@container leitstand (max-width: 560px) {
  .el-ls-seite { grid-template-columns: minmax(0, 1fr); }
  .el-ls-board { grid-template-columns: minmax(0, 1fr); }
  .el-ls-liste { min-height: 0; }
  .el-ls-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .el-ls-kpi { padding: 10px; }
  .el-ls-kpi b { font-size: 18px; }
  .el-ls-titel b { font-size: 18px; }
  .el-ls-btn span { display: none; }
  .el-ls-btn { padding: 0 12px; }
  .el-ls-btn.primaer span { display: inline; }
}

@media (max-width: 900px) {
  .el-leitstand { padding: 12px; padding-top: calc(12px + var(--el-stapel-ueber, 0px)); gap: 12px; }
  .el-karte-knopf { top: calc(10px + var(--el-knopf-ueber, 0px)); right: 10px; height: 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .el-leitstand, .el-ls-live, .el-ls-live::after { animation: none; }
  .el-ls-einsatz, .el-ls-btn, .el-karte-knopf { transition: none; }
}

.el-set-karte {
  margin-bottom: 16px;
  padding: 4px 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--bg-input);
}

.el-set-zeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
}

.el-set-zeile + .el-set-zeile { border-top: 1px solid var(--border); }
.el-set-info { flex: 1; min-width: 0; }

.el-set-titel {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
}

.el-set-titel .pro-ico { width: 17px; height: 17px; color: #ff6b7c; }
.el-set-text { margin-top: 3px; font-size: 12px; line-height: 1.5; color: var(--text-muted); }

.el-beta {
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(90deg, #7c5cff, #ff3d52);
}

.el-schalter {
  position: relative;
  width: 46px;
  height: 26px;
  flex-shrink: 0;
  border: 0;
  border-radius: 999px;
  background: var(--border, #30363d);
  cursor: pointer;
  transition: background 0.25s;
}

.el-schalter span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.el-schalter.an { background: linear-gradient(180deg, #ff5a6c, #e3253b); box-shadow: 0 0 14px -3px rgba(255, 61, 82, 0.7); }
.el-schalter.an span { transform: translateX(20px); }

html.el-pro {
  --bg-dark: #07080b;
  --bg-card: #0e1016;
  --bg-input: #151821;
  --border: rgba(255, 255, 255, 0.085);
  --accent: #ff3d52;
  --accent-hover: #e3253b;
  --text: #eceef3;
  --text-muted: #8a90a0;
  --success: #2fd47a;
  --warn: #f5b443;
  --info: #5b8cff;
  --el-line: rgba(255, 255, 255, 0.065);
  --el-line-2: rgba(255, 255, 255, 0.11);
  --el-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --el-font: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Inter, Roboto, system-ui, sans-serif;
}

html.el-pro,
html.el-pro body {
  font-family: var(--el-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.003em;
}

html.el-pro ::selection { background: rgba(255, 61, 82, 0.35); color: #fff; }

html.el-pro * { scrollbar-color: rgba(255, 255, 255, 0.16) transparent; }
html.el-pro *::-webkit-scrollbar { width: 10px; height: 10px; }
html.el-pro *::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.14); border: 3px solid transparent; background-clip: padding-box; }
html.el-pro *::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.28); }

html.el-pro :where(.topbar, .sidebar, .mission-sidebar, .modal-overlay, #dropdownMenu, .game-footer, #mapStyleSwitcher, #notifPanel, #staffTicketPanel, #subModalOverlay) :is(button, input, select, textarea) {
  font-family: inherit;
}

html.el-pro :where(.modal-overlay, #subModalOverlay) select option { background-color: #151821; color: #eceef3; }

html.el-pro .alpha-banner {
  padding: 5px 16px;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
  background:
    linear-gradient(90deg, rgba(124, 92, 255, 0.9), rgba(255, 61, 82, 0.9)),
    #0e1016;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

html.el-pro .alpha-banner a { opacity: 0.95; }

html.el-pro .topbar {
  position: relative;
  height: 58px;
  background: linear-gradient(180deg, rgba(17, 19, 26, 0.98), rgba(11, 12, 16, 0.98));
  border-bottom: 1px solid var(--el-line);
  box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.9);
}

html.el-pro .topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 61, 82, 0.55) 30%, rgba(91, 140, 255, 0.35) 70%, transparent);
  opacity: 0.6;
}

html.el-pro .logo-small {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f4f5f8;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

html.el-pro .el-logo-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(140deg, #ff5a6c, #ff3d52 45%, #c4162c);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14) inset, 0 6px 18px -6px rgba(255, 61, 82, 0.8);
}

html.el-pro .el-logo-mark .pro-ico { width: 17px; height: 17px; }

html.el-pro .topbar-center { gap: 8px; }

@media (min-width: 901px) {
  html.el-pro .topbar-center { flex-wrap: wrap; align-content: flex-start; align-items: center; height: 40px; row-gap: 12px; }
}

html.el-pro .stat {
  gap: 7px;
  height: 36px;
  padding: 0 11px;
  border-radius: 10px;
  border: 1px solid var(--el-line);
  background: rgba(255, 255, 255, 0.03);
  font-size: 13px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  transition: background 0.2s, border-color 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro .stat:hover { background: rgba(255, 255, 255, 0.055); border-color: var(--el-line-2); }
html.el-pro .stat.stat-xp { height: auto; min-height: 36px; padding: 5px 11px; }

html.el-pro .stat-icon {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  color: #c9cdd6;
}

html.el-pro .stat-icon .pro-ico { width: 17px; height: 17px; }
html.el-pro .stat-credits .stat-icon { color: #f5c451; }
html.el-pro .stat-fl .stat-icon { color: #ff8a3d; }
html.el-pro .stat-ruhm .stat-icon { color: #e9a83f; }
html.el-pro .stat-xp .stat-icon { color: #b39dff; }
html.el-pro .shift-stat .stat-icon { color: #ffc766; }
html.el-pro .clock-stat .stat-icon { color: #86a8ff; }

html.el-pro .topbar-right { gap: 10px; }

html.el-pro #notifBellBtn,
html.el-pro #staffTicketBtn,
html.el-pro #supportBtn,
html.el-pro .topbar-right .btn-pm {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 36px;
  height: 36px;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid var(--el-line) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #d5d8e0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

html.el-pro #staffTicketBtn[style*="display:none"],
html.el-pro #staffTicketBtn[style*="display: none"] { display: none !important; }

html.el-pro #notifBellBtn:hover,
html.el-pro #staffTicketBtn:hover,
html.el-pro #supportBtn:hover,
html.el-pro .topbar-right .btn-pm:hover { background: rgba(255, 255, 255, 0.07) !important; border-color: var(--el-line-2) !important; color: #fff !important; }

html.el-pro #weeklyRewardBadge,
html.el-pro #dailyLoginBadge,
html.el-pro #dienstgradBadge {
  position: relative;
  overflow: hidden;
  height: 32px;
  padding: 0 13px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 8px 20px -10px rgba(0, 0, 0, 0.9) !important;
  transition: transform 0.2s var(--el-ease), filter 0.2s;
}

html.el-pro #weeklyRewardBadge { background: linear-gradient(135deg, #7c5cff, #5b8cff) !important; color: #fff !important; }
html.el-pro #dailyLoginBadge { background: linear-gradient(135deg, #f5c451, #e39a1c) !important; color: #1d1303 !important; }
html.el-pro #dienstgradBadge { background: linear-gradient(135deg, #ea6418, #df2238) !important; color: #fff !important; }

html.el-pro #weeklyRewardBadge::after,
html.el-pro #dailyLoginBadge::after,
html.el-pro #dienstgradBadge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: translateX(-160%) skewX(-18deg);
  will-change: transform;
  animation: elGlanz 4.5s ease-in-out infinite;
}

@keyframes elGlanz { 0%, 70% { transform: translateX(-160%) skewX(-18deg); } 100% { transform: translateX(320%) skewX(-18deg); } }

html.el-pro #weeklyRewardBadge:hover,
html.el-pro #dailyLoginBadge:hover,
html.el-pro #dienstgradBadge:hover { transform: translateY(-1px); filter: brightness(1.08); }

html.el-pro #weeklyRewardBadge .pro-ico,
html.el-pro #dailyLoginBadge .pro-ico,
html.el-pro #dienstgradBadge .pro-ico { width: 15px; height: 15px; margin-right: 0.35em; }

html.el-pro .topbar-right > button .pro-ico,
html.el-pro .btn-pm .pro-ico { width: 17px; height: 17px; }

html.el-pro #supportBtn { color: #86a8ff !important; }
html.el-pro #updateBtn { color: #fff !important; background: linear-gradient(135deg, #7c5cff, #5b8cff) !important; border-color: transparent !important; }

html.el-pro #afkStatus {
  height: 30px;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  border-color: rgba(47, 212, 122, 0.35) !important;
  background: rgba(47, 212, 122, 0.08) !important;
}

html.el-pro .btn-menu {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 650;
  background: linear-gradient(180deg, #ff5a6c, #e3253b);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 8px 20px -10px rgba(255, 61, 82, 0.8);
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro .btn-menu:hover { color: #fff; border-color: transparent; filter: brightness(1.08); transform: translateY(-1px); }
html.el-pro .btn-menu .pro-ico { width: 16px; height: 16px; }

html.el-pro .dropdown-menu {
  top: calc(100% + 10px);
  min-width: 290px;
  max-height: min(76vh, 760px);
  padding: 6px;
  border-radius: 16px;
  border: 1px solid var(--el-line-2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01) 40%), #0d0f15;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 90px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.4);
  scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}

html.el-pro .dropdown-menu::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.16); border-color: transparent; }

html.el-pro .dropdown-menu.open { animation: elMenu 0.22s var(--el-ease) both; }

@keyframes elMenu { from { opacity: 0; transform: translateY(-6px) scale(0.985); } to { opacity: 1; transform: none; } }

html.el-pro .menu-search-wrap {
  margin: -6px -6px 6px;
  padding: 10px;
  background: rgba(13, 15, 21, 0.98);
  border-bottom: 1px solid var(--el-line);
  border-radius: 16px 16px 0 0;
}

html.el-pro .menu-search-wrap input {
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid var(--el-line-2);
  background: rgba(255, 255, 255, 0.04);
}

html.el-pro .menu-search-wrap input:focus { border-color: rgba(255, 61, 82, 0.7); box-shadow: 0 0 0 4px rgba(255, 61, 82, 0.15); }

html.el-pro .dropdown-menu a {
  gap: 11px;
  margin: 1px 0;
  padding: 9px 12px;
  border-radius: 10px;
  color: #cfd3dc;
  font-size: 13.5px;
  font-weight: 500;
  transition: background 0.15s, color 0.15s;
}

html.el-pro .dropdown-menu a .pro-ico { width: 17px; height: 17px; opacity: 0.9; transition: opacity 0.15s, color 0.15s; }

html.el-pro .dropdown-menu a:hover {
  color: #fff;
  background: linear-gradient(90deg, rgba(255, 61, 82, 0.16), rgba(255, 61, 82, 0.03));
}

html.el-pro .dropdown-menu a:hover .pro-ico { opacity: 1; color: #ff7083; }

html.el-pro .dropdown-category {
  margin-top: 4px;
  padding: 10px 10px 10px 13px;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #e6e8ee !important;
  border-left: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(255, 61, 82, 0.13), rgba(255, 255, 255, 0.03) 75%);
  box-shadow: inset 3px 0 0 #ff3d52, inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  transition: background 0.15s, color 0.15s;
}

html.el-pro .dropdown-category:hover { filter: none; color: #fff !important; background: linear-gradient(90deg, rgba(255, 61, 82, 0.2), rgba(255, 255, 255, 0.05) 75%); }
html.el-pro .dropdown-category.cat-open { color: #fff !important; background: linear-gradient(90deg, rgba(255, 61, 82, 0.22), rgba(255, 255, 255, 0.05) 75%); }
html.el-pro .dropdown-category .pro-ico { opacity: 1; }
html.el-pro .dropdown-category .cat-chev { width: 12px; text-align: center; font-size: 9px; color: rgba(255, 255, 255, 0.7); }
html.el-pro .dropdown-category.cat-open .cat-chev { color: #ff6b7c; }
html.el-pro .dropdown-category .cat-count { padding: 2px 7px; border-radius: 999px; font-size: 10px; color: rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.1); }
html.el-pro .dropdown-divider { margin: 6px 4px; background: var(--el-line); }

html.el-pro #dropdownMenu .menu-promo-row { margin: 2px 4px 6px; gap: 6px; }

html.el-pro #dropdownMenu .menu-promo-pill {
  height: 36px;
  margin: 0;
  border-radius: 10px;
  font-weight: 650;
}

html.el-pro #dropdownMenu .menu-promo-vip { background: rgba(245, 196, 81, 0.08); }
html.el-pro #dropdownMenu .menu-promo-shop { background: rgba(255, 138, 61, 0.08); }
html.el-pro #dropdownMenu .menu-promo-empfehlen { gap: 8px; color: #4be196; border-color: rgba(47, 212, 122, 0.32); background: rgba(47, 212, 122, 0.08); }
html.el-pro #dropdownMenu .menu-promo-empfehlen:hover { background: rgba(47, 212, 122, 0.15); border-color: rgba(47, 212, 122, 0.55); }
html.el-pro #dropdownMenu .menu-promo-zusatz { padding: 2px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; color: #8ff3c0; background: rgba(47, 212, 122, 0.16); }
html.el-pro .logout-link .pro-ico { color: #ff7083; opacity: 1; }

html.el-pro .sidebar,
html.el-pro .mission-sidebar {
  background: linear-gradient(180deg, #0f1117 0%, #0b0c10 100%);
  border-color: var(--el-line);
}

html.el-pro .sidebar-section { padding: 16px; border-bottom: 1px solid var(--el-line); }

html.el-pro .sidebar-section h3,
html.el-pro .mission-sidebar-header h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: 0.13em;
  color: #9ba1af;
}

html.el-pro .sidebar-section h3::before,
html.el-pro .mission-sidebar-header h3::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 2px;
  flex-shrink: 0;
  background: var(--accent);
  box-shadow: 0 0 10px rgba(255, 61, 82, 0.9);
}

html.el-pro .search-box input,
html.el-pro #searchInput {
  border-radius: 10px;
  border-color: var(--el-line-2);
  background: rgba(255, 255, 255, 0.035);
}

html.el-pro .btn-build-station {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 11px;
  border: 1px solid transparent;
  font-weight: 650;
  color: #fff;
  background: linear-gradient(180deg, #ff5a6c, #e3253b);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 22px -12px rgba(255, 61, 82, 0.8);
  transition: transform 0.2s var(--el-ease), filter 0.2s;
}

html.el-pro .btn-build-station + .btn-build-station {
  color: #e6e8ee;
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--el-line-2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

html.el-pro .btn-build-station::after,
html.el-pro .btn-confirm::after,
html.el-pro .btn-menu::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 45%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.26), transparent);
  transform: skewX(-18deg);
  transition: left 0.65s var(--el-ease);
}

html.el-pro .btn-menu,
html.el-pro .btn-confirm { position: relative; overflow: hidden; }

html.el-pro .btn-build-station:hover,
html.el-pro .btn-confirm:hover { transform: translateY(-1px); filter: brightness(1.07); }

html.el-pro .btn-build-station:hover::after,
html.el-pro .btn-confirm:hover::after,
html.el-pro .btn-menu:hover::after { left: 120%; }

html.el-pro .btn-build-station .pro-ico { width: 16px; height: 16px; }

html.el-pro .sidebar-section button[style*="border-radius:10px"] {
  border-color: var(--el-line-2) !important;
  border-radius: 11px !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro .sidebar-section button[style*="border-radius:10px"]:hover { transform: translateY(-1px); filter: brightness(1.12); }
html.el-pro .sidebar-section button .pro-ico { width: 15px; height: 15px; }

html.el-pro #radioLog > * {
  border-radius: 9px;
}

html.el-pro .mission-sidebar-header {
  padding: 14px 14px 12px;
  border-bottom: 1px solid var(--el-line);
}

html.el-pro .btn-generate {
  height: 30px;
  padding: 0 12px;
  border-radius: 9px;
  font-weight: 650;
  background: linear-gradient(180deg, #ff5a6c, #e3253b);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 6px 16px -8px rgba(255, 61, 82, 0.8);
  transition: transform 0.2s var(--el-ease), filter 0.2s;
}

html.el-pro .btn-generate:hover { background: linear-gradient(180deg, #ff5a6c, #e3253b); filter: brightness(1.08); transform: translateY(-1px); }

html.el-pro .mission-settings-collapse { border-color: var(--el-line); }

html.el-pro #missionList { padding: 8px; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.12) transparent; }

html.el-pro .mission-item {
  position: relative;
  margin-bottom: 7px;
  padding: 11px 12px 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--el-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008)), #0e1016;
  transition: transform 0.2s var(--el-ease), border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

html.el-pro .mission-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--mi-ton, #ff3d52);
  box-shadow: 0 0 10px -1px var(--mi-ton, #ff3d52);
}

html.el-pro .mission-item:has(.badge-aktiv) { --mi-ton: #5b8cff; }
html.el-pro .mission-item:has(.badge-nachalarmierung) { --mi-ton: #f5b443; }

html.el-pro .mission-item:hover {
  transform: translateY(-1px);
  border-color: var(--el-line-2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)), #10131a;
  box-shadow: 0 14px 28px -20px rgba(0, 0, 0, 1);
}

html.el-pro .mission-item-name { font-size: 12.5px; font-weight: 650; letter-spacing: -0.01em; }
html.el-pro .mission-item .pro-ico-inline { width: 12px; height: 12px; margin-right: 4px; vertical-align: -0.12em; }

html.el-pro .mission-badge { padding: 2px 8px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.02em; }
html.el-pro .badge-offen { background: rgba(255, 61, 82, 0.13); color: #ff7083; }
html.el-pro .badge-aktiv { background: rgba(91, 140, 255, 0.14); color: #86a8ff; }
html.el-pro .badge-nachalarmierung { background: rgba(245, 180, 67, 0.13); color: #ffc766; border-color: rgba(245, 180, 67, 0.35); }
html.el-pro .mission-item-reward { color: #4be196; }

html.el-pro .game-footer {
  background: #0a0b0f;
  border-top: 1px solid var(--el-line);
  font-size: 11.5px;
}

html.el-pro .footer-links a:hover { color: #fff; }
html.el-pro .footer-links a .pro-ico:not(.pro-ico-allein) { margin-right: 0.35em; }

@media (max-width: 1199px) {
  html.el-pro .game-footer { gap: 12px; }
  html.el-pro .game-footer > span { white-space: nowrap; flex-shrink: 0; }
  html.el-pro .footer-links { min-width: 0; gap: 10px; align-items: center; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  html.el-pro .footer-links::-webkit-scrollbar { display: none; }
  html.el-pro .footer-links > * { flex-shrink: 0; white-space: nowrap; }
  html.el-pro .footer-links a[rel~="noopener"] { font-size: 0; gap: 0 !important; }
}

html.el-pro .alpha-badge {
  background: linear-gradient(90deg, #7c5cff, #ff3d52);
  box-shadow: 0 0 12px -2px rgba(255, 61, 82, 0.6);
}

html.el-pro .modal-overlay {
  background: rgba(4, 5, 8, 0.66);
  -webkit-backdrop-filter: blur(8px) saturate(125%);
  backdrop-filter: blur(8px) saturate(125%);
}

html.el-pro .modal-box {
  border-radius: 20px;
  border: 1px solid var(--el-line-2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%), #0e1016;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45);
}

html.el-pro .modal-overlay.open .modal-box { animation: elFenster 0.34s var(--el-ease) both; }

@keyframes elFenster { from { opacity: 0; transform: translateY(12px) scale(0.975); } to { opacity: 1; transform: none; } }

html.el-pro .modal-header { gap: 12px; }

html.el-pro .modal-header h2 { font-size: 19px; font-weight: 700; letter-spacing: -0.025em; color: #f4f5f8; }

html.el-pro #panelIcon,
html.el-pro #confirmIcon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 12px;
  font-size: 18px;
  color: #ff7a8a;
  background: linear-gradient(160deg, rgba(255, 61, 82, 0.22), rgba(255, 61, 82, 0.05));
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.28) inset, 0 10px 26px -12px rgba(255, 61, 82, 0.8);
}

html.el-pro #panelIcon .pro-ico,
html.el-pro #confirmIcon .pro-ico { width: 19px; height: 19px; }

html.el-pro .btn-cancel {
  border-radius: 11px;
  border: 1px solid var(--el-line-2);
  background: rgba(255, 255, 255, 0.05);
  color: #e6e8ee;
  font-weight: 600;
  transition: background 0.2s, border-color 0.2s;
}

html.el-pro .btn-cancel:hover { background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.18); color: #fff; }

html.el-pro .btn-confirm {
  border-radius: 11px;
  font-weight: 650;
  background: linear-gradient(180deg, #ff5a6c, #e3253b);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px -12px rgba(255, 61, 82, 0.8);
}

html.el-pro .btn-confirm:disabled,
html.el-pro .btn-confirm:disabled:hover {
  background: rgba(255, 61, 82, 0.1);
  color: #ffa3ad;
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.35) inset;
  filter: none;
  transform: none;
  cursor: not-allowed;
}

html.el-pro .btn-confirm:disabled::after { display: none; }

html.el-pro #subModalBox {
  border-radius: 18px !important;
  border: 1px solid var(--el-line-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%), #0e1016 !important;
  box-shadow: 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
  animation: elFenster 0.3s var(--el-ease) both;
}

html.el-pro #subModalOverlay {
  background: rgba(4, 5, 8, 0.62) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

html.el-pro :where(#panelContent, #subModalBox) .pro-ico:first-child { margin-right: 0.4em; }
html.el-pro :where(#panelContent, #subModalBox, #missionModal) .pro-ico-inline { margin-right: 0.5em; opacity: 0.95; }
html.el-pro .pro-ico-inline { margin-right: 0.5em; }
html.el-pro .pro-ico-inline.pro-ico-ende { margin-right: 0; margin-left: 0.3em; }

html.el-pro :where(#panelContent, #subModalBox, #missionModal, .modal-box, #notifPanel, #vehicleModal) button .pro-ico,
html.el-pro .dropdown-menu a .pro-ico,
html.el-pro .sidebar button .pro-ico { margin-right: 0.45em; }

html.el-pro :where(#panelContent, #subModalBox, #missionModal, .modal-box) button .pro-ico.pro-ico-allein { margin-right: 0; }

html.el-pro :where(#panelContent, #subModalBox, #missionModal, .modal-box) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus {
  outline: none;
  border-color: rgba(255, 61, 82, 0.7) !important;
  box-shadow: 0 0 0 4px rgba(255, 61, 82, 0.15) !important;
}

html.el-pro #panelContent button:is([style*=",0.06)"], [style*=",0.07)"], [style*=",0.08)"], [style*=",0.1)"], [style*=",0.10)"], [style*=",0.12)"], [style*=",0.14)"], [style*=",0.15)"], [style*=", 0.08)"], [style*=", 0.1)"], [style*=", 0.12)"], [style*=", 0.15)"]):not([style*="linear-gradient"]):is([style*=";color:"], [style*=" color:"], [style^="color:"]):not([style*="color:var(--text"]):not([style*="color: var(--text"]):not([style*="color:#fff"]) {
  background: color-mix(in srgb, currentColor 9%, transparent) !important;
  border-color: color-mix(in srgb, currentColor 30%, transparent) !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s var(--el-ease), box-shadow 0.2s;
}

html.el-pro #panelContent button:is([style*=",0.06)"], [style*=",0.07)"], [style*=",0.08)"], [style*=",0.1)"], [style*=",0.10)"], [style*=",0.12)"], [style*=",0.14)"], [style*=",0.15)"], [style*=", 0.08)"], [style*=", 0.1)"], [style*=", 0.12)"], [style*=", 0.15)"]):not([style*="linear-gradient"]):is([style*=";color:"], [style*=" color:"], [style^="color:"]):not([style*="color:var(--text"]):not([style*="color: var(--text"]):not([style*="color:#fff"]):not(:disabled):hover {
  background: color-mix(in srgb, currentColor 15%, transparent) !important;
  border-color: color-mix(in srgb, currentColor 55%, transparent) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px -16px color-mix(in srgb, currentColor 70%, transparent);
}

html.el-pro #panelContent [style*="background:var(--bg-input)"][style*="border-radius"] {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.el-pro #panelContent :is(h3, h4) { color: #f2f3f6; letter-spacing: -0.01em; }

html.el-pro #panelContent table th { color: #8a90a0; font-weight: 650; letter-spacing: 0.04em; }
html.el-pro #panelContent table tbody tr { transition: background-color 0.15s; }
html.el-pro #panelContent table tbody tr:hover > td { background-color: rgba(255, 255, 255, 0.025); }

html.el-pro #panelContent :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  border-radius: 10px;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

html.el-pro #panelContent :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):hover { border-color: rgba(255, 255, 255, 0.18); }

html.el-pro .doc-nav { gap: 6px; }

html.el-pro .doc-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border-color: var(--el-line-2);
  background: rgba(255, 255, 255, 0.035);
  color: #b9bec9;
  font-weight: 550;
}

html.el-pro .doc-nav-btn:hover { color: #fff; border-color: rgba(255, 61, 82, 0.5); background: rgba(255, 61, 82, 0.08); }

html.el-pro .faq-item {
  border-radius: 12px;
  border-color: var(--el-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)), #0e1016;
  transition: border-color 0.2s;
}

html.el-pro .faq-item:hover { border-color: var(--el-line-2); }
html.el-pro .faq-question { padding: 13px 16px; }
html.el-pro .faq-question:hover { color: #fff; }
html.el-pro .faq-answer { border-top-color: var(--el-line); }

html.el-pro .panel-section h3 { border-bottom-color: var(--el-line); }

html.el-pro .changelog-entry {
  border-radius: 12px;
  border-color: var(--el-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)), #0e1016;
}

html.el-pro .hint { color: #8a90a0; }

html.el-pro #panelContent.el-neu > * { animation: elInhalt 0.45s var(--el-ease) both; }
html.el-pro #panelContent.el-neu > :nth-child(2) { animation-delay: 0.04s; }
html.el-pro #panelContent.el-neu > :nth-child(3) { animation-delay: 0.08s; }
html.el-pro #panelContent.el-neu > :nth-child(4) { animation-delay: 0.12s; }
html.el-pro #panelContent.el-neu > :nth-child(5) { animation-delay: 0.16s; }
html.el-pro #panelContent.el-neu > :nth-child(n+6) { animation-delay: 0.2s; }

@keyframes elInhalt { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

html.el-pro :is(button, a, span, div)[style*="background:var(--success)"],
html.el-pro :is(button, a, span, div)[style*="background: var(--success)"] { color: #04140b !important; }
html.el-pro button[style*="background:#d29922;color:#fff"] { color: #1d1303 !important; }

html.el-pro input[type="checkbox"],
html.el-pro input[type="radio"],
html.el-pro input[type="range"] { accent-color: var(--accent); }

html.el-pro .toggle-slider { background: rgba(255, 255, 255, 0.12); }
html.el-pro .toggle-switch input:checked + .toggle-slider { background: linear-gradient(180deg, #ff5a6c, #e3253b); box-shadow: 0 0 12px -3px rgba(255, 61, 82, 0.7); }

html.el-pro #notifPanel,
html.el-pro #staffTicketPanel {
  border-radius: 16px !important;
  border-color: var(--el-line-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 40%), rgba(13, 15, 21, 0.98) !important;
  box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 1) !important;
}

html.el-pro div[data-msg][data-typ] {
  border-radius: 12px !important;
  background: rgba(14, 16, 22, 0.9) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -18px rgba(0, 0, 0, 0.9) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  animation: elToast 0.38s var(--el-ease) both;
}

@keyframes elToast { from { opacity: 0; transform: translateY(-8px) scale(0.98); } to { opacity: 1; transform: none; } }

html.el-pro #mapStyleSwitcher > button {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(12, 14, 19, 0.86) !important;
  color: #e6e8ee !important;
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.8), 0 1px 0 rgba(255, 255, 255, 0.06) inset !important;
  transition: transform 0.2s var(--el-ease), border-color 0.2s;
}

html.el-pro #mapStyleSwitcher > button:hover { transform: translateY(-1px); border-color: rgba(255, 61, 82, 0.55) !important; }
html.el-pro #mapStyleSwitcher > button .pro-ico { width: 18px; height: 18px; margin: 0; }

html.el-pro .leaflet-bar {
  border: 1px solid var(--el-line-2) !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 10px 24px -10px rgba(0, 0, 0, 0.8) !important;
}

html.el-pro .leaflet-bar a {
  background: rgba(12, 14, 19, 0.9) !important;
  color: #e6e8ee !important;
  border-bottom-color: var(--el-line) !important;
}

html.el-pro .leaflet-bar a:hover { background: rgba(24, 27, 35, 0.95) !important; color: #fff !important; }

html.el-pro .leaflet-popup-content-wrapper {
  padding: 1px;
  border-radius: 16px;
  border: 1px solid var(--el-line-2);
  color: var(--text);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01) 45%), rgba(13, 15, 21, 0.97);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 26px 60px -22px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.4);
  transform-origin: 50% 100%;
  animation: elPopup 0.28s var(--el-ease) both;
}

@keyframes elPopup { from { opacity: 0; transform: translateY(6px) scale(0.97); } to { opacity: 1; transform: none; } }

html.el-pro .leaflet-popup-tip {
  background: rgba(13, 15, 21, 0.97);
  border: 1px solid var(--el-line-2);
  box-shadow: none;
}

html.el-pro .leaflet-popup-content {
  margin: 13px 15px;
  font-family: var(--el-font);
  font-size: 12.5px;
  line-height: 1.6;
  color: #c9cdd6;
}

html.el-pro .leaflet-popup:has(> .leaflet-popup-close-button) .leaflet-popup-content { margin-right: 36px; }

html.el-pro .leaflet-popup-content :is(strong, b) { color: #fff; font-weight: 700; letter-spacing: -0.01em; }
html.el-pro .leaflet-popup-content hr { border-top-color: var(--el-line) !important; margin: 8px 0 !important; }
html.el-pro .leaflet-popup-content .pro-ico-inline { width: 13px; height: 13px; margin-right: 5px; vertical-align: -0.15em; opacity: 0.9; }

html.el-pro .leaflet-popup-content button {
  border-radius: 9px !important;
  font-family: inherit;
  transition: filter 0.2s, transform 0.2s var(--el-ease), box-shadow 0.2s;
}

html.el-pro .leaflet-popup-content button:hover { filter: brightness(1.12); transform: translateY(-1px); }
html.el-pro .leaflet-popup-content button .pro-ico { width: 13px; height: 13px; margin-right: 4px; vertical-align: -0.15em; }
html.el-pro .leaflet-popup-content button .pro-ico.pro-ico-allein { margin-right: 0; }

html.el-pro .leaflet-popup-content button[style*="background:#e63946"] {
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 8px 18px -10px rgba(255, 61, 82, 0.8);
}

html.el-pro .leaflet-container a.leaflet-popup-close-button {
  top: 7px;
  right: 7px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #8a90a0;
  font: 400 19px/1 var(--el-font);
  transition: background 0.15s, color 0.15s;
}

html.el-pro .leaflet-container a.leaflet-popup-close-button:hover { color: #fff; background: rgba(255, 255, 255, 0.07); }

html.el-pro .el-rollbahn { right: 4px; width: 6px; background: rgba(255, 255, 255, 0.05); }
html.el-pro .el-rollgriff { width: 6px; background: rgba(255, 255, 255, 0.22); transition: background 0.15s; }
html.el-pro .el-rollgriff:hover { background: rgba(255, 255, 255, 0.36); }
html.el-pro .el-rollgriff:active { background: rgba(255, 255, 255, 0.45); }

html.el-pro .leaflet-tooltip:not(.lk-tooltip) {
  padding: 6px 10px;
  border-radius: 9px;
  border: 1px solid var(--el-line-2);
  background: rgba(13, 15, 21, 0.95);
  color: #eceef3;
  font: 500 12px/1.45 var(--el-font);
  box-shadow: 0 12px 28px -12px rgba(0, 0, 0, 0.9);
}

html.el-pro .leaflet-tooltip:not(.lk-tooltip) strong { color: #fff; }
html.el-pro .leaflet-tooltip:not(.lk-tooltip) .pro-ico-inline { width: 12px; height: 12px; margin-right: 4px; vertical-align: -0.14em; }
html.el-pro .leaflet-tooltip-top:not(.lk-tooltip)::before { border-top-color: rgba(13, 15, 21, 0.95); }
html.el-pro .leaflet-tooltip-bottom:not(.lk-tooltip)::before { border-bottom-color: rgba(13, 15, 21, 0.95); }
html.el-pro .leaflet-tooltip-left:not(.lk-tooltip)::before { border-left-color: rgba(13, 15, 21, 0.95); }
html.el-pro .leaflet-tooltip-right:not(.lk-tooltip)::before { border-right-color: rgba(13, 15, 21, 0.95); }

html.el-pro .leaflet-container .leaflet-control-attribution {
  padding: 2px 8px;
  border-radius: 8px 0 0 0;
  background: rgba(10, 11, 15, 0.72);
  color: #8a90a0;
  font-family: var(--el-font);
}

html.el-pro .leaflet-container .leaflet-control-attribution a { color: #b9bec9; }

html.el-pro .mobile-fab-bar {
  background: linear-gradient(180deg, rgba(14, 16, 22, 0.97), rgba(8, 9, 12, 0.99)) !important;
  border-top: 1px solid var(--el-line) !important;
}

html.el-pro .mobile-fab { color: #9aa0ad; }
html.el-pro .mobile-fab.active { color: #fff; }
html.el-pro .mobile-fab-icon .pro-ico { width: 20px; height: 20px; }
html.el-pro .mobile-fab.active .mobile-fab-icon { color: #ff6b7c; filter: drop-shadow(0 0 6px rgba(255, 61, 82, 0.7)); }

@media (max-width: 600px) {
  html.el-pro .topbar { height: 52px; }
  html.el-pro .el-logo-mark { width: 28px; height: 28px; border-radius: 9px; }
  html.el-pro .el-logo-text { display: none; }
  html.el-pro #weeklyRewardBadge,
  html.el-pro #dailyLoginBadge,
  html.el-pro #dienstgradBadge { height: 28px; padding: 0 9px !important; font-size: 11px !important; }
  html.el-pro #weeklyRewardBadge::after,
  html.el-pro #dailyLoginBadge::after,
  html.el-pro #dienstgradBadge::after { display: none; }
  html.el-pro .topbar-right { gap: 6px; }
}

@media (max-width: 900px) {
  html.el-pro :is(#weeklyRewardBadge, #dailyLoginBadge, #dienstgradBadge) { width: 30px; min-width: 30px; height: 30px; border-radius: 50% !important; padding: 0 !important; font-size: 0 !important; line-height: 30px; text-align: center; flex-shrink: 0; }
  html.el-pro :is(#weeklyRewardBadge, #dailyLoginBadge, #dienstgradBadge) .pro-ico { width: 15px; height: 15px; margin: 0; vertical-align: middle; }
  html.el-pro .topbar-center .stat-credits { font-size: 0; }
  html.el-pro .topbar-center .stat-credits > span { font-size: 13px; }
}

html.el-pro #missionModal .modal-header { flex-wrap: wrap; row-gap: 6px; padding-right: 72px; }
html.el-pro #missionModalTitle { flex: 1 1 220px !important; min-width: 0; }
html.el-pro #missionModalCreatedAt { min-width: 0; margin-top: 0 !important; }
html.el-pro #missionOpenCount { margin-right: 0 !important; }

@media (max-width: 600px) {
  html.el-pro #vehicleSelectList :is([data-mission-owner-tab], [data-nachalarm-owner]) { min-width: 0; flex-shrink: 1; gap: 4px; padding: 0 6px !important; font-size: 10.5px !important; overflow: hidden; }
}

@media (max-width: 380px) {
  html.el-pro #missionModal .modal-box { padding-bottom: 0 !important; }
}

@media (max-width: 1023px) {
  html.el-pro .modal-overlay,
  html.el-pro #subModalOverlay { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(4, 5, 8, 0.8) !important; }
  html.el-pro div[data-msg][data-typ] { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(14, 16, 22, 0.97) !important; }
  html.el-pro .stat { height: 32px; padding: 0 8px; border-radius: 9px; }
  html.el-pro .btn-menu::after, html.el-pro .btn-build-station::after, html.el-pro .btn-confirm::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.el-pro .leaflet-popup-content-wrapper { animation: none; }
  html.el-pro #panelContent.el-neu > * { animation: none; }
  html.el-pro #weeklyRewardBadge::after,
  html.el-pro #dailyLoginBadge::after,
  html.el-pro #dienstgradBadge::after { animation: none; display: none; }
  html.el-pro .modal-overlay.open .modal-box,
  html.el-pro #subModalBox,
  html.el-pro div[data-msg][data-typ],
  html.el-pro .dropdown-menu.open { animation: none; }
  html.el-pro .mission-item:hover,
  html.el-pro .btn-build-station:hover,
  html.el-pro .btn-menu:hover { transform: none; }
}

html.el-pro :is(#chatPopupGlobalBtn, #chatPopupVerbandBtn, #chatPopupGroupsBtn, #chatCreateGroupBtn) {
  border-radius: 11px !important;
  border-color: var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #dfe2e8 !important;
  transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro :is(#chatPopupGlobalBtn, #chatPopupVerbandBtn, #chatPopupGroupsBtn, #chatCreateGroupBtn):hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #fff !important;
  filter: none;
}

html.el-pro :is(#chatPopupGlobalBtn, #chatPopupVerbandBtn, #chatPopupGroupsBtn).chat-btn-has-unread {
  border-color: rgba(255, 61, 82, 0.6) !important;
  background: rgba(255, 61, 82, 0.09) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.16) inset, 0 8px 22px -14px rgba(255, 61, 82, 0.9);
}

html.el-pro :is(#chatPopupGlobalBtn, #chatPopupVerbandBtn).fc-knopf-offen {
  border-color: rgba(255, 61, 82, 0.8) !important;
  background: linear-gradient(180deg, rgba(255, 61, 82, 0.22), rgba(255, 61, 82, 0.08)) !important;
  color: #ff8593 !important;
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.28) inset, 0 0 18px -6px rgba(255, 61, 82, 0.75);
}

html.el-pro .chat-unread-badge {
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 0 0 2px #0b0c10, 0 4px 12px -2px rgba(255, 61, 82, 0.8) !important;
  font-variant-numeric: tabular-nums;
}

html.el-pro .floating-chat {
  border: 1px solid var(--el-line-2) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%), #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 30px 80px -24px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
  font-family: var(--el-font);
  color: var(--text);
}

html.el-pro .floating-chat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  height: 2px;
  pointer-events: none;
  background: var(--fc-akzent, #ff3d52);
  box-shadow: 0 0 12px var(--fc-akzent, #ff3d52);
  opacity: 0.85;
}

html.el-pro .floating-chat .fc-header {
  gap: 8px !important;
  padding: 9px 9px 9px 12px !important;
  border-bottom-color: var(--el-line) !important;
  background: rgba(255, 255, 255, 0.02) !important;
}

html.el-pro .floating-chat .fc-titel {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #f2f3f6 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em;
}

html.el-pro .floating-chat .fc-titel-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

html.el-pro .floating-chat .fc-kanal-ico {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 8px;
  color: var(--fc-akzent, #ff6b7c);
  background: color-mix(in srgb, var(--fc-akzent, #ff3d52) 15%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fc-akzent, #ff3d52) 32%, transparent) inset;
}

html.el-pro .floating-chat .fc-kanal-ico .pro-ico { width: 15px; height: 15px; margin: 0; }

html.el-pro .floating-chat :is(.fc-min-btn, .fc-close-btn) {
  display: inline-grid;
  place-items: center;
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px !important;
  color: #8a90a0 !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro .floating-chat :is(.fc-min-btn, .fc-close-btn):hover { background: rgba(255, 255, 255, 0.07) !important; color: #fff !important; }
html.el-pro .floating-chat .fc-close-btn:hover { background: rgba(255, 61, 82, 0.14) !important; color: #ff7083 !important; }
html.el-pro .floating-chat :is(.fc-min-btn, .fc-close-btn) .pro-ico { width: 15px; height: 15px; margin: 0; }

html.el-pro .floating-chat .fc-messages {
  gap: 8px !important;
  padding: 12px !important;
  scrollbar-width: thin;
}

html.el-pro .floating-chat .fc-meta { gap: 6px !important; font-size: 10.5px !important; color: #8a90a0 !important; }
html.el-pro .floating-chat .fc-zeit { font-variant-numeric: tabular-nums; }

html.el-pro .floating-chat .fc-blase {
  padding: 7px 11px !important;
  border: 1px solid var(--el-line);
  border-radius: 14px 14px 14px 5px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #e6e8ee !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

html.el-pro .floating-chat .fc-eigen .fc-blase {
  border-color: rgba(255, 61, 82, 0.38);
  border-radius: 14px 14px 5px 14px !important;
  background: rgba(255, 61, 82, 0.15) !important;
  color: #fff !important;
}

html.el-pro .floating-chat .fc-picker {
  padding: 8px !important;
  border-top-color: var(--el-line) !important;
  background: rgba(9, 10, 14, 0.6) !important;
  scrollbar-width: thin;
}

html.el-pro .floating-chat .fc-reiter {
  gap: 5px !important;
  margin-bottom: 8px !important;
  padding-bottom: 7px !important;
  border-bottom-color: var(--el-line) !important;
}

html.el-pro :is(.floating-chat .fc-pt, .chat-picker-tab) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 11px !important;
  border: 1px solid var(--el-line-2) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #8a90a0 !important;
  font-family: inherit;
  font-size: 11.5px !important;
  font-weight: 600;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

html.el-pro :is(.floating-chat .fc-pt, .chat-picker-tab):hover { background: rgba(255, 255, 255, 0.05) !important; color: #fff !important; }

html.el-pro :is(.floating-chat .fc-pt, .chat-picker-tab).active {
  border-color: rgba(255, 61, 82, 0.5) !important;
  background: rgba(255, 61, 82, 0.12) !important;
  color: #fff !important;
}

html.el-pro :is(.floating-chat .fc-pt, .chat-picker-tab) .pro-ico { width: 13px; height: 13px; margin: 0; }

html.el-pro .floating-chat .fc-pe-emoji button[data-emoji]::after { content: attr(data-emoji); }
html.el-pro .floating-chat .fc-fx-emo::after { content: attr(data-e); }

html.el-pro .floating-chat .fc-eingabe {
  gap: 6px !important;
  padding: 9px 10px !important;
  border-top-color: var(--el-line) !important;
  background: rgba(255, 255, 255, 0.015);
}

html.el-pro .floating-chat .fc-input {
  height: 34px;
  padding: 0 12px !important;
  border: 1px solid var(--el-line-2) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #eceef3 !important;
  font-family: inherit;
  font-size: 12.5px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

html.el-pro .floating-chat .fc-input::placeholder { color: #6b7180; }
html.el-pro .floating-chat .fc-input:focus { border-color: rgba(255, 61, 82, 0.7) !important; box-shadow: 0 0 0 3px rgba(255, 61, 82, 0.15); }

html.el-pro .floating-chat :is(.fc-picker-btn, .fc-send) {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  padding: 0 !important;
  border-radius: 10px !important;
}

html.el-pro .floating-chat .fc-picker-btn {
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #c9cdd6 !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro .floating-chat .fc-picker-btn:hover { background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; }

html.el-pro .floating-chat .fc-send {
  width: 38px;
  color: #fff !important;
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 8px 18px -10px rgba(255, 61, 82, 0.85);
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro .floating-chat .fc-send:hover { filter: brightness(1.08); transform: translateY(-1px); }
html.el-pro .floating-chat :is(.fc-picker-btn, .fc-send) .pro-ico { width: 16px; height: 16px; margin: 0; }

html.el-pro .floating-chat .fc-rs-se {
  border-bottom-right-radius: 16px !important;
  background: linear-gradient(135deg, transparent 52%, rgba(255, 255, 255, 0.16) 52% 58%, transparent 58% 68%, rgba(255, 255, 255, 0.16) 68% 74%, transparent 74%) !important;
}

html.el-pro .floating-chat.floating-chat-minimized {
  border-radius: 999px !important;
  box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.4) !important;
}

html.el-pro .floating-chat.floating-chat-minimized::before { display: none; }

html.el-pro .floating-chat.floating-chat-minimized .fc-header {
  padding: 5px 6px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

html.el-pro .floating-chat.floating-chat-minimized .fc-titel { padding-right: 4px; }

html.el-pro #chatOverlay .modal-box { position: relative; }

html.el-pro #chatOverlay .modal-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, #ff3d52, #5b8cff);
  opacity: 0.75;
}

html.el-pro #chatOverlay .modal-box > div:first-child {
  padding: 16px 16px 14px 20px !important;
  border-bottom-color: var(--el-line) !important;
  background: rgba(255, 255, 255, 0.015);
}

html.el-pro #chatChannelLabel {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px !important;
}

html.el-pro #chatOverlay .modal-box > div:first-child .btn-cancel {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0 !important;
  border-radius: 10px;
}

html.el-pro #chatMessages { gap: 10px !important; padding: 16px 18px !important; scrollbar-width: thin; }
html.el-pro #chatMessages .chat-msg { gap: 3px; max-width: 82%; }
html.el-pro #chatMessages .chat-user { font-size: 11px; color: #8a90a0; }

html.el-pro #chatMessages .chat-text {
  padding: 8px 12px;
  border-color: var(--el-line);
  border-radius: 14px 14px 14px 5px;
  background: rgba(255, 255, 255, 0.045);
  color: #e6e8ee;
  line-height: 1.5;
}

html.el-pro #chatMessages .chat-msg.own .chat-text {
  border-color: rgba(255, 61, 82, 0.38);
  border-radius: 14px 14px 5px 14px;
  background: rgba(255, 61, 82, 0.15);
  color: #fff;
}

html.el-pro #chatMessages .chat-time { font-size: 10px; color: #6b7180; font-variant-numeric: tabular-nums; }

html.el-pro #chatPickerPanel {
  border-top-color: var(--el-line) !important;
  background: rgba(9, 10, 14, 0.6) !important;
  scrollbar-width: thin;
}

html.el-pro #chatPickerPanel > div:first-child { gap: 6px !important; border-bottom-color: var(--el-line) !important; }

html.el-pro #chatOverlay .modal-box > div:last-child {
  gap: 8px !important;
  padding: 12px 14px !important;
  border-top-color: var(--el-line) !important;
  background: rgba(255, 255, 255, 0.015);
}

html.el-pro #chatInput {
  height: 42px;
  border-color: var(--el-line-2) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  font-family: inherit;
}

html.el-pro #chatPickerBtn {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0 !important;
  border-color: var(--el-line-2) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

html.el-pro #chatOverlay .modal-box > div:last-child .btn-confirm { height: 42px; padding: 0 18px !important; border-radius: 12px; }

@media (min-width: 768px) and (max-width: 1199px) {
  html.el-pro .logo-small::before,
  html.el-pro .topbar-right .btn-menu::before,
  html.el-pro #updateBtn::before,
  html.el-pro #supportBtn::before,
  html.el-pro .topbar-right .btn-pm::before,
  html.el-pro #vipTopbarBadge::before { content: none; }

  html.el-pro .topbar-right .btn-menu {
    justify-content: center;
    gap: 0;
    width: 38px !important;
    height: 34px !important;
  }

  html.el-pro #supportBtn,
  html.el-pro #updateBtn,
  html.el-pro .topbar-right .btn-pm {
    gap: 0 !important;
    width: 36px !important;
    min-width: 36px;
    height: 34px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  html.el-pro :is(#supportBtn, #updateBtn, .topbar-right .btn-pm, .topbar-right .btn-menu) .pro-ico { margin: 0 !important; }
  html.el-pro #vipTopbarBadge .pro-ico { width: 13px; height: 13px; margin: 0; }
  html.el-pro .topbar-right .btn-menu #aktBadge { position: absolute; right: 1px; bottom: 1px; margin: 0 !important; line-height: 9px; box-shadow: 0 0 0 1px rgba(150, 10, 30, 0.55); }
}

@media (max-width: 767px) {
  html.el-pro .logo-small { display: none; }
  html.el-pro #supportBtn { display: none !important; }
}

.el-schalter { min-height: 0 !important; padding: 0; }

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) {
  --hw: #2fd47a;
  overflow: hidden;
  padding: 14px 14px 14px 18px !important;
  border: 1px solid var(--el-line-2) !important;
  border-radius: 16px !important;
  color: #eceef3 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01) 60%), rgba(13, 15, 21, 0.97) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 60px -20px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.4);
  font-family: var(--el-font);
}

html.el-pro #appUpdateBanner,
html.el-pro #appAdressHinweis {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 60px -20px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.4) !important;
}

html.el-pro #appVeraltetWarnung {
  --hw: #ff3d52;
  animation: appUpdateSlideIn 0.35s ease, elHinwPuls 2.4s ease-in-out infinite !important;
}

html.el-pro #appAdressHinweis { --hw: #5b8cff; }

@keyframes elHinwPuls {
  0%, 100% { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 60px -20px rgba(0, 0, 0, 0.95), 0 0 0 0 rgba(255, 61, 82, 0.5); }
  50% { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 24px 60px -20px rgba(0, 0, 0, 0.95), 0 0 0 7px rgba(255, 61, 82, 0); }
}

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis)::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--hw);
  box-shadow: 0 0 12px var(--hw);
}

html.el-pro .el-hinw-ico {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  font-size: 19px !important;
  line-height: 1 !important;
  color: var(--hw);
  background: color-mix(in srgb, var(--hw) 14%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hw) 30%, transparent) inset;
}

html.el-pro .el-hinw-ico .pro-ico { width: 20px; height: 20px; }
html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) strong { color: #fff; }

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) .el-hinw-primaer {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 22px -12px rgba(255, 61, 82, 0.85);
  font-family: inherit;
  font-weight: 700 !important;
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) .el-hinw-primaer:hover:not(:disabled) { filter: brightness(1.08); transform: translateY(-1px); }
html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) .el-hinw-primaer:disabled { opacity: 0.75; cursor: progress; }
html.el-pro .el-hinw-primaer .pro-ico { width: 15px; height: 15px; }

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) .el-hinw-zu {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  border: 1px solid var(--el-line-2) !important;
  border-radius: 9px !important;
  color: #8a90a0 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) .el-hinw-zu:hover { color: #fff !important; background: rgba(255, 255, 255, 0.09) !important; }
html.el-pro .el-hinw-zu .pro-ico { width: 14px; height: 14px; }

html.el-pro #pwaInstallBanner {
  overflow: hidden;
  padding: 16px !important;
  border: 1px solid var(--el-line-2) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01) 60%), rgba(13, 15, 21, 0.97) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 28px 70px -24px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(0, 0, 0, 0.4) !important;
  font-family: var(--el-font);
}

html.el-pro #pwaInstallBanner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #ff3d52, #5b8cff);
  opacity: 0.8;
}

html.el-pro #pwaInstallBanner .el-inst-logo { border-radius: 13px !important; border-color: var(--el-line-2) !important; box-shadow: 0 10px 24px -14px rgba(255, 61, 82, 0.7); }
html.el-pro #pwaInstallBanner .el-inst-titel { color: #f4f5f8 !important; letter-spacing: -0.01em; }
html.el-pro #pwaInstallBanner .el-inst-text,
html.el-pro #pwaInstallBanner .el-inst-text + div { color: #9aa0ad !important; }
html.el-pro #pwaInstallBanner strong { color: #eceef3 !important; }
html.el-pro #pwaInstallBanner .el-inst-teilen .pro-ico { width: 14px; height: 14px; color: #86a8ff; }

html.el-pro #pwaInstallBanner :is(.el-inst-ja, .el-inst-spaeter, .el-inst-nie) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 11px !important;
  font-family: inherit;
  font-weight: 650 !important;
  transition: filter 0.2s, background 0.2s, border-color 0.2s, color 0.2s;
}

html.el-pro #pwaInstallBanner .el-inst-ja {
  color: #fff !important;
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 22px -12px rgba(255, 61, 82, 0.85);
}

html.el-pro #pwaInstallBanner .el-inst-ja:hover { filter: brightness(1.08); }
html.el-pro #pwaInstallBanner .el-inst-ja .pro-ico { width: 16px; height: 16px; }

html.el-pro #pwaInstallBanner :is(.el-inst-spaeter, .el-inst-nie) {
  border-color: var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #b9bec9 !important;
}

html.el-pro #pwaInstallBanner :is(.el-inst-spaeter, .el-inst-nie):hover { color: #fff !important; background: rgba(255, 255, 255, 0.08) !important; }

html.el-pro #pwaInstallBanner .el-inst-zu { border-radius: 9px !important; color: #8a90a0 !important; transition: background 0.15s, color 0.15s; }
html.el-pro #pwaInstallBanner .el-inst-zu:hover { color: #fff !important; background: rgba(255, 255, 255, 0.08) !important; }
html.el-pro #pwaInstallBanner .el-inst-zu .pro-ico { width: 15px; height: 15px; margin: 0; }

html.el-pro #installFallbackModal {
  background: rgba(4, 5, 8, 0.66) !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
  backdrop-filter: blur(8px) saturate(125%) !important;
}

html.el-pro #installFallbackModal .el-inst-box {
  border: 1px solid var(--el-line-2) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%), #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
  animation: elFenster 0.34s var(--el-ease) both;
}

html.el-pro #installFallbackModal .el-inst-kopf { border-bottom-color: var(--el-line) !important; }
html.el-pro #installFallbackModal .el-inst-kopf strong { display: inline-flex; align-items: center; gap: 2px; letter-spacing: -0.015em; }
html.el-pro #installFallbackModal [style*="background:var(--bg-input)"] { border-color: var(--el-line) !important; border-radius: 12px !important; background: rgba(255, 255, 255, 0.03) !important; }

html.el-pro #installFallbackModal .el-inst-x {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0 !important;
  border-radius: 9px !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro #installFallbackModal .el-inst-x:hover { color: #fff !important; background: rgba(255, 255, 255, 0.08) !important; }

html.el-pro #installFallbackModal .el-inst-ok {
  height: 38px;
  padding: 0 18px !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 22px -12px rgba(255, 61, 82, 0.85);
  font-family: inherit;
  font-weight: 650 !important;
  transition: filter 0.2s;
}

html.el-pro #installFallbackModal .el-inst-ok:hover { filter: brightness(1.08); }

@media (max-width: 767px) {
  html.el-pro :is(#appUpdateBanner, #appVeraltetWarnung, #appAdressHinweis) { bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important; }
  html.el-pro .floating-chat:not(.floating-chat-minimized) { border-radius: 14px !important; }
}

@media (max-width: 600px) {
  html.el-pro :is(#appUpdateBanner, #appAdressHinweis) { flex-wrap: wrap; row-gap: 12px; }
  html.el-pro :is(#appUpdateBanner, #appAdressHinweis) > div { flex: 1 1 0 !important; min-width: 0; }
  html.el-pro :is(#appUpdateBanner, #appAdressHinweis) .el-hinw-primaer { order: 3; flex: 1 1 100%; justify-content: center; margin-left: 0 !important; }
  html.el-pro #appVeraltetWarnung .el-hinw-primaer { justify-content: center; }
}

@media (max-width: 1023px) {
  html.el-pro #installFallbackModal { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(4, 5, 8, 0.8) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.el-pro #appVeraltetWarnung { animation: none !important; }
  html.el-pro #installFallbackModal .el-inst-box { animation: none; }
  html.el-pro .floating-chat .fc-send:hover { transform: none; }
}

html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) {
  background: rgba(4, 5, 8, 0.66) !important;
  -webkit-backdrop-filter: blur(8px) saturate(125%) !important;
  backdrop-filter: blur(8px) saturate(125%) !important;
}

html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) > div:first-child,
html.el-pro .el-fenster {
  border-radius: 20px !important;
  border: 1px solid var(--el-line-2) !important;
  background:
    linear-gradient(90deg, transparent 6%, var(--el-ton, transparent) 50%, transparent 94%) top / 100% 2px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%),
    #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
  color: var(--text);
  font-family: var(--el-font) !important;
  animation: elFenster 0.34s var(--el-ease) both;
}

html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus {
  outline: none;
  border-color: rgba(255, 61, 82, 0.7) !important;
  box-shadow: 0 0 0 4px rgba(255, 61, 82, 0.15) !important;
}

html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) button .pro-ico { margin-right: 0.45em; }
html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) button .pro-ico.pro-ico-allein { margin-right: 0; }

html.el-pro :is(.el-knopf-primaer, .el-tut-weiter, #vehicleHelpModal > div > button:last-child, #missionHelpModal > div > button:last-child) {
  position: relative;
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  font-weight: 650 !important;
  background: linear-gradient(180deg, #ff5a6c, #e3253b) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px -12px rgba(255, 61, 82, 0.8) !important;
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro :is(.el-knopf-primaer, .el-tut-weiter, #vehicleHelpModal > div > button:last-child, #missionHelpModal > div > button:last-child):hover { filter: brightness(1.07); transform: translateY(-1px); }

html.el-pro .el-fenster-ico {
  display: inline-grid !important;
  place-items: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  margin: 0 !important;
  border-radius: 12px;
  font-size: 18px !important;
  line-height: 1 !important;
  text-align: center;
  color: var(--el-ton, #ff7a8a);
  background: linear-gradient(160deg, color-mix(in srgb, var(--el-ton, #ff3d52) 24%, transparent), color-mix(in srgb, var(--el-ton, #ff3d52) 6%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--el-ton, #ff3d52) 30%, transparent) inset, 0 10px 26px -12px color-mix(in srgb, var(--el-ton, #ff3d52) 80%, transparent);
  animation: none !important;
}

html.el-pro .el-fenster-ico .pro-ico { width: 19px; height: 19px; margin: 0 !important; color: inherit !important; }

html.el-pro :is(.el-ann-ico, .el-vollbild .el-fenster-ico) {
  display: grid !important;
  width: 58px;
  height: 58px;
  margin: 0 auto 14px !important;
  border-radius: 18px;
  font-size: 26px !important;
}

html.el-pro :is(.el-ann-ico, .el-vollbild .el-fenster-ico) .pro-ico { width: 27px; height: 27px; }

html.el-pro [id^="announcementModal_"] h2 { color: #f4f5f8 !important; letter-spacing: -0.02em !important; }

html.el-pro .el-ann-knopf {
  border: 0 !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--el-ton, #ff3d52) 82%, #fff), var(--el-ton, #ff3d52)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px -12px var(--el-ton, #ff3d52) !important;
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro :is([data-typ="warn"], [data-typ="success"]) .el-ann-knopf { color: #1d1303 !important; }
html.el-pro .el-ann-knopf:hover { filter: brightness(1.07); transform: translateY(-1px); }

html.el-pro .el-tut-blase {
  border: 1px solid var(--el-line-2) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(90deg, transparent 6%, rgba(255, 61, 82, 0.9) 50%, transparent 94%) top / 100% 2px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%),
    #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
  font-family: var(--el-font);
  animation: elTutEin 0.3s ease both;
}

@keyframes elTutEin { from { opacity: 0; } to { opacity: 1; } }

html.el-pro .el-tut-blase h3 { color: #f4f5f8; letter-spacing: -0.02em; }
html.el-pro .el-tut-blase .el-fenster-ico { --el-ton: #ff3d52; }
html.el-pro .el-tut-schritt { color: #ff7a8a !important; letter-spacing: 0.12em !important; }
html.el-pro .el-tut-blase button:not(.el-tut-weiter) { border-radius: 11px !important; border-color: var(--el-line-2) !important; background: rgba(255, 255, 255, 0.05) !important; color: #c9cdd6 !important; }
html.el-pro .el-tut-blase button:not(.el-tut-weiter):hover { background: rgba(255, 255, 255, 0.09) !important; color: #fff !important; }

html.el-pro .el-tut-loch {
  border: 2px solid #ff3d52 !important;
  border-radius: 12px !important;
  animation: elTutPuls 1.6s ease-in-out infinite !important;
}

@keyframes elTutPuls {
  0%, 100% { box-shadow: 0 0 0 9999px rgba(4, 5, 8, 0.66), 0 0 0 0 rgba(255, 61, 82, 0.5), 0 0 22px rgba(255, 61, 82, 0.45); }
  50% { box-shadow: 0 0 0 9999px rgba(4, 5, 8, 0.66), 0 0 0 9px rgba(255, 61, 82, 0), 0 0 22px rgba(255, 61, 82, 0.25); }
}

html.el-pro #tutorialSkipBtn {
  top: auto !important;
  right: auto !important;
  left: 50% !important;
  bottom: 52px !important;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(12, 14, 19, 0.92) !important;
  color: #e6e8ee !important;
  font: 600 12px/1 var(--el-font) !important;
  box-shadow: 0 14px 34px -14px rgba(0, 0, 0, 0.95) !important;
}

html.el-pro #tutorialSkipBtn:hover { border-color: rgba(255, 61, 82, 0.55) !important; color: #fff !important; }
html.el-pro #tutorialSkipBtn .pro-ico { width: 14px; height: 14px; margin: 0; color: #ff7083; }

html.el-pro #elHinweisStapel {
  position: fixed;
  top: calc(var(--el-kopf, 85px) + 10px);
  left: 50%;
  z-index: 8600;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: min(600px, calc(100vw - 24px));
  transform: translateX(-50%);
  pointer-events: none;
}

html.el-pro #elHinweisStapel:empty { display: none; }

html.el-pro .el-hinweisleiste {
  --el-ton: #ff3d52;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  z-index: auto !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  gap: 12px !important;
  padding: 10px 14px 10px 16px !important;
  border-radius: 14px !important;
  border: 1px solid var(--el-line-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)), rgba(14, 16, 22, 0.94) !important;
  box-shadow: inset 3px 0 0 var(--el-ton), 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -20px rgba(0, 0, 0, 0.95) !important;
  color: #eceef3 !important;
  font: 500 12.5px/1.45 var(--el-font) !important;
  text-align: left !important;
  pointer-events: auto;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  animation: elHinweisEin 0.35s var(--el-ease) both !important;
}

@keyframes elHinweisEin { from { opacity: 0; } to { opacity: 1; } }

html.el-pro #elHinweisStapel > .el-hinweisleiste { inset: auto !important; transform: none !important; margin: 0 !important; }
html.el-pro #elHinweisStapel > #communityHinweis { padding: 10px 14px 10px 16px !important; gap: 12px !important; }

@media (max-width: 600px) {
  html.el-pro #elHinweisStapel > #communityHinweis { padding: 9px 11px 9px 13px !important; gap: 9px !important; }
}

html.el-pro #boostBanner.el-hinweisleiste { order: 1; --el-ton: #ff8a3d; justify-content: flex-start !important; font-weight: 600 !important; }
html.el-pro #worldEventBanner.el-hinweisleiste { order: 2; }
html.el-pro #jackpotBanner.el-hinweisleiste { order: 3; --el-ton: #f5c451; }
html.el-pro #communityHinweis.el-hinweisleiste { order: 4; --el-ton: #a78bfa; }
html.el-pro .el-hinweisleiste.ingame-restart-banner { order: 0; --el-ton: #f5b443; color: #ffc766 !important; }
html.el-pro .el-hinweisleiste.ingame-announcement { order: 5; padding-right: 48px !important; max-height: 60vh !important; overflow-y: auto !important; }
html.el-pro .el-hinweisleiste.ingame-announcement.info { --el-ton: #5b8cff; }
html.el-pro .el-hinweisleiste.ingame-announcement.warn { --el-ton: #f5b443; }
html.el-pro .el-hinweisleiste.ingame-announcement.danger { --el-ton: #ff3d52; }
html.el-pro .el-hinweisleiste.ingame-announcement.success { --el-ton: #2fd47a; }

html.el-pro :is(#jackpotBanner > div:first-child, #communityHinweis > span:first-child, #worldEventBanner > span:first-child) {
  display: grid !important;
  place-items: center;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 18px !important;
  line-height: 1 !important;
  background: color-mix(in srgb, var(--el-ton) 15%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--el-ton) 30%, transparent) inset;
}

html.el-pro :is(#jackpotBanner > div:first-child, #communityHinweis > span:first-child, #worldEventBanner > span:first-child) > .pro-ico { width: 18px; height: 18px; margin: 0 !important; color: var(--el-ton) !important; }
html.el-pro .el-hinweisleiste .pro-ico-inline { width: 14px; height: 14px; margin-right: 6px; vertical-align: -0.17em; }
html.el-pro #boostBanner.el-hinweisleiste .pro-ico-inline { color: var(--el-ton) !important; }

html.el-pro :is(#jpZu, #euHinweisZu, .el-hinweisleiste.ingame-announcement > button, #worldEventBanner > .el-leiste-zu) {
  display: grid !important;
  place-items: center;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #9aa0ad !important;
  font-size: 15px !important;
  opacity: 1 !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro .el-hinweisleiste.ingame-announcement > button { position: absolute !important; top: 8px !important; right: 8px !important; }
html.el-pro :is(#jpZu, #euHinweisZu, .el-hinweisleiste.ingame-announcement > button, #worldEventBanner > .el-leiste-zu):hover { background: rgba(255, 255, 255, 0.12) !important; color: #fff !important; }
html.el-pro :is(#jpZu, #euHinweisZu, .el-hinweisleiste.ingame-announcement > button, #worldEventBanner > .el-leiste-zu) .pro-ico { width: 14px; height: 14px; margin: 0 !important; }

html.el-pro :is(#jpMitmachen, #euHinweisBtn) {
  height: 32px;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font: 650 12.5px/1 var(--el-font) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 8px 20px -10px rgba(0, 0, 0, 0.9) !important;
  transition: filter 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro #jpMitmachen { background: linear-gradient(135deg, #f5c451, #e39a1c) !important; color: #1d1303 !important; }
html.el-pro #euHinweisBtn { background: linear-gradient(180deg, #ff5a6c, #e3253b) !important; color: #fff !important; }
html.el-pro :is(#jpMitmachen, #euHinweisBtn):hover { filter: brightness(1.07); transform: translateY(-1px); }
html.el-pro #communityHinweis.el-hinweisleiste div { opacity: 1 !important; }
html.el-pro #communityHinweis.el-hinweisleiste div + div { color: #a3a9b6; }
html.el-pro #worldEventBanner.el-hinweisleiste > span:nth-child(3) { color: #8a90a0 !important; font-size: 11px !important; }
html.el-pro #worldEventBanner > .el-leiste-zu { flex-shrink: 0; margin-left: auto !important; cursor: pointer; }
@media (max-width: 767px) {
  html.el-pro #statRuhm { display: none !important; }
}

html.el-pro #toastStack > div[data-typ] {
  padding-left: 16px !important;
  border: 1px solid var(--el-line-2) !important;
  font-family: var(--el-font) !important;
  font-weight: 600 !important;
}

html.el-pro #toastStack > div[data-typ="success"] { border-color: rgba(47, 212, 122, 0.42) !important; color: #4be196 !important; box-shadow: inset 3px 0 0 #2fd47a, 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -18px rgba(0, 0, 0, 0.9) !important; }
html.el-pro #toastStack > div[data-typ="warn"] { border-color: rgba(245, 180, 67, 0.45) !important; color: #ffc766 !important; box-shadow: inset 3px 0 0 #f5b443, 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -18px rgba(0, 0, 0, 0.9) !important; }
html.el-pro #toastStack > div[data-typ="error"] { border-color: rgba(255, 61, 82, 0.5) !important; color: #ff7083 !important; box-shadow: inset 3px 0 0 #ff3d52, 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -18px rgba(0, 0, 0, 0.9) !important; }
html.el-pro #toastStack > div[data-typ="info"] { border-color: rgba(91, 140, 255, 0.45) !important; color: #86a8ff !important; box-shadow: inset 3px 0 0 #5b8cff, 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 20px 50px -18px rgba(0, 0, 0, 0.9) !important; }
html.el-pro #toastStack .pro-ico-inline { width: 15px; height: 15px; margin-right: 7px; vertical-align: -0.2em; }

html.el-pro #vipTopbarBadge,
html.el-pro #founderTopbarBadge {
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 32px;
  margin-left: 0 !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: -0.005em;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 8px 20px -10px rgba(0, 0, 0, 0.9) !important;
  transition: transform 0.2s var(--el-ease), filter 0.2s;
}

html.el-pro #vipTopbarBadge { background: linear-gradient(135deg, #f5c451, #e39a1c) !important; color: #1d1303 !important; }
html.el-pro #vipTopbarBadge[style*="vipExpiringPulse"] { background: linear-gradient(135deg, #ff5a6c, #e3253b) !important; color: #fff !important; }
html.el-pro #founderTopbarBadge { min-width: 32px; padding: 0 !important; background: linear-gradient(135deg, #7c5cff, #ff3d52) !important; color: #fff !important; }
html.el-pro :is(#vipTopbarBadge, #founderTopbarBadge):hover { transform: translateY(-1px); filter: brightness(1.08); }
html.el-pro :is(#vipTopbarBadge, #founderTopbarBadge) .pro-ico { width: 15px; height: 15px; margin: 0 !important; color: currentColor !important; }

html.el-pro #vipTopbarBadge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.35), transparent);
  transform: translateX(-160%) skewX(-18deg);
  animation: elGlanz 4.5s ease-in-out infinite;
}

html.el-pro .alpha-banner .pro-ico { width: 13px; height: 13px; margin-right: 6px; color: #fff !important; }

html.el-pro #flKaufOverlay .el-fenster > div:first-child { display: flex; align-items: center; font-size: 19px !important; letter-spacing: -0.02em; }
html.el-pro #flKaufOverlay .el-fenster > div:first-child .pro-ico { width: 20px; height: 20px; margin-right: 10px; color: #ff8a3d !important; }
html.el-pro #flKaufOverlay .el-fenster > div:nth-child(3) { background: #151821 !important; border-color: var(--el-line) !important; border-radius: 12px !important; }
html.el-pro #flKaufOverlay label { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--el-line); background: rgba(255, 255, 255, 0.02); transition: border-color 0.2s, background 0.2s; }
html.el-pro #flKaufOverlay label:has(input:checked) { border-color: rgba(255, 61, 82, 0.4); background: rgba(255, 61, 82, 0.06); }
html.el-pro #flKaufOverlay label a { color: #ff7083 !important; }
html.el-pro #flKaufOverlay #flCancelBtn { border-radius: 11px !important; border-color: var(--el-line-2) !important; background: rgba(255, 255, 255, 0.05) !important; color: #e6e8ee !important; }
html.el-pro #flKaufOverlay #flOrderBtn { border-radius: 11px !important; }

html.el-pro #updatePopupOverlay .el-fenster > div:first-child > div:first-child > div:first-child { gap: 12px !important; }
html.el-pro #updatePopupOverlay .el-fenster > div:nth-child(2) { background: #151821 !important; border-color: var(--el-line) !important; border-radius: 12px !important; color: #a3a9b6 !important; }
html.el-pro #updatePopupOverlay .el-fenster > div:first-child > button { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px !important; }
html.el-pro #updatePopupOverlay .el-fenster > div:first-child > button:hover { background: rgba(255, 255, 255, 0.07) !important; color: #fff !important; }

html.el-pro :is(#modalIcon, #facilityModalIcon) {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 12px;
  font-size: 18px;
  line-height: 1;
  color: #ff7a8a;
  background: linear-gradient(160deg, rgba(255, 61, 82, 0.22), rgba(255, 61, 82, 0.05));
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.28) inset, 0 10px 26px -12px rgba(255, 61, 82, 0.8);
}

html.el-pro #modalIcon > svg { width: 26px; height: 26px; }
html.el-pro #facilityModalIcon .pro-ico { width: 19px; height: 19px; }
html.el-pro :is(#stationModal, #facilityModal) .modal-info .pro-ico-inline { width: 15px; height: 15px; margin-right: 6px; }

html.el-pro :is(#vehicleHelpModal, #missionHelpModal) > div:first-child > div:first-child > button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px !important;
  transition: background 0.15s, color 0.15s;
}

html.el-pro :is(#vehicleHelpModal, #missionHelpModal) > div:first-child > div:first-child > button:hover { background: rgba(255, 255, 255, 0.07) !important; color: #fff !important; }
html.el-pro :is(#vehicleHelpModal, #missionHelpModal) h3 { color: #f4f5f8; letter-spacing: -0.02em; }
html.el-pro :is(#vehicleHelpModal, #missionHelpModal) [style*="background:var(--bg-input)"] { border-radius: 12px !important; border: 1px solid var(--el-line); background: #151821 !important; }

html.el-pro .el-vollbild,
html.el-pro .ingame-maintenance-overlay {
  background:
    radial-gradient(60% 50% at 12% 0%, rgba(255, 61, 82, 0.12), transparent 70%),
    radial-gradient(50% 45% at 100% 10%, rgba(91, 140, 255, 0.1), transparent 70%),
    #07080b !important;
  color: #eceef3 !important;
  font-family: var(--el-font) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.el-pro .el-vollbild-karte {
  padding: 30px 28px !important;
  border-radius: 22px !important;
  border: 1px solid var(--el-line-2) !important;
  background:
    linear-gradient(90deg, transparent 8%, var(--el-ton, #ff3d52) 50%, transparent 92%) top / 100% 2px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01) 35%),
    #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1) !important;
  animation: elFenster 0.4s var(--el-ease) both;
}

html.el-pro .el-vollbild-karte :is(h1, h2) { color: #f4f5f8 !important; letter-spacing: -0.025em; }
html.el-pro #sperrOverlay .el-vollbild-karte > div:nth-child(2) { color: #ff7083 !important; letter-spacing: -0.02em; }
html.el-pro #maintenanceOverlay .el-vollbild-karte > div:nth-child(3) { border-radius: 14px !important; }
html.el-pro #_mntCountdown { color: #4be196 !important; }

html.el-pro :is(.el-vollbild, .ingame-maintenance-overlay) button {
  min-height: 40px;
  padding: 0 20px !important;
  border-radius: 11px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e6e8ee !important;
  font: 650 13px/1 var(--el-font) !important;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.2s var(--el-ease);
}

html.el-pro :is(.el-vollbild, .ingame-maintenance-overlay) button:hover { background: rgba(255, 255, 255, 0.09) !important; transform: translateY(-1px); }
html.el-pro :is(.el-vollbild, .ingame-maintenance-overlay) #_mntLogoutBtn { border-color: rgba(255, 61, 82, 0.4) !important; background: rgba(255, 61, 82, 0.1) !important; color: #ff9aa6 !important; }
html.el-pro #sperrOverlay button { border: 0 !important; color: #fff !important; background: linear-gradient(180deg, #ff5a6c, #e3253b) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.22) inset, 0 10px 24px -12px rgba(255, 61, 82, 0.8) !important; }
html.el-pro :is(.el-vollbild, .ingame-maintenance-overlay) button .pro-ico { width: 15px; height: 15px; margin-right: 0.45em; }
html.el-pro .ingame-maintenance-overlay h2 { color: #f4f5f8 !important; letter-spacing: -0.025em; }

html.el-pro #mapStyleSwitcher > button.an {
  border-color: rgba(91, 140, 255, 0.7) !important;
  background: linear-gradient(180deg, rgba(91, 140, 255, 0.26), rgba(91, 140, 255, 0.1)), rgba(12, 14, 19, 0.9) !important;
  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(91, 140, 255, 0.35) inset, 0 0 18px -4px rgba(91, 140, 255, 0.75), 0 10px 24px -10px rgba(0, 0, 0, 0.8) !important;
}

html.el-pro #mapStyleSwitcher > button.an .pro-ico { color: #a9c1ff; }

html.el-pro :is(button, a) .pro-ico.pro-ico-ende { margin: 0 0 0 0.4em; }

@media (max-width: 1023px) {
  html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(4, 5, 8, 0.82) !important; }
  html.el-pro .el-hinweisleiste { -webkit-backdrop-filter: none; backdrop-filter: none; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)), #0e1016 !important; }
  html.el-pro #tutorialSkipBtn { bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 600px) {
  html.el-pro #elHinweisStapel { top: calc(var(--el-kopf, 72px) + 6px); width: calc(100vw - 16px); gap: 6px; }
  html.el-pro .el-hinweisleiste { gap: 9px !important; padding: 9px 11px 9px 13px !important; font-size: 12px !important; }
  html.el-pro :is(#jackpotBanner > div:first-child, #communityHinweis > span:first-child, #worldEventBanner > span:first-child) { width: 30px; height: 30px; }
  html.el-pro #vipTopbarBadge, html.el-pro #founderTopbarBadge { height: 28px; padding: 0 9px !important; font-size: 11px !important; }
  html.el-pro #founderTopbarBadge { min-width: 28px; padding: 0 !important; }
  html.el-pro #vipTopbarBadge::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal) > div:first-child,
  html.el-pro .el-fenster,
  html.el-pro .el-tut-blase,
  html.el-pro .el-vollbild-karte,
  html.el-pro .el-hinweisleiste { animation: none !important; }
  html.el-pro .el-tut-loch { animation: none !important; box-shadow: 0 0 0 9999px rgba(4, 5, 8, 0.66), 0 0 22px rgba(255, 61, 82, 0.45); }
  html.el-pro #vipTopbarBadge::after { animation: none; display: none; }
}

html.el-pro .topbar-right .btn-menu { height: 36px !important; white-space: nowrap; flex-shrink: 0; line-height: 1; }
html.el-pro .btn-menu .menu-main-dot {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 9px !important;
  height: 9px !important;
  margin: 0 !important;
  border-radius: 50%;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgba(150, 10, 30, 0.55), 0 0 10px rgba(255, 255, 255, 0.9) !important;
  animation: elMenuPunkt 2.4s ease-in-out infinite;
  pointer-events: none;
}
@keyframes elMenuPunkt { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { html.el-pro .btn-menu .menu-main-dot { animation: none; } }

html.el-pro {
  --el-m-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 17V8a1 1 0 0 1 1-1h11v10'/%3E%3Cpath d='M14 10h4l3 3.5V17h-1.5'/%3E%3Ccircle cx='6.5' cy='17.5' r='2'/%3E%3Ccircle cx='17' cy='17.5' r='2'/%3E%3Cpath d='M8.5 17.5H15M2 17h2.5'/%3E%3C/svg%3E");
  --el-m-timer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 1.5M10 2h4M19 6l1.5-1.5'/%3E%3C/svg%3E");
  --el-m-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L20 7'/%3E%3C/svg%3E");
  --el-m-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2.4 18a2 2 0 0 0 1.7 3h15.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9.5v4M12 17h.01'/%3E%3C/svg%3E");
  --el-m-coins: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5.5' rx='7' ry='2.5'/%3E%3Cpath d='M5 5.5v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-6'/%3E%3Cpath d='M5 11.5v6c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-6'/%3E%3C/svg%3E");
  --el-m-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
  --el-m-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1.5'/%3E%3Cpath d='M9 21v-4h6v4M8.5 7h.01M12 7h.01M15.5 7h.01M8.5 11h.01M12 11h.01M15.5 11h.01'/%3E%3C/svg%3E");
  --el-m-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
  --el-m-ruler: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='10' rx='2'/%3E%3Cpath d='M6 7v4M10 7v3M14 7v4M18 7v3'/%3E%3C/svg%3E");
  --el-m-refresh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.6-4.5L4 8'/%3E%3Cpath d='M4 3v5h5'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.6 4.5L20 16'/%3E%3Cpath d='M20 21v-5h-5'/%3E%3C/svg%3E");
  --el-m-package: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 7.5 12 3 3 7.5v9L12 21l9-4.5z'/%3E%3Cpath d='M3 7.5l9 4.5 9-4.5M12 12v9M7.5 5.3l9 4.5'/%3E%3C/svg%3E");
  --el-m-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-8M12 8v13'/%3E%3Cpath d='M12 8S10.5 3 8 3a2.5 2.5 0 0 0 0 5M12 8s1.5-5 4-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
  --el-m-cap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 9 12 4 2 9l10 5z'/%3E%3Cpath d='M6 11v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5M22 9v6'/%3E%3C/svg%3E");
  --el-m-construction: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='7' rx='1.5'/%3E%3Cpath d='M6 7l-3 7M12 7l-3 7M18 7l-3 7M6 14v6M18 14v6'/%3E%3C/svg%3E");
  --el-bg-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a90a0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
}

html.el-pro :is(.mission-bar-label, .ed-countdown)[data-phase]::before {
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  margin-right: 0.4em;
  vertical-align: -0.22em;
  color: #86a8ff;
  background-color: currentColor;
  -webkit-mask: var(--el-m-timer) center / contain no-repeat;
  mask: var(--el-m-timer) center / contain no-repeat;
}

html.el-pro :is(.mission-bar-label, .ed-countdown):is([data-phase="anfahrt"], [data-phase="ausruecken"])::before { color: #ffc766; -webkit-mask-image: var(--el-m-truck); mask-image: var(--el-m-truck); }
html.el-pro :is(.mission-bar-label, .ed-countdown)[data-phase="vorort"]::before { color: #4be196; }
html.el-pro :is(.mission-bar-label, .ed-countdown)[data-phase="fertig"]::before { color: #4be196; -webkit-mask-image: var(--el-m-check); mask-image: var(--el-m-check); }
html.el-pro .mission-bar-label[data-phase="nachalarm"]::before { color: #ffc766; -webkit-mask-image: var(--el-m-alert); mask-image: var(--el-m-alert); }
html.el-pro .mission-bar-label { font-variant-numeric: tabular-nums; }
html.el-pro .mission-bar-label[data-phase="fertig"] { color: #4be196 !important; font-weight: 600; }
html.el-pro .ed-countdown[data-phase] { font-family: var(--el-font) !important; font-variant-numeric: tabular-nums; font-weight: 600; }

html.el-pro #vehicleSelectList .pro-ico { width: 1.15em; height: 1.15em; margin: 0 !important; vertical-align: -0.2em; }

html.el-pro .el-mk {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: var(--el-mk) center / contain no-repeat;
  mask: var(--el-mk) center / contain no-repeat;
}

html.el-pro .el-mk-wache { --el-mk: var(--el-m-building); }
html.el-pro .el-mk-ort { --el-mk: var(--el-m-pin); }
html.el-pro .el-mk-lineal { --el-mk: var(--el-m-ruler); }
html.el-pro .el-mk-folge { --el-mk: var(--el-m-refresh); }
html.el-pro .el-mk-uhr { --el-mk: var(--el-m-timer); }
html.el-pro .el-mk-ok { --el-mk: var(--el-m-check); }
html.el-pro .el-mk-warn { --el-mk: var(--el-m-alert); }
html.el-pro .el-mk-lager { --el-mk: var(--el-m-package); }
html.el-pro .el-mk-gratis { --el-mk: var(--el-m-gift); }
html.el-pro .el-mk-preis { --el-mk: var(--el-m-coins); }
html.el-pro .el-mk-kurs { --el-mk: var(--el-m-cap); }
html.el-pro .el-mk-traeger { --el-mk: var(--el-m-truck); }
html.el-pro .el-mk-bau { --el-mk: var(--el-m-construction); }
html.el-pro :where(.el-vshop) .el-mk { margin-right: 0.3em; }
html.el-pro :where(.el-vshop-marke, .el-vshop-preis) .el-mk { width: 1.1em; height: 1.1em; margin: 0; }
html.el-pro #vehicleSelectList :is(.station-grp-header, .nachalarm-station-header):not(.verband-section-toggle):not(.verband-section-placeholder) .el-mk { width: 13px; height: 13px; color: #ff6b7c; vertical-align: 0; flex-shrink: 0; }
html.el-pro .vehicle-select-item .el-mk { opacity: 0.85; }


html.el-pro .vehicle-select-item {
  position: relative;
  border-radius: 11px;
  border: 1px solid var(--el-line) !important;
  background: #11131a !important;
  opacity: 1 !important;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s;
}

html.el-pro .vehicle-select-item.unavailable { opacity: 0.4 !important; }

html.el-pro .vehicle-select-item:hover {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: #151821 !important;
}

html.el-pro .vehicle-select-item.selected,
html.el-pro .vehicle-select-item.selected:hover {
  border-width: 1px !important;
  border-color: rgba(47, 212, 122, 0.55) !important;
  background: linear-gradient(90deg, rgba(47, 212, 122, 0.17), rgba(47, 212, 122, 0.05) 65%), #0e1016 !important;
  box-shadow: inset 3px 0 0 #2fd47a, 0 0 0 1px rgba(47, 212, 122, 0.16), 0 10px 24px -18px rgba(47, 212, 122, 0.9);
  padding: 9px 12px;
}

html.el-pro #missionModal .modal-box.ao-compact .vehicle-select-item.selected { padding: 4px 10px; }
html.el-pro #missionModal .modal-box.ao-large .vehicle-select-item.selected { padding: 13px 15px; }

html.el-pro .vehicle-select-item.verband-section-placeholder {
  border-left-width: 1px !important;
  background: #15140f !important;
  box-shadow: inset 3px 0 0 #f5b443;
}

html.el-pro .vehicle-select-item .vehicle-status-dot { width: 8px; height: 8px; }
html.el-pro .vehicle-select-item .dot-verfügbar { background: #2fd47a; box-shadow: 0 0 0 3px rgba(47, 212, 122, 0.16); }
html.el-pro .vehicle-select-item .dot-einsatz { background: #ff5468; box-shadow: 0 0 0 3px rgba(255, 84, 104, 0.16); }

html.el-pro .vehicle-select-item .vcheck {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1.5px solid rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0 !important;
  line-height: 0;
  color: transparent !important;
  text-shadow: none !important;
  vertical-align: top;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

html.el-pro .vehicle-select-item:hover .vcheck { border-color: rgba(255, 255, 255, 0.42); }

html.el-pro .vehicle-select-item.selected .vcheck {
  border-color: transparent;
  background: linear-gradient(180deg, #3ee08a, #1fb863);
  box-shadow: 0 0 0 3px rgba(47, 212, 122, 0.18), 0 4px 10px -4px rgba(47, 212, 122, 0.8);
}

html.el-pro .vehicle-select-item.selected .vcheck::after {
  content: "";
  position: absolute;
  inset: 2px;
  background-color: #04140b;
  -webkit-mask: var(--el-m-check) center / contain no-repeat;
  mask: var(--el-m-check) center / contain no-repeat;
}

html.el-pro #vehicleSelectList :is(.station-grp-header, .nachalarm-station-header):not(.verband-section-toggle):not(.verband-section-placeholder) {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 4px;
  padding: 10px 2px 6px !important;
  border-bottom: 1px solid var(--el-line) !important;
  color: #9ba1af !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  letter-spacing: 0.1em !important;
}

html.el-pro #vehicleSelectList :is(.station-grp-header, .nachalarm-station-header):not(.verband-section-toggle):not(.verband-section-placeholder) .pro-ico { width: 13px; height: 13px; color: #ff6b7c; vertical-align: 0; }

html.el-pro #vehicleSelectList .verband-section-toggle {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(91, 140, 255, 0.28) !important;
  border-radius: 11px !important;
  background: linear-gradient(90deg, rgba(91, 140, 255, 0.14), rgba(91, 140, 255, 0.02)) !important;
  color: #9db8ff !important;
  letter-spacing: 0.1em !important;
}

html.el-pro #vehicleSelectList .verband-section-toggle:hover { border-color: rgba(91, 140, 255, 0.5) !important; }
html.el-pro #vehicleSelectList .verband-section-toggle .pro-ico { width: 13px; height: 13px; vertical-align: -0.15em; }
html.el-pro #vehicleSelectList .station-grp-header.verband-section-placeholder .pro-ico { width: 13px; height: 13px; }

html.el-pro #vehicleSelectList :is([data-mission-owner-tab], [data-nachalarm-owner]) {
  --tab: #5b8cff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px !important;
  border-radius: 10px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: #9aa0ad !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}

html.el-pro #vehicleSelectList :is([data-mission-owner-tab="privat"], [data-nachalarm-owner="privat"]) { --tab: #2fd47a; }
html.el-pro #vehicleSelectList :is([data-mission-owner-tab="verband"], [data-nachalarm-owner="verband"]) { --tab: #a78bfa; }
html.el-pro #vehicleSelectList :is([data-mission-owner-tab], [data-nachalarm-owner]):hover { color: #e6e8ee !important; border-color: rgba(255, 255, 255, 0.2) !important; }
html.el-pro #vehicleSelectList :is([data-mission-owner-tab], [data-nachalarm-owner]) .pro-ico { width: 14px; height: 14px; color: var(--tab); }

html.el-pro #vehicleSelectList :is([data-mission-owner-tab], [data-nachalarm-owner])[aria-pressed="true"] {
  color: #fff !important;
  border-color: color-mix(in srgb, var(--tab) 60%, transparent) !important;
  background: color-mix(in srgb, var(--tab) 15%, transparent) !important;
  box-shadow: inset 0 -2px 0 var(--tab), 0 8px 20px -14px var(--tab);
}

html.el-pro #vehicleSelectList :is(#missionVehicleSearchInput, #vehicleSearchNachalarm, #reinforceSearch) {
  min-height: 34px;
  padding-left: 32px !important;
  border-radius: 10px !important;
  border: 1px solid var(--el-line-2) !important;
  background: var(--el-bg-search) 11px center / 14px 14px no-repeat, rgba(255, 255, 255, 0.035) !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

html.el-pro #vehicleSelectList select {
  min-height: 34px;
  border-radius: 10px !important;
  border: 1px solid var(--el-line-2) !important;
  background-color: rgba(255, 255, 255, 0.035) !important;
  font-family: inherit;
}

html.el-pro #vehicleSelectList :is(#missionVehicleSearchInput ~ button, button[onclick^="selectAllEligible"], button[onclick^="selectAllReinforce"], button[onclick^="deselectAllReinforce"], button[onclick="_amFilterReset()"], #btn-folge, #btn-zusatz) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  white-space: nowrap;
  transition: transform 0.18s var(--el-ease), filter 0.18s, box-shadow 0.18s;
}

html.el-pro #vehicleSelectList :is(button[onclick^="selectAllEligible"], button[onclick^="selectAllReinforce"], #btn-folge, #btn-zusatz):not(:disabled):hover {
  transform: translateY(-1px);
  filter: brightness(1.15);
  box-shadow: 0 10px 22px -16px currentColor;
}

html.el-pro #vehicleSelectList button .pro-ico { width: 13px; height: 13px; vertical-align: -0.15em; }

html.el-pro #vehicleSelectList [data-fz-mehr] {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 10px !important;
  border: 1px dashed rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: #b9bec9 !important;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}

html.el-pro #vehicleSelectList [data-fz-mehr]:hover { border-color: rgba(255, 61, 82, 0.5) !important; color: #fff !important; background: rgba(255, 61, 82, 0.06) !important; }

html.el-pro #nachalarmInlineStatusIcon {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 4px;
  vertical-align: text-bottom;
  font-size: 0 !important;
  background-color: currentColor;
  -webkit-mask: var(--el-m-alert) center / contain no-repeat;
  mask: var(--el-m-alert) center / contain no-repeat;
}

html.el-pro #nachalarmInlineStatusIcon[data-z="ok"] { -webkit-mask-image: var(--el-m-check); mask-image: var(--el-m-check); }
html.el-pro #nachalarmInlineStatus { border-radius: 10px !important; }

html.el-pro #reinforceBadge { border-radius: 10px !important; border-color: var(--el-line-2) !important; background: rgba(255, 255, 255, 0.03) !important; }
html.el-pro #reinforceGo { border-radius: 11px !important; font-weight: 700 !important; }
html.el-pro #reinforceGo:not(:disabled) { background: linear-gradient(180deg, #6f9bff, #4a78f0) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 10px 24px -12px rgba(91, 140, 255, 0.8); }

@media (max-width: 768px) {
  html.el-pro .vehicle-select-item .vcheck { width: 22px; height: 22px; border-radius: 7px; }
  html.el-pro .vehicle-select-item.selected { box-shadow: inset 4px 0 0 #2fd47a, 0 0 0 1px rgba(47, 212, 122, 0.25); }
}

html.el-pro #vehicleModal > div {
  border-radius: 20px !important;
  border: 1px solid var(--el-line-2) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008) 30%), #0e1016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 40px 100px -30px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 0.45) !important;
}

html.el-pro #vehicleModal.open > div { animation: elFenster 0.34s var(--el-ease) both; }
html.el-pro #vehicleModalHeader { border-bottom-color: var(--el-line) !important; }
html.el-pro #vehicleModalTitle { display: flex; align-items: center; gap: 10px; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.02em; color: #f4f5f8 !important; }
html.el-pro #vehicleModalSubtitle { margin-top: 4px !important; }
html.el-pro #vehicleModalSubtitle .pro-ico,
html.el-pro #vehicleSlotsInline .pro-ico { width: 13px; height: 13px; margin-right: 2px; vertical-align: -0.16em; color: #86a8ff; }
html.el-pro #vehicleModalCreditAmount { font-family: var(--el-font) !important; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }

html.el-pro #vehicleModalCreditInline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--el-font) !important;
  font-variant-numeric: tabular-nums;
}

html.el-pro #vehicleModalCreditInline::before {
  content: "";
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-color: #f5c451;
  -webkit-mask: var(--el-m-coins) center / contain no-repeat;
  mask: var(--el-m-coins) center / contain no-repeat;
}

html.el-pro #vehicleModalHeader > button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #9aa0ad !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

html.el-pro #vehicleModalHeader > button:hover { background: rgba(255, 61, 82, 0.12) !important; border-color: rgba(255, 61, 82, 0.45) !important; color: #fff !important; }
html.el-pro #vehicleModalHeader > button .pro-ico { width: 15px; height: 15px; margin: 0; }

html.el-pro #vehicleModal div:has(> #vehicleSearchInput) > span {
  left: 12px !important;
  width: 15px;
  height: 15px;
  font-size: 0 !important;
  background-color: #8a90a0;
  -webkit-mask: var(--el-m-search) center / contain no-repeat;
  mask: var(--el-m-search) center / contain no-repeat;
}

html.el-pro :is(#vehicleSearchInput, #vehicleAffordFilter, #vehicleNameInput) {
  min-height: 38px;
  border-radius: 11px !important;
  border: 1px solid var(--el-line-2) !important;
  background-color: rgba(255, 255, 255, 0.035) !important;
  font-family: inherit;
  transition: border-color 0.2s, box-shadow 0.2s;
}

html.el-pro #vehicleSearchInput { padding-left: 34px !important; }
html.el-pro #vehicleAffordFilter option { background-color: #151821; color: #eceef3; }

html.el-pro :is(#vehicleSearchInput, #vehicleAffordFilter, #vehicleNameInput):focus {
  outline: none;
  border-color: rgba(255, 61, 82, 0.7) !important;
  box-shadow: 0 0 0 4px rgba(255, 61, 82, 0.15) !important;
}

html.el-pro #vehicleSlotBuyBtn { border-radius: 8px !important; border-color: rgba(91, 140, 255, 0.5) !important; background: rgba(91, 140, 255, 0.12) !important; color: #86a8ff !important; }
html.el-pro #vehicleSlotBuyBtn:hover { background: rgba(91, 140, 255, 0.2) !important; color: #fff !important; }
html.el-pro #vehicleSlotBuyBtn .pro-ico { width: 12px; height: 12px; }
html.el-pro #flSkipBtn .pro-ico-inline { margin: 0 0.28em 0 0; }

html.el-pro #notifBellBadge { animation: none; top: -6px !important; right: -7px !important; }
html.el-pro #notifBellBadge::after,
html.el-pro .help-btn-pulse::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  border: 2px solid rgba(255, 61, 82, 0.55);
  opacity: 0;
  pointer-events: none;
  animation: elRingPuls 2s ease-in-out infinite;
}
html.el-pro .help-btn-pulse { position: relative; animation: none; }
html.el-pro .help-btn-pulse::after { border-color: rgba(56, 139, 253, 0.6); animation-duration: 2.2s; }

@keyframes elRingPuls { 0%, 100% { opacity: 0; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1.15); } }

@media (prefers-reduced-motion: reduce) {
  html.el-pro #notifBellBadge::after, html.el-pro .help-btn-pulse::after { animation: none; }
}

html.el-pro #vehicleGratisHint {
  border-radius: 12px !important;
  border: 1px solid rgba(47, 212, 122, 0.4) !important;
  background: linear-gradient(90deg, rgba(47, 212, 122, 0.14), rgba(47, 212, 122, 0.04)) !important;
}

html.el-pro #vehicleTypeGrid { gap: 12px !important; scrollbar-width: thin; }

html.el-pro .vshop-card.el-vshop {
  --fz: #aab1bf;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 13px 13px 12px 15px;
  border-radius: 14px;
  border: 1px solid var(--el-line);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)), #0e1016;
  cursor: pointer;
  transition: transform 0.2s var(--el-ease), border-color 0.2s, box-shadow 0.2s, background 0.2s, opacity 0.2s;
}

html.el-pro .vshop-card.el-vshop::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  height: 36px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--fz);
  box-shadow: 0 0 10px -1px var(--fz);
  opacity: 0.85;
}

html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="fw"] { --fz: #ff6b7c; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="rd"] { --fz: #f5c451; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="pol"] { --fz: #7aa2ff; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="bpol"] { --fz: #4be196; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="thw"] { --fz: #6f8dff; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="wasser"] { --fz: #5cc8ff; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="berg"] { --fz: #e0895f; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="kats"] { --fz: #ff9f5a; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="bw"] { --fz: #a9bf6a; }
html.el-pro :is(.el-vshop, .el-vshop-ico)[data-org="grau"] { --fz: #aab1bf; }

html.el-pro .vshop-card.el-vshop:hover:not(.vshop-cant-afford) {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--fz) 45%, transparent) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--fz) 8%, transparent), rgba(255, 255, 255, 0.01)), #10131a !important;
  box-shadow: 0 16px 34px -20px rgba(0, 0, 0, 1), 0 0 0 1px color-mix(in srgb, var(--fz) 16%, transparent);
}

html.el-pro .vshop-card.el-vshop.vshop-cant-afford { opacity: 0.55; }
html.el-pro .vshop-card.el-vshop.vshop-cant-afford:hover { opacity: 0.8; }
html.el-pro .vshop-card.el-vshop.el-vshop-gratis { border-color: rgba(47, 212, 122, 0.45); }

html.el-pro .vshop-card.el-vshop.vshop-gewaehlt,
html.el-pro .vshop-card.el-vshop.vshop-gewaehlt:hover {
  opacity: 1;
  border-color: rgba(255, 61, 82, 0.75) !important;
  background: linear-gradient(180deg, rgba(255, 61, 82, 0.15), rgba(255, 61, 82, 0.03)), #10131a !important;
  box-shadow: 0 0 0 1px rgba(255, 61, 82, 0.35), 0 18px 36px -20px rgba(255, 61, 82, 0.65);
}

html.el-pro .vshop-card.el-vshop.vshop-gewaehlt::before { background: #ff3d52; box-shadow: 0 0 12px #ff3d52; opacity: 1; }

html.el-pro .el-vshop-kopf { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-height: 42px; }

html.el-pro .el-vshop-ico {
  --fz: #aab1bf;
  display: grid;
  place-items: center;
  width: 52px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 12px;
  color: var(--fz);
  background: linear-gradient(160deg, color-mix(in srgb, var(--fz) 22%, transparent), color-mix(in srgb, var(--fz) 5%, transparent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fz) 30%, transparent) inset, 0 10px 22px -14px var(--fz);
}

html.el-pro .el-vshop-ico svg { display: block; width: 36px; height: 36px; }
html.el-pro .el-vshop-sil { display: block; width: 36px; height: 36px; background-color: currentColor; -webkit-mask: var(--sil) center / contain no-repeat; mask: var(--sil) center / contain no-repeat; }
html.el-pro .el-vshop-ico .pro-ico { width: 22px; height: 22px; margin: 0 !important; }

html.el-pro .el-vshop-marken { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 0; }

html.el-pro .el-vshop-marke {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

html.el-pro .el-vshop-marke .pro-ico { width: 11px; height: 11px; margin: 0 !important; }
html.el-pro .el-vshop-marke.lager { color: #86a8ff; background: rgba(91, 140, 255, 0.13); box-shadow: inset 0 0 0 1px rgba(91, 140, 255, 0.25); }
html.el-pro .el-vshop-marke.hier { color: #c4b5fd; background: rgba(167, 139, 250, 0.13); box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.25); }

html.el-pro .el-vshop-typ { margin-top: 2px; font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; color: #f4f5f8; overflow-wrap: anywhere; }
html.el-pro .el-vshop-name { flex: 1; font-size: 11.5px; line-height: 1.35; color: var(--text-muted); }
html.el-pro :where(.el-vshop) .pro-ico { width: 1.15em; height: 1.15em; margin-right: 0.3em; vertical-align: -0.2em; }

html.el-pro .el-vshop-preis {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

html.el-pro .el-vshop-preis .pro-ico { width: 13px; height: 13px; margin: 0 !important; }
html.el-pro .el-vshop-preis.ok { color: #4be196; background: rgba(47, 212, 122, 0.1); box-shadow: inset 0 0 0 1px rgba(47, 212, 122, 0.26); }
html.el-pro .el-vshop-preis.teuer { color: #ff7083; background: rgba(255, 61, 82, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 61, 82, 0.28); }
html.el-pro .el-vshop-preis.verband { color: #86a8ff; background: rgba(91, 140, 255, 0.12); box-shadow: inset 0 0 0 1px rgba(91, 140, 255, 0.28); }
html.el-pro .el-vshop-preis.gratis { color: #04140b; background: linear-gradient(135deg, #4be196, #1fb863); box-shadow: 0 8px 18px -10px rgba(47, 212, 122, 0.9); }

html.el-pro #vehicleSelectedBox { border-top-color: var(--el-line) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005)), #0b0c10 !important; }
html.el-pro #vehicleSelectedIcon { display: grid; place-items: center; line-height: 1; }
html.el-pro #vehicleSelectedName { letter-spacing: -0.01em; }
html.el-pro #vehicleSelectedBox div:has(> div > #vehicleQtyDisplay) { border: 1px solid var(--el-line-2) !important; border-radius: 11px !important; background: rgba(255, 255, 255, 0.035) !important; }
html.el-pro #vehicleQtyDisplay { border: 0 !important; background: transparent !important; font-variant-numeric: tabular-nums; }

html.el-pro #vehicleSelectedBox button[onclick^="changeVehicleQty"] {
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  transition: background 0.15s, border-color 0.15s;
}

html.el-pro #vehicleSelectedBox button[onclick^="changeVehicleQty"]:hover { background: rgba(255, 61, 82, 0.15) !important; border-color: rgba(255, 61, 82, 0.5) !important; }

html.el-pro #vehicleFlBtn {
  border-radius: 11px !important;
  border: 1px solid rgba(245, 180, 67, 0.45) !important;
  background: linear-gradient(180deg, rgba(245, 180, 67, 0.18), rgba(245, 180, 67, 0.06)) !important;
  color: #ffc766 !important;
  font-weight: 650 !important;
  transition: filter 0.2s, transform 0.2s var(--el-ease), opacity 0.2s;
}

html.el-pro #vehicleFlBtn:not(:disabled):hover { filter: brightness(1.15); transform: translateY(-1px); }
html.el-pro #vehicleFlBtn:disabled { opacity: 0.45; cursor: not-allowed !important; }
html.el-pro #vehicleFlBtn .pro-ico { width: 14px; height: 14px; }

html.el-pro #vehicleFooterHint { border-top-color: var(--el-line) !important; }

html.el-pro #vehicleFooterHint button {
  border-radius: 11px !important;
  border: 1px solid var(--el-line-2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #e6e8ee !important;
  font-weight: 600 !important;
  transition: background 0.2s, border-color 0.2s;
}

html.el-pro #vehicleFooterHint button:hover { background: rgba(255, 255, 255, 0.09) !important; border-color: rgba(255, 255, 255, 0.18) !important; }

@media (prefers-reduced-motion: reduce) {
  html.el-pro #vehicleModal.open > div { animation: none; }
  html.el-pro .vshop-card.el-vshop:hover:not(.vshop-cant-afford) { transform: none; }
}

html.el-pro :is(.el-ov, [id$="Ov"], #aaoTplWahl, #vehicleHelpModal, #missionHelpModal, .el-hinweisleiste, .el-tut-blase, .el-vollbild, .ingame-maintenance-overlay) :is(button, input, select, textarea) { font-family: inherit; }

html.el-pro #missingVehiclesSticky .pro-ico { color: currentColor !important; }

html.el-pro #vehicleSelectList :is(#missionVehicleSearchInput, #vehicleSearchNachalarm, #reinforceSearch, select):focus { border-color: rgba(255, 61, 82, 0.7) !important; }

html.el-pro #mobileBackdrop.active ~ #elHinweisStapel { z-index: 4990; }
html.el-pro .el-hinweisleiste.ingame-restart-banner { animation: none !important; }
html.el-pro #_bulkMoveOv > div:first-child { animation: none; }

html.el-pro :is(button, a) .pro-ico.pro-ico-allein { margin: 0; }