.foot-grid .foot-links {
  flex-wrap: wrap;
  gap: 8px clamp(12px, 2vw, 24px);
}

.foot-bottom {
  align-items: center;
}

.foot-bottom .staff-access-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding-inline: 6px;
  border-radius: 4px;
  color: inherit;
  font: inherit;
}

@media (max-width: 1300px) {
  .foot-bottom .staff-access-link {
    margin-inline-end: 60px;
  }
}

.foot-bottom .staff-access-link:hover,
.foot-bottom .staff-access-link:focus-visible {
  color: var(--text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.foot-bottom .staff-access-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

#model-dialog.customer-active .cp-staff-entry {
  background: linear-gradient(150deg, #eff6fa 0, #fff 17rem);
}

#model-dialog.customer-active .cp-staff-entry .cp-form-kicker {
  color: #375873;
  font-weight: 700;
}

#model-dialog.customer-active .cp-staff-entry .cp-form-kicker > svg {
  color: #306680;
}

#model-dialog.customer-active .cp-staff-entry .cp-form-intro {
  color: #4d6279;
}

#model-dialog.customer-active .cp-staff-entry .cp-input-wrap {
  background: #fff;
}

#model-dialog.customer-active .cp-staff-entry .cp-submit {
  border-color: #28516d;
  background: linear-gradient(112deg, #204364, #25566a);
}

#model-dialog.customer-active .cp-staff-entry .cp-submit:hover:not(:disabled) {
  background: #173850;
}

#model-dialog.customer-active .cp-staff-entry .cp-submit:disabled {
  border-color: #6a8091;
  background: #546a7e;
}

#model-dialog.customer-active .cp-staff-entry .cp-staff-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 16px 0 0;
  padding: 11px 12px;
  border: 1px solid #cfdde8;
  border-radius: 8px;
  background: #f2f7fa;
  color: #39556d;
  font: 12px/1.65 var(--body);
  overflow-wrap: anywhere;
}

#model-dialog.customer-active .cp-staff-entry .cp-staff-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 12px;
  padding: 6px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #234e76;
  font: 650 12px/1.6 var(--body);
  text-align: left;
  cursor: pointer;
}

#model-dialog.customer-active .cp-staff-entry .cp-staff-back:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#model-dialog.customer-active .cp-staff-entry .cp-staff-back:focus-visible {
  outline: 2px solid #286bd0;
  outline-offset: 4px;
}

#model-dialog.customer-active .cp-staff-entry :is(.cp-staff-note, .cp-staff-back) > svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

@media (max-width: 759px) {
  #model-dialog.customer-active .cp-staff-entry .cp-input-wrap input {
    font-size: 16px;
  }
}