.rdw-search { width: min(390px,100%); margin-bottom: 18px; padding: 0; border: 0; background: transparent; }
.rdw-search label { display: block; margin-bottom: 7px; color: #e5ece6; font: 700 15px/1.25 Manrope,sans-serif; }
.rdw-search-row { height: 54px; display: flex; align-items: stretch; overflow: hidden; border: 2px solid #111; border-radius: 8px; background: #f3c400; box-shadow: 0 4px 12px rgba(0,0,0,.22); }
.plate-country { width: 35px; display: flex; flex: 0 0 35px; flex-direction: column; align-items: center; justify-content: center; gap: 1px; border-right: 1px solid rgba(0,0,0,.3); color: #fff; background: linear-gradient(#0874bb 0 75%,#135797 75%); font: 700 10px/1 "DM Sans",sans-serif; }
.eu-stars { color: #ffe53b; font-size: 15px; line-height: 1; }
.rdw-search-row input { width: 100%; min-width: 0; padding: 0 10px; border: 0; border-radius: 0; outline: 0; color: #272727; background: transparent; text-align: center; font: 800 clamp(19px,2vw,27px)/1 Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.rdw-search-row input::placeholder { color: #52504b; opacity: .72; font-weight: 700; letter-spacing: .1em; }
.rdw-search-row input:focus-visible { outline: 3px solid #156db2; outline-offset: -4px; }
.rdw-search-row button { width: 54px; display: grid; flex: 0 0 54px; place-items: center; border: 0; border-left: 1px solid rgba(0,0,0,.2); color: #737b7c; background: transparent; cursor: pointer; }
.rdw-search-row button:hover { color: #1f5c8b; background: rgba(255,255,255,.2); }
.rdw-search-row button svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; }
.rdw-search-row button:disabled { opacity: .65; cursor: wait; }
.rdw-result { margin: 0 0 18px; padding: 18px 20px; display: block; border: 1px solid #385a40; border-radius: 12px; color: #d6e9d8; background: linear-gradient(155deg,#1f3226,#18261d); font: 500 13px/1.4 "DM Sans",sans-serif; box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.rdw-result[hidden] { display: none; }
.rdw-result.error { border-color: #6c423b; color: #f1c7bd; background: #34231f; }
.rdw-result.loading { color: #d4c389; }
.rdw-result-header { margin-bottom: 14px; padding-bottom: 12px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(221,239,224,.12); }
.rdw-result-header > div { min-width: 0; flex: 1; }
.rdw-result-header small { display: block; color: #8fa094; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.rdw-result-header b { color: #f1f7f2; font: 800 24px/1.2 Manrope,sans-serif; letter-spacing: .06em; }
.rdw-result-header a { padding: 7px 11px; border: 1px solid #45634b; border-radius: 7px; color: #a8dcb0; font-size: 12px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.rdw-result-header a:hover { background: #26402d; }
.rdw-close { width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid rgba(221,239,224,.16); border-radius: 7px; color: #d8e4da; background: rgba(255,255,255,.05); font-size: 20px; line-height: 1; cursor: pointer; }
.rdw-close:hover { background: rgba(255,255,255,.12); }
.rdw-facts { margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.rdw-facts > div { padding: 11px 12px; border: 1px solid rgba(221,239,224,.09); border-radius: 8px; background: rgba(0,0,0,.18); }
.rdw-facts dt { margin-bottom: 4px; color: #93a597; font-size: 11px; font-weight: 600; line-height: 1.3; }
.rdw-facts dd { margin: 0; color: #f1f7f2; font: 700 15px/1.3 Manrope,sans-serif; overflow-wrap: anywhere; }
.rdw-source { margin-top: 12px; display: block; color: #839487; font-size: 11px; }
@media(max-width:1050px) { .rdw-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) {
  .rdw-search label { font-size: 14px; }
  .rdw-result { padding: 14px; }
  .rdw-result-header { gap: 8px; }
  .rdw-result-header b { font-size: 19px; }
  .rdw-result-header a { padding: 6px 8px; font-size: 11px; }
}
.topbar-left { display: flex; align-items: center; gap: 22px; min-width: 0; }
/* Chauffeur topbar: same size as the kenteken bar on Wagenparkbeheer. */
.topbar .rdw-search { width: min(390px, 100%); margin: 0; }
@media (max-width: 900px) { .topbar-left { flex: 1; justify-content: flex-end; } }

.rdw-history-wrap { position: relative; display: flex; align-items: stretch; gap: 8px; }
.rdw-history-wrap .rdw-search-row { flex: 1 1 auto; min-width: 0; }
.rdw-history-toggle { display: flex; align-items: center; gap: 6px; padding: 0 12px; border: 2px solid #111; border-radius: 8px; color: #111; background: #fff; font: 800 14px/1 Manrope,Arial,sans-serif; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.22); }
.rdw-history-toggle:hover { background: #fff3b0; }
.rdw-history-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.rdw-history-menu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 50; margin: 0; padding: 4px; list-style: none; border: 2px solid #111; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
.rdw-history-menu[hidden] { display: none; }
.rdw-history-menu li { padding: 10px 12px; border-radius: 6px; color: #111; font: 800 18px/1 Arial,sans-serif; letter-spacing: .12em; cursor: pointer; }
.rdw-history-menu li:hover, .rdw-history-menu li:focus { background: #f3c400; outline: 0; }
.rdw-history-menu li.empty { color: #666; font: 600 13px/1.3 Manrope,Arial,sans-serif; letter-spacing: 0; cursor: default; }
.rdw-history-menu li.empty:hover { background: transparent; }
.topbar .rdw-history-wrap { gap: 4px; }
.topbar .rdw-history-toggle { padding: 0 10px; font-size: 12px; }
.topbar .rdw-history-toggle span { display: none; }
.topbar .rdw-history-menu { right: auto; min-width: 190px; }
@media (max-width: 900px) { input, select, textarea { font-size: 16px !important; } }