/* Ham-Melk v158 — profile layout: prevent the shared account-card tile
   flex rule from placing a profile form next to its heading. */
.account-layout > .account-main > section.account-card {
  display: block !important;
  flex: none !important;
  align-items: initial !important;
  gap: 0 !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0 !important;
}
.account-layout > .account-main > section.account-card > .account-card-head,
.account-layout > .account-main > section.account-card > .account-form {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.account-layout .account-field-grid,
.account-layout .account-field-grid > label {
  min-width: 0;
  max-width: 100%;
}
.account-layout .account-field-grid :is(input, textarea),
.account-layout .account-password-form :is(input, textarea) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
/* Tablet and smaller desktop windows have less room after the side navigation.
   Keep the account form above the security panel instead of crushing its fields. */
@media screen and (max-width: 1250px) {
  .account-layout {grid-template-columns:minmax(0,1fr) !important;}
  .account-layout > .account-side {grid-template-columns:minmax(0,1fr);}
  .account-layout .account-field-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width: 640px) {
  .account-layout,
  .account-layout > .account-main,
  .account-layout > .account-side {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
  }
  .account-layout > .account-main > section.account-card > .account-card-head {
    padding: 16px 14px 12px;
  }
  .account-layout > .account-main > section.account-card > .account-form {
    padding: 14px;
  }
  .account-layout .account-field-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px;
  }
  .account-layout .account-field-grid > label {
    font-size: 14px;
    line-height: 1.6;
  }
  .account-layout .account-field-grid :is(input, textarea) {
    width: 100%;
    font-size: 16px !important;
    line-height: 1.5;
    min-height: 46px;
  }
  .account-layout .account-actions > .button {width: 100%; min-height: 48px;}
}
@media (hover: none) {
  .account-layout > .account-main > section.account-card:hover {transform:none;}
}