/* Dedicated Vehicle Admin stylesheet.
   Loaded AFTER admin-dashboard.css so these rules win reliably. */

.vehicle-admin-main{
  width:calc(100% - 36px) !important;
  max-width:1840px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.vehicle-admin-main > h1{
  margin:12px 0 8px !important;
}

.vehicle-admin-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(420px,.85fr) !important;
  gap:12px !important;
  align-items:start !important;
}

.vehicle-register-card{
  grid-column:1 !important;
  grid-row:1 !important;
  margin:0 !important;
  padding:10px 12px !important;
}

.vehicle-admin-side{
  grid-column:2 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
}

.vehicle-add-card,
.vehicle-notification-card{
  margin:0 !important;
  padding:10px 12px !important;
}

.vehicle-weekly-section{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  margin-top:0 !important;
}

.vehicle-section-head{
  margin-bottom:4px !important;
}

.vehicle-section-copy{
  margin:0 0 7px !important;
  line-height:1.3 !important;
}

/* Add vehicle: two compact columns in the sidebar. */
.vehicle-add-form{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
}

.vehicle-add-form label{
  margin:0 !important;
  min-width:0 !important;
}

.vehicle-add-form input,
.vehicle-add-form select{
  width:100% !important;
  min-height:34px !important;
  padding:5px 7px !important;
  box-sizing:border-box !important;
}

.vehicle-add-button{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:36px !important;
  margin:0 !important;
}

/* Notifications: one line. */
.vehicle-notification-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 165px !important;
  gap:7px !important;
  align-items:end !important;
}

.vehicle-notification-form label{
  margin:0 !important;
}

.vehicle-notification-form input,
.vehicle-notification-form button{
  width:100% !important;
  min-height:34px !important;
  box-sizing:border-box !important;
}

/* Vehicle register: flatter rows, compliance across rather than stacked. */
.vehicle-register-table{
  overflow-x:auto !important;
}

.vehicle-register-table table{
  width:100% !important;
  min-width:820px !important;
  table-layout:fixed !important;
}

.vehicle-register-table th,
.vehicle-register-table td{
  padding:6px 7px !important;
  vertical-align:top !important;
}

.vehicle-register-table th:nth-child(1),
.vehicle-register-table td:nth-child(1){width:10% !important;}

.vehicle-register-table th:nth-child(2),
.vehicle-register-table td:nth-child(2){width:14% !important;}

.vehicle-register-table th:nth-child(3),
.vehicle-register-table td:nth-child(3){width:14% !important;}

.vehicle-register-table th:nth-child(4),
.vehicle-register-table td:nth-child(4){width:42% !important;}

.vehicle-register-table th:nth-child(5),
.vehicle-register-table td:nth-child(5){width:9% !important;}

.vehicle-register-table th:nth-child(6),
.vehicle-register-table td:nth-child(6){width:11% !important;}

.vehicle-register-table .vehicle-compliance-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
  min-width:0 !important;
}

.vehicle-register-table .vehicle-compliance-grid > div{
  min-width:0 !important;
}

.vehicle-register-table .vehicle-compliance-grid > div > span{
  display:block !important;
  font-size:9px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.vehicle-register-table .compliance-badge{
  min-height:26px !important;
  padding:4px 5px !important;
  font-size:10px !important;
  line-height:1.15 !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
}

/* Edit form is also flat. */
.vehicle-edit-panel{
  min-width:720px !important;
  padding:8px !important;
}

.vehicle-edit-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
}

.vehicle-edit-form label{
  margin:0 !important;
}

.vehicle-edit-form input,
.vehicle-edit-form select{
  min-height:34px !important;
}

.vehicle-edit-form button{
  grid-column:span 2 !important;
  min-height:36px !important;
}

.vehicle-edit-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  margin-top:7px !important;
}

/* Weekly vehicle checks: compact but readable. */
.vehicle-week-folder{
  margin-bottom:7px !important;
}

.vehicle-week-folder > summary{
  padding:8px 11px !important;
}

.vehicle-week-table{
  padding:4px 9px 9px !important;
}

.vehicle-week-table th,
.vehicle-week-table td{
  padding:5px 6px !important;
}

.vehicle-resolve-form{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 125px !important;
  gap:6px !important;
  margin-top:5px !important;
}

.vehicle-resolve-form input,
.vehicle-resolve-form button{
  min-height:34px !important;
}

/* Medium desktop: still keep register and controls side-by-side. */
@media(max-width:1250px){
  .vehicle-admin-layout{
    grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr) !important;
  }

  .vehicle-register-table .vehicle-compliance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-edit-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-edit-form button{
    grid-column:1 / -1 !important;
  }
}

/* Narrow tablet/mobile: stack admin cards. This does not touch employee Vehicle Check. */
@media(max-width:900px){
  .vehicle-admin-layout{
    grid-template-columns:1fr !important;
  }

  .vehicle-register-card,
  .vehicle-admin-side,
  .vehicle-weekly-section{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  .vehicle-edit-panel{
    min-width:0 !important;
  }
}

@media(max-width:650px){
  .vehicle-add-form,
  .vehicle-notification-form,
  .vehicle-edit-form,
  .vehicle-edit-actions,
  .vehicle-resolve-form{
    grid-template-columns:1fr !important;
  }

  .vehicle-add-button,
  .vehicle-edit-form button{
    grid-column:1 !important;
  }
}


/* VEHICLE ADMIN - register first full width, setup + notifications beneath */

/* Row 1: Vehicle register spans the page */
.vehicle-admin-layout{
  grid-template-columns:1fr !important;
  gap:10px !important;
}

.vehicle-register-card{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  width:100% !important;
}

/* Row 2: Add vehicle wide on the left, notifications compact on the right */
.vehicle-admin-side{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,2.2fr) minmax(330px,.8fr) !important;
  gap:10px !important;
  align-items:stretch !important;
}

/* Row 3: Weekly checks */
.vehicle-weekly-section{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
}

/* Make Add Vehicle use the horizontal space properly */
.vehicle-add-card{
  min-width:0 !important;
}

.vehicle-add-form{
  display:grid !important;
  grid-template-columns:
    minmax(130px,.75fr)
    minmax(190px,1.1fr)
    minmax(180px,1fr)
    minmax(145px,.8fr)
    minmax(145px,.8fr)
    minmax(145px,.8fr)
    minmax(145px,.8fr)
    minmax(140px,.75fr) !important;
  gap:7px !important;
  align-items:end !important;
}

.vehicle-add-button{
  grid-column:auto !important;
  min-height:36px !important;
  align-self:end !important;
}

/* Notification card stays compact to the right */
.vehicle-notification-card{
  min-width:0 !important;
}

.vehicle-notification-form{
  grid-template-columns:1fr !important;
  gap:7px !important;
}

.vehicle-notification-form button{
  width:100% !important;
}

/* Register can breathe across the width without a scrollbar on normal widescreens */
.vehicle-register-table table{
  min-width:0 !important;
  width:100% !important;
  table-layout:fixed !important;
}

.vehicle-register-table{
  overflow-x:visible !important;
}

/* Medium screens: keep Add + Notifications side-by-side until genuinely narrow */
@media(max-width:1350px){
  .vehicle-admin-side{
    grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr) !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .vehicle-add-button{
    grid-column:span 1 !important;
  }
}

@media(max-width:1000px){
  .vehicle-admin-side{
    grid-template-columns:1fr !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-add-button{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:650px){
  .vehicle-add-form{
    grid-template-columns:1fr !important;
  }
}


/* FIX: Vehicle Edit panel escaping off the right-hand side */
.vehicle-register-table{
  position:relative !important;
  overflow:visible !important;
}

.vehicle-register-table td:last-child{
  position:relative !important;
  overflow:visible !important;
}

.vehicle-edit-details{
  position:relative !important;
}

.vehicle-edit-panel{
  position:absolute !important;
  top:calc(100% + 6px) !important;
  right:0 !important;
  left:auto !important;
  width:min(920px, calc(100vw - 90px)) !important;
  max-width:none !important;
  min-width:0 !important;
  z-index:100 !important;
  background:#fff !important;
  border:1px solid #cfd9e0 !important;
  border-radius:12px !important;
  box-shadow:0 14px 32px rgba(23,52,77,.18) !important;
  padding:12px !important;
  box-sizing:border-box !important;
}

.vehicle-edit-form{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.vehicle-edit-form button{
  grid-column:span 2 !important;
}

.vehicle-edit-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:9px !important;
}

@media(max-width:1150px){
  .vehicle-edit-panel{
    width:min(760px, calc(100vw - 60px)) !important;
  }

  .vehicle-edit-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-edit-form button{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:700px){
  .vehicle-edit-panel{
    position:static !important;
    width:100% !important;
    margin-top:8px !important;
  }

  .vehicle-edit-form,
  .vehicle-edit-actions{
    grid-template-columns:1fr !important;
  }
}


/* VEHICLE EDIT ACTION ROW: Save / Deactivate / Archive / Delete */
.vehicle-edit-form > button{
  display:none !important;
}

.vehicle-edit-actions-four{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  margin-top:9px !important;
}

.vehicle-edit-actions-four > button,
.vehicle-edit-actions-four > form,
.vehicle-edit-actions-four form button{
  width:100% !important;
  margin:0 !important;
  min-width:0 !important;
}

.vehicle-save-action{
  background:#1f5b80 !important;
  color:#fff !important;
}

.archive-vehicle-button{
  background:#fff7df !important;
  color:#765300 !important;
  border:1px solid #d3ad49 !important;
}

.archive-vehicle-button:hover{
  background:#ffefbf !important;
}

/* Archived vehicles live below the active register. */
.vehicle-archive-card{
  grid-column:1 / -1 !important;
  margin:0 !important;
  padding:11px 13px !important;
}

.vehicle-archive-card > summary{
  cursor:pointer !important;
  list-style:none !important;
  padding:2px 0 !important;
}

.vehicle-archive-card > summary::-webkit-details-marker{
  display:none !important;
}

.vehicle-archive-card > summary::before{
  content:"▸";
  display:inline-block;
  margin-right:7px;
  font-weight:900;
  color:#31546c;
}

.vehicle-archive-card[open] > summary::before{
  content:"▾";
}

.vehicle-archive-card table{
  width:100% !important;
}

@media(max-width:1050px){
  .vehicle-edit-actions-four{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  .vehicle-edit-actions-four{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   VEHICLE ADMIN LAYOUT RESET V3
   Stable full-width rows + compact fixed edit panel
   ========================================================= */

/* Main page rows */
.vehicle-admin-layout{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  align-items:start !important;
}

.vehicle-register-card{
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
}

/* Archived vehicles, if present, stays directly under register */
.vehicle-archive-card{
  grid-column:1 !important;
  grid-row:auto !important;
  width:100% !important;
  box-sizing:border-box !important;
}

/* Setup row: Add vehicle left, Notifications right */
.vehicle-admin-side{
  grid-column:1 !important;
  grid-row:auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,2.35fr) minmax(320px,.65fr) !important;
  gap:10px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
}

.vehicle-add-card,
.vehicle-notification-card{
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:10px 12px !important;
  margin:0 !important;
}

/* Weekly checks always full width underneath */
.vehicle-weekly-section{
  grid-column:1 !important;
  grid-row:auto !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Compact Add Vehicle row layout */
.vehicle-add-form{
  display:grid !important;
  grid-template-columns:
    minmax(110px,.75fr)
    minmax(150px,1fr)
    minmax(155px,1fr)
    minmax(125px,.85fr)
    minmax(125px,.85fr)
    minmax(125px,.85fr)
    minmax(125px,.85fr)
    minmax(125px,.8fr) !important;
  gap:6px !important;
  align-items:end !important;
}

.vehicle-add-form label{
  min-width:0 !important;
  margin:0 !important;
}

.vehicle-add-form input,
.vehicle-add-form select,
.vehicle-add-button{
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  box-sizing:border-box !important;
}

.vehicle-add-button{
  grid-column:auto !important;
  margin:0 !important;
}

/* Compact notifications */
.vehicle-notification-form{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
}

.vehicle-notification-form label,
.vehicle-notification-form input,
.vehicle-notification-form button{
  width:100% !important;
  box-sizing:border-box !important;
}

.vehicle-notification-form input,
.vehicle-notification-form button{
  min-height:34px !important;
}

/* Vehicle register should not grow vertically */
.vehicle-register-table{
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
}

.vehicle-register-table table{
  width:100% !important;
  min-width:920px !important;
  table-layout:fixed !important;
}

.vehicle-register-table th,
.vehicle-register-table td{
  padding:5px 6px !important;
  vertical-align:middle !important;
}

.vehicle-register-table th:nth-child(1),
.vehicle-register-table td:nth-child(1){width:10% !important;}
.vehicle-register-table th:nth-child(2),
.vehicle-register-table td:nth-child(2){width:14% !important;}
.vehicle-register-table th:nth-child(3),
.vehicle-register-table td:nth-child(3){width:14% !important;}
.vehicle-register-table th:nth-child(4),
.vehicle-register-table td:nth-child(4){width:42% !important;}
.vehicle-register-table th:nth-child(5),
.vehicle-register-table td:nth-child(5){width:9% !important;}
.vehicle-register-table th:nth-child(6),
.vehicle-register-table td:nth-child(6){width:11% !important;}

/* Compliance stays on one compact line */
.vehicle-register-table .vehicle-compliance-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:4px !important;
  min-width:0 !important;
}

.vehicle-register-table .vehicle-compliance-grid > div{
  min-width:0 !important;
}

.vehicle-register-table .vehicle-compliance-grid > div > span{
  display:block !important;
  font-size:9px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.vehicle-register-table .compliance-badge{
  min-height:24px !important;
  padding:3px 5px !important;
  font-size:10px !important;
  line-height:1.1 !important;
}

/* ---------------------------------------------------------
   EDIT VEHICLE
   Open as a compact fixed panel so it can never stretch/escape the table.
   --------------------------------------------------------- */

.vehicle-edit-details{
  position:static !important;
}

.vehicle-edit-panel{
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  transform:translate(-50%,-50%) !important;
  width:min(980px, calc(100vw - 56px)) !important;
  max-height:82vh !important;
  min-width:0 !important;
  overflow:auto !important;
  z-index:1000 !important;
  box-sizing:border-box !important;
  padding:14px !important;
  background:#fff !important;
  border:1px solid #b9c7d1 !important;
  border-radius:12px !important;
  box-shadow:0 20px 60px rgba(15,42,67,.28) !important;
}

/* light backdrop behind an open edit panel */
.vehicle-edit-details[open]::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background:rgba(18,43,62,.22) !important;
  z-index:999 !important;
}

.vehicle-edit-form{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.vehicle-edit-form label{
  min-width:0 !important;
  margin:0 !important;
}

.vehicle-edit-form input,
.vehicle-edit-form select{
  width:100% !important;
  min-width:0 !important;
  min-height:36px !important;
  box-sizing:border-box !important;
}

/* original form button remains hidden because Save is in the one-row action bar */
.vehicle-edit-form > button{
  display:none !important;
}

.vehicle-edit-actions-four{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  margin-top:10px !important;
}

.vehicle-edit-actions-four > button,
.vehicle-edit-actions-four > form,
.vehicle-edit-actions-four form button{
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* Weekly rows remain compact */
.vehicle-week-folder > summary{
  padding:8px 11px !important;
}
.vehicle-week-table{
  padding:4px 9px 9px !important;
}
.vehicle-week-table th,
.vehicle-week-table td{
  padding:5px 6px !important;
}

/* Responsive */
@media(max-width:1350px){
  .vehicle-admin-side{
    grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr) !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .vehicle-add-button{
    grid-column:span 1 !important;
  }
}

@media(max-width:1000px){
  .vehicle-admin-side{
    grid-template-columns:1fr !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-add-button{
    grid-column:1 / -1 !important;
  }

  .vehicle-edit-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-edit-actions-four{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:650px){
  .vehicle-add-form,
  .vehicle-edit-form,
  .vehicle-edit-actions-four{
    grid-template-columns:1fr !important;
  }

  .vehicle-add-button{
    grid-column:1 !important;
  }

  .vehicle-edit-panel{
    width:calc(100vw - 24px) !important;
    max-height:88vh !important;
    padding:11px !important;
  }
}


/* WEEKLY VEHICLE CHECKS FIRST */
.vehicle-weekly-priority{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  margin:0 !important;
}

.vehicle-register-card{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
}

.vehicle-archive-card{
  grid-column:1 / -1 !important;
  grid-row:auto !important;
}

.vehicle-admin-side{
  grid-column:1 / -1 !important;
  grid-row:3 !important;
}

.weekly-heading-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.weekly-heading-actions p{
  margin:0 !important;
}

.vehicle-older-week[hidden]{
  display:none !important;
}

@media(max-width:760px){
  .weekly-heading-actions{
    justify-content:flex-start !important;
  }
}


/* VEHICLE SETUP ROW - equal fields + tighter gap to notifications */
.vehicle-admin-side{
  grid-template-columns:minmax(0,3.15fr) minmax(320px,.85fr) !important;
  gap:6px !important;
}

.vehicle-add-form{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:6px !important;
  align-items:end !important;
}

.vehicle-add-form > label,
.vehicle-add-form > button{
  min-width:0 !important;
  width:100% !important;
}

.vehicle-add-form input,
.vehicle-add-form select,
.vehicle-add-button{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.vehicle-add-button{
  grid-column:auto !important;
}

@media(max-width:1450px){
  .vehicle-admin-side{
    grid-template-columns:minmax(0,2.45fr) minmax(300px,.75fr) !important;
    gap:6px !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:1000px){
  .vehicle-admin-side{
    grid-template-columns:1fr !important;
  }

  .vehicle-add-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .vehicle-add-button{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:650px){
  .vehicle-add-form{
    grid-template-columns:1fr !important;
  }
}


/* WEEKLY VEHICLE NOTES - keep text comfortably inside the page */
.vehicle-week-table th:last-child,
.vehicle-week-table td:last-child{
  padding-right:14px !important;
  box-sizing:border-box !important;
}

.vehicle-week-notes{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  padding-right:8px !important;
  box-sizing:border-box !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.35 !important;
}

.vehicle-resolve-form{
  width:100% !important;
  max-width:100% !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

.vehicle-resolve-form input{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.vehicle-resolve-form button{
  max-width:130px !important;
  justify-self:end !important;
}


/* WEEKLY VEHICLE CHECKS - stronger right-edge breathing room */
.vehicle-week-table{
  padding-right:24px !important;
  box-sizing:border-box !important;
}

.vehicle-week-table table{
  width:calc(100% - 10px) !important;
  margin-right:10px !important;
}

.vehicle-week-table th:last-child,
.vehicle-week-table td:last-child{
  padding-right:20px !important;
}

.vehicle-week-notes{
  padding-right:14px !important;
}

.vehicle-resolve-form{
  grid-template-columns:minmax(0,1fr) 118px !important;
  gap:8px !important;
  width:calc(100% - 8px) !important;
}

.vehicle-resolve-form button{
  width:118px !important;
  max-width:118px !important;
  margin-right:0 !important;
}