/* Generated from page-local prototype styles. Do not edit by hand. */

/* Prototype page: account */
.account-layout { display: flex; gap: 28px; align-items: flex-start; padding-top: 26px; padding-bottom: 36px; }
    .account-side { width: 270px; flex: none; display: flex; flex-direction: column; gap: 14px; }
    .account-main { flex: 1; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
    .account-user { padding: 18px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; border-radius: 14px; }
    .account-avatar { width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, var(--red), #8f1a1d); display: flex; align-items: center; justify-content: center; font-family: var(--font-head); font-size: 26px; font-weight: 600; color: #fff; }
    .account-menu { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; }
    .account-menu a { padding: 12px 16px; font-size: 13.5px; font-weight: 600; color: var(--t2); border-top: 1px solid var(--brd07); }
    .account-menu a:first-child { border-top: 0; }
    .account-menu a.is-active { font-weight: 700; color: var(--red); background: var(--bnr); border-left: 3px solid var(--red); }
    .order-steps { display: flex; align-items: center; gap: 6px; }
    .order-step { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 9.5px; color: var(--t3); text-align: center; }
    .order-step__dot { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--brd20); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 10px; }
    .order-step--done .order-step__dot { background: var(--red); border-color: var(--red); }
    .order-step--current .order-step__dot { border-color: var(--red); background: var(--bg); }
    .order-step--current { color: var(--t1); font-weight: 600; }
    .order-step__line { flex: 1; height: 2px; background: var(--brd20); margin-bottom: 16px; }
    .order-step__line--done { background: var(--red); }
    @media (max-width: 1023px) { .account-layout { flex-direction: column; } .account-side { width: 100%; } }
    @media (max-width: 767px) { .order-steps { flex-wrap: wrap; } .order-step__line { display: none; } .order-step { min-width: 30%; } }

/* Prototype page: requisites */
.req-table { border-radius: 14px; overflow: hidden; }
    .req-row { display: grid; grid-template-columns: 220px 1fr; border-bottom: 1px solid var(--brd07); font-size: 13.5px; }
    .req-row:last-child { border-bottom: 0; }
    .req-key { padding: 13px 18px; color: var(--t3); background: var(--card2); }
    .req-val { padding: 13px 18px; font-weight: 600; }
    @media (max-width: 767px) { .req-row { grid-template-columns: 1fr; } .req-key { padding-bottom: 2px; } .req-val { padding-top: 2px; } }