/* AvtoMaydon v22 — single visual language for vehicle/intake/edit/report fields.
   Scoped overrides only; the existing form names, values and POST routes remain intact. */

:root {
  --v22-line:#c9e2d4;
  --v22-line-hover:#92cfb2;
  --v22-green:#007e5a;
  --v22-ink:#123f30;
  --v22-muted:#88a395;
  --v22-focus:0 0 0 4px rgba(0,142,99,.11);
  --v22-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23007856' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* 01 — Avtomobillar: search + state filter + actions aligned on one baseline. */
.v14-vehicles-shell .v14-search-form {
  display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;
  gap:12px!important;padding:15px!important;background:#f5faf7!important;
  border:1px solid #deece4!important;border-radius:15px!important;
}
.v14-vehicles-shell .v14-search-form .v14-search-field {
  position:relative;box-sizing:border-box;display:flex!important;align-items:center!important;
  flex:1 1 310px;min-width:210px;min-height:54px!important;padding:0 15px!important;
  border:1.5px solid var(--v22-line)!important;border-radius:12px!important;
  background:#fff!important;color:var(--v22-green)!important;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.v14-vehicles-shell .v14-search-form .v14-search-field:hover,
.v14-vehicles-shell .v14-search-form .v14-filter-field:hover { border-color:var(--v22-line-hover)!important; }
.v14-vehicles-shell .v14-search-form .v14-search-field:focus-within {
  border-color:#009970!important;box-shadow:var(--v22-focus)!important;
}
.v14-vehicles-shell .v14-search-field>.v11-svg-icon,
.v14-vehicles-shell .v14-search-field>svg {
  flex:0 0 19px!important;width:19px!important;height:19px!important;
  stroke-width:2.1;align-self:center;color:#098666;
}
.v14-vehicles-shell .v14-search-form .v14-search-field>input {
  display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;
  height:51px!important;min-height:51px!important;line-height:1.45!important;
  padding:0 3px!important;margin:0!important;border:0!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;background:transparent!important;
  color:var(--v22-ink)!important;font:700 13px/1.4 'DM Sans',sans-serif!important;
}
.v14-vehicles-shell .v14-search-form .v14-search-field>input::placeholder {color:#94aa9e!important;font-weight:500!important;opacity:1}
.v14-vehicles-shell .v14-search-form .v14-filter-field {
  position:relative;display:flex!important;flex-direction:column!important;justify-content:center!important;
  box-sizing:border-box;flex:0 1 220px!important;min-width:190px;min-height:54px!important;
  padding:6px 12px 5px 15px!important;background:#fff!important;
  border:1.5px solid var(--v22-line)!important;border-radius:12px!important;
  transition:border-color .18s,box-shadow .18s;
}
.v14-vehicles-shell .v14-search-form .v14-filter-field:focus-within {border-color:#009970!important;box-shadow:var(--v22-focus)!important}
.v14-vehicles-shell .v14-search-form .v14-filter-field>span {
  margin:0 0 2px!important;color:#7a9887!important;font:700 10px/1.2 'DM Sans',sans-serif!important;
}
.v14-vehicles-shell .v14-search-form .v14-filter-field>select {
  appearance:none!important;-webkit-appearance:none!important;
  display:block!important;box-sizing:border-box;width:100%!important;height:28px!important;
  min-height:28px!important;padding:0 30px 0 0!important;margin:0!important;
  background-color:transparent!important;background-image:var(--v22-arrow)!important;
  background-position:right 1px center!important;background-repeat:no-repeat!important;
  background-size:19px 19px!important;border:0!important;box-shadow:none!important;
  outline:0!important;color:var(--v22-ink)!important;
  font:800 12px/1.4 'DM Sans',sans-serif!important;cursor:pointer;
}
.v14-vehicles-shell .v14-search-form .v14-search-button,
.v14-vehicles-shell .v14-search-form .v14-clear-button {
  box-sizing:border-box;min-height:54px!important;padding:0 20px!important;border-radius:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font:800 12px/1.25 'DM Sans',sans-serif!important;letter-spacing:0!important;
}
.v14-vehicles-shell .v14-search-form .v14-search-button {
  background:linear-gradient(130deg,#008363,#006b4d)!important;border:1px solid #006f4e!important;
  box-shadow:0 5px 13px rgba(0,99,66,.13)!important;
}
.v14-vehicles-shell .v14-search-form .v14-clear-button {background:#fff!important;border:1px solid var(--v22-line)!important;color:#42735d!important}
.v14-vehicles-shell .v14-search-button svg {width:17px!important;height:17px!important;align-self:center!important}

/* 02 — Uzbek plate: both editable sections centered as a unified number. */
.v15-intake-shell .v15-plate-field .v16-plate {
  box-sizing:border-box!important;display:grid!important;align-items:stretch!important;
  grid-template-columns:minmax(78px,1fr) 2px minmax(0,2fr) 58px!important;
  width:min(100%,520px)!important;height:82px!important;margin-inline:auto!important;
  overflow:hidden!important;border:2.5px solid #14241e!important;border-radius:8px!important;
  background:#fff!important;box-shadow:0 4px 0 #d7e1da,0 12px 22px rgba(15,50,37,.08)!important;
}
.v15-intake-shell .v15-plate-field .v16-plate input {
  box-sizing:border-box!important;display:block!important;align-self:stretch!important;
  height:100%!important;min-height:0!important;width:100%!important;min-width:0!important;
  padding:0 6px!important;margin:0!important;border:0!important;border-radius:0!important;
  text-align:center!important;text-indent:0!important;box-shadow:none!important;
  background:transparent!important;color:#102019!important;
  font-family:'Arial Narrow','Roboto Condensed',Manrope,Arial,sans-serif!important;
  font-size:clamp(21px,2.5vw,33px)!important;font-weight:900!important;
  line-height:1!important;letter-spacing:1.3px!important;font-variant-numeric:tabular-nums;
}
.v15-intake-shell .v15-plate-field .v16-plate .v16-plate-region {
  grid-column:1!important;max-width:none!important;flex:none!important;
  letter-spacing:1px!important;text-align:center!important;
}
.v15-intake-shell .v15-plate-field .v16-plate .v16-plate-separator {
  grid-column:2;box-sizing:border-box;width:2px!important;min-width:2px!important;
  height:72%!important;align-self:center!important;margin:0!important;
  background:#71857a!important;opacity:.72!important;
}
.v15-intake-shell .v15-plate-field .v16-plate .v16-plate-body {
  grid-column:3!important;flex:none!important;max-width:none!important;width:100%!important;
  letter-spacing:1.3px!important;text-align:center!important;padding:0 5px!important;
}
.v15-intake-shell .v15-plate-field .v16-plate .v16-plate-uz {
  box-sizing:border-box;grid-column:4;display:flex!important;align-items:center!important;
  justify-content:center!important;flex:none!important;width:100%!important;
  height:calc(100% - 14px)!important;align-self:center!important;
  padding:0!important;margin:0!important;border-left:2px solid #24372c!important;
}
.v15-intake-shell .v15-plate-field .v16-plate input::placeholder {
  color:#a9bbb0!important;opacity:1!important;text-align:center!important;
}
.v15-intake-shell .v15-plate-field .v16-plate:focus-within {
  border-color:#007c59!important;box-shadow:0 4px 0 #bde1ce,var(--v22-focus)!important;
}

/* 03 — Intake searchable selects. One shared 52px field outline and centered SVG. */
.v15-intake-shell .v15-combo {position:relative;min-width:0}
.v15-intake-shell .v15-combo-input {
  position:relative;display:flex!important;align-items:center!important;box-sizing:border-box;
  width:100%;min-height:52px!important;background:#fff!important;
  border:1.5px solid var(--v22-line)!important;border-radius:12px!important;
  transition:border-color .17s,box-shadow .17s;
}
.v15-intake-shell .v15-combo-input:hover {border-color:var(--v22-line-hover)!important}
.v15-intake-shell .v15-combo-input:focus-within {border-color:#009970!important;box-shadow:var(--v22-focus)!important}
.v15-intake-shell .v15-combo-input>input {
  display:block!important;box-sizing:border-box!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;height:49px!important;min-height:49px!important;
  margin:0!important;padding:0 57px 0 15px!important;
  border:0!important;border-radius:12px!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;color:var(--v22-ink)!important;
  font:700 13px/1.4 'DM Sans',sans-serif!important;
}
.v15-intake-shell .v15-combo-input>input::placeholder {color:#93aa9d!important;font-weight:500!important;opacity:1!important}
.v15-intake-shell .v15-combo-toggle {
  position:absolute!important;right:6px!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;flex:none!important;
  width:39px!important;min-width:39px!important;height:39px!important;
  padding:0!important;margin:0!important;border:1px solid #e2f0e8!important;
  border-radius:10px!important;background:#eef9f3!important;color:#007b59!important;
  font-size:0!important;cursor:pointer;z-index:2;
}
.v15-intake-shell .v15-combo-toggle:hover {background:#dbf3e6!important;border-color:#c6e7d5!important}
.v15-intake-shell .v15-combo-toggle:focus-visible {outline:2px solid #00a47b;outline-offset:2px}
.v15-intake-shell .v15-combo-toggle::after {content:none!important}
.v15-intake-shell .v15-combo-toggle .v22-chevron {width:19px;height:19px;display:block;stroke-width:2.2;pointer-events:none}
.v15-intake-shell .v15-combo[aria-expanded="true"] .v22-chevron,
.v15-intake-shell .v15-combo-input:has(input[aria-expanded="true"]) .v22-chevron {transform:rotate(180deg)}
.v15-intake-shell .v15-combo-list {
  box-sizing:border-box;top:calc(100% + 7px)!important;z-index:110!important;
  max-height:250px!important;padding:7px!important;border:1px solid #c9e4d5!important;
  border-radius:13px!important;background:#fff!important;
  box-shadow:0 16px 39px rgba(3,65,42,.15)!important;
}
.v15-intake-shell .v15-combo-option {
  min-height:40px!important;border-radius:9px!important;padding:10px 13px!important;
  font:700 12px/1.4 'DM Sans',sans-serif!important;
}
.v15-intake-shell .v15-combo-option:hover,.v15-intake-shell .v15-combo-option.is-active {
  color:#006c4c!important;background:#e9f9f1!important;
}

/* 04 — Edit form: precise icon + wrapper alignment for make/model/color. */
.v18-edit-shell .v18-edit-fields .v19-lookup {
  position:relative!important;box-sizing:border-box;display:flex!important;align-items:center!important;
  width:100%;height:52px!important;min-height:52px!important;border:1.5px solid var(--v22-line)!important;
  border-radius:12px!important;background:#fff!important;
  transition:border-color .17s,box-shadow .17s;
}
.v18-edit-shell .v18-edit-fields .v19-lookup:hover {border-color:var(--v22-line-hover)!important}
.v18-edit-shell .v18-edit-fields .v19-lookup:focus-within {border-color:#009970!important;box-shadow:var(--v22-focus)!important}
.v18-edit-shell .v18-edit-fields .v19-lookup>input {
  box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;
  height:49px!important;min-height:49px!important;padding:0 57px 0 15px!important;
  margin:0!important;border:0!important;border-radius:12px!important;outline:0!important;
  box-shadow:none!important;background:transparent!important;color:var(--v22-ink)!important;
  font:700 13px/1.4 'DM Sans',sans-serif!important;
}
.v18-edit-shell .v18-edit-fields .v19-lookup>input::placeholder {color:#93aa9d!important;opacity:1!important;font-weight:500!important}
.v18-edit-shell .v18-edit-fields .v19-lookup>.v19-lookup-toggle {
  position:absolute!important;top:50%!important;bottom:auto!important;right:6px!important;
  transform:translateY(-50%)!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;
  width:39px!important;height:39px!important;padding:0!important;margin:0!important;
  border:1px solid #e2f0e8!important;border-radius:10px!important;
  background:#eef9f3!important;color:#007b59!important;cursor:pointer;z-index:2;
}
.v18-edit-shell .v18-edit-fields .v19-lookup>.v19-lookup-toggle:hover {background:#dbf3e6!important}
.v18-edit-shell .v18-edit-fields .v19-lookup>.v19-lookup-toggle:focus-visible {outline:2px solid #00a47b;outline-offset:2px}
.v18-edit-shell .v19-lookup-toggle svg {box-sizing:border-box!important;display:block!important;width:19px!important;height:19px!important;stroke-width:2.2!important;margin:auto!important;pointer-events:none}
.v18-edit-shell .v19-lookup:has(input[aria-expanded="true"]) .v19-lookup-toggle svg {transform:rotate(180deg)}
.v18-edit-shell .v22-lookup-panel {
  position:absolute;z-index:550;left:-1px;right:-1px;top:calc(100% + 8px);
  display:grid;gap:3px;box-sizing:border-box;max-height:268px;overflow-y:auto;overscroll-behavior:contain;
  padding:7px;background:#fff;border:1px solid #c9e4d5;border-radius:13px;
  box-shadow:0 18px 39px rgba(3,65,42,.17);
}
.v18-edit-shell .v22-lookup-panel[hidden] {display:none!important}
.v18-edit-shell .v22-lookup-option {
  display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;
  min-height:39px;padding:9px 11px;border:0;border-radius:9px;background:transparent;
  color:#1c4e38;text-align:left;font:700 12px/1.4 'DM Sans',sans-serif;cursor:pointer;
}
.v18-edit-shell .v22-lookup-option:hover,.v18-edit-shell .v22-lookup-option.is-highlighted {
  background:#e9f9f1;color:#006d4e;
}
.v18-edit-shell .v22-lookup-option[aria-selected="true"] {background:#f0faf5;font-weight:850}
.v18-edit-shell .v22-lookup-option .v22-swatch {
  display:block;flex:none;width:19px;height:19px;border:1px solid #d0ddd5;
  border-radius:6px;box-shadow:0 1px 3px #132d2315;
}
.v18-edit-shell .v22-lookup-empty {
  padding:12px 10px;color:#779583;font:600 11px/1.6 'DM Sans',sans-serif;
}
.v18-edit-shell .v18-edit-fields .v19-lookup:has(.v22-lookup-panel:not([hidden])) {z-index:600}

/* 05 — Reports: all period, date and vehicle controls share matching 52px geometry. */
.v19-report-filter .v19-report-form {
  box-sizing:border-box;align-items:flex-end!important;gap:13px!important;
  padding:19px!important;border-radius:15px!important;background:#f5faf7!important;
}
.v19-report-filter .v19-report-field {gap:9px!important;min-width:165px}
.v19-report-filter .v19-report-field>label {font:800 11px/1.4 'DM Sans',sans-serif!important;color:#245a45!important;margin:0!important}
.v19-report-filter .v19-report-field>select,
.v19-report-filter .v19-report-field>input {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  min-height:52px!important;height:52px!important;padding:0 15px!important;margin:0!important;
  border:1.5px solid var(--v22-line)!important;border-radius:12px!important;
  background-color:#fff!important;color:var(--v22-ink)!important;outline:0!important;
  box-shadow:none!important;font:700 13px/1.4 'DM Sans',sans-serif!important;
  transition:border-color .17s,box-shadow .17s;
}
.v19-report-filter .v19-report-field>select {
  appearance:none!important;-webkit-appearance:none!important;
  padding-right:44px!important;background-image:var(--v22-arrow)!important;
  background-position:right 15px center!important;background-size:19px 19px!important;
  background-repeat:no-repeat!important;cursor:pointer;
}
.v19-report-filter .v19-report-field>input:hover,
.v19-report-filter .v19-report-field>select:hover {border-color:var(--v22-line-hover)!important}
.v19-report-filter .v19-report-field>input:focus,
.v19-report-filter .v19-report-field>select:focus {border-color:#009970!important;box-shadow:var(--v22-focus)!important;outline:none!important}
.v19-report-filter .v19-report-field>input::placeholder {font-weight:500!important;color:#94aa9e!important;opacity:1}
.v19-report-filter .v19-report-field>input[type="date"],
.v19-report-filter .v19-report-field>input[type="month"],
.v19-report-filter .v19-report-field>input[type="week"] {padding-right:14px!important;color-scheme:light}
.v19-report-filter .v19-report-field input::-webkit-calendar-picker-indicator {opacity:.75;cursor:pointer;filter:sepia(.5) saturate(3) hue-rotate(96deg)}
.v19-report-filter .v19-report-form-actions {align-self:flex-end!important}
.v19-report-filter .v19-report-form-actions>.v19-primary-button,
.v19-report-filter .v19-report-form-actions>.v19-secondary-button {
  box-sizing:border-box;min-height:52px!important;border-radius:12px!important;padding:0 20px!important;
  gap:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font:800 12px/1.3 'DM Sans',sans-serif!important;
}
.v19-report-filter .v19-report-form-actions>.v19-primary-button {background:linear-gradient(130deg,#008363,#006b4d)!important}
.v19-report-filter .v19-report-form-actions svg {width:17px!important;height:17px!important}

@media(max-width:850px){
  .v14-vehicles-shell .v14-search-form .v14-search-field {flex:1 1 100%!important}
  .v14-vehicles-shell .v14-search-form .v14-filter-field {flex:1 1 220px!important}
  .v19-report-filter .v19-report-field {flex:1 1 200px}
}
@media(max-width:540px){
  .v14-vehicles-shell .v14-search-form {padding:11px!important;gap:9px!important}
  .v14-vehicles-shell .v14-search-form .v14-search-field,.v14-vehicles-shell .v14-search-form .v14-filter-field {flex:1 1 100%!important;min-width:0!important}
  .v14-vehicles-shell .v14-search-form .v14-search-button,.v14-vehicles-shell .v14-search-form .v14-clear-button {flex:1 1 calc(50% - 5px)!important;padding:0 12px!important}
  .v15-intake-shell .v15-plate-field .v16-plate {grid-template-columns:minmax(64px,1fr) 2px minmax(0,2fr) 51px!important;height:72px!important}
  .v15-intake-shell .v15-plate-field .v16-plate input {font-size:clamp(19px,5.6vw,27px)!important;letter-spacing:.4px!important}
  .v15-intake-shell .v15-plate-field .v16-plate .v16-plate-uz svg {width:28px!important;height:auto!important}
  .v15-intake-shell .v15-plate-field .v16-plate .v16-plate-uz b {font-size:12px!important}
  .v19-report-filter .v19-report-form {padding:12px!important;gap:10px!important}
  .v19-report-filter .v19-report-field {flex:1 1 100%!important;min-width:0!important}
}