/* Aero Lloyd Virtual — Route Picker Styles
 * Brand: violett #2D297A · gold #C9A961 · orange #D65A1F
 */

#aero-route-picker {
  font: 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #1a1a2e;
}

#aero-route-picker .aero-rp-head {
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2D297A;
  margin-bottom: .5rem;
}
.aero-rp-sub {
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
  color: #8a8a99;
}

.aero-rp-opts { display: flex; flex-direction: column; gap: .4rem; }

.aero-rt {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: .25rem .6rem;
  padding: .55rem .7rem;
  border: 1px solid #e3e3ec;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.aero-rt:hover { border-color: #C9A961; }
.aero-rt input { accent-color: #2D297A; grid-row: 1 / span 2; align-self: start; margin-top: .15rem; }

.aero-rt-top {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
}
.aero-rt-label { font-weight: 600; color: #2D297A; }
.aero-rt-d { font-weight: 700; color: #1a1a2e; }
.aero-rt-wp { font-size: 11px; color: #5a5a6e; }
.aero-rt-ft { font-size: 11px; font-weight: 600; color: #2D297A; }
.aero-rt-src { font-size: 11px; font-style: italic; color: #5a5a6e; }
.aero-rt-chip {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  padding: .1rem .45rem;
  border-radius: 999px;
}
.aero-short { background: #C9A961; color: #3a2f10; }   /* gold = kürzeste */
.aero-delta { background: #eceaf7; color: #2D297A; }

.aero-rt-route {
  grid-column: 2;
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 11px;
  color: #5a5a6e;
  word-break: break-word;
}
.aero-rt:has(input:checked) { border-color: #2D297A; background: #f6f5fb; }

.aero-eobt { display: flex; align-items: center; gap: .7rem; margin-top: .85rem; }
.aero-eobt label { display: flex; align-items: center; gap: .45rem; font-weight: 600; color: #2D297A; }
.aero-eobt-in {
  width: 5.2rem;
  padding: .35rem .5rem;
  border: 1px solid #cfcfdd;
  border-radius: 8px;
  font-family: ui-monospace, monospace;
  text-align: center;
}
.aero-eobt-in:focus { outline: 2px solid #C9A961; border-color: #C9A961; }

.aero-delay {
  font-weight: 700;
  letter-spacing: .06em;
  font-size: 11px;
  padding: .25rem .6rem;
  border-radius: 999px;
  white-space: nowrap;
}
.aero-ontime { background: #e7f3ec; color: #1f7a45; }
.aero-late   { background: #fde7e0; color: #D65A1F; }
.aero-early  { background: #eceaf7; color: #2D297A; }

.aero-attr { margin-top: .75rem; font-size: 10px; color: #8a8a99; }
.aero-attr a { color: #2D297A; }

.aero-rp-err { color: #D65A1F; font-size: 12px; }