:root {
    --sd-bg: #696969;
    --sd-card: rgba(253, 252, 249, .90);
    --sd-card-strong: rgba(255,255,255,.94);
    --sd-row: rgba(255,255,255,.78);
    --sd-text: #171717;
    --sd-muted: #746f66;
    --sd-graphite: #202124;
    --sd-graphite-hover: #4a4b50;
    --sd-line: rgba(71, 64, 55, .16);
    --sd-line-soft: rgba(71, 64, 55, .09);
    --sd-shadow: 0 34px 95px rgba(39, 35, 28, .18);
    --sd-shadow-soft: 0 12px 30px rgba(39, 35, 28, .08);
    --sd-radius: 34px;
    --sd-radius-small: 18px;
}

html {
    background: var(--sd-bg);
}

body {
    background: var(--sd-bg) !important;
    color: var(--sd-text);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* Layout */
.wrap,
.container,
.page,
main {
    position: relative;
}

.wrap {
    max-width: 820px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 42px 16px 74px !important;
}

/* Top hero */
.hero h1,
h1 {
    color: rgba(255,255,255,.94) !important;
    text-shadow: 0 18px 46px rgba(0,0,0,.30);
    letter-spacing: -0.06em;
    font-weight: 300;
}

.hero p {
    color: rgba(255,255,255,.78) !important;
    text-shadow: 0 12px 30px rgba(0,0,0,.22);
}

/* Cards */
.card,
.panel,
.box,
.order-card,
.admin-card,
.login-card,
section {
    background: var(--sd-card) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: var(--sd-radius) !important;
    box-shadow: var(--sd-shadow) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

.card {
    color: var(--sd-text);
}

/* Typography inside cards */
.card h1,
.card h2,
.card h3,
.panel h1,
.panel h2,
.panel h3,
.box h1,
.box h2,
.box h3,
section h1,
section h2,
section h3 {
    color: var(--sd-graphite) !important;
    text-shadow: none !important;
    letter-spacing: -0.04em;
    font-weight: 500;
}

p,
li,
td,
th,
label {
    color: var(--sd-text);
}

.muted,
small,
.help,
.hint,
.file-note {
    color: var(--sd-muted) !important;
}

/* Inputs */
input,
textarea,
select {
    border: 1px solid var(--sd-line) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.72) !important;
    color: var(--sd-text) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
    outline: none !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: rgba(32, 33, 36, .42) !important;
    box-shadow:
        0 0 0 4px rgba(32, 33, 36, .10),
        inset 0 1px 0 rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.94) !important;
    outline: none !important;
}

/* Buttons */
button,
.btn,
.button,
input[type="submit"],
a.btn {
    background: #202124 !important;
    background-image: none !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow:
        0 18px 38px rgba(32,33,36,.22),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    font-weight: 500;
    text-decoration: none !important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
a.btn:hover {
    background: var(--sd-graphite-hover) !important;
    background-image: none !important;
    color: #fff !important;
    transform: none !important;
}

button:active,
.btn:active,
.button:active {
    transform: none !important;
    filter: none !important;
}

/* Quantity buttons */
.qty button,
.qty button:hover,
.qty button:active,
.qty button:focus,
.qty button:focus-visible {
    background-image: none !important;
    color: #fff !important;
    transform: none !important;
    filter: none !important;
    outline: none !important;
    transition: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

@media (hover: hover) and (pointer: fine) {
    .qty button:hover {
        background: #4a4b50 !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .qty button,
    .qty button:hover,
    .qty button:active,
    .qty button:focus,
    .qty button:focus-visible {
        background: #202124 !important;
    }
}

/* Product rows: keep current style, no hover jump */
.product-row,
.product-row:hover,
.product-row:active,
.product-row:focus,
.product-row:focus-within {
    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

/* Tables / admin lists */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
}

th {
    color: var(--sd-muted) !important;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}

td {
    background: var(--sd-row);
    border-top: 1px solid var(--sd-line-soft);
    border-bottom: 1px solid var(--sd-line-soft);
    padding: 12px 14px;
}

td:first-child {
    border-left: 1px solid var(--sd-line-soft);
    border-radius: 16px 0 0 16px;
}

td:last-child {
    border-right: 1px solid var(--sd-line-soft);
    border-radius: 0 16px 16px 0;
}

/* Links */
a {
    color: var(--sd-graphite) !important;
    text-underline-offset: 3px;
}

.card a,
.panel a,
.box a,
section a {
    color: var(--sd-graphite) !important;
}

/* Notices */
.errors {
    background: rgba(255, 246, 246, .72) !important;
    border: 1px solid rgba(196, 75, 70, .20) !important;
    color: #9f2f2b !important;
    border-radius: 22px !important;
    box-shadow:
        0 12px 30px rgba(130, 55, 50, .06),
        inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.success {
    background: rgba(238, 250, 242, .78) !important;
    border: 1px solid rgba(80, 160, 100, .22) !important;
    color: #167a3f !important;
    border-radius: 22px !important;
    box-shadow:
        0 12px 30px rgba(40, 110, 70, .06),
        inset 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Status badges */
.status,
.badge,
.tag {
    display: inline-flex;
    align-items: center;
    width: max-content;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    background: rgba(32,33,36,.08);
    color: var(--sd-graphite);
}

/* Mobile */
@media (max-width: 560px) {
    .wrap {
        padding: 28px 16px 72px !important;
    }

    .card,
    .panel,
    .box,
    section {
        border-radius: 26px !important;
    }

    h1,
    .hero h1 {
        font-size: 36px !important;
    }
}

/* FINAL CENTERED: compact quantity control */
html body .card .product-row .qty,
html body .product-row .qty {
    width: 112px !important;
    height: 38px !important;
    min-width: 112px !important;
    max-width: 112px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    padding: 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    background: rgba(251, 249, 245, .88) !important;
    border: 1px solid rgba(174, 164, 150, .38) !important;
    border-radius: 13px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
    overflow: hidden !important;

    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
}

html body .card .product-row .qty .qty-minus,
html body .card .product-row .qty .qty-plus,
html body .product-row .qty .qty-minus,
html body .product-row .qty .qty-plus,
html body .card .product-row .qty .qty-minus:hover,
html body .card .product-row .qty .qty-plus:hover,
html body .product-row .qty .qty-minus:hover,
html body .product-row .qty .qty-plus:hover,
html body .card .product-row .qty .qty-minus:active,
html body .card .product-row .qty .qty-plus:active,
html body .product-row .qty .qty-minus:active,
html body .product-row .qty .qty-plus:active,
html body .card .product-row .qty .qty-minus:focus,
html body .card .product-row .qty .qty-plus:focus,
html body .product-row .qty .qty-minus:focus,
html body .product-row .qty .qty-plus:focus,
html body .card .product-row .qty .qty-minus:focus-visible,
html body .card .product-row .qty .qty-plus:focus-visible,
html body .product-row .qty .qty-minus:focus-visible,
html body .product-row .qty .qty-plus:focus-visible {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: #202124 !important;
    background-image: none !important;
    color: #fff !important;

    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    text-align: center !important;

    box-shadow: none !important;

    transform: none !important;
    -webkit-transform: none !important;
    scale: 1 !important;
    filter: none !important;
    outline: none !important;
    transition: background-color .12s ease !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
}

html body .card .product-row .qty input,
html body .product-row .qty input,
html body .card .product-row .qty .qty-input,
html body .product-row .qty .qty-input {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;

    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    text-align: center !important;
    color: #202124 !important;

    font-size: 17px !important;
    line-height: 28px !important;
    font-weight: 400 !important;

    outline: none !important;
    appearance: textfield !important;
    -webkit-appearance: none !important;
}

html body .card .product-row .qty input:focus,
html body .product-row .qty input:focus,
html body .card .product-row .qty .qty-input:focus,
html body .product-row .qty .qty-input:focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

@media (hover: hover) and (pointer: fine) {
    html body .card .product-row .qty .qty-minus:hover,
    html body .card .product-row .qty .qty-plus:hover,
    html body .product-row .qty .qty-minus:hover,
    html body .product-row .qty .qty-plus:hover {
        background: #4a4b50 !important;
    }
}

@media (hover: none), (pointer: coarse) {
    html body .card .product-row .qty .qty-minus,
    html body .card .product-row .qty .qty-plus,
    html body .product-row .qty .qty-minus,
    html body .product-row .qty .qty-plus,
    html body .card .product-row .qty .qty-minus:hover,
    html body .card .product-row .qty .qty-plus:hover,
    html body .product-row .qty .qty-minus:hover,
    html body .product-row .qty .qty-plus:hover,
    html body .card .product-row .qty .qty-minus:active,
    html body .card .product-row .qty .qty-plus:active,
    html body .product-row .qty .qty-minus:active,
    html body .product-row .qty .qty-plus:active,
    html body .card .product-row .qty .qty-minus:focus,
    html body .card .product-row .qty .qty-plus:focus,
    html body .product-row .qty .qty-minus:focus,
    html body .product-row .qty .qty-plus:focus {
        background: #202124 !important;
        background-image: none !important;
    }
}


/* TUNE: slightly more rounded qty buttons */
html body .card .product-row .qty .qty-minus,
html body .card .product-row .qty .qty-plus,
html body .product-row .qty .qty-minus,
html body .product-row .qty .qty-plus,
html body .card .product-row .qty .qty-minus:hover,
html body .card .product-row .qty .qty-plus:hover,
html body .product-row .qty .qty-minus:hover,
html body .product-row .qty .qty-plus:hover,
html body .card .product-row .qty .qty-minus:active,
html body .card .product-row .qty .qty-plus:active,
html body .product-row .qty .qty-minus:active,
html body .product-row .qty .qty-plus:active,
html body .card .product-row .qty .qty-minus:focus,
html body .card .product-row .qty .qty-plus:focus,
html body .product-row .qty .qty-minus:focus,
html body .product-row .qty .qty-plus:focus,
html body .card .product-row .qty .qty-minus:focus-visible,
html body .card .product-row .qty .qty-plus:focus-visible,
html body .product-row .qty .qty-minus:focus-visible,
html body .product-row .qty .qty-plus:focus-visible {
    border-radius: 9px !important;
}

/* TUNE: equal side/top padding in qty capsule */
html body .card .product-row .qty,
html body .product-row .qty {
    width: 104px !important;
    height: 36px !important;
    min-width: 104px !important;
    max-width: 104px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    padding: 4px !important;
    box-sizing: border-box !important;
}

html body .card .product-row .qty .qty-minus,
html body .card .product-row .qty .qty-plus,
html body .product-row .qty .qty-minus,
html body .product-row .qty .qty-plus,
html body .card .product-row .qty .qty-minus:hover,
html body .card .product-row .qty .qty-plus:hover,
html body .product-row .qty .qty-minus:hover,
html body .product-row .qty .qty-plus:hover,
html body .card .product-row .qty .qty-minus:active,
html body .card .product-row .qty .qty-plus:active,
html body .product-row .qty .qty-minus:active,
html body .product-row .qty .qty-plus:active,
html body .card .product-row .qty .qty-minus:focus,
html body .card .product-row .qty .qty-plus:focus,
html body .product-row .qty .qty-minus:focus,
html body .product-row .qty .qty-plus:focus,
html body .card .product-row .qty .qty-minus:focus-visible,
html body .card .product-row .qty .qty-plus:focus-visible,
html body .product-row .qty .qty-minus:focus-visible,
html body .product-row .qty .qty-plus:focus-visible {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

html body .card .product-row .qty input,
html body .product-row .qty input,
html body .card .product-row .qty .qty-input,
html body .product-row .qty .qty-input {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    line-height: 28px !important;
}

/* TUNE: taller and narrower qty capsule */
html body .card .product-row .qty,
html body .product-row .qty {
    width: 100px !important;
    height: 40px !important;
    min-width: 100px !important;
    max-width: 100px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    padding: 5px 4px !important;
    box-sizing: border-box !important;

    border-radius: 13px !important;
}

html body .card .product-row .qty .qty-minus,
html body .card .product-row .qty .qty-plus,
html body .product-row .qty .qty-minus,
html body .product-row .qty .qty-plus,
html body .card .product-row .qty .qty-minus:hover,
html body .card .product-row .qty .qty-plus:hover,
html body .product-row .qty .qty-minus:hover,
html body .product-row .qty .qty-plus:hover,
html body .card .product-row .qty .qty-minus:active,
html body .card .product-row .qty .qty-plus:active,
html body .product-row .qty .qty-minus:active,
html body .product-row .qty .qty-plus:active,
html body .card .product-row .qty .qty-minus:focus,
html body .card .product-row .qty .qty-plus:focus,
html body .product-row .qty .qty-minus:focus,
html body .product-row .qty .qty-plus:focus,
html body .card .product-row .qty .qty-minus:focus-visible,
html body .card .product-row .qty .qty-plus:focus-visible,
html body .product-row .qty .qty-minus:focus-visible,
html body .product-row .qty .qty-plus:focus-visible {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

html body .card .product-row .qty input,
html body .product-row .qty input,
html body .card .product-row .qty .qty-input,
html body .product-row .qty .qty-input {
    width: 26px !important;
    height: 28px !important;
    flex: 0 0 26px !important;
    line-height: 28px !important;
}

/* TUNE: slightly wider qty capsule for equal padding */
html body .card .product-row .qty,
html body .product-row .qty {
    width: 106px !important;
    min-width: 106px !important;
    max-width: 106px !important;
}

/* STATUS PAGE redesign */
body.status-page {
    background: #696969 !important;
}

body.status-page .wrap,
body.status-page main,
body.status-page .container {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 42px 16px 74px !important;
}

/* Main status card */
body.status-page .card,
body.status-page section,
body.status-page .panel,
body.status-page .box {
    background: rgba(253, 252, 249, .90) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;
    box-shadow: 0 34px 95px rgba(39, 35, 28, .18) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

/* Верхняя карточка статуса */
body.status-page h1 {
    color: #202124 !important;
    text-shadow: none !important;
    letter-spacing: -0.045em !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    margin-bottom: 18px !important;
}

body.status-page h2,
body.status-page h3 {
    color: #202124 !important;
    letter-spacing: -0.035em !important;
    font-weight: 500 !important;
}

/* Номер заказа */
body.status-page strong {
    color: #202124 !important;
}

/* Badge статуса */
body.status-page .status,
body.status-page .badge,
body.status-page .tag {
    background: rgba(32,33,36,.07) !important;
    border: 1px solid rgba(32,33,36,.16) !important;
    color: #202124 !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Внутренние белые блоки */
body.status-page table,
body.status-page .order-items,
body.status-page .delivery,
body.status-page .details {
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(71,64,55,.09) !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 45px rgba(39,35,28,.08) !important;
    overflow: hidden !important;
}

/* Строки внутри таблиц */
body.status-page td,
body.status-page th {
    background: transparent !important;
    border: 0 !important;
    color: #202124 !important;
    padding: 12px 20px !important;
}

body.status-page tr + tr td {
    border-top: 1px solid rgba(71,64,55,.13) !important;
}

body.status-page td:first-child,
body.status-page td:last-child {
    border-radius: 0 !important;
}

/* Старые линии заменить на мягкие */
body.status-page hr {
    border: 0 !important;
    height: 1px !important;
    background: rgba(71,64,55,.16) !important;
}

/* Ссылки */
body.status-page a {
    color: #202124 !important;
    text-underline-offset: 4px !important;
}

/* Дата создания */
body.status-page .muted,
body.status-page small {
    color: #746f66 !important;
}

/* Mobile */
@media (max-width: 560px) {
    body.status-page .wrap,
    body.status-page main,
    body.status-page .container {
        padding: 28px 16px 72px !important;
    }

    body.status-page .card,
    body.status-page section,
    body.status-page .panel,
    body.status-page .box {
        border-radius: 28px !important;
    }

    body.status-page h1 {
        font-size: 32px !important;
    }
}

/* STATUS PAGE mobile final tuning */
@media (max-width: 760px) {
    body.status-page {
        overflow-x: hidden !important;
    }

    body.status-page .wrap,
    body.status-page main,
    body.status-page .container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 18px 14px 36px !important;
        box-sizing: border-box !important;
    }

    body.status-page .card,
    body.status-page section,
    body.status-page .panel,
    body.status-page .box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 28px 22px 30px !important;
        box-sizing: border-box !important;
        border-radius: 28px !important;
    }

    body.status-page h1 {
        font-size: 40px !important;
        line-height: 1.04 !important;
        margin: 0 0 22px !important;
        letter-spacing: -0.055em !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 26px !important;
        line-height: 1.14 !important;
        margin: 28px 0 16px !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }

    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag {
        font-size: 18px !important;
        padding: 8px 14px !important;
        margin: 12px 0 20px !important;
    }

    body.status-page table,
    body.status-page .order-items,
    body.status-page .delivery,
    body.status-page .details {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        border-radius: 24px !important;
    }

    body.status-page td,
    body.status-page th {
        padding: 12px 16px !important;
        font-size: 20px !important;
        line-height: 1.22 !important;
    }

    body.status-page strong {
        font-size: inherit !important;
    }

    body.status-page .muted,
    body.status-page small {
        font-size: 19px !important;
        line-height: 1.25 !important;
    }

    body.status-page a {
        font-size: 20px !important;
    }
}

/* STATUS PAGE narrow iPhone tuning */
@media (max-width: 430px) {
    body.status-page .wrap,
    body.status-page main,
    body.status-page .container {
        padding: 14px 12px 30px !important;
    }

    body.status-page .card,
    body.status-page section,
    body.status-page .panel,
    body.status-page .box {
        padding: 26px 18px 28px !important;
        border-radius: 26px !important;
    }

    body.status-page h1 {
        font-size: 38px !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 25px !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 19px !important;
    }

    body.status-page td,
    body.status-page th {
        padding: 11px 14px !important;
    }
}


/* Mobile font correction after previous tuning */
@media (max-width: 760px) {
    body.status-page h1 {
        font-size: 42px !important;
        line-height: 1.04 !important;
        font-weight: 300 !important;
        letter-spacing: -0.07em !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 25px !important;
        line-height: 1.12 !important;
        font-weight: 500 !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 20px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;
    }

    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag {
        font-size: 18px !important;
        font-weight: 400 !important;
    }
}

@media (max-width: 430px) {
    body.status-page h1 {
        font-size: 40px !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 24px !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 19px !important;
    }
}

/* STATUS PAGE: exact font from main page */
body.status-page,
body.status-page * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

body.status-page h1 {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: -0.065em !important;
    color: #202124 !important;
    text-shadow: none !important;
}

body.status-page h2,
body.status-page h3 {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.045em !important;
    color: #202124 !important;
}

body.status-page p,
body.status-page li,
body.status-page td,
body.status-page th,
body.status-page a,
body.status-page .status,
body.status-page .badge,
body.status-page .tag {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
}

body.status-page strong,
body.status-page b {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        font-size: 42px !important;
        line-height: 1.04 !important;
        font-weight: 300 !important;
        letter-spacing: -0.065em !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 25px !important;
        line-height: 1.12 !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 19px !important;
        line-height: 1.25 !important;
    }
}


/* STATUS PAGE: reduce mobile font to match main page */
@media (max-width: 760px) {
    body.status-page h1 {
        font-size: 34px !important;
        line-height: 1.08 !important;
        font-weight: 300 !important;
        letter-spacing: -0.065em !important;
        margin: 0 0 20px !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 22px !important;
        line-height: 1.16 !important;
        font-weight: 500 !important;
        letter-spacing: -0.045em !important;
        margin: 26px 0 14px !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 17px !important;
        line-height: 1.28 !important;
        font-weight: 400 !important;
        letter-spacing: -0.025em !important;
    }

    body.status-page strong,
    body.status-page b {
        font-size: inherit !important;
        font-weight: 600 !important;
    }

    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag {
        font-size: 15px !important;
        line-height: 1.2 !important;
        padding: 7px 12px !important;
        font-weight: 400 !important;
    }

    body.status-page .muted,
    body.status-page small {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }

    body.status-page td,
    body.status-page th {
        padding: 10px 14px !important;
    }
}

@media (max-width: 430px) {
    body.status-page h1 {
        font-size: 33px !important;
    }

    body.status-page h2,
    body.status-page h3 {
        font-size: 21px !important;
    }

    body.status-page p,
    body.status-page li,
    body.status-page td,
    body.status-page th,
    body.status-page a {
        font-size: 16px !important;
    }

    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag {
        font-size: 15px !important;
    }
}

/* STATUS PAGE: compact status badge spacing */
body.status-page .status,
body.status-page .badge,
body.status-page .tag {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

@media (max-width: 760px) {
    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag {
        margin-top: 6px !important;
        margin-bottom: 10px !important;
    }
}

/* STATUS PAGE: remove extra spacing around status badge */
body.status-page .status,
body.status-page .badge,
body.status-page .tag,
body.status-page [class*="status"],
body.status-page [class*="badge"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Убираем большой промежуток после "Оплата проверяется" */
body.status-page .status + h2,
body.status-page .status + h3,
body.status-page .badge + h2,
body.status-page .badge + h3,
body.status-page .tag + h2,
body.status-page .tag + h3,
body.status-page [class*="status"] + h2,
body.status-page [class*="status"] + h3,
body.status-page [class*="badge"] + h2,
body.status-page [class*="badge"] + h3 {
    margin-top: 18px !important;
}

/* Если между плашкой и заголовком есть обертка/параграф */
body.status-page p:has(.status),
body.status-page p:has(.badge),
body.status-page p:has(.tag),
body.status-page div:has(> .status),
body.status-page div:has(> .badge),
body.status-page div:has(> .tag) {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* На всякий случай уменьшаем первый заголовок секции после статуса */
body.status-page h2:first-of-type,
body.status-page h3:first-of-type {
    margin-top: 18px !important;
}

@media (max-width: 760px) {
    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag,
    body.status-page [class*="status"],
    body.status-page [class*="badge"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.status-page h2:first-of-type,
    body.status-page h3:first-of-type {
        margin-top: 18px !important;
    }
}

/* STATUS PAGE: bigger status badge */
body.status-page .status,
body.status-page .badge,
body.status-page .tag,
body.status-page [class*="status"],
body.status-page [class*="badge"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    padding: 8px 16px !important;

    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;

    border-radius: 999px !important;
    background: rgba(32,33,36,.07) !important;
    border: 1px solid rgba(32,33,36,.18) !important;
    color: #202124 !important;

    margin-top: 6px !important;
    margin-bottom: 20px !important;

    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag,
    body.status-page [class*="status"],
    body.status-page [class*="badge"] {
        min-height: 38px !important;
        padding: 9px 18px !important;
        font-size: 17px !important;
        line-height: 1.1 !important;
        margin-top: 8px !important;
        margin-bottom: 20px !important;
    }
}

/* STATUS PAGE: remove bottom gap after status badge */
body.status-page .status,
body.status-page .badge,
body.status-page .tag,
body.status-page [class*="status"],
body.status-page [class*="badge"] {
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag,
    body.status-page [class*="status"],
    body.status-page [class*="badge"] {
        margin-bottom: 0 !important;
    }
}

/* STATUS PAGE: no gaps around status badge */
body.status-page .status,
body.status-page .badge,
body.status-page .tag,
body.status-page [class*="status"],
body.status-page [class*="badge"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .status,
    body.status-page .badge,
    body.status-page .tag,
    body.status-page [class*="status"],
    body.status-page [class*="badge"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* STATUS PAGE: equal inner padding in order/delivery blocks */
body.status-page table,
body.status-page .order-items,
body.status-page .delivery,
body.status-page .details {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.status-page td,
body.status-page th {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

@media (max-width: 760px) {
    body.status-page td,
    body.status-page th {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* STATUS PAGE: equal padding inside white boxes */
body.status-page .box {
    padding: 22px 24px !important;
    box-sizing: border-box !important;
}

body.status-page .box .row {
    padding: 10px 0 !important;
    margin: 0 !important;
}

body.status-page .box .row:first-child {
    padding-top: 0 !important;
}

body.status-page .box .row:last-child {
    padding-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .box {
        padding: 20px 22px !important;
    }

    body.status-page .box .row {
        padding: 10px 0 !important;
    }
}

/* STATUS PAGE: lighter row dividers */
body.status-page .box .row + .row {
    border-top: 1px solid rgba(71, 64, 55, .07) !important;
}

body.status-page tr + tr td {
    border-top: 1px solid rgba(71, 64, 55, .07) !important;
}

/* STATUS PAGE: force lighter row divider lines */
body.status-page .box .row {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(71, 64, 55, .055) !important;
}

body.status-page .box .row + .row {
    border-top: 0 !important;
}

body.status-page .box .row:last-child {
    border-bottom: 0 !important;
}

body.status-page .box hr {
    background: rgba(71, 64, 55, .055) !important;
    border: 0 !important;
}

/* STATUS PAGE: row dividers slightly darker */
body.status-page .box .row {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(71, 64, 55, .11) !important;
}

body.status-page .box .row + .row {
    border-top: 0 !important;
}

body.status-page .box .row:last-child {
    border-bottom: 0 !important;
}

body.status-page .box hr {
    background: rgba(71, 64, 55, .11) !important;
    border: 0 !important;
}

/* STATUS PAGE: new order button */
body.status-page .card > p:last-child,
body.status-page section > p:last-child,
body.status-page .panel > p:last-child {
    margin: 14px 0 0 !important;
    padding: 0 !important;
}

body.status-page .card > p:last-child a[href="/"],
body.status-page section > p:last-child a[href="/"],
body.status-page .panel > p:last-child a[href="/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 10px 18px !important;

    border-radius: 14px !important;
    background: #202124 !important;
    background-image: none !important;
    color: #fff !important;

    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;

    text-decoration: none !important;

    box-shadow:
        0 12px 26px rgba(32,33,36,.18),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transition: background-color .12s ease !important;
}

body.status-page .card > p:last-child a[href="/"]:hover,
body.status-page section > p:last-child a[href="/"]:hover,
body.status-page .panel > p:last-child a[href="/"]:hover {
    background: #4a4b50 !important;
    color: #fff !important;
}

body.status-page .card,
body.status-page section,
body.status-page .panel {
    padding-bottom: 24px !important;
}

@media (max-width: 760px) {
    body.status-page .card > p:last-child,
    body.status-page section > p:last-child,
    body.status-page .panel > p:last-child {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }

    body.status-page .card > p:last-child a[href="/"],
    body.status-page section > p:last-child a[href="/"],
    body.status-page .panel > p:last-child a[href="/"] {
        min-height: 40px !important;
        padding: 11px 18px !important;
        font-size: 16px !important;
        border-radius: 15px !important;
    }

    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-bottom: 22px !important;
    }
}

/* STATUS PAGE: subtle new order button */
body.status-page .card > p:last-child a[href="/"],
body.status-page section > p:last-child a[href="/"],
body.status-page .panel > p:last-child a[href="/"] {
    min-height: 30px !important;
    padding: 7px 12px !important;

    border-radius: 11px !important;
    background: rgba(32,33,36,.06) !important;
    background-image: none !important;
    color: #202124 !important;

    border: 1px solid rgba(32,33,36,.13) !important;

    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;

    box-shadow: none !important;
    text-decoration: none !important;
}

body.status-page .card > p:last-child a[href="/"]:hover,
body.status-page section > p:last-child a[href="/"]:hover,
body.status-page .panel > p:last-child a[href="/"]:hover {
    background: rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

@media (max-width: 760px) {
    body.status-page .card > p:last-child a[href="/"],
    body.status-page section > p:last-child a[href="/"],
    body.status-page .panel > p:last-child a[href="/"] {
        min-height: 32px !important;
        padding: 8px 13px !important;
        font-size: 14px !important;
        border-radius: 12px !important;
    }
}

/* STATUS PAGE: spacing before created date */
body.status-page .box + p.muted {
    margin-top: 18px !important;
}

@media (max-width: 760px) {
    body.status-page .box + p.muted {
        margin-top: 16px !important;
    }
}

/* STATUS PAGE: bigger spacing before created date */
body.status-page .box + p.muted {
    margin-top: 30px !important;
}

@media (max-width: 760px) {
    body.status-page .box + p.muted {
        margin-top: 28px !important;
    }
}

/* STATUS PAGE: equal top and left padding in main card */
body.status-page .card,
body.status-page section,
body.status-page .panel {
    padding-top: 42px !important;
    padding-left: 42px !important;
    padding-right: 42px !important;
}

@media (max-width: 760px) {
    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-top: 28px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* STATUS PAGE: visually equal top/left padding */
@media (min-width: 761px) {
    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-top: 30px !important;
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    body.status-page h1 {
        margin-top: 0 !important;
    }
}

@media (max-width: 760px) {
    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-top: 20px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.status-page h1 {
        margin-top: 0 !important;
    }
}

/* STATUS PAGE: equal bottom and left padding */
@media (min-width: 761px) {
    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-bottom: 42px !important;
    }
}

@media (max-width: 760px) {
    body.status-page .card,
    body.status-page section,
    body.status-page .panel {
        padding-bottom: 24px !important;
    }
}

/* STATUS PAGE: colored status badge by order status */
body.status-page .status {
    border-radius: 999px !important;
    border: 1px solid rgba(32,33,36,.16) !important;
    background: rgba(32,33,36,.07) !important;
    color: #202124 !important;
}

/* Новый / создан */
body.status-page .status.status-new,
body.status-page .status.status-created {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* Оплата проверяется */
body.status-page .status.status-payment-check,
body.status-page .status.status-payment_check,
body.status-page .status.status-check-payment,
body.status-page .status.status-awaiting-payment,
body.status-page .status.status-pending,
body.status-page .status.status-pending-payment {
    background: rgba(210, 145, 40, .13) !important;
    border-color: rgba(210, 145, 40, .34) !important;
    color: #7a4d08 !important;
}

/* Оплачен */
body.status-page .status.status-paid,
body.status-page .status.status-payment-paid {
    background: rgba(38, 145, 80, .12) !important;
    border-color: rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

/* В обработке / сборка */
body.status-page .status.status-processing,
body.status-page .status.status-in-work,
body.status-page .status.status-assembling {
    background: rgba(45, 120, 190, .12) !important;
    border-color: rgba(45, 120, 190, .28) !important;
    color: #1f5f99 !important;
}

/* Отправлен */
body.status-page .status.status-shipped,
body.status-page .status.status-sent,
body.status-page .status.status-delivery {
    background: rgba(60, 105, 210, .12) !important;
    border-color: rgba(60, 105, 210, .30) !important;
    color: #244f9f !important;
}

/* Завершен */
body.status-page .status.status-completed,
body.status-page .status.status-done,
body.status-page .status.status-finished {
    background: rgba(35, 150, 95, .13) !important;
    border-color: rgba(35, 150, 95, .32) !important;
    color: #14623e !important;
}

/* Отменен */
body.status-page .status.status-cancelled,
body.status-page .status.status-canceled,
body.status-page .status.status-rejected {
    background: rgba(190, 55, 50, .11) !important;
    border-color: rgba(190, 55, 50, .28) !important;
    color: #8d2925 !important;
}

/* FINAL FORCE: colored status badge */
body.status-page div.status {
    border-radius: 999px !important;
    border: 1px solid rgba(32,33,36,.16) !important;
    background: rgba(32,33,36,.07) !important;
    color: #202124 !important;
}

/* Оплата проверяется / ожидает проверки */
body.status-page div.status.status-payment-check,
body.status-page div.status.status-payment-checking,
body.status-page div.status.status-payment-review,
body.status-page div.status.status-payment-pending,
body.status-page div.status.status-pending,
body.status-page div.status.status-waiting-payment,
body.status-page div.status.status-awaiting-payment,
body.status-page div.status[class*="payment"],
body.status-page div.status[class*="pending"] {
    background: rgba(210, 145, 40, .15) !important;
    border-color: rgba(210, 145, 40, .38) !important;
    color: #7a4d08 !important;
}

/* Оплачен */
body.status-page div.status.status-paid,
body.status-page div.status[class*="paid"] {
    background: rgba(38, 145, 80, .14) !important;
    border-color: rgba(38, 145, 80, .34) !important;
    color: #17633a !important;
}

/* В работе */
body.status-page div.status.status-processing,
body.status-page div.status.status-in-work,
body.status-page div.status.status-assembling,
body.status-page div.status[class*="process"],
body.status-page div.status[class*="work"],
body.status-page div.status[class*="assembl"] {
    background: rgba(45, 120, 190, .14) !important;
    border-color: rgba(45, 120, 190, .34) !important;
    color: #1f5f99 !important;
}

/* Отправлен */
body.status-page div.status.status-shipped,
body.status-page div.status.status-sent,
body.status-page div.status.status-delivery,
body.status-page div.status[class*="ship"],
body.status-page div.status[class*="sent"],
body.status-page div.status[class*="deliver"] {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

/* Завершен */
body.status-page div.status.status-completed,
body.status-page div.status.status-done,
body.status-page div.status.status-finished,
body.status-page div.status[class*="complete"],
body.status-page div.status[class*="done"],
body.status-page div.status[class*="finish"] {
    background: rgba(35, 150, 95, .15) !important;
    border-color: rgba(35, 150, 95, .36) !important;
    color: #14623e !important;
}

/* Отменен */
body.status-page div.status.status-cancelled,
body.status-page div.status.status-canceled,
body.status-page div.status.status-rejected,
body.status-page div.status[class*="cancel"],
body.status-page div.status[class*="reject"] {
    background: rgba(190, 55, 50, .13) !important;
    border-color: rgba(190, 55, 50, .34) !important;
    color: #8d2925 !important;
}

/* STATUS PAGE: CDEK delivery status colors */

/* Передан в СДЭК / В пути — blue */
body.status-page div.status.status-cdek-sent,
body.status-page div.status.status-in-transit,
body.status-page div.status.status-shipped,
body.status-page div.status.status-sent,
body.status-page div.status.status-delivery,
body.status-page div.status[class*="cdek"],
body.status-page div.status[class*="transit"],
body.status-page div.status[class*="ship"],
body.status-page div.status[class*="sent"],
body.status-page div.status[class*="deliver"] {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

/* Готов к выдаче — amber */
body.status-page div.status.status-ready-pickup,
body.status-page div.status.status-ready,
body.status-page div.status.status-pickup,
body.status-page div.status[class*="ready"],
body.status-page div.status[class*="pickup"] {
    background: rgba(210, 145, 40, .15) !important;
    border-color: rgba(210, 145, 40, .38) !important;
    color: #7a4d08 !important;
}

/* STATUS PAGE: received is grey like new/created */
body.status-page div.status.status-received,
body.status-page div.status.status-new,
body.status-page div.status.status-created {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* STATUS PAGE: received is grey like new/created */
body.status-page div.status.status-received,
body.status-page div.status.status-new,
body.status-page div.status.status-created {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* STATUS PAGE: received is grey like new/created */
body.status-page div.status.status-received,
body.status-page div.status.status-new,
body.status-page div.status.status-created {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* FINAL FORCE: received/completed grey like new */
body.status-page div.status.status-received,
body.status-page div.status.status-completed,
body.status-page div.status.status-complete,
body.status-page div.status.status-done,
body.status-page div.status.status-finished {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* FINAL FINAL: delivered/received grey like new */
html body.status-page div.status.status-delivered,
html body.status-page div.status.status-received,
html body.status-page div.status.status-completed,
html body.status-page div.status.status-complete,
html body.status-page div.status.status-done,
html body.status-page div.status.status-finished {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

/* STATUS PAGE: smaller page title */
body.status-page h1 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.055em !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }
}

@media (max-width: 430px) {
    body.status-page h1 {
        font-size: 29px !important;
        line-height: 1.08 !important;
    }
}

/* STATUS PAGE: lighter section titles */
body.status-page h2,
body.status-page h3 {
    font-weight: 400 !important;
    letter-spacing: -0.04em !important;
}

/* STATUS PAGE: tracking number highlight */
body.status-page .tracking-row {
    align-items: center !important;
}

body.status-page .tracking-row .tracking-number,
body.status-page .tracking-label + strong {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;

    padding: 5px 10px !important;
    border-radius: 10px !important;

    background: rgba(60, 105, 210, .12) !important;
    border: 1px solid rgba(60, 105, 210, .26) !important;
    color: #244f9f !important;

    font-weight: 500 !important;
    letter-spacing: -0.015em !important;
    font-variant-numeric: tabular-nums !important;
}

/* fallback для строк, где браузер поддерживает :has */
body.status-page .box .row:has(.tracking-label) strong {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;

    padding: 5px 10px !important;
    border-radius: 10px !important;

    background: rgba(60, 105, 210, .12) !important;
    border: 1px solid rgba(60, 105, 210, .26) !important;
    color: #244f9f !important;

    font-weight: 500 !important;
    letter-spacing: -0.015em !important;
    font-variant-numeric: tabular-nums !important;
}

@media (max-width: 760px) {
    body.status-page .tracking-row .tracking-number,
    body.status-page .tracking-label + strong,
    body.status-page .box .row:has(.tracking-label) strong {
        padding: 5px 9px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }
}


/* Lines remain centered between equal row paddings */
body.status-page .box .row {
    border-bottom: 1px solid rgba(71, 64, 55, .11) !important;
}

body.status-page .box .row:last-child {
    border-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .box .row,
    body.status-page .box .row:first-child,
    body.status-page .box .row:last-child {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}

/* STATUS PAGE: delivery box row spacing only */
body.status-page .delivery-box .row {
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
    border-bottom: 1px solid rgba(71, 64, 55, .11) !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 12px !important;
}

body.status-page .delivery-box .row:last-child {
    padding-bottom: 12px !important;
    border-bottom: 0 !important;
}

body.status-page .delivery-box .row span,
body.status-page .delivery-box .row strong {
    line-height: 1.2 !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box .row,
    body.status-page .delivery-box .row:first-child,
    body.status-page .delivery-box .row:last-child {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}


/* STATUS PAGE: delivery box equal inner edge spacing */
body.status-page .delivery-box {
    padding: 24px !important;
    box-sizing: border-box !important;
}

body.status-page .delivery-box .row {
    padding: 10px 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-bottom: 1px solid rgba(71, 64, 55, .11) !important;
    box-sizing: border-box !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
}

body.status-page .delivery-box .row:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

body.status-page .delivery-box .row span,
body.status-page .delivery-box .row strong {
    line-height: 1.2 !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box {
        padding: 22px !important;
    }

    body.status-page .delivery-box .row {
        padding: 10px 0 !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
    }

    body.status-page .delivery-box .row:last-child {
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: compact delivery box + green tracking */
body.status-page .delivery-box {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.status-page .delivery-box .row {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
}

body.status-page .delivery-box .row:last-child {
    padding-bottom: 0 !important;
}

/* Green tracking number */
body.status-page .tracking-row .tracking-number,
body.status-page .tracking-label + strong,
body.status-page .delivery-box .row:has(.tracking-label) strong,
body.status-page .delivery-box .row.tracking-row strong.tracking-number {
    background: rgba(38, 145, 80, .13) !important;
    border: 1px solid rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body.status-page .delivery-box .row {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
    }

    body.status-page .delivery-box .row:last-child {
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: delivery rows balanced spacing */
body.status-page .delivery-box {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.status-page .delivery-box .row {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
    padding-bottom: 11px !important;
}

body.status-page .delivery-box .row:last-child {
    padding-top: 11px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body.status-page .delivery-box .row {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
        padding-bottom: 11px !important;
    }

    body.status-page .delivery-box .row:last-child {
        padding-top: 11px !important;
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: order id inside title */
body.status-page h1 .status-order-id {
    font-weight: 500 !important;
    letter-spacing: -0.045em !important;
    color: #202124 !important;
    white-space: nowrap !important;
}

/* STATUS PAGE: delivery rows more breathing room around dividers */
body.status-page .delivery-box .row {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
    padding-bottom: 13px !important;
}

body.status-page .delivery-box .row:last-child {
    padding-top: 13px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box .row {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:last-child {
        padding-top: 13px !important;
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: order id as title text, no badge */
body.status-page h1 .status-order-id {
    display: inline !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #202124 !important;

    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 600 !important;
    letter-spacing: inherit !important;

    white-space: nowrap !important;
}

@media (max-width: 760px) {
    body.status-page h1 .status-order-id {
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: 600 !important;
    }
}

/* STATUS PAGE: prettier order id in title */
body.status-page h1 .status-order-id {
    display: inline-block !important;

    padding: 0 !important;
    margin-left: 8px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: rgba(32,33,36,.68) !important;

    font-size: .72em !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.035em !important;

    vertical-align: baseline !important;
    white-space: nowrap !important;
}

body.status-page h1 .status-order-id::before {
    content: "№ ";
    font-weight: 400 !important;
    color: rgba(32,33,36,.48) !important;
}

@media (max-width: 760px) {
    body.status-page h1 .status-order-id {
        font-size: .70em !important;
        margin-left: 6px !important;
    }
}

/* STATUS PAGE: order id black, no number symbol */
body.status-page h1 .status-order-id {
    color: #202124 !important;
    font-weight: 600 !important;
}

body.status-page h1 .status-order-id::before {
    content: none !important;
    display: none !important;
}

/* STATUS PAGE: cleaner order id in title */
body.status-page h1 .status-order-id {
    display: inline-block !important;

    margin-left: 10px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #202124 !important;

    font-size: .78em !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.025em !important;

    vertical-align: 0.03em !important;
    white-space: nowrap !important;
}

body.status-page h1 .status-order-id::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 760px) {
    body.status-page h1 .status-order-id {
        margin-left: 8px !important;
        font-size: .76em !important;
        font-weight: 500 !important;
        letter-spacing: -0.025em !important;
    }
}

/* STATUS PAGE: align order id with title */
body.status-page h1 {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
    vertical-align: baseline !important;
    transform: translateY(-0.01em) !important;
    line-height: 1 !important;
}

/* STATUS PAGE: delivery top/bottom equal + tighter track row top */
body.status-page .delivery-box {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
    padding-bottom: 13px !important;
}

body.status-page .delivery-box .row:nth-child(2) {
    padding-top: 13px !important;
    padding-bottom: 8px !important;
}

body.status-page .delivery-box .row:nth-child(3),
body.status-page .delivery-box .row.tracking-row {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        gap: 8px !important;
    }

    body.status-page .delivery-box {
        padding-top: 17px !important;
        padding-bottom: 17px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:nth-child(2) {
        padding-top: 13px !important;
        padding-bottom: 8px !important;
    }

    body.status-page .delivery-box .row:nth-child(3),
    body.status-page .delivery-box .row.tracking-row {
        padding-top: 8px !important;
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: equal PVZ-to-line spacing + order id vertical align */
body.status-page .delivery-box .row:first-child {
    padding-top: 0 !important;
    padding-bottom: 13px !important;
}

body.status-page .delivery-box .row:nth-child(2) {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

body.status-page .delivery-box .row:nth-child(3),
body.status-page .delivery-box .row.tracking-row {
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

body.status-page h1 {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
    transform: translateY(0.055em) !important;
    vertical-align: baseline !important;
    line-height: 1 !important;
}

@media (max-width: 760px) {
    body.status-page h1 .status-order-id {
        transform: translateY(0.055em) !important;
    }

    body.status-page .delivery-box .row:first-child {
        padding-top: 0 !important;
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:nth-child(2) {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:nth-child(3),
    body.status-page .delivery-box .row.tracking-row {
        padding-top: 8px !important;
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: final order id vertical alignment */
body.status-page h1 {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
    transform: translateY(-0.015em) !important;
    vertical-align: baseline !important;
    line-height: 1 !important;
}

@media (max-width: 760px) {
    body.status-page h1 .status-order-id {
        transform: translateY(-0.015em) !important;
    }
}

/* STATUS PAGE: final title/order-id alignment + compact status gap */
body.status-page h1 {
    display: flex !important;
    align-items: baseline !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
    transform: translateY(0.025em) !important;
    vertical-align: baseline !important;
    line-height: 1 !important;
    font-size: .78em !important;
    font-weight: 500 !important;
    letter-spacing: -0.025em !important;
    color: #202124 !important;
}

body.status-page .status {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    body.status-page h1 .status-order-id {
        transform: translateY(0.025em) !important;
    }

    body.status-page .status {
        margin-top: 0 !important;
    }
}

/* STATUS PAGE: reduce gap between title and order id */
body.status-page h1 {
    gap: 5px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        gap: 5px !important;
    }
}

/* STATUS PAGE: restore title/order gap, reduce title-to-status-badge gap */
body.status-page h1 {
    gap: 10px !important;
    margin-bottom: 6px !important;
}

body.status-page h1 .status-order-id {
    margin-left: 0 !important;
}

body.status-page .status {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    body.status-page h1 {
        gap: 8px !important;
        margin-bottom: 6px !important;
    }

    body.status-page .status {
        margin-top: 0 !important;
    }
}

/* STATUS PAGE: iPhone equal inner padding for order box */
@media (max-width: 760px) {
    body.status-page .order-box {
        padding: 22px !important;
        box-sizing: border-box !important;
    }

    body.status-page .order-box .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.status-page .order-box .row:first-child {
        padding-top: 0 !important;
    }

    body.status-page .order-box .row:last-child {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }
}

/* STATUS PAGE: smaller bottom padding under tracking row */
body.status-page .delivery-box .row:nth-child(3),
body.status-page .delivery-box .row.tracking-row {
    padding-bottom: 0 !important;
}

body.status-page .delivery-box {
    padding-bottom: 13px !important;
}

@media (max-width: 760px) {
    body.status-page .delivery-box {
        padding-bottom: 13px !important;
    }

    body.status-page .delivery-box .row:nth-child(3),
    body.status-page .delivery-box .row.tracking-row {
        padding-bottom: 0 !important;
    }
}

/* STATUS PAGE: slightly smaller top/bottom padding in order box */
body.status-page .order-box {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body.status-page .order-box .row {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

body.status-page .order-box .row:first-child {
    padding-top: 0 !important;
}

body.status-page .order-box .row:last-child {
    padding-bottom: 0 !important;
}

@media (max-width: 760px) {
    body.status-page .order-box {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }

    body.status-page .order-box .row {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.status-page .order-box .row:first-child {
        padding-top: 0 !important;
    }

    body.status-page .order-box .row:last-child {
        padding-bottom: 0 !important;
    }
}

/* PRIVACY PAGE redesign */
body.privacy-page {
    background: #696969 !important;
    color: #202124 !important;
    overflow-x: hidden !important;
}

body.privacy-page,
body.privacy-page * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body.privacy-page .wrap,
body.privacy-page main,
body.privacy-page .container {
    max-width: 860px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 38px 16px 72px !important;
    box-sizing: border-box !important;
}

/* Back link */
body.privacy-page a[href="/"],
body.privacy-page a[href="./"],
body.privacy-page a[href="index.php"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    padding: 8px 13px !important;
    margin: 0 0 26px !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.28) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    color: rgba(255,255,255,.88) !important;

    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Hero */
body.privacy-page h1 {
    color: #fff !important;
    font-size: 46px !important;
    line-height: .98 !important;
    font-weight: 300 !important;
    letter-spacing: -0.07em !important;
    margin: 0 0 18px !important;
    max-width: 760px !important;
    text-shadow: none !important;
}

body.privacy-page .lead,
body.privacy-page .hero p,
body.privacy-page > p {
    color: rgba(255,255,255,.72) !important;
    font-size: 19px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    max-width: 720px !important;
}

/* Main card */
body.privacy-page .card,
body.privacy-page section,
body.privacy-page article {
    background: rgba(253, 252, 249, .92) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;
    box-shadow: 0 34px 95px rgba(39, 35, 28, .18) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);

    padding: 34px 36px !important;
    margin-top: 30px !important;
    box-sizing: border-box !important;
}

/* Text */
body.privacy-page h2,
body.privacy-page h3 {
    color: #202124 !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: -0.045em !important;
    margin: 30px 0 14px !important;
}

body.privacy-page h2:first-child,
body.privacy-page h3:first-child {
    margin-top: 0 !important;
}

body.privacy-page p,
body.privacy-page li {
    color: #202124 !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
}

body.privacy-page p {
    margin: 0 0 16px !important;
}

body.privacy-page ul,
body.privacy-page ol {
    margin: 10px 0 18px !important;
    padding-left: 22px !important;
}

body.privacy-page li {
    margin: 4px 0 !important;
}

body.privacy-page strong,
body.privacy-page b {
    font-weight: 600 !important;
}

/* Mobile */
@media (max-width: 760px) {
    body.privacy-page .wrap,
    body.privacy-page main,
    body.privacy-page .container {
        padding: 26px 14px 56px !important;
    }

    body.privacy-page h1 {
        font-size: 38px !important;
        line-height: 1.02 !important;
        letter-spacing: -0.07em !important;
    }

    body.privacy-page .lead,
    body.privacy-page .hero p,
    body.privacy-page > p {
        font-size: 17px !important;
        line-height: 1.38 !important;
    }

    body.privacy-page .card,
    body.privacy-page section,
    body.privacy-page article {
        border-radius: 28px !important;
        padding: 26px 20px !important;
        margin-top: 24px !important;
    }

    body.privacy-page h2,
    body.privacy-page h3 {
        font-size: 21px !important;
        margin: 26px 0 12px !important;
    }

    body.privacy-page p,
    body.privacy-page li {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }
}

/* PRIVACY PAGE: slightly wider title letter spacing */
body.privacy-page h1 {
    letter-spacing: -0.055em !important;
}

@media (max-width: 760px) {
    body.privacy-page h1 {
        letter-spacing: -0.055em !important;
    }
}

/* PRIVACY PAGE: title letter spacing a bit wider */
body.privacy-page h1 {
    letter-spacing: -0.045em !important;
}

@media (max-width: 760px) {
    body.privacy-page h1 {
        letter-spacing: -0.045em !important;
    }
}

/* PRIVACY PAGE: keep title in one line on desktop */
@media (min-width: 900px) {
    body.privacy-page h1 {
        max-width: none !important;
        white-space: nowrap !important;
        font-size: 40px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
    }
}

@media (min-width: 1200px) {
    body.privacy-page h1 {
        font-size: 42px !important;
    }
}

/* PRIVACY PAGE: stable title size on desktop/tablet widths */
@media (min-width: 761px) {
    body.privacy-page h1 {
        max-width: none !important;
        font-size: 40px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.045em !important;
    }
}

/* Only very wide screens may be slightly larger */
@media (min-width: 1200px) {
    body.privacy-page h1 {
        font-size: 42px !important;
    }
}

/* PRIVACY PAGE: make lead text wider on desktop */
@media (min-width: 761px) {
    body.privacy-page .lead,
    body.privacy-page .hero p,
    body.privacy-page > p {
        max-width: none !important;
        width: 100% !important;
    }
}

/* PRIVACY PAGE: device use legal note */
body.privacy-page .device-use-note {
    margin-top: 34px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(71, 64, 55, .12) !important;
}

body.privacy-page .device-use-note h2 {
    margin-top: 0 !important;
}

body.privacy-page .device-use-note p {
    color: #202124 !important;
}

@media (max-width: 760px) {
    body.privacy-page .device-use-note {
        margin-top: 28px !important;
        padding-top: 24px !important;
    }
}

/* PRIVACY PAGE: Telegram link */
body.privacy-page .card a[href^="https://t.me/"],
body.privacy-page section a[href^="https://t.me/"],
body.privacy-page article a[href^="https://t.me/"] {
    color: #202124 !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
}

/* AUTH PAGE redesign */
body.auth-page {
    min-height: 100vh !important;
    background: #696969 !important;
    color: #202124 !important;
    overflow-x: hidden !important;
}

body.auth-page,
body.auth-page * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body.auth-page .wrap,
body.auth-page main,
body.auth-page .container {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 72px 16px !important;
    box-sizing: border-box !important;
}

body.auth-page .card,
body.auth-page section,
body.auth-page form {
    background: rgba(253, 252, 249, .92) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;

    box-shadow:
        0 34px 95px rgba(39, 35, 28, .20),
        inset 0 1px 0 rgba(255,255,255,.65) !important;

    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);

    padding: 34px 36px 32px !important;
    box-sizing: border-box !important;
}

body.auth-page h1 {
    color: #202124 !important;
    font-size: 34px !important;
    line-height: 1.05 !important;
    font-weight: 300 !important;
    letter-spacing: -0.06em !important;
    margin: 0 0 24px !important;
}

body.auth-page input[type="password"],
body.auth-page input[type="text"] {
    width: 100% !important;
    min-height: 48px !important;

    padding: 0 18px !important;
    margin: 0 0 16px !important;

    border-radius: 18px !important;
    border: 1px solid rgba(71, 64, 55, .14) !important;
    background: rgba(255,255,255,.74) !important;
    color: #202124 !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;

    outline: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 10px 22px rgba(39, 35, 28, .045) !important;

    -webkit-appearance: none !important;
    appearance: none !important;
}

body.auth-page input[type="password"]:focus,
body.auth-page input[type="text"]:focus {
    border-color: rgba(32,33,36,.28) !important;
    background: rgba(255,255,255,.90) !important;
    box-shadow:
        0 0 0 4px rgba(32,33,36,.06),
        inset 0 1px 0 rgba(255,255,255,.78) !important;
}

body.auth-page button,
body.auth-page input[type="submit"] {
    width: 100% !important;
    min-height: 50px !important;

    border: 0 !important;
    border-radius: 18px !important;

    background: #202124 !important;
    background-image: none !important;
    color: #fff !important;

    font-size: 17px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;

    box-shadow:
        0 14px 30px rgba(32,33,36,.18),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
}

body.auth-page button:hover,
body.auth-page input[type="submit"]:hover {
    background: #3a3b3f !important;
}

body.auth-page button:active,
body.auth-page input[type="submit"]:active {
    transform: none !important;
    background: #202124 !important;
}

body.auth-page .errors,
body.auth-page .error {
    margin: 0 0 18px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: rgba(255, 246, 246, .78) !important;
    border: 1px solid rgba(196, 75, 70, .20) !important;
    color: #9f2f2b !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    body.auth-page .wrap,
    body.auth-page main,
    body.auth-page .container {
        max-width: 100% !important;
        padding: 44px 14px !important;
    }

    body.auth-page .card,
    body.auth-page section,
    body.auth-page form {
        border-radius: 28px !important;
        padding: 28px 20px 24px !important;
    }

    body.auth-page h1 {
        font-size: 32px !important;
        margin-bottom: 22px !important;
    }

    body.auth-page input[type="password"],
    body.auth-page input[type="text"] {
        min-height: 48px !important;
        font-size: 16px !important;
        border-radius: 17px !important;
    }

    body.auth-page button,
    body.auth-page input[type="submit"] {
        min-height: 50px !important;
        font-size: 16px !important;
        border-radius: 17px !important;
    }
}

/* AUTH PAGE: hide visible heading */
body.auth-page h1 {
    display: none !important;
}

body.auth-page .card,
body.auth-page section,
body.auth-page form {
    padding-top: 32px !important;
}

/* AUTH PAGE: remove visual form card, keep login controls */
body.auth-page .card,
body.auth-page section,
body.auth-page form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.auth-page .wrap,
body.auth-page main,
body.auth-page .container {
    max-width: 520px !important;
    padding-top: 96px !important;
}

/* AUTH PAGE: single rounded login form */
html body.auth-page {
    background: #696969 !important;
}

html body.auth-page .wrap,
html body.auth-page main,
html body.auth-page .container {
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 96px 16px 40px !important;
    box-sizing: border-box !important;
}

/* outer wrappers must not look like cards */
html body.auth-page .card,
html body.auth-page section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* only the form is the card */
html body.auth-page form {
    width: 100% !important;
    background: rgba(253, 252, 249, .92) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;
    padding: 32px 36px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 34px 95px rgba(39, 35, 28, .20),
        inset 0 1px 0 rgba(255,255,255,.65) !important;

    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}

html body.auth-page h1 {
    display: none !important;
}

@media (max-width: 760px) {
    html body.auth-page .wrap,
    html body.auth-page main,
    html body.auth-page .container {
        max-width: 100% !important;
        padding: 72px 14px 32px !important;
    }

    html body.auth-page form {
        border-radius: 28px !important;
        padding: 28px 20px 24px !important;
    }
}

/* AUTH PAGE: remove top gap */
html body.auth-page .wrap,
html body.auth-page main,
html body.auth-page .container {
    padding-top: 24px !important;
}

@media (max-width: 760px) {
    html body.auth-page .wrap,
    html body.auth-page main,
    html body.auth-page .container {
        padding-top: 18px !important;
    }
}

/* AUTH PAGE: center login form on screen */
html body.auth-page {
    min-height: 100vh !important;
    background: #696969 !important;
}

html body.auth-page .wrap,
html body.auth-page main,
html body.auth-page .container {
    min-height: 100vh !important;
    max-width: 520px !important;
    width: 100% !important;

    margin: 0 auto !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* внешние обертки без карточек */
html body.auth-page .card,
html body.auth-page section {
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* сама форма — единственная карточка */
html body.auth-page form {
    width: 100% !important;
    max-width: 488px !important;

    background: rgba(253, 252, 249, .92) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;

    padding: 32px 36px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 34px 95px rgba(39, 35, 28, .20),
        inset 0 1px 0 rgba(255,255,255,.65) !important;

    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
}

html body.auth-page h1 {
    display: none !important;
}

@media (max-width: 760px) {
    html body.auth-page .wrap,
    html body.auth-page main,
    html body.auth-page .container {
        min-height: 100vh !important;
        padding: 18px 14px !important;
    }

    html body.auth-page form {
        max-width: none !important;
        border-radius: 28px !important;
        padding: 28px 20px 24px !important;
    }
}

/* AUTH PAGE: disable scrolling */
html:has(body.auth-page),
html body.auth-page {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

html body.auth-page {
    position: fixed !important;
    inset: 0 !important;
}

html body.auth-page .wrap,
html body.auth-page main,
html body.auth-page .container {
    min-height: 100dvh !important;
    height: 100dvh !important;
    overflow: hidden !important;
}

/* ADMIN PAGE polish */
body.admin-page {
    min-height: 100vh !important;
    background: #696969 !important;
    color: #202124 !important;
    overflow-x: hidden !important;
}

body.admin-page,
body.admin-page * {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

body.admin-page .wrap,
body.admin-page main,
body.admin-page .container {
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    padding: 52px 16px !important;
    box-sizing: border-box !important;
}

body.admin-page .card,
body.admin-page section,
body.admin-page article {
    background: rgba(253, 252, 249, .92) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 34px !important;
    padding: 34px 36px 36px !important;
    box-sizing: border-box !important;

    box-shadow:
        0 34px 95px rgba(39, 35, 28, .20),
        inset 0 1px 0 rgba(255,255,255,.65) !important;

    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
}

body.admin-page h1 {
    color: #202124 !important;
    font-size: 34px !important;
    line-height: 1.05 !important;
    font-weight: 420 !important;
    letter-spacing: -0.045em !important;
    margin: 0 0 22px !important;
}

body.admin-page h2 {
    color: #202124 !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 28px !important;
}

body.admin-page table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    table-layout: fixed !important;
}

body.admin-page thead th {
    padding: 0 12px 12px !important;
    color: rgba(32,33,36,.58) !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(32,33,36,.18) !important;
}

body.admin-page tbody tr {
    background: rgba(255,255,255,.56) !important;
    box-shadow: none !important;
}

body.admin-page tbody td {
    padding: 14px 12px !important;
    color: #202124 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    vertical-align: middle !important;
    background: rgba(255,255,255,.62) !important;
    border: 0 !important;
}

body.admin-page tbody td:first-child {
    border-radius: 18px 0 0 18px !important;
}

body.admin-page tbody td:last-child {
    border-radius: 0 18px 18px 0 !important;
}

body.admin-page th:nth-child(1),
body.admin-page td:nth-child(1) {
    width: 13% !important;
}

body.admin-page th:nth-child(2),
body.admin-page td:nth-child(2) {
    width: 19% !important;
}

body.admin-page th:nth-child(3),
body.admin-page td:nth-child(3) {
    width: 13% !important;
}

body.admin-page th:nth-child(4),
body.admin-page td:nth-child(4) {
    width: 18% !important;
}

body.admin-page th:nth-child(5),
body.admin-page td:nth-child(5) {
    width: 11% !important;
}

body.admin-page th:nth-child(6),
body.admin-page td:nth-child(6) {
    width: 11% !important;
}

body.admin-page th:nth-child(7),
body.admin-page td:nth-child(7) {
    width: 15% !important;
}

/* Don't split order id */
body.admin-page td:first-child,
body.admin-page td:first-child a {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

body.admin-page td:first-child a {
    color: #202124 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
    font-weight: 400 !important;
}

/* Status pills */
body.admin-page .status,
body.admin-page .badge,
body.admin-page td:nth-child(2) span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;

    background: rgba(32,33,36,.07) !important;
    border: 1px solid rgba(32,33,36,.08) !important;
    color: #202124 !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
}

/* blue for delivery statuses if class names exist */
body.admin-page .status-cdek-sent,
body.admin-page .status-in-transit,
body.admin-page .status-shipped,
body.admin-page .status-sent {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .30) !important;
    color: #244f9f !important;
}

/* green for paid/ready statuses if class names exist */
body.admin-page .status-paid,
body.admin-page .status-ready-pickup {
    background: rgba(38, 145, 80, .13) !important;
    border-color: rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

/* red for cancelled if class name exists */
body.admin-page .status-cancelled {
    background: rgba(196, 75, 70, .12) !important;
    border-color: rgba(196, 75, 70, .25) !important;
    color: #8f2b28 !important;
}

/* logout button */
body.admin-page a[href*="logout"],
body.admin-page .logout,
body.admin-page button.logout {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;

    background: #202124 !important;
    color: #fff !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: none !important;

    box-shadow: 0 12px 26px rgba(32,33,36,.14) !important;
}

@media (max-width: 760px) {
    body.admin-page .wrap,
    body.admin-page main,
    body.admin-page .container {
        padding: 28px 12px !important;
    }

    body.admin-page .card,
    body.admin-page section,
    body.admin-page article {
        border-radius: 28px !important;
        padding: 26px 18px 28px !important;
    }

    body.admin-page h1 {
        font-size: 32px !important;
    }

    body.admin-page table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        table-layout: auto !important;
    }

    body.admin-page thead,
    body.admin-page tbody,
    body.admin-page tr {
        min-width: 860px !important;
    }
}

/* ADMIN PAGE: hide page titles */
body.admin-page h1,
body.admin-page h2 {
    display: none !important;
}

/* ADMIN PAGE: colored status pills like client page */
body.admin-page .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;

    background: rgba(32,33,36,.07) !important;
    border: 1px solid rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

body.admin-page .status-new {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

body.admin-page .status-payment-check,
body.admin-page .status-processing {
    background: rgba(210, 145, 40, .15) !important;
    border-color: rgba(210, 145, 40, .34) !important;
    color: #7a4d08 !important;
}

body.admin-page .status-paid,
body.admin-page .status-ready-pickup {
    background: rgba(38, 145, 80, .13) !important;
    border-color: rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

body.admin-page .status-cdek-sent,
body.admin-page .status-in-transit {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

body.admin-page .status-received,
body.admin-page .status-completed {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

body.admin-page .status-cancelled {
    background: rgba(196, 75, 70, .12) !important;
    border-color: rgba(196, 75, 70, .25) !important;
    color: #8f2b28 !important;
}

/* ADMIN PAGE: compensate hidden titles */
body.admin-page .card,
body.admin-page section,
body.admin-page article {
    padding-top: 34px !important;
}

/* ADMIN PAGE: final status colors by DB codes */
html body.admin-page span.status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 28px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;

    background: rgba(32,33,36,.07) !important;
    border: 1px solid rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

html body.admin-page span.status-new {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

html body.admin-page span.status-payment_check,
html body.admin-page span.status-payment-check,
html body.admin-page span.status-processing {
    background: rgba(210, 145, 40, .15) !important;
    border-color: rgba(210, 145, 40, .34) !important;
    color: #7a4d08 !important;
}

html body.admin-page span.status-paid,
html body.admin-page span.status-ready_pickup,
html body.admin-page span.status-ready-pickup {
    background: rgba(38, 145, 80, .13) !important;
    border-color: rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

html body.admin-page span.status-cdek_sent,
html body.admin-page span.status-cdek-sent,
html body.admin-page span.status-in_transit,
html body.admin-page span.status-in-transit,
html body.admin-page span.status-shipped,
html body.admin-page span.status-sent {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

html body.admin-page span.status-received,
html body.admin-page span.status-completed,
html body.admin-page span.status-delivered {
    background: rgba(32,33,36,.07) !important;
    border-color: rgba(32,33,36,.15) !important;
    color: #202124 !important;
}

html body.admin-page span.status-cancelled,
html body.admin-page span.status-canceled {
    background: rgba(196, 75, 70, .12) !important;
    border-color: rgba(196, 75, 70, .25) !important;
    color: #8f2b28 !important;
}

/* ADMIN PAGE: fix status column width */
html body.admin-page table {
    table-layout: fixed !important;
}

html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) {
    width: 13% !important;
}

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) {
    width: 21% !important;
}

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) {
    width: 13% !important;
}

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) {
    width: 17% !important;
}

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) {
    width: 11% !important;
}

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) {
    width: 11% !important;
}

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) {
    width: 14% !important;
}

html body.admin-page td:nth-child(2) {
    overflow: hidden !important;
}

html body.admin-page td:nth-child(2) span.status {
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 10px !important;
    font-size: 13.5px !important;
    letter-spacing: -0.025em !important;
}

/* ADMIN PAGE: final compact columns and status pills */
html body.admin-page table {
    table-layout: fixed !important;
}

html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) {
    width: 13% !important;
}

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) {
    width: 20% !important;
}

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) {
    width: 13% !important;
}

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) {
    width: 17% !important;
}

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) {
    width: 11% !important;
}

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) {
    width: 12% !important;
}

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) {
    width: 14% !important;
}

html body.admin-page td:nth-child(2) {
    overflow: visible !important;
}

html body.admin-page td:nth-child(2) span.status {
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 11px !important;
    font-size: 13.5px !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
}

/* CDEK statuses: blue like client status page */
html body.admin-page span.status-cdek_created,
html body.admin-page span.status-cdek-created,
html body.admin-page span.status-cdek_sent,
html body.admin-page span.status-cdek-sent,
html body.admin-page span.status-in_transit,
html body.admin-page span.status-in-transit {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

/* Paid: green */
html body.admin-page span.status-paid {
    background: rgba(38, 145, 80, .13) !important;
    border-color: rgba(38, 145, 80, .30) !important;
    color: #17633a !important;
}

/* Cancelled: red */
html body.admin-page span.status-cancelled,
html body.admin-page span.status-canceled {
    background: rgba(196, 75, 70, .12) !important;
    border-color: rgba(196, 75, 70, .25) !important;
    color: #8f2b28 !important;
}

/* STATUS PAGE: cdek_created same as sent/in transit */
html body.status-page div.status.status-cdek-created,
html body.status-page div.status.status-cdek_created,
html body.status-page div.status.status-cdek-sent,
html body.status-page div.status.status-in-transit {
    background: rgba(60, 105, 210, .14) !important;
    border-color: rgba(60, 105, 210, .34) !important;
    color: #244f9f !important;
}

/* ADMIN PAGE: columns after removing phone from order list */
html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) {
    width: 14% !important;
}

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) {
    width: 22% !important;
}

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) {
    width: 16% !important;
}

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) {
    width: 15% !important;
}

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) {
    width: 15% !important;
}

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) {
    width: 18% !important;
}

/* reset old 7th column rule */
html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) {
    width: auto !important;
}

/* ADMIN PAGE: topbar, sort buttons, delete */
html body.admin-page .admin-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 24px !important;
}

html body.admin-page .sort-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

html body.admin-page .sort-btn,
html body.admin-page .logout-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;

    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body.admin-page .sort-btn {
    background: rgba(255,255,255,.56) !important;
    border: 1px solid rgba(32,33,36,.10) !important;
    color: #202124 !important;
}

html body.admin-page .sort-btn.active {
    background: #202124 !important;
    border-color: #202124 !important;
    color: #fff !important;
}

html body.admin-page .logout-btn {
    margin-left: auto !important;
    background: #202124 !important;
    border: 1px solid #202124 !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(32,33,36,.14) !important;
}

html body.admin-page .delete-order-form {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body.admin-page .delete-order-btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(196, 75, 70, .22) !important;
    background: rgba(196, 75, 70, .10) !important;
    color: #8f2b28 !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

html body.admin-page .delete-order-btn:hover {
    background: rgba(196, 75, 70, .16) !important;
}

/* 7 columns after adding delete */
html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) { width: 13% !important; }

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) { width: 19% !important; }

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) { width: 15% !important; }

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) { width: 13% !important; }

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) { width: 13% !important; }

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) { width: 15% !important; }

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) { width: 12% !important; }

@media (max-width: 760px) {
    html body.admin-page .admin-topbar {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    html body.admin-page .logout-btn {
        width: 100% !important;
        margin-left: 0 !important;
    }

    html body.admin-page .sort-btn {
        flex: 1 1 auto !important;
    }
}

/* ADMIN PAGE: final topbar/layout fixes */
html body.admin-page .wrap,
html body.admin-page main,
html body.admin-page .container {
    padding-top: 18px !important;
}

html body.admin-page .card,
html body.admin-page section,
html body.admin-page article {
    padding-top: 28px !important;
}

html body.admin-page .admin-topbar {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 34px !important;
}

html body.admin-page .sort-actions {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    min-width: 0 !important;
}

html body.admin-page .logout-btn {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

/* delete column centered */
html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) {
    text-align: center !important;
    vertical-align: middle !important;
}

html body.admin-page .delete-order-form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body.admin-page .delete-order-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    border-radius: 14px !important;

    border: 1px solid rgba(196, 75, 70, .22) !important;
    background: rgba(196, 75, 70, .10) !important;
    color: #8f2b28 !important;

    cursor: pointer !important;
    box-shadow: none !important;
}

html body.admin-page .delete-order-btn svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

html body.admin-page .delete-order-btn:hover {
    background: rgba(196, 75, 70, .16) !important;
}

/* slightly rebalance table after icon delete */
html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) { width: 14% !important; }

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) { width: 19% !important; }

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) { width: 16% !important; }

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) { width: 14% !important; }

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) { width: 14% !important; }

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) { width: 16% !important; }

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) { width: 7% !important; }

@media (max-width: 760px) {
    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        padding-top: 12px !important;
    }

    html body.admin-page .admin-topbar {
        gap: 12px !important;
        margin-bottom: 24px !important;
    }
}

/* ADMIN PAGE: wider layout, tighter topbar, centered delete icons */
html body.admin-page .wrap,
html body.admin-page main,
html body.admin-page .container {
    max-width: 1180px !important;
    width: 100% !important;
}

@media (min-width: 1280px) {
    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        max-width: 1240px !important;
    }
}

html body.admin-page .card,
html body.admin-page section,
html body.admin-page article {
    width: 100% !important;
}

html body.admin-page .admin-topbar {
    margin-bottom: 18px !important;
}

html body.admin-page table {
    margin-top: 0 !important;
}

html body.admin-page thead th {
    padding-bottom: 10px !important;
}

html body.admin-page tbody td {
    vertical-align: middle !important;
}

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) {
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

html body.admin-page td:nth-child(7) {
    height: 76px !important;
}

html body.admin-page td:nth-child(7) .delete-order-form {
    height: 100% !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

html body.admin-page td:nth-child(7) .delete-order-btn {
    margin: auto !important;
    transform: translateY(0) !important;
}

/* rebalance columns for wider admin table */
html body.admin-page th:nth-child(1),
html body.admin-page td:nth-child(1) { width: 14% !important; }

html body.admin-page th:nth-child(2),
html body.admin-page td:nth-child(2) { width: 18% !important; }

html body.admin-page th:nth-child(3),
html body.admin-page td:nth-child(3) { width: 17% !important; }

html body.admin-page th:nth-child(4),
html body.admin-page td:nth-child(4) { width: 14% !important; }

html body.admin-page th:nth-child(5),
html body.admin-page td:nth-child(5) { width: 14% !important; }

html body.admin-page th:nth-child(6),
html body.admin-page td:nth-child(6) { width: 16% !important; }

html body.admin-page th:nth-child(7),
html body.admin-page td:nth-child(7) { width: 7% !important; }

@media (max-width: 760px) {
    html body.admin-page .admin-topbar {
        margin-bottom: 16px !important;
    }

    html body.admin-page td:nth-child(7) {
        height: auto !important;
    }
}

/* ADMIN PAGE: compact order rows */
html body.admin-page table {
    border-spacing: 0 10px !important;
}

html body.admin-page tbody td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 0 !important;
    height: auto !important;
}

html body.admin-page tbody tr {
    height: auto !important;
}

html body.admin-page td:nth-child(7) {
    height: auto !important;
}

html body.admin-page td:nth-child(7) .delete-order-form {
    height: auto !important;
    min-height: 38px !important;
}

html body.admin-page .delete-order-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
}

html body.admin-page .status {
    min-height: 26px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

@media (min-width: 900px) {
    html body.admin-page tbody td {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    html body.admin-page table {
        border-spacing: 0 9px !important;
    }
}

/* ADMIN PAGE: proper iPhone layout */
@media (max-width: 760px) {
    html body.admin-page {
        background: #696969 !important;
        overflow-x: hidden !important;
    }

    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px 10px 28px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .card,
    html body.admin-page section,
    html body.admin-page article {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 28px !important;
        padding: 18px 14px 20px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    html body.admin-page .admin-topbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 0 0 18px !important;
    }

    html body.admin-page .sort-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    html body.admin-page .sort-btn,
    html body.admin-page .logout-btn {
        width: 100% !important;
        min-height: 48px !important;
        padding: 0 10px !important;
        border-radius: 18px !important;
        font-size: 16px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"] {
        grid-column: 1 / -1 !important;
    }

    html body.admin-page .logout-btn {
        margin: 0 !important;
        grid-column: 1 / -1 !important;
    }

    /* table becomes cards */
    html body.admin-page table,
    html body.admin-page thead,
    html body.admin-page tbody,
    html body.admin-page tr,
    html body.admin-page th,
    html body.admin-page td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    html body.admin-page table {
        border-spacing: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    html body.admin-page thead {
        display: none !important;
    }

    html body.admin-page tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    html body.admin-page tbody tr {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;

        background: rgba(255,255,255,.62) !important;
        border-radius: 22px !important;
        padding: 16px 16px 14px !important;
        box-sizing: border-box !important;

        box-shadow: none !important;
        overflow: hidden !important;
        height: auto !important;
    }

    html body.admin-page tbody td {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;

        width: 100% !important;
        height: auto !important;
        min-height: 38px !important;

        padding: 8px 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(32,33,36,.08) !important;
        background: transparent !important;

        font-size: 17px !important;
        line-height: 1.2 !important;
        text-align: right !important;
    }

    html body.admin-page tbody td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.admin-page tbody td::before {
        flex: 0 0 auto !important;
        color: rgba(32,33,36,.52) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        letter-spacing: -0.02em !important;
        text-align: left !important;
    }

    html body.admin-page tbody td:nth-child(1)::before { content: "Заказ"; }
    html body.admin-page tbody td:nth-child(2)::before { content: "Статус"; }
    html body.admin-page tbody td:nth-child(3)::before { content: "Telegram"; }
    html body.admin-page tbody td:nth-child(4)::before { content: "Город"; }
    html body.admin-page tbody td:nth-child(5)::before { content: "Сумма"; }
    html body.admin-page tbody td:nth-child(6)::before { content: "Создан"; }
    html body.admin-page tbody td:nth-child(7)::before { content: "Удалить"; }

    html body.admin-page tbody td:first-child,
    html body.admin-page tbody td:first-child a {
        white-space: nowrap !important;
        word-break: normal !important;
    }

    html body.admin-page tbody td:first-child a {
        font-size: 18px !important;
    }

    html body.admin-page tbody td:nth-child(2) span.status {
        max-width: none !important;
        min-height: 32px !important;
        padding: 7px 12px !important;
        font-size: 15px !important;
    }

    html body.admin-page td:nth-child(7) {
        text-align: right !important;
    }

    html body.admin-page td:nth-child(7) .delete-order-form {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
    }

    html body.admin-page .delete-order-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 16px !important;
        margin: 0 !important;
    }

    html body.admin-page .delete-order-btn svg {
        width: 19px !important;
        height: 19px !important;
    }
}

/* ADMIN PAGE: final clean iPhone cards */
@media (max-width: 760px) {
    html,
    html body.admin-page {
        overflow-x: hidden !important;
        background: #696969 !important;
    }

    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 12px 10px 28px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .card,
    html body.admin-page section,
    html body.admin-page article {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 18px 12px 20px !important;
        border-radius: 28px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .admin-topbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 0 0 18px !important;
        width: 100% !important;
    }

    html body.admin-page .sort-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    html body.admin-page .sort-btn,
    html body.admin-page .logout-btn {
        width: 100% !important;
        min-height: 46px !important;
        border-radius: 18px !important;
        padding: 0 8px !important;
        font-size: 16px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        grid-column: 1 / -1 !important;
    }

    html body.admin-page table,
    html body.admin-page thead,
    html body.admin-page tbody,
    html body.admin-page tr,
    html body.admin-page th,
    html body.admin-page td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body.admin-page table {
        display: block !important;
        overflow: visible !important;
        border-spacing: 0 !important;
        margin: 0 !important;
    }

    html body.admin-page thead {
        display: none !important;
    }

    html body.admin-page tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    html body.admin-page tbody tr {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;

        padding: 16px 16px 14px !important;
        border-radius: 24px !important;
        background: rgba(255,255,255,.66) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        height: auto !important;
    }

    html body.admin-page tbody td,
    html body.admin-page tbody td:nth-child(1),
    html body.admin-page tbody td:nth-child(2),
    html body.admin-page tbody td:nth-child(3),
    html body.admin-page tbody td:nth-child(4),
    html body.admin-page tbody td:nth-child(5),
    html body.admin-page tbody td:nth-child(6),
    html body.admin-page tbody td:nth-child(7) {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 14px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 38px !important;

        padding: 7px 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(32,33,36,.08) !important;
        border-radius: 0 !important;
        background: transparent !important;

        color: #202124 !important;
        font-size: 17px !important;
        line-height: 1.22 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body.admin-page tbody td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.admin-page tbody td::before {
        display: block !important;
        width: 88px !important;

        color: rgba(32,33,36,.50) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        letter-spacing: -0.02em !important;

        text-align: left !important;
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(1)::before { content: "Заказ"; }
    html body.admin-page tbody td:nth-child(2)::before { content: "Статус"; }
    html body.admin-page tbody td:nth-child(3)::before { content: "Telegram"; }
    html body.admin-page tbody td:nth-child(4)::before { content: "Город"; }
    html body.admin-page tbody td:nth-child(5)::before { content: "Сумма"; }
    html body.admin-page tbody td:nth-child(6)::before { content: "Создан"; }
    html body.admin-page tbody td:nth-child(7)::before { content: "Удалить"; }

    html body.admin-page tbody td:first-child a {
        font-size: 18px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(5) {
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(6) {
        white-space: normal !important;
    }

    html body.admin-page tbody td:nth-child(2) span.status {
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 32px !important;
        padding: 7px 12px !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    html body.admin-page td:nth-child(7) .delete-order-form {
        justify-self: start !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    html body.admin-page .delete-order-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 16px !important;
        margin: 0 !important;
    }

    html body.admin-page .delete-order-btn svg {
        width: 19px !important;
        height: 19px !important;
    }
}

/* ADMIN PAGE: switch to card layout earlier, for narrow desktop/tablet */
@media (max-width: 1100px) {
    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        max-width: 760px !important;
        width: 100% !important;
        padding: 18px 12px 32px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .card,
    html body.admin-page section,
    html body.admin-page article {
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 18px 26px !important;
        border-radius: 30px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .admin-topbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 0 0 18px !important;
        width: 100% !important;
    }

    html body.admin-page .sort-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    html body.admin-page .sort-btn,
    html body.admin-page .logout-btn {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 16px !important;
        padding: 0 10px !important;
        font-size: 15px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        grid-column: 1 / -1 !important;
        margin-left: 0 !important;
    }

    html body.admin-page table,
    html body.admin-page thead,
    html body.admin-page tbody,
    html body.admin-page tr,
    html body.admin-page th,
    html body.admin-page td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body.admin-page table {
        display: block !important;
        overflow: visible !important;
        border-spacing: 0 !important;
        margin: 0 !important;
    }

    html body.admin-page thead {
        display: none !important;
    }

    html body.admin-page tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    html body.admin-page tbody tr {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        padding: 16px 16px 14px !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.66) !important;
        box-shadow: none !important;
        overflow: hidden !important;
    }

    html body.admin-page tbody td,
    html body.admin-page tbody td:nth-child(1),
    html body.admin-page tbody td:nth-child(2),
    html body.admin-page tbody td:nth-child(3),
    html body.admin-page tbody td:nth-child(4),
    html body.admin-page tbody td:nth-child(5),
    html body.admin-page tbody td:nth-child(6),
    html body.admin-page tbody td:nth-child(7) {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 14px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 36px !important;

        padding: 7px 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(32,33,36,.08) !important;
        border-radius: 0 !important;
        background: transparent !important;

        font-size: 16px !important;
        line-height: 1.22 !important;
        text-align: left !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body.admin-page tbody td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.admin-page tbody td::before {
        display: block !important;
        width: 92px !important;
        color: rgba(32,33,36,.52) !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        letter-spacing: -0.02em !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(1)::before { content: "Заказ"; }
    html body.admin-page tbody td:nth-child(2)::before { content: "Статус"; }
    html body.admin-page tbody td:nth-child(3)::before { content: "Telegram"; }
    html body.admin-page tbody td:nth-child(4)::before { content: "Город"; }
    html body.admin-page tbody td:nth-child(5)::before { content: "Сумма"; }
    html body.admin-page tbody td:nth-child(6)::before { content: "Создан"; }
    html body.admin-page tbody td:nth-child(7)::before { content: "Удалить"; }

    html body.admin-page tbody td:first-child a {
        font-size: 17px !important;
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(2) span.status {
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 30px !important;
        padding: 6px 11px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    html body.admin-page td:nth-child(7) .delete-order-form {
        justify-self: start !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    html body.admin-page .delete-order-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 15px !important;
        margin: 0 !important;
    }
}

/* ADMIN PAGE: mobile card vertical padding balance */
@media (max-width: 1100px) {
    html body.admin-page tbody tr {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    html body.admin-page tbody td,
    html body.admin-page tbody td:nth-child(1),
    html body.admin-page tbody td:nth-child(2),
    html body.admin-page tbody td:nth-child(3),
    html body.admin-page tbody td:nth-child(4),
    html body.admin-page tbody td:nth-child(5),
    html body.admin-page tbody td:nth-child(6),
    html body.admin-page tbody td:nth-child(7) {
        min-height: 34px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    html body.admin-page tbody td:first-child {
        padding-top: 0 !important;
    }

    html body.admin-page tbody td:last-child {
        padding-bottom: 0 !important;
    }

    html body.admin-page td:nth-child(7) .delete-order-form {
        min-height: 40px !important;
        align-items: center !important;
    }
}

@media (max-width: 760px) {
    html body.admin-page tbody tr {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

/* ADMIN PAGE: only status sort + logout */
html body.admin-page .admin-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 14px !important;
    width: 100% !important;
}

html body.admin-page .sort-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

html body.admin-page .sort-actions .sort-btn:not([href*="sort=status"]) {
    display: none !important;
}

html body.admin-page .sort-btn[href*="sort=status"] {
    width: auto !important;
    min-width: 110px !important;
}

html body.admin-page .logout-btn {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

@media (max-width: 1100px) {
    html body.admin-page .admin-topbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 14px !important;
    }

    html body.admin-page .sort-actions {
        display: flex !important;
        width: auto !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        width: auto !important;
        min-width: 112px !important;
        grid-column: auto !important;
    }

    html body.admin-page .logout-btn {
        margin-left: auto !important;
    }
}

@media (max-width: 420px) {
    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }

    html body.admin-page .admin-topbar {
        gap: 8px !important;
    }
}

/* ADMIN PAGE: fixed topbar and full-width table */
html body.admin-page .card,
html body.admin-page section,
html body.admin-page article {
    display: block !important;
}

html body.admin-page .admin-topbar {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 18px !important;
}

html body.admin-page .sort-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

html body.admin-page .sort-btn[href*="sort=status"] {
    width: auto !important;
    min-width: 120px !important;
}

html body.admin-page .logout-btn {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

html body.admin-page table {
    width: 100% !important;
    margin-top: 0 !important;
    clear: both !important;
}

/* Desktop table mode */
@media (min-width: 1101px) {
    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        max-width: 1240px !important;
        width: 100% !important;
    }

    html body.admin-page table,
    html body.admin-page thead,
    html body.admin-page tbody,
    html body.admin-page tr {
        width: 100% !important;
    }
}

/* Compact/tablet/mobile card mode */
@media (max-width: 1100px) {
    html body.admin-page .admin-topbar {
        flex-direction: row !important;
        margin-bottom: 16px !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        min-width: 112px !important;
        width: auto !important;
    }
}

@media (max-width: 420px) {
    html body.admin-page .sort-actions,
    html body.admin-page .logout-btn {
        flex: 1 1 0 !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ADMIN PAGE: force card layout up to 1500px */
@media (max-width: 1500px) {
    html body.admin-page .wrap,
    html body.admin-page main,
    html body.admin-page .container {
        max-width: 980px !important;
        width: 100% !important;
        padding: 18px 12px 32px !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .card,
    html body.admin-page section,
    html body.admin-page article {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 28px 28px !important;
        border-radius: 32px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    html body.admin-page .admin-topbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 0 18px !important;
    }

    html body.admin-page .sort-actions {
        display: flex !important;
        width: auto !important;
        flex: 0 0 auto !important;
    }

    html body.admin-page .sort-btn[href*="sort=status"],
    html body.admin-page .logout-btn {
        width: auto !important;
        min-width: 120px !important;
        min-height: 44px !important;
        border-radius: 16px !important;
        font-size: 15px !important;
    }

    html body.admin-page .logout-btn {
        margin-left: auto !important;
    }

    html body.admin-page table,
    html body.admin-page thead,
    html body.admin-page tbody,
    html body.admin-page tr,
    html body.admin-page th,
    html body.admin-page td {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body.admin-page table {
        display: block !important;
        overflow: visible !important;
        border-spacing: 0 !important;
        margin: 0 !important;
        clear: both !important;
    }

    html body.admin-page thead {
        display: none !important;
    }

    html body.admin-page tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }

    html body.admin-page tbody tr {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 10px 18px !important;
        border-radius: 24px !important;
        background: rgba(255,255,255,.66) !important;
        overflow: hidden !important;
    }

    html body.admin-page tbody td,
    html body.admin-page tbody td:nth-child(1),
    html body.admin-page tbody td:nth-child(2),
    html body.admin-page tbody td:nth-child(3),
    html body.admin-page tbody td:nth-child(4),
    html body.admin-page tbody td:nth-child(5),
    html body.admin-page tbody td:nth-child(6),
    html body.admin-page tbody td:nth-child(7) {
        display: grid !important;
        grid-template-columns: 100px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 16px !important;

        width: 100% !important;
        height: auto !important;
        min-height: 34px !important;

        padding: 6px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(32,33,36,.08) !important;
        border-radius: 0 !important;
        background: transparent !important;

        font-size: 17px !important;
        line-height: 1.22 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    html body.admin-page tbody td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.admin-page tbody td::before {
        display: block !important;
        width: 100px !important;
        color: rgba(32,33,36,.52) !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    html body.admin-page tbody td:nth-child(1)::before { content: "Заказ"; }
    html body.admin-page tbody td:nth-child(2)::before { content: "Статус"; }
    html body.admin-page tbody td:nth-child(3)::before { content: "Telegram"; }
    html body.admin-page tbody td:nth-child(4)::before { content: "Город"; }
    html body.admin-page tbody td:nth-child(5)::before { content: "Сумма"; }
    html body.admin-page tbody td:nth-child(6)::before { content: "Создан"; }
    html body.admin-page tbody td:nth-child(7)::before { content: "Удалить"; }

    html body.admin-page tbody td:nth-child(2) span.status {
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    html body.admin-page td:nth-child(7) .delete-order-form {
        justify-self: start !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
    }

    html body.admin-page .delete-order-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 15px !important;
    }
}

@media (max-width: 760px) {
    html body.admin-page .card,
    html body.admin-page section,
    html body.admin-page article {
        padding: 18px 12px 20px !important;
        border-radius: 28px !important;
    }

    html body.admin-page tbody tr {
        padding: 10px 16px !important;
    }

    html body.admin-page tbody td,
    html body.admin-page tbody td:nth-child(1),
    html body.admin-page tbody td:nth-child(2),
    html body.admin-page tbody td:nth-child(3),
    html body.admin-page tbody td:nth-child(4),
    html body.admin-page tbody td:nth-child(5),
    html body.admin-page tbody td:nth-child(6),
    html body.admin-page tbody td:nth-child(7) {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        column-gap: 14px !important;
    }

    html body.admin-page tbody td::before {
        width: 88px !important;
    }
}