@charset "UTF-8";
/* Особистий кабінет - Figma «Website» 2351:120892.
   ПК: меню 310 | вміст 970, розрив 20. Спільна розкладка для всіх розділів кабінету. */
.account__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.account__aside {
  min-width: 0;
}

.account__main {
  display: grid;
  flex: 1 0 0;
  min-width: 0;
  gap: var(--space-6);
  /* моб: заголовок, вміст, кнопка внизу (Figma 2346:83217 - кнопка 44 на всю ширину) */
  grid-template-areas: "head" "cols" "save";
  grid-template-columns: minmax(0, 1fr);
}

.account__head {
  grid-area: head;
}

.account__save {
  grid-area: save;
}

.account__columns {
  grid-area: cols;
}

/* відступ під шапкою дає розрив колонки, тому власний margin компонента гасимо */
.account__main > .v-section__head {
  margin-bottom: 0;
}

.account__columns {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.account__column {
  display: flex;
  flex: 1 0 0;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

@media (min-width: 1024px) {
  /* ПК: кнопка йде в рядок із заголовком (Figma 2351:120937) */
  .account__main {
    grid-template-areas: "head save" "cols cols";
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  .account__save {
    justify-self: end;
  }
  .account__save .v-btn--block {
    width: auto;
  }
  .account__body {
    flex-direction: row;
    align-items: flex-start;
  }
  .account__aside {
    flex: 0 0 310px;
  }
  /* відступ під шапкою дає розрив колонки, тому власний margin компонента гасимо */
  .account__main > .v-section__head {
    margin-bottom: 0;
  }
  .account__columns {
    flex-direction: row;
  }
  .account__column {
    align-self: flex-start;
  }
}
/* --- Історія замовлень (Figma «Table list» 2351:121143) --- */
.orders {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* рядок пошуку: поле тягнеться, кнопка 145 (Figma «Nav» 2351:121144) */
.orders__nav {
  display: flex;
  align-items: flex-end;
  gap: var(--space-6);
}

.orders__nav .v-field {
  flex: 1 0 0;
  min-width: 0;
}

.orders__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

/* --- Бажані товари: сітка спільна (.v-products), тут лише відступ під шапкою --- */