/* INESS ORDERS ACCORDION 20260916 */

#view-orders{
  --order-card-radius:22px;
}

#appClientOrders{
  width:100%;
  box-sizing:border-box;
}

.app-orders-intro{
  margin:
    0 2px 26px;
}

.app-orders-eyebrow{
  margin-bottom:6px;

  color:var(--muted);
  font-size:11px;
  line-height:1.2;

  letter-spacing:.12em;
  text-transform:uppercase;
}

.app-orders-copy{
  max-width:420px;

  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

.app-orders-section{
  margin-bottom:30px;
}

.app-orders-section__title{
  margin:
    0 2px 12px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:22px;
  line-height:1.2;
}

.app-orders-list{
  display:grid;
  gap:12px;
}

.app-order-card{
  width:100%;
  min-width:0;

  overflow:hidden;

  border:
    1px solid
    rgba(87,70,54,.08);

  border-radius:
    var(--order-card-radius);

  background:
    rgba(255,253,249,.96);

  box-shadow:
    0 7px 24px
    rgba(52,39,28,.045);
}

.app-order-summary{
  appearance:none;

  display:block;

  width:100%;
  min-width:0;

  margin:0;
  padding:17px 18px;

  border:0;

  background:transparent;
  color:inherit;

  font:inherit;
  text-align:left;

  cursor:pointer;
}

.app-order-summary__body{
  display:block;
  min-width:0;
}

.app-order-summary__top{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  align-items:start;
  gap:12px;
}

.app-order-number{
  min-width:0;

  font-size:16px;
  font-weight:700;
  line-height:1.3;
}

.app-order-total{
  min-width:max-content;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:19px;
  font-weight:700;
  line-height:1.2;

  white-space:nowrap;
  text-align:right;
}

.app-order-date{
  display:block;

  margin-top:4px;

  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

.app-order-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;

  margin-top:14px;
}

.app-order-badge{
  display:inline-flex;
  align-items:center;

  min-height:27px;

  padding:4px 9px;

  border-radius:999px;

  background:#f1eee9;
  color:#69625c;

  font-size:11px;
  font-weight:600;
  line-height:1.2;
}

.app-order-badge[data-tone="warm"]{
  background:#f4eadc;
  color:#795f3d;
}

.app-order-badge[data-tone="positive"]{
  background:#e9f0e9;
  color:#45644c;
}

.app-order-badge[data-tone="danger"]{
  background:#f4e8e6;
  color:#8a514b;
}

.app-order-summary__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  margin-top:15px;

  color:var(--muted);

  font-size:12px;
  line-height:1.2;
}

.app-order-chevron{
  display:grid;
  place-items:center;

  width:28px;
  height:28px;

  flex:0 0 auto;

  border-radius:50%;
  background:#f2eee8;

  color:#59524c;
  font-size:17px;

  transition:
    transform .2s ease,
    background-color .2s ease;
}

.app-order-card.is-open
.app-order-chevron{
  transform:rotate(180deg);
  background:#ebe4dc;
}


/*
 Accordion без display:none:
 содержимое остаётся измеряемым,
 а раскрытие не прыгает.
*/
.app-order-details{
  display:grid;

  grid-template-rows:0fr;

  transition:
    grid-template-rows
    .24s
    cubic-bezier(.2,.8,.2,1);
}

.app-order-card.is-open
.app-order-details{
  grid-template-rows:1fr;
}

.app-order-details__inner{
  min-height:0;
  overflow:hidden;
}

.app-order-products{
  margin:
    0 18px;

  border-top:
    1px solid
    var(--line);
}

.app-order-product{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:12px;

  align-items:start;

  padding:14px 0;

  border-bottom:
    1px solid
    var(--line);
}

.app-order-product__main{
  min-width:0;
}

.app-order-product__name{
  min-width:0;

  font-size:14px;
  font-weight:600;
  line-height:1.4;

  overflow-wrap:anywhere;
}

.app-order-product__meta{
  margin-top:4px;

  color:var(--muted);
  font-size:12px;
}

.app-order-product__price{
  flex:0 0 auto;

  font-size:13px;
  font-weight:650;

  white-space:nowrap;
  text-align:right;
}

.app-order-final{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  padding:
    17px 18px
    19px;
}

.app-order-final span{
  color:var(--muted);
  font-size:12px;
}

.app-order-final strong{
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:21px;
  white-space:nowrap;
}


/* Очень узкие устройства */
@media(max-width:359px){
  .app-order-summary{
    padding:
      15px 14px;
  }

  .app-order-products{
    margin:
      0 14px;
  }

  .app-order-final{
    padding:
      15px 14px
      17px;
  }

  .app-order-total{
    font-size:17px;
  }
}


/* Motion accessibility */
@media(
  prefers-reduced-motion:reduce
){
  .app-order-details,
  .app-order-chevron{
    transition:none;
  }
}