/* Sunshine account management. Vendor markup and form behavior remain intact. */
html body .management {
  color: #252a31; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  box-sizing: border-box;
}
html body .module-wrapper .management {
  flex: 1 1 0; min-width: 0; width: auto !important; max-width: 1280px;
  margin: 24px 24px 32px !important; padding: 0 !important;
}
html body .layout-context .management { width: auto !important; margin: 16px 12px 32px !important; padding: 0 !important; }
html body .management .section {
  box-sizing: border-box; margin: 0 0 20px !important; padding: 22px 24px !important;
  border: 1px solid #e8c86a !important; border-radius: 8px !important;
  background: #fffdf9 !important; box-shadow: 0 3px 12px rgba(69,54,9,.07) !important;
}
html body .management .section-name {
  margin: -22px -24px 20px !important; padding: 16px 24px !important;
  border-bottom: 1px solid #eee3c2; border-radius: 7px 7px 0 0;
  background: #fff8e6; color: #252a31; font-size: 21px !important; line-height: 1.3; font-weight: 600;
}
html body .management .sub-header {
  margin: 24px 0 14px !important; padding: 18px 0 0 !important;
  border-top: 1px solid #eee8da; color: #252a31; font-size: 17px !important; line-height: 1.35; font-weight: 600;
}
html body .management .row {
  display: flex; flex-wrap: wrap; gap: 6px 20px; width: auto !important;
  margin: 0 0 14px !important; padding: 0 !important;
}
html body .management .form-label {
  display: block; width: 100%; margin: 0 !important; padding: 0 !important;
  color: #454b54; font-size: 14px !important; line-height: 1.4; font-weight: 500;
}
html body .management .form-control {
  box-sizing: border-box; width: 100% !important; max-width: 100%; min-height: 42px;
  border: 1px solid #d9d9d3 !important; border-radius: 6px;
  padding: 10px 12px; background: #fff !important; color: #252a31;
  font: inherit; font-size: 15px !important; box-shadow: none;
}
html body .management .form-control[readonly],
html body .management .form-control:disabled {
  background: #f2f1ed !important; color: #555c65; border-color: #e3e0d8 !important;
}
html body .management .form-control:focus-visible {
  outline: 2px solid #a4073f; outline-offset: 1px;
}
html body .management .row > .postalcode,
html body .management .row > .bic {
  float: none !important; box-sizing: border-box; flex: 1 1 170px; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important;
}
html body .management .row > .city,
html body .management .row > .iban {
  float: none !important; box-sizing: border-box; flex: 2 1 280px; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important;
}
html body .management .row > div > .form-label { margin-bottom: 6px !important; }
html body .management .invoice-cb .form-label { display: flex; align-items: flex-start; gap: 8px; }
html body .management input[type="checkbox"] { accent-color: #a4073f; width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; }
html body .management .save-btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  box-sizing: border-box; width: 100% !important; max-width: 360px !important; min-height: 44px;
  margin: 22px auto 0 !important; padding: 10px 18px; border: 1px solid #a4073f !important;
  border-radius: 6px; background: #a4073f !important; color: #fff !important;
  font-size: 15px; font-weight: 600; box-shadow: none;
}
html body .management .save-btn:hover:not(:disabled) { background: #870633 !important; border-color: #870633 !important; }
html body .management .save-btn:focus-visible { outline: 2px solid #a4073f; outline-offset: 3px; }
html body .management .save-btn:disabled { opacity: .65; cursor: wait; }
html body .management .save-btn.is-success { background: #287540 !important; border-color: #287540 !important; }
html body .management .save-btn.is-error { background: #a32e2e !important; border-color: #a32e2e !important; }
html body .management .continuous-orders-table-host { max-width: 100%; overflow-x: auto; }
html body .management .continuous-orders-table th { background: #fff8e6 !important; color: #252a31; }
html body .management .continuous-orders-table td { background: #fffdf9; }
/* SVG mask follows current navigation foreground, including the active state. */
html body #accountManagement > a::before {
  content: "" !important; display: inline-block; width: 22px; height: 22px; flex: 0 0 22px;
  background: currentColor !important;
  -webkit-mask: url("../img/sunshine-ui/nav-account.svg") center / contain no-repeat !important;
  mask: url("../img/sunshine-ui/nav-account.svg") center / contain no-repeat !important;
}
html body #navigation #accountManagement > a { display: flex; align-items: center; gap: 12px; }
@media (max-width: 720px) {
  html body .module-wrapper .management { margin: 16px 12px 32px !important; }
  html body .management .section { padding: 18px 16px !important; margin-bottom: 16px !important; }
  html body .management .section-name { margin: -18px -16px 18px !important; padding: 14px 16px !important; font-size: 19px !important; }
  html body .management .row > .postalcode,
  html body .management .row > .city,
  html body .management .row > .bic,
  html body .management .row > .iban { flex-basis: 100%; }
}