/* FINAL V53 — native site palette, recipient live-search, non-overlapping vehicle type control */
:root{--v53-red:#ef1d2d;--v53-red-soft:rgba(239,29,45,.12);--v53-red-border:rgba(239,29,45,.38);--v53-panel:#11141a;--v53-panel-2:#171b22;--v53-border:#2c323d;--v53-muted:#9ca3af}

/* Replace the long native recipient dropdown with an autocomplete while keeping React's select alive. */
.v53-hide-old-recipient{display:none!important}
.v53-native-recipient{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.v53-recipient-search{position:relative;z-index:55;display:grid;gap:8px;width:100%}
.v53-recipient-control{position:relative;display:flex;align-items:center;width:100%}
.v53-recipient-control>i{position:absolute;right:14px;color:var(--v53-muted);font-size:13px;pointer-events:none}
.v53-recipient-control>input{width:100%;height:48px;border:1px solid var(--v53-border);border-radius:13px;background:#0f1218;color:#fff;padding:0 42px 0 48px;font:700 13px/1.2 inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.v53-recipient-control>input::placeholder{color:#7f8793;font-weight:500}
.v53-recipient-control>input:focus{border-color:var(--v53-red);box-shadow:0 0 0 3px var(--v53-red-soft);background:#11151c}
.v53-recipient-reset{position:absolute;left:7px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#191d24;color:#d7dbe2;display:grid;place-items:center;cursor:pointer;transition:.15s ease}
.v53-recipient-reset:hover{border-color:var(--v53-red-border);background:var(--v53-red-soft);color:#fff}
.v53-recipient-results{position:absolute;top:54px;inset-inline:0;z-index:2147482000;max-height:min(360px,48vh);overflow:auto;padding:6px;border:1px solid var(--v53-border);border-radius:14px;background:#0d1016;box-shadow:0 22px 60px rgba(0,0,0,.58);overscroll-behavior:contain}
.v53-recipient-results[hidden]{display:none!important}
.v53-recipient-results button{width:100%;min-height:52px;border:0;border-radius:10px;background:transparent;color:#f8fafc;padding:8px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:9px;text-align:right;cursor:pointer;font-family:inherit}
.v53-recipient-results button:hover,.v53-recipient-results button.is-active{background:var(--v53-red-soft);outline:none}
.v53-recipient-results button>span:nth-child(2){display:grid;gap:2px;min-width:0}
.v53-recipient-results b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v53-recipient-results small{font-size:10px;color:#aab1bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;direction:ltr}
.v53-recipient-results button>i{font-size:10px;color:#6f7784}
.v53-result-icon{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:var(--v53-red-soft);color:#ff4453;font-size:12px;font-weight:900}
.v53-result-all{border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:10px 10px 6px 6px!important;margin-bottom:4px}
.v53-result-empty,.v53-result-loading{padding:14px 10px;text-align:center;color:#9da5b1;font-size:11px}
.v53-recipient-current{min-height:34px}
.v53-recipient-current>span{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#151920;padding:7px 9px;color:#e7e9ed}
.v53-recipient-current>span>i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--v53-red-soft);color:#ff4453;font-size:11px}
.v53-recipient-current>span>span,.v53-recipient-current>span:not(.v53-recipient-person){min-width:0}
.v53-recipient-current b{font-size:11px}
.v53-recipient-current small{display:block;margin-top:2px;color:#929aa7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v53-recipient-all{display:grid!important;grid-template-columns:26px minmax(0,1fr);column-gap:9px}
.v53-recipient-all small{grid-column:2}

/* Vehicle type belongs inside the form. Fallback leaves enough space above the CTA if DOM is still mounting. */
#v51-vehicle-type{border-color:var(--v53-red-border)!important;background:rgba(14,17,23,.98)!important;color:#fff!important;bottom:calc(142px + env(safe-area-inset-bottom))!important}
#v51-vehicle-type.v53-inline-vehicle-type{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:10px 12px!important;box-shadow:none!important;backdrop-filter:none!important;z-index:5!important;order:-1}
#v51-vehicle-type.v53-inline-vehicle-type>div:first-child{min-width:0}
#v51-vehicle-type .v51-segment{background:#20242c!important;border:1px solid rgba(255,255,255,.05)!important}
#v51-vehicle-type .v51-segment button{color:#c9ced7!important}
#v51-vehicle-type .v51-segment button:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
#v51-vehicle-type .v51-segment button.is-active{background:var(--v53-red)!important;color:#fff!important;box-shadow:0 5px 16px rgba(239,29,45,.22)!important}
#v51-vehicle-type [data-v51-note]{color:#9098a4!important}

/* Unify all V51 additions with the existing black/red site palette (remove the foreign gold accent). */
.v51-vehicle-card:hover{border-color:var(--v53-red)!important}
.v51-vehicle-card .v51-kind{background:var(--v53-red-soft)!important;color:#ff4d5b!important}
.v51-vehicle-card em,.v51-password-toggle,.v51-admin-tools-btn,.v51-second-vehicle,.v51-section h3,.v51-section-head h3{color:#ff4453!important}
.v51-admin-tools-btn,.v51-second-vehicle{border-color:var(--v53-red-border)!important;background:#151820!important}
.v51-grid2 input:focus,.v51-search:focus,.v51-reg-row select:focus,.v51-inline-search-wrap>input:focus{border-color:var(--v53-red)!important;box-shadow:0 0 0 3px var(--v53-red-soft)!important}
.v51-switch-row input,.v51-inline-toggle input,.v51-wa-inline input{accent-color:var(--v53-red)!important}
.v51-actions .v51-primary{background:var(--v53-red)!important;border-color:var(--v53-red)!important;color:#fff!important}
.v51-stat-grid article>strong{color:#ff4453!important}
.v51-selected button{border-color:var(--v53-red-border)!important;background:var(--v53-red-soft)!important;color:#ff6571!important}
.v51-inline-search-wrap>input{border-color:var(--v53-border)!important}
.v51-wa-inline{color:#d7dbe2!important}

@media(max-width:640px){
  .v53-recipient-control>input{font-size:16px}
  .v53-recipient-results{max-height:44vh}
  #v51-vehicle-type:not(.v53-inline-vehicle-type){bottom:calc(150px + env(safe-area-inset-bottom))!important}
  #v51-vehicle-type.v53-inline-vehicle-type{flex-direction:column!important;align-items:stretch!important}
  #v51-vehicle-type.v53-inline-vehicle-type .v51-segment button{flex:1}
}


/* V54: visible WaSender toggle on notifications + 5-photo hint */
.v54-wa-inline{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(239,29,45,.18);border-radius:12px;background:#12161d;padding:10px 12px;color:#eef1f4}
.v54-wa-inline input{margin-top:2px;accent-color:var(--v53-red)!important}
.v54-wa-inline b{display:block;font-size:12px;color:#fff}
.v54-wa-inline small{display:block;margin-top:3px;font-size:10px;color:#97a0ac}
.v54-wa-inline input:disabled+span{opacity:.72}
.v54-photo-limit-hint{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border:1px dashed rgba(239,29,45,.28);border-radius:999px;background:rgba(239,29,45,.08);color:#ff6571;font-size:11px;font-weight:800}
@media(max-width:640px){.v54-wa-inline{padding:10px}.v54-wa-inline b{font-size:11px}}