.zz-active-order[hidden], .zz-active-order [hidden] { display: none !important; }
.zz-active-order { width: calc(100% - 32px); max-width: 760px; margin: 16px auto 20px; padding: 13px 17px; border: 1px solid #e9e1e6; border-radius: 14px; background: #faf7f9; color: #29252a; font-family: Arial, sans-serif; }
.zz-active-order__row { display: flex; align-items: center; gap: 14px; }
.zz-active-order__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; color: #777078; font-size: 11px; }
.zz-active-order__head [data-active-order-count] { margin-left: 4px; color: #29252a; font-weight: 600; }
.zz-active-order__list { max-height: 300px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.zz-active-order__item { padding: 12px 0; }
.zz-active-order__item + .zz-active-order__item { border-top: 1px solid #e9e1e6; }
.zz-active-order__item:first-child { padding-top: 2px; }
.zz-active-order__item:last-child { padding-bottom: 2px; }
.zz-active-order__icon { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: #fff0f7; color: #e40087; }
.zz-active-order__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.zz-active-order__body { min-width: 0; flex: 1; }
.zz-active-order__number { color: #29252a !important; font-size: 14px; font-weight: 600; text-decoration: none; }
.zz-active-order__number:hover { text-decoration: underline; }
.zz-active-order__meta { display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: 5px; color: #777078; font-size: 12px; line-height: 1.4; }
.zz-active-order__amount { white-space: nowrap; font-size: 14px; font-weight: 600; }
.zz-active-order__pay { flex-shrink: 0; padding: 10px 17px; border: 0; border-radius: 8px; background: #e40087; color: #fff; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.zz-active-order__pay:hover { background: #b7006d; }
.zz-active-order__pay:disabled { opacity: .65; cursor: wait; }
.zz-active-order__more { color: #777078; }
.zz-active-order__message { margin: 0; color: #b42318; font-size: 12px; line-height: 1.4; }
.zz-active-order__message:empty { display: none; }
.zz-active-order__message:not(:empty) { margin-top: 10px; }
@media (max-width: 600px) {
    .zz-active-order { padding: 12px; margin-top: 12px; }
    .zz-active-order__row { flex-wrap: wrap; gap: 10px; }
    .zz-active-order__body { flex-basis: calc(100% - 46px); }
    .zz-active-order__amount { margin-left: 46px; flex: 1; }
}