.modveiculo-fipe{display:grid;gap:12px}
.modveiculo-fipe__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.modveiculo-fipe__field{display:grid;gap:7px}
.modveiculo-fipe__field--full{grid-column:1/-1}
.modveiculo-fipe__field label{font-size:.76rem;font-weight:900;color:#555;text-transform:uppercase;letter-spacing:.05em}
.modveiculo-fipe__input{width:100%;min-height:48px;padding:0 14px;border:1px solid #deded8;border-radius:16px;background:#fff;color:#111;font-weight:650}
.modveiculo-fipe__input[readonly]{cursor:pointer;background:#fafaf8}
.modveiculo-fipe__help{font-size:.76rem;color:#666;font-weight:650;line-height:1.4}
.modveiculo-fipe__lookup{display:none;margin-top:9px;border-radius:15px;padding:11px 12px;font-size:.78rem;font-weight:850;line-height:1.45}
.modveiculo-fipe__lookup.is-visible{display:block}
.modveiculo-fipe__lookup.is-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.modveiculo-fipe__lookup.is-success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.modveiculo-fipe__lookup.is-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.modveiculo-fipe__colors{display:flex;flex-wrap:wrap;gap:10px}
.modveiculo-fipe__color{width:34px;height:34px;border-radius:999px;border:2px solid #dfe3ea;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);cursor:pointer;transition:.18s ease}
.modveiculo-fipe__color.is-active{border-color:#111;box-shadow:0 0 0 4px rgba(17,17,17,.08),inset 0 0 0 1px rgba(0,0,0,.16);transform:translateY(-1px)}
.modveiculo-fipe__vtype .vtype-picker--seven{grid-template-columns:repeat(4,minmax(0,1fr))}
.modveiculo-fipe__vtype .vtype-option{
    justify-content:flex-start;gap:6px;min-height:0;height:auto;padding:10px 6px 8px;
    border:1.5px solid #deded8;border-radius:14px;background:#f8f8f6;cursor:pointer;text-align:center;
    transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;
}
.modveiculo-fipe__vtype .vtype-option:hover{border-color:#bbb;transform:translateY(-1px)}
.modveiculo-fipe__vtype .vtype-option.is-active{border-color:#111;background:#fff;box-shadow:0 8px 20px rgba(17,17,17,.08);transform:none}
.modveiculo-fipe__vtype .vtype-option .uber-vtype-icon{width:40px;height:40px;border-radius:12px;font-size:17px;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.modveiculo-fipe__vtype .vtype-option__label{font-size:11px;font-weight:800;color:#111;line-height:1.15;letter-spacing:.01em}
.modveiculo-fipe__vtype .vtype-option__hint{font-size:9px;font-weight:600;color:#666;line-height:1.2;min-height:0;padding:0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.modveiculo-fipe__vtype .vtype-option:nth-child(5){grid-column:2}
.modveiculo-fipe__vtype .vtype-option:nth-child(6){grid-column:3}
.modveiculo-fipe__vtype .vtype-option:nth-child(7){grid-column:4}
@media (min-width:900px){
    .modveiculo-fipe__vtype .vtype-picker--seven{grid-template-columns:repeat(7,minmax(0,1fr))}
    .modveiculo-fipe__vtype .vtype-picker--seven .vtype-option:nth-child(5),
    .modveiculo-fipe__vtype .vtype-picker--seven .vtype-option:nth-child(6),
    .modveiculo-fipe__vtype .vtype-picker--seven .vtype-option:nth-child(7){grid-column:auto}
}
@media (max-width:720px){
    .modveiculo-fipe__grid{grid-template-columns:1fr}
    .modveiculo-fipe__vtype .vtype-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
    .modveiculo-fipe__vtype .vtype-option:nth-child(5),
    .modveiculo-fipe__vtype .vtype-option:nth-child(6){grid-column:auto}
    .modveiculo-fipe__vtype .vtype-option:nth-child(7){grid-column:2}
}
@media (max-width:480px){
    .modveiculo-fipe__vtype .vtype-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .modveiculo-fipe__vtype .vtype-option:nth-child(5),
    .modveiculo-fipe__vtype .vtype-option:nth-child(6),
    .modveiculo-fipe__vtype .vtype-option:nth-child(7){grid-column:auto}
    .modveiculo-fipe__vtype .vtype-option:nth-child(7){grid-column:1 / -1;width:calc(50% - 4px);justify-self:center}
}
.modveiculo-fipe-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:16px;background:rgba(2,6,23,.68);backdrop-filter:blur(10px)}
.modveiculo-fipe-modal[hidden]{display:none}
.modveiculo-fipe-modal__sheet{width:min(100%,520px);max-height:min(82vh,660px);display:grid;grid-template-rows:auto auto minmax(120px,1fr) auto;gap:12px;padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(18,18,24,.98),rgba(8,10,16,.98));box-shadow:0 24px 70px rgba(0,0,0,.5)}
.modveiculo-fipe-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.modveiculo-fipe-modal__head strong{color:#fff;font-size:1.02rem}
.modveiculo-fipe-modal__head small{display:block;margin-top:3px;color:#aab3c5;font-size:.78rem;line-height:1.4}
.modveiculo-fipe-modal__close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.modveiculo-fipe-modal__input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0b1020;color:#fff;font-weight:650}
.modveiculo-fipe-modal__input:focus{background:#0d1324;border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08);outline:none}
.modveiculo-fipe-modal__results{display:grid;gap:8px;overflow:auto;padding-right:2px}
.modveiculo-fipe-modal__option{width:100%;min-height:46px;padding:12px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;text-align:left;font-weight:850;cursor:pointer}
.modveiculo-fipe-modal__option:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.12)}
.modveiculo-fipe-modal__empty{padding:14px;border-radius:15px;border:1px dashed rgba(255,255,255,.12);color:#aab3c5;background:rgba(255,255,255,.03);font-size:.86rem}
.modveiculo-fipe-modal__use{border:1px solid rgba(255,255,255,.12);border-radius:15px;min-height:48px;background:rgba(255,255,255,.06);color:#fff;font-weight:950;cursor:pointer}
@media (max-width:720px){
    .modveiculo-fipe-modal{align-items:end;z-index:14000;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
    .modveiculo-fipe-modal__sheet{border-radius:24px 24px 18px 18px;max-height:min(88vh,720px)}
}
.modveiculo-fipe--registration{gap:14px}
.modveiculo-fipe--registration .modveiculo-fipe__field label{font-size:.78rem;font-weight:800;color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em}
.modveiculo-fipe--registration .modveiculo-fipe__input{
    min-height:54px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.09);
    background:#10141b;color:#fff;font-weight:700
}
.modveiculo-fipe--registration .modveiculo-fipe__input[readonly]{background:#10141b;cursor:pointer}
.modveiculo-fipe--registration .modveiculo-fipe__help{color:#94a3b8;font-weight:650}
.modveiculo-fipe--registration .modveiculo-fipe__lookup.is-info{background:rgba(59,130,246,.12);color:#93c5fd;border-color:rgba(59,130,246,.28)}
.modveiculo-fipe--registration .modveiculo-fipe__lookup.is-success{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.28)}
.modveiculo-fipe--registration .modveiculo-fipe__lookup.is-error{background:rgba(244,63,94,.12);color:#fda4af;border-color:rgba(244,63,94,.28)}
.modveiculo-fipe--registration .modveiculo-fipe__vtype .vtype-option{
    min-height:86px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)
}
.modveiculo-fipe--registration .modveiculo-fipe__vtype .vtype-option.is-active{
    border-color:rgba(233,69,96,.55);background:rgba(233,69,96,.14);box-shadow:0 0 18px rgba(233,69,96,.14)
}
.modveiculo-fipe--registration .modveiculo-fipe__vtype .vtype-option__label{color:#fff}
.modveiculo-fipe--registration .modveiculo-fipe__vtype .vtype-option__hint{color:#94a3b8}
.modveiculo-fipe--book .modveiculo-fipe__grid{gap:16px}
.modveiculo-fipe--entry .modveiculo-fipe__grid{gap:14px}
.modveiculo-fipe--agendar .modveiculo-fipe__grid{gap:12px}
.modveiculo-fipe--agendar .modveiculo-fipe__lookup.agendar-lookup-status{display:block;margin-top:0;padding:0;border:none;background:transparent;font-size:inherit;font-weight:inherit}
.modveiculo-fipe--client-booking .modveiculo-fipe__grid{gap:12px}

/* Client portal booking wizard */
.modveiculo-fipe--client-booking{gap:10px;margin-top:2px}
.modveiculo-fipe--client-booking .modveiculo-fipe__grid{gap:14px}
.modveiculo-fipe--client-booking .modveiculo-fipe__field label{font-size:.72rem;font-weight:850;color:var(--muted,#666);letter-spacing:.04em}

/* Customers CRM edit-vehicle modal */
.modveiculo-fipe--crm-vehicle-edit{margin-top:0}
.modveiculo-fipe--crm-vehicle-edit .modveiculo-fipe__grid{gap:14px;width:100%}
.modveiculo-fipe--crm-vehicle-edit .modveiculo-fipe__field--full.modveiculo-fipe__vtype{margin-bottom:2px}
.modveiculo-fipe--crm-vehicle-edit .customer-crm-modal__type-picker{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
@media (max-width:640px){
    .modveiculo-fipe--crm-vehicle-edit .modveiculo-fipe__grid{grid-template-columns:1fr}
}