/* Field and validation update only. The original enquiry section layout remains unchanged. */
.sl-service-form--complete{grid-template-columns:repeat(4,minmax(0,1fr))}
.sl-service-form--complete>label{min-width:0}
.sl-service-form--complete .sl-form-half{grid-column:span 2}
.sl-service-form--complete .sl-form-full{grid-column:1/-1}
.sl-service-form--complete input,
.sl-service-form--complete select,
.sl-service-form--complete textarea{box-sizing:border-box}
.sl-service-form--complete textarea[name="address"]{min-height:104px;resize:vertical}
.sl-service-form--complete textarea[name="message"]{min-height:150px;resize:vertical}
.sl-service-form--complete .sl-field-help{display:block;margin-top:7px;color:#6b7b91;font-size:12px;line-height:1.45}
.sl-service-form--complete input.is-invalid,
.sl-service-form--complete select.is-invalid,
.sl-service-form--complete textarea.is-invalid{border-color:#c93838!important;box-shadow:0 0 0 3px rgba(201,56,56,.10)}
.sl-service-form--complete input:focus:valid,
.sl-service-form--complete select:focus:valid,
.sl-service-form--complete textarea:focus:valid{border-color:#1c8b59}
@media(max-width:760px){
  .sl-service-form--complete{grid-template-columns:1fr}
  .sl-service-form--complete .sl-form-half,
  .sl-service-form--complete .sl-form-full{grid-column:auto}
}

/* Shawn Logistics unified component radius: frontend and admin */
:where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  fieldset,
  a.btn,
  a.button,
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="table-wrap"]
){border-radius:10px!important;}


/* Shawn Cargo Logistics: unified 10px component radius override.
   Scoped to interactive controls and visual container components only. */
:root{--sl-radius:10px!important;}
html body :where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea,
  fieldset,
  details,
  a.btn,
  a.button,
  [role="button"],
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="widget"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="badge"],
  [class*="pill"],
  [class*="chip"],
  [class*="tag"],
  [class*="stat"],
  [class*="metric"],
  [class*="table-wrap"],
  [class*="form-wrap"],
  [class*="form-card"],
  [class*="search-wrap"]
){border-radius:10px!important;}