/* Grelha comum a todas as páginas do backoffice K4W AUTO. */
body.backoffice {
  --backoffice-page-gutter: clamp(1rem, 2vw, 1.5rem);
}

body.backoffice main.container,
body.backoffice .product-nav > .container,
body.backoffice .site-footer > .container {
  width: 100%;
  max-width: 1480px;
  padding-left: var(--backoffice-page-gutter) !important;
  padding-right: var(--backoffice-page-gutter) !important;
}

body.backoffice main.container {
  padding-top: 1.35rem !important;
  padding-bottom: 1.5rem !important;
}

body.backoffice :is(
  .client-list-head,
  .customer-head,
  .detail-head,
  .os-head,
  .calendar-head,
  .ops-head,
  .iw-head
) {
  margin: .55rem 0 1rem;
}

body.backoffice :is(
  .client-list-head,
  .customer-head,
  .detail-head,
  .os-head,
  .calendar-head,
  .ops-head,
  .iw-head
) p {
  margin: .3rem 0;
}

@media (max-width: 575.98px) {
  body.backoffice {
    --backoffice-page-gutter: .75rem;
  }
}