:root {
    --app-blue: #3478f6;
    --app-blue-soft: #eaf2ff;
    --app-border: #e4e7ec;
    --app-canvas: #f7f8fa;
    --app-text: #172033;
    --app-text-muted: #536176;
    --app-text-subtle: #667085;
    --app-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Arial, sans-serif;
}

/* Crisp, comfortable text for employees working a full shift. */
html,
.fi-body {
    font-family: var(--app-font-family);
    font-synthesis: none;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

/* Marketplace customer communications */
.marketplace-comms {
    display: grid;
    gap: 1rem;
}

.marketplace-comms__toolbar {
    display: flex;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    padding: .35rem;
    border: 1px solid #dbe2ea;
    border-radius: .8rem;
    background: #fff;
}

.marketplace-comms__toolbar button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    min-height: 2.25rem;
    padding: .45rem .7rem;
    border-radius: .55rem;
    color: #475569;
    font-size: .82rem;
    font-weight: 650;
}

.marketplace-comms__toolbar button:hover,
.marketplace-comms__toolbar button.is-active {
    color: #1d4ed8;
    background: #eff6ff;
}

.marketplace-comms__toolbar button span {
    min-width: 1.35rem;
    padding: .05rem .3rem;
    border-radius: 999px;
    color: #fff;
    background: #ef4444;
    text-align: center;
    font-size: .7rem;
}

.marketplace-comms__toolbar select {
    margin-left: auto;
    min-width: 10.5rem;
    border: 1px solid #cbd5e1;
    border-radius: .55rem;
    padding: .5rem .7rem;
    background: #fff;
    font-size: .82rem;
}

.marketplace-comms__layout {
    display: grid;
    grid-template-columns: minmax(18rem, 28rem) minmax(0, 1fr);
    min-height: 42rem;
    overflow: hidden;
    border: 1px solid #dbe2ea;
    border-radius: .85rem;
    background: #fff;
}

.marketplace-comms__list {
    overflow-y: auto;
    max-height: 66vh;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
}

.marketplace-comms__item {
    display: grid;
    gap: .35rem;
    width: 100%;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    transition: background-color .15s ease, box-shadow .15s ease;
}

.marketplace-comms__item:hover,
.marketplace-comms__item.is-active {
    background: #fff;
}

.marketplace-comms__item.is-active {
    box-shadow: inset 3px 0 #2563eb;
}

.marketplace-comms__item-head,
.marketplace-comms__item-foot {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #64748b;
    font-size: .72rem;
}

.marketplace-comms__item-head time {
    margin-left: auto;
}

.marketplace-comms__item strong {
    overflow: hidden;
    color: #0f172a;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .86rem;
}

.marketplace-comms__preview {
    display: -webkit-box;
    overflow: hidden;
    color: #475569;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .8rem;
    line-height: 1.4;
}

.marketplace-comms__rating,
.marketplace-comms__large-rating {
    color: #f59e0b;
    letter-spacing: .05em;
}

.marketplace-comms__rating {
    margin-left: auto;
}

.marketplace-comms__provider {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .18rem .42rem;
    border-radius: .4rem;
    color: #fff;
    background: #64748b;
    font-size: .68rem;
    font-weight: 750;
}

.marketplace-comms__provider--wildberries { background: #a21caf; }
.marketplace-comms__provider--ozon { background: #155eef; }
.marketplace-comms__provider--yandex_market { color: #111827; background: #facc15; }

.marketplace-comms__detail {
    overflow-y: auto;
    max-height: 66vh;
    padding: 1.35rem;
}

.marketplace-comms__detail > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.marketplace-comms__detail h2 {
    margin-top: .55rem;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 750;
}

.marketplace-comms__detail header p,
.marketplace-comms__muted {
    margin-top: .2rem;
    color: #64748b;
    font-size: .78rem;
}

.marketplace-comms__status,
.marketplace-comms__reply-status {
    display: inline-flex;
    width: fit-content;
    padding: .25rem .5rem;
    border-radius: .4rem;
    color: #475569;
    background: #f1f5f9;
    font-size: .72rem;
    font-weight: 700;
}

.marketplace-comms__status--open,
.marketplace-comms__status--failed,
.marketplace-comms__reply-status--failed { color: #b91c1c; background: #fee2e2; }
.marketplace-comms__status--reply_queued,
.marketplace-comms__reply-status--queued,
.marketplace-comms__reply-status--sending { color: #92400e; background: #fef3c7; }
.marketplace-comms__status--answered,
.marketplace-comms__reply-status--sent { color: #047857; background: #d1fae5; }

.marketplace-comms__product {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .65rem;
    margin-top: 1rem;
    padding: .75rem;
    border: 1px solid #dbeafe;
    border-radius: .65rem;
    background: #eff6ff;
    font-size: .8rem;
}

.marketplace-comms__product span,
.marketplace-comms__product small { color: #64748b; }
.marketplace-comms__product strong { color: #1e3a8a; }

.marketplace-comms__warning,
.marketplace-comms__notice {
    margin-top: 1rem;
    padding: .7rem .8rem;
    border-radius: .6rem;
    color: #92400e;
    background: #fffbeb;
    font-size: .8rem;
}

.marketplace-comms__large-rating {
    margin-top: 1rem;
    font-size: 1.2rem;
}

.marketplace-comms__message {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .7rem;
    background: #f8fafc;
    color: #1e293b;
    font-size: .92rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.marketplace-comms__media {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.marketplace-comms__media h3 {
    color: #0f172a;
    font-size: .9rem;
    font-weight: 750;
}

.marketplace-comms__media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: .65rem;
}

.marketplace-comms__media-grid a {
    overflow: hidden;
    aspect-ratio: 1;
    border: 1px solid #dbe2ea;
    border-radius: .65rem;
    background: #f8fafc;
}

.marketplace-comms__media-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .18s ease;
}

.marketplace-comms__media-grid a:hover img {
    transform: scale(1.03);
}

.marketplace-comms__video-link {
    width: fit-content;
    color: #2563eb;
    font-size: .8rem;
    font-weight: 700;
}

.marketplace-comms__history {
    display: grid;
    gap: .65rem;
    margin-top: 1.25rem;
}

.marketplace-comms__history h3 {
    color: #0f172a;
    font-size: .9rem;
    font-weight: 750;
}

.marketplace-comms__history article {
    display: grid;
    gap: .4rem;
    padding: .8rem;
    border-left: 3px solid #60a5fa;
    border-radius: .4rem;
    background: #f8fafc;
    font-size: .8rem;
}

.marketplace-comms__history article > div {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.marketplace-comms__history time { color: #64748b; }
.marketplace-comms__history small { color: #b91c1c; }
.marketplace-comms__history button { width: fit-content; color: #2563eb; font-weight: 700; }

.marketplace-comms__composer {
    display: grid;
    gap: .55rem;
    margin-top: 1.25rem;
}

.marketplace-comms__composer label {
    color: #0f172a;
    font-size: .82rem;
    font-weight: 750;
}

.marketplace-comms__composer textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #94a3b8;
    border-radius: .65rem;
    padding: .75rem;
    background: #fff;
    color: #0f172a;
    font-size: .86rem;
    line-height: 1.5;
}

.marketplace-comms__composer textarea:focus {
    border-color: #2563eb;
    outline: 3px solid #dbeafe;
}

.marketplace-comms__composer > div {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.marketplace-comms__skip,
.marketplace-comms__send {
    min-height: 2.35rem;
    padding: .5rem .85rem;
    border-radius: .55rem;
    font-size: .8rem;
    font-weight: 750;
}

.marketplace-comms__skip { color: #475569; background: #f1f5f9; }
.marketplace-comms__send { color: #fff; background: #2563eb; }

.marketplace-comms__empty {
    padding: 2rem 1rem;
    color: #64748b;
    text-align: center;
    font-size: .82rem;
}

.marketplace-comms__empty--detail {
    display: grid;
    min-height: 30rem;
    place-items: center;
}

@media (max-width: 900px) {
    .marketplace-comms__layout {
        grid-template-columns: 1fr;
    }

    .marketplace-comms__list {
        max-height: 24rem;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .marketplace-comms__detail {
        max-height: none;
    }

    .marketplace-comms__toolbar select {
        margin-left: 0;
    }
}

/* Repair intake drawer */
.repair-intake-drawer .fi-modal-header { padding: 1rem 1.35rem .85rem; border-bottom: 1px solid #e5e9ef; }
.repair-intake-drawer .fi-modal-heading { font-size: 1.55rem; font-weight: 800; color: #14213d; letter-spacing: -.025em; }
.repair-intake-drawer .fi-modal-content { padding: .85rem 1.35rem !important; background: #fff; }
.repair-intake-drawer .fi-modal-footer { padding: .8rem 1.35rem; border-top: 1px solid #e5e9ef; background: #fff; }
.repair-intake-drawer .fi-sc { gap: .7rem !important; }
.repair-intake-section { border: 0 !important; box-shadow: none !important; background: transparent !important; }
.repair-intake-section + .repair-intake-section { margin-top: .25rem; padding-top: .75rem; border-top: 1px solid #edf0f4 !important; }
.repair-intake-section > .fi-section-header { padding: 0 0 .55rem; }
.repair-intake-section .fi-section-header-heading { color: #3478f6; font-size: .88rem; font-weight: 850; letter-spacing: .01em; }
.repair-intake-section > .fi-section-content-ctn { border: 0; }
.repair-intake-section > .fi-section-content-ctn > .fi-section-content { padding: 0; }
.repair-intake-section .fi-grid { gap: .58rem 1rem !important; }
.repair-intake-section .fi-fo-field-wrp { gap: .22rem !important; }
.repair-intake-section .fi-fo-field-wrp-label { color: #758195; font-size: .72rem; line-height: 1.15; }
.repair-intake-section .fi-input-wrp { min-height: 2.35rem; border-color: #ccd3dd; border-radius: .42rem; box-shadow: none; }
.repair-intake-section .fi-input-wrp:focus-within { border-color: #3478f6; box-shadow: 0 0 0 1px #3478f6; }
.repair-intake-section .fi-input-wrp input,
.repair-intake-section .fi-input-wrp select,
.repair-intake-section .fi-input-wrp textarea { font-size: .82rem; }
.repair-intake-section .fi-fo-field-wrp-helper-text { margin-top: .12rem; color: #929cad; font-size: .64rem; line-height: 1.25; }
.repair-intake-section textarea { min-height: 4.5rem; }

/* Repair orders */
.fi-resource-repair-orders .fi-breadcrumbs { display: none; }
.fi-resource-repair-orders .fi-header { padding-bottom: .05rem; }
.fi-resource-repair-orders .fi-header-heading { font-size: 1.65rem; letter-spacing: -.025em; }
.fi-resource-repair-orders .fi-header-actions-ctn { display: none; }
.fi-resource-repair-orders .fi-page-content,
.fi-resource-repair-orders .fi-sc { gap: .65rem !important; }
.fi-resource-repair-orders .fi-ta-ctn { border-color: #dfe3e8; border-radius: .5rem; box-shadow: none; }
.fi-resource-repair-orders .fi-ta-header-ctn { display: flex; align-items: center; gap: .35rem; min-height: 3.35rem; padding: .5rem .65rem; border-bottom: 1px solid #dfe3e8; background: #fff; }
.fi-resource-repair-orders .fi-ta-header-toolbar { display: flex !important; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: .25rem; min-width: 0; padding: 0; border: 0; }
.fi-resource-repair-orders .fi-ta-header-toolbar > .fi-ta-actions { display: none; }
.fi-resource-repair-orders .fi-ta-header-toolbar > div:last-child { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: .25rem; }
.fi-resource-repair-orders .fi-ta-header-toolbar .fi-ta-search-field { display: none; }

.repair-orders-compact-toolbar { display: flex; flex: 1 1 auto; align-items: center; gap: .55rem; min-width: 0; overflow: hidden; }
.repair-orders-compact-toolbar__actions { display: flex; flex: 0 0 auto; align-items: center; gap: .4rem; }
.repair-orders-compact-toolbar__actions .fi-btn { min-height: 2.25rem; padding: .42rem .75rem; border-radius: .4rem; font-size: .78rem; }
.repair-orders-compact-toolbar__actions .fi-icon-btn { width: 2.25rem; height: 2.25rem; border: 1px solid #d6dce5; border-radius: .4rem; background: #fff; color: #64748b; }
.repair-orders-compact-toolbar__search { display: flex; flex: 0 1 17rem; min-width: 10.5rem; height: 2.25rem; align-items: center; gap: .45rem; padding: 0 .62rem; border: 1px solid #cbd2dc; border-radius: .4rem; background: #fff; color: #8994a5; transition: border-color .15s ease, box-shadow .15s ease; }
.repair-orders-compact-toolbar__search:focus-within { border-color: #3478f6; box-shadow: 0 0 0 1px #3478f6; }
.repair-orders-compact-toolbar__search svg { flex: 0 0 auto; width: 1rem; height: 1rem; }
.repair-orders-compact-toolbar__search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #263247; font-size: .78rem; }
.repair-orders-compact-toolbar__search input::placeholder { color: #9aa4b3; }
.repair-orders-compact-toolbar__tabs { display: flex; flex: 1 1 22rem; align-items: stretch; gap: .08rem; min-width: 8rem; overflow-x: auto; scrollbar-width: none; }
.repair-orders-compact-toolbar__tabs::-webkit-scrollbar { display: none; }
.repair-orders-compact-tab { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: .3rem; min-height: 2.25rem; padding: .35rem .48rem; border-radius: .35rem; color: #38445a; font-size: .74rem; font-weight: 650; white-space: nowrap; cursor: pointer; }
.repair-orders-compact-tab:hover { background: #f0f4f9; }
.repair-orders-compact-tab::after { position: absolute; right: .3rem; bottom: -.52rem; left: .3rem; height: 2px; border-radius: 2px; background: transparent; content: ''; }
.repair-orders-compact-tab.is-active { color: #15223a; font-weight: 800; }
.repair-orders-compact-tab.is-active::after { background: #3478f6; }
.repair-orders-compact-tab small { display: inline-grid; min-width: 1.15rem; height: 1.15rem; padding: 0 .24rem; place-items: center; border-radius: 999px; background: #edf0f4; color: #4b5563; font-size: .61rem; font-weight: 850; }
.repair-orders-compact-tab small.is-primary,
.repair-orders-compact-tab small.is-info { background: #e5efff; color: #1769d2; }
.repair-orders-compact-tab small.is-success { background: #dcf8ea; color: #087c50; }
.repair-orders-compact-tab small.is-warning { background: #fff0dc; color: #c35e00; }
.repair-orders-compact-tab small.is-danger { background: #ffe3e8; color: #c91c38; }

.fi-resource-repair-orders .fi-ta-table thead { background: #f5f6f8; }
.fi-resource-repair-orders .fi-ta-table th { padding: .58rem .72rem; color: #334155; font-size: .68rem; font-weight: 760; }
.fi-resource-repair-orders .fi-ta-table td { padding: 0; color: #263247; font-size: .76rem; line-height: 1.25; }
.fi-resource-repair-orders .fi-ta-table tbody tr { border-color: #e5e8ed; cursor: pointer; }
.fi-resource-repair-orders .fi-ta-table tbody tr:hover { background: #f5f9ff; }
.fi-resource-repair-orders .fi-ta-col > .fi-ta-text { padding: .34rem .72rem; }
.fi-resource-repair-orders .fi-ta-col > .fi-ta-select { margin: .34rem .72rem; }
.fi-resource-repair-orders .fi-ta-cell > .fi-ta-actions { padding: .34rem .55rem; }
.fi-resource-repair-orders .fi-ta-text-item,
.fi-resource-repair-orders .fi-ta-text-item-label { font-size: .76rem; line-height: 1.15rem; }
.fi-resource-repair-orders .fi-ta-text-description,
.fi-resource-repair-orders .fi-ta-text-item-description { margin-top: .08rem; color: #7c8798; font-size: .67rem; line-height: 1rem; }
.fi-resource-repair-orders .fi-ta-col { min-height: 2rem; }
.fi-resource-repair-orders .fi-ta-actions { flex-wrap: nowrap; gap: .15rem; }
.fi-resource-repair-orders .fi-ta-actions .fi-icon-btn { width: 1.9rem; height: 1.9rem; }
.fi-resource-repair-orders .repair-open-order-action { display: none; }
.fi-resource-repair-orders .fi-ta-footer { min-height: 2.7rem; padding: .38rem .7rem; }

.repair-status-select { min-width: 8.15rem; padding: 0 !important; }
.repair-status-select .fi-input-wrp {
    border: 0 !important;
    min-height: 1.85rem !important;
    border-radius: .38rem !important;
    box-shadow: 0 1px 4px rgb(15 23 42 / 12%) !important;
}
.repair-status-select select.fi-select-input { min-height: 1.85rem !important; height: 1.85rem !important; padding-top: .2rem !important; padding-bottom: .2rem !important; }
.repair-status-select .fi-input-wrp:hover { filter: brightness(.96); }
.repair-status-select select.fi-select-input { color: #fff !important; font-size: .7rem !important; font-weight: 850 !important; }
.repair-status-select select.fi-select-input option { background: #fff; color: #172033; font-weight: 650; }
.repair-status-select--new .fi-input-wrp { background: #2f80ed !important; }
.repair-status-select--diagnostics .fi-input-wrp { background: #7c3aed !important; }
.repair-status-select--awaiting_approval .fi-input-wrp { background: #ef233c !important; }
.repair-status-select--awaiting_parts .fi-input-wrp { background: #ff7a00 !important; }
.repair-status-select--in_progress .fi-input-wrp { background: #6d4aff !important; }
.repair-status-select--ready .fi-input-wrp { background: #8147f5 !important; }
.repair-status-select--notified .fi-input-wrp { background: #08a66c !important; }
.repair-status-select--issued .fi-input-wrp { background: #7b8794 !important; }
.repair-status-select--issued_without_repair .fi-input-wrp { background: #b45309 !important; }
.repair-status-select--cancelled .fi-input-wrp { background: #20242b !important; }

.repair-orders-bottom-summary { position: sticky; z-index: 8; bottom: 0; display: flex; min-height: 2.65rem; align-items: center; justify-content: space-between; gap: 1rem; margin-top: -.65rem; padding: .5rem .8rem; border: 1px solid #dfe3e8; border-top: 0; border-radius: 0 0 .5rem .5rem; background: rgb(248 250 252 / 96%); color: #344054; font-size: .72rem; backdrop-filter: blur(8px); }
.repair-orders-bottom-summary > strong { flex: 0 0 auto; font-weight: 750; }
.repair-orders-bottom-summary__legend { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: .8rem; overflow-x: auto; scrollbar-width: none; }
.repair-orders-bottom-summary__legend::-webkit-scrollbar { display: none; }
.repair-orders-bottom-summary__legend span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .25rem; white-space: nowrap; }
.repair-orders-bottom-summary__legend b { font-weight: 850; }
.repair-orders-bottom-summary__legend i { width: .46rem; height: .46rem; border-radius: 999px; background: #94a3b8; }
.repair-orders-bottom-summary__legend i.is-primary,
.repair-orders-bottom-summary__legend i.is-info { background: #3478f6; }
.repair-orders-bottom-summary__legend i.is-success { background: #08a66c; }
.repair-orders-bottom-summary__legend i.is-warning { background: #ff7a00; }
.repair-orders-bottom-summary__legend i.is-danger { background: #ef233c; }

@media (max-width: 72rem) {
    .repair-orders-compact-toolbar__search { flex-basis: 13rem; }
    .repair-orders-compact-tab { padding-inline: .4rem; }
}

@media (max-width: 56rem) {
    .fi-resource-repair-orders .fi-ta-header-ctn { align-items: stretch; flex-wrap: wrap; }
    .repair-orders-compact-toolbar { flex-basis: 100%; flex-wrap: wrap; overflow: visible; }
    .repair-orders-compact-toolbar__tabs { flex-basis: 100%; order: 3; }
    .repair-orders-compact-toolbar__search { flex: 1 1 12rem; }
    .repair-orders-bottom-summary__legend { justify-content: flex-start; }
}

.repair-order-drawer .fi-modal-heading { color: #14213d; font-size: 1.85rem; font-weight: 850; letter-spacing: -.03em; }
.repair-order-drawer .fi-modal-description { color: #64748b; font-size: .88rem; }
.repair-order-drawer .fi-modal-content { padding: 0 !important; background: #f5f7fa; }
.repair-order-drawer .fi-modal-footer { border-top: 1px solid #dde3eb; background: #fff; }
.repair-order-drawer .fi-fo-field-wrp { margin: 0 1.25rem 1.25rem; padding: 1rem; border: 1px solid #d7dfeb; border-radius: .8rem; background: #fff; }

.repair-order-card { display: grid; grid-template-columns: 13rem 20rem minmax(0, 1fr); align-items: stretch; min-height: calc(100vh - 15rem); }
.repair-order-card__main { min-width: 0; padding: 1.25rem; }
.repair-order-summary { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-bottom: 1rem; color: #64748b; font-size: .78rem; }
.repair-order-summary > span:not(.repair-status-pill) { padding: .38rem .58rem; border: 1px solid #dce3ec; border-radius: .45rem; background: #fff; }

.repair-status-pill { display: inline-flex; align-items: center; width: fit-content; border-radius: .42rem; padding: .37rem .62rem; color: #fff; font-size: .73rem; font-weight: 850; line-height: 1.1; box-shadow: 0 2px 6px rgb(15 23 42 / 12%); }
.repair-status-pill--new { background: #2f80ed; }
.repair-status-pill--diagnostics { background: #7c3aed; }
.repair-status-pill--awaiting_approval { background: #ef233c; }
.repair-status-pill--awaiting_parts { background: #ff7a00; }
.repair-status-pill--in_progress { background: #6d4aff; }
.repair-status-pill--ready { background: #8147f5; }
.repair-status-pill--notified { background: #00a86b; }
.repair-status-pill--issued { background: #7b8794; }
.repair-status-pill--issued_without_repair { background: #b45309; }
.repair-status-pill--cancelled { background: #20242b; }

/* Stock receipts and write-offs */
.fi-resource-stock-documents .fi-breadcrumbs { display: none; }
.fi-resource-stock-documents .fi-header { padding-bottom: .05rem; }
.fi-resource-stock-documents .fi-header-heading { font-size: 1.65rem; letter-spacing: -.025em; }
.fi-resource-stock-documents .fi-header-actions-ctn { display: none; }
.fi-resource-stock-documents .fi-page-content,
.fi-resource-stock-documents .fi-sc { gap: .7rem !important; }
.fi-resource-stock-documents .fi-ta-ctn { border-color: #dfe3e8; border-radius: .5rem; box-shadow: none; }
.fi-resource-stock-documents .fi-ta-header-ctn { display: flex; min-height: 3.4rem; align-items: center; gap: .4rem; padding: .52rem .65rem; border-bottom: 1px solid #dfe3e8; background: #fff; }
.fi-resource-stock-documents .fi-ta-header-toolbar { display: flex !important; flex: 0 0 auto; align-items: center; padding: 0; border: 0; }
.fi-resource-stock-documents .fi-ta-header-toolbar > .fi-ta-actions,
.fi-resource-stock-documents .fi-ta-header-toolbar .fi-ta-search-field { display: none; }

.stock-documents-compact-toolbar { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: .55rem; }
.stock-documents-compact-toolbar__primary,
.stock-documents-compact-toolbar__export { display: flex; flex: 0 0 auto; }
.stock-documents-compact-toolbar__primary .fi-btn,
.stock-documents-compact-toolbar__export .fi-btn { min-height: 2.25rem; padding: .42rem .75rem; border-radius: .4rem; font-size: .78rem; }
.stock-documents-compact-toolbar__search { display: flex; flex: 1 1 20rem; min-width: 10rem; height: 2.25rem; align-items: center; gap: .45rem; padding: 0 .62rem; border: 1px solid #cbd2dc; border-radius: .4rem; background: #fff; color: #8994a5; transition: border-color .15s ease, box-shadow .15s ease; }
.stock-documents-compact-toolbar__search:focus-within,
.stock-documents-compact-toolbar__select:focus-within,
.stock-documents-compact-toolbar__date:focus-within { border-color: #3478f6; box-shadow: 0 0 0 1px #3478f6; }
.stock-documents-compact-toolbar__search svg { width: 1rem; height: 1rem; flex: 0 0 auto; }
.stock-documents-compact-toolbar__search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #263247; font-size: .78rem; }
.stock-documents-compact-toolbar__search input::placeholder { color: #9aa4b3; }
.stock-documents-compact-toolbar__select,
.stock-documents-compact-toolbar__date { display: flex; flex: 0 1 15rem; height: 2.25rem; min-width: 9.5rem; align-items: center; overflow: hidden; border: 1px solid #cbd2dc; border-radius: .4rem; background: #fff; }
.stock-documents-compact-toolbar__date { flex-basis: 10.5rem; min-width: 9rem; }
.stock-documents-compact-toolbar__select select,
.stock-documents-compact-toolbar__date input { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; padding: 0 .62rem; color: #344054; font-size: .76rem; }
.stock-documents-compact-toolbar__reset { display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border: 1px solid #d6dce5; border-radius: .4rem; background: #fff; color: #64748b; font-size: 1.15rem; cursor: pointer; }
.stock-documents-compact-toolbar__reset:hover { border-color: #aeb7c5; background: #f6f8fb; color: #263247; }
.stock-documents-compact-toolbar__export { margin-left: auto; }

.fi-resource-stock-documents .fi-ta-table thead { background: #f5f6f8; }
.fi-resource-stock-documents .fi-ta-table th { padding: .58rem .72rem; color: #334155; font-size: .68rem; font-weight: 760; }
.fi-resource-stock-documents .fi-ta-table td { padding: 0; color: #263247; font-size: .76rem; line-height: 1.25; }
.fi-resource-stock-documents .fi-ta-table tbody tr { border-color: #e5e8ed; cursor: pointer; }
.fi-resource-stock-documents .fi-ta-table tbody tr:hover { background: #f5f9ff; }
.fi-resource-stock-documents .fi-ta-col > .fi-ta-text { padding: .42rem .72rem; }
.fi-resource-stock-documents .fi-ta-cell > .fi-ta-actions { padding: .36rem .55rem; }
.fi-resource-stock-documents .fi-ta-text-item,
.fi-resource-stock-documents .fi-ta-text-item-label { font-size: .76rem; line-height: 1.15rem; }
.fi-resource-stock-documents .fi-ta-text-description,
.fi-resource-stock-documents .fi-ta-text-item-description { margin-top: .08rem; color: #7c8798; font-size: .67rem; line-height: 1rem; }
.fi-resource-stock-documents .fi-ta-footer { min-height: 2.7rem; padding: .38rem .7rem; }

.stock-documents-bottom-summary { position: sticky; z-index: 8; bottom: 0; display: flex; min-height: 2.65rem; align-items: center; gap: 1.5rem; margin-top: -.7rem; padding: .5rem .8rem; border: 1px solid #dfe3e8; border-top: 0; border-radius: 0 0 .5rem .5rem; background: rgb(248 250 252 / 96%); color: #344054; font-size: .73rem; backdrop-filter: blur(8px); }
.stock-documents-bottom-summary strong { font-weight: 850; }

.fi-resource-stock-documents .stock-document-header-grid { gap: .7rem !important; }
.fi-resource-stock-documents .stock-document-header-grid .fi-section,
.fi-resource-stock-documents .stock-document-items-section { border-color: #dce2ea; border-radius: .55rem; box-shadow: none; }
.fi-resource-stock-documents .stock-document-header-grid .fi-section-header,
.fi-resource-stock-documents .stock-document-items-section .fi-section-header { padding: .72rem .85rem .2rem; }
.fi-resource-stock-documents .stock-document-header-grid .fi-section-content-ctn,
.fi-resource-stock-documents .stock-document-items-section .fi-section-content-ctn { padding: .72rem .85rem .85rem; }
.fi-resource-stock-documents .stock-document-header-grid .fi-section-heading,
.fi-resource-stock-documents .stock-document-items-section .fi-section-heading { color: #1f2937; font-size: .88rem; font-weight: 800; }
.fi-resource-stock-documents .stock-document-items-section .fi-section-description { font-size: .7rem; }
.fi-resource-stock-documents .stock-document-header-grid .fi-fo-field-wrp-label,
.fi-resource-stock-documents .stock-document-items-section .fi-fo-field-wrp-label { margin-bottom: .22rem; font-size: .69rem; }
.fi-resource-stock-documents .stock-document-header-grid .fi-input-wrp,
.fi-resource-stock-documents .stock-document-items-section .fi-input-wrp { min-height: 2.2rem; border: 1px solid #cbd2dc; border-radius: .38rem; box-shadow: none; }
.fi-resource-stock-documents .stock-document-header-grid .fi-input-wrp:focus-within,
.fi-resource-stock-documents .stock-document-items-section .fi-input-wrp:focus-within { border-color: #3478f6; box-shadow: 0 0 0 1px #3478f6; }
.fi-resource-stock-documents .stock-document-header-grid input,
.fi-resource-stock-documents .stock-document-header-grid textarea,
.fi-resource-stock-documents .stock-document-items-section input,
.fi-resource-stock-documents .stock-document-items-section textarea { font-size: .76rem; }

.stock-document-items-table.fi-fo-table-repeater { overflow-x: auto; border-color: #dce2ea; border-radius: .45rem; }
.stock-document-items-table.fi-fo-table-repeater > table { min-width: 63rem; }
.stock-document-items-table.fi-fo-table-repeater thead { background: #f3f5f7; }
.stock-document-items-table.fi-fo-table-repeater th { padding: .5rem .55rem; color: #344054; font-size: .67rem; font-weight: 800; white-space: nowrap; }
.stock-document-items-table.fi-fo-table-repeater td { padding: .4rem .45rem; vertical-align: top; border-color: #e3e7ed; }
.stock-document-items-table.fi-fo-table-repeater tbody tr:hover { background: #f8fbff; }
.stock-document-items-table.fi-fo-table-repeater .fi-fo-field-wrp-label { display: none; }
.stock-document-items-table.fi-fo-table-repeater .fi-input-wrp { min-height: 2.05rem; }
.stock-document-items-table.fi-fo-table-repeater .fi-fo-placeholder { display: flex; min-height: 2.05rem; align-items: center; justify-content: flex-end; padding: 0 .45rem; color: #263247; font-size: .76rem; font-weight: 750; white-space: nowrap; }
.stock-document-items-table.fi-fo-table-repeater .fi-fo-table-repeater-add { justify-content: flex-start; padding: .5rem .55rem; border-top: 1px solid #e3e7ed; background: #fbfcfe; }
.stock-document-items-table.fi-fo-table-repeater .fi-fo-table-repeater-add .fi-btn { color: #1769d2; font-size: .74rem; font-weight: 750; }
.stock-document-live-totals { display: flex; min-height: 2.6rem; align-items: center; justify-content: flex-end; gap: 2rem; padding: .45rem .8rem; border-top: 1px solid #dce2ea; background: #f8fafc; color: #344054; font-size: .78rem; }
.stock-document-live-totals span { color: #697386; font-weight: 700; }
.stock-document-live-totals strong { min-width: 8rem; text-align: right; color: #172033; font-size: .88rem; font-weight: 850; }

.stock-product-create-drawer .fi-modal-heading { color: #172033; font-size: 1.25rem; font-weight: 850; }
.stock-product-create-drawer .fi-modal-content { background: #f6f8fb; }
.stock-product-create-drawer .fi-section { border-color: #dce2ea; border-radius: .55rem; box-shadow: none; }
.stock-product-create-drawer .fi-input-wrp { border: 1px solid #cbd2dc; box-shadow: none; }
.stock-product-create-drawer .fi-modal-footer { border-top: 1px solid #dce2ea; background: #fff; }

@media (max-width: 72rem) {
    .stock-documents-compact-toolbar { flex-wrap: wrap; }
    .stock-documents-compact-toolbar__search { flex-basis: 14rem; }
    .stock-documents-compact-toolbar__select { flex-basis: 12rem; }
}

@media (max-width: 48rem) {
    .fi-resource-stock-documents .fi-ta-header-ctn { align-items: stretch; flex-wrap: wrap; }
    .stock-documents-compact-toolbar { width: 100%; }
    .stock-documents-compact-toolbar__search,
    .stock-documents-compact-toolbar__select,
    .stock-documents-compact-toolbar__date { flex: 1 1 100%; }
    .stock-documents-compact-toolbar__export { margin-left: 0; }
    .stock-documents-bottom-summary { align-items: flex-start; flex-direction: column; gap: .2rem; }
    .stock-document-live-totals { align-items: flex-end; flex-direction: column; gap: .2rem; }
}

.repair-order-block { margin-bottom: 1rem; overflow: hidden; border: 1px solid #dfe5ed; border-radius: .8rem; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.repair-order-block > header { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border-bottom: 1px solid #e5eaf0; background: #fbfcfe; }
.repair-order-block > header > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .5rem; background: #eaf2ff; color: #2f80ed; font-size: .72rem; font-weight: 850; }
.repair-order-block h3 { color: #1e293b; font-size: .98rem; font-weight: 850; }
.repair-order-block header p { margin-top: .1rem; color: #8792a4; font-size: .68rem; }
.repair-order-grid { display: grid; padding: 1rem; gap: .7rem; }
.repair-order-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.repair-order-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.repair-order-grid dl { min-width: 0; padding: .68rem .75rem; border: 1px solid #e2e7ee; border-radius: .55rem; background: #fff; }
.repair-order-grid dt { margin-bottom: .28rem; color: #7b8798; font-size: .67rem; font-weight: 650; }
.repair-order-grid dd { overflow-wrap: anywhere; color: #273449; font-size: .84rem; font-weight: 680; white-space: pre-line; }
.repair-order-grid dd a { color: #2f80ed; }
.repair-order-grid__wide { grid-column: 1 / -1; }
.repair-order-grid--compact { padding-bottom: .25rem; }

.repair-order-items { margin: .25rem 1rem 1rem; overflow: hidden; border: 1px solid #e0e6ee; border-radius: .55rem; }
.repair-order-items__head, .repair-order-items__row { display: grid; grid-template-columns: minmax(12rem, 2fr) minmax(9rem, 1fr) 5rem 8rem; gap: .75rem; align-items: center; padding: .68rem .8rem; }
.repair-order-items__head { background: #f2f5f8; color: #68758a; font-size: .67rem; font-weight: 800; }
.repair-order-items__row { border-top: 1px solid #e7ebf0; color: #334155; font-size: .78rem; }
.repair-order-items__row > span:first-child { display: grid; gap: .15rem; }
.repair-order-items__row small { color: #8995a7; }
.repair-order-items__row > span:last-child { text-align: right; font-weight: 750; }
.repair-order-items__empty { padding: 1rem; color: #8792a4; text-align: center; font-size: .78rem; }

.repair-order-total { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-bottom: 1rem; }
.repair-order-total > div { display: grid; gap: .3rem; padding: .8rem; border: 1px solid #dce3ec; border-radius: .65rem; background: #fff; }
.repair-order-total span { color: #7b8798; font-size: .67rem; }
.repair-order-total strong { color: #263247; font-size: .91rem; }
.repair-order-total__accent { border-color: #9bc1fb !important; background: #edf5ff !important; }
.repair-order-total__accent strong { color: #1769d2; }
.repair-order-attachments { margin-bottom: 1rem; padding: 1rem; border: 1px solid #dce3ec; border-radius: .7rem; background: #fff; }
.repair-order-attachments h3 { margin-bottom: .65rem; font-size: .88rem; font-weight: 800; }
.repair-order-attachments > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.repair-order-attachments a { padding: .4rem .65rem; border-radius: .45rem; background: #eaf2ff; color: #1769d2; font-size: .75rem; font-weight: 700; }

.repair-order-history { min-width: 0; border-right: 1px solid #dce2ea; background: #fff; }
.repair-order-history > header { position: sticky; top: 0; z-index: 1; padding: 1.15rem 1rem; border-bottom: 1px solid #e2e7ed; background: #fff; }
.repair-order-history h3 { color: #172033; font-size: 1.15rem; font-weight: 850; }
.repair-order-history header p { margin-top: .2rem; color: #8792a4; font-size: .7rem; }
.repair-order-history > header .repair-status-pill { margin-top: .75rem; }
.repair-order-history__timeline { position: relative; padding: 1rem 1rem 1.5rem 2rem; }
.repair-order-history__timeline::before { position: absolute; top: 1rem; bottom: 1.5rem; left: 1rem; width: 2px; border-radius: 2px; background: #cfe0fb; content: ''; }
.repair-order-event { position: relative; display: grid; gap: .35rem; margin-bottom: .85rem; padding: .75rem; border: 1px solid #e1e7ef; border-radius: .65rem; background: #fff; }
.repair-order-event::before { position: absolute; top: 1rem; left: -1.35rem; width: .68rem; height: .68rem; border: 2px solid #fff; border-radius: 999px; background: #3478f6; box-shadow: 0 0 0 2px #9fc2f8; content: ''; }
.repair-order-event--comment { border-color: #b9ddce; background: #f3fbf7; }
.repair-order-event--comment::before { background: #00a86b; box-shadow: 0 0 0 2px #9dd9c3; }
.repair-order-event time { color: #8995a7; font-size: .65rem; }
.repair-order-event h4 { color: #263247; font-size: .79rem; font-weight: 800; }
.repair-order-event p { color: #475569; font-size: .73rem; line-height: 1.45; }
.repair-order-event small { color: #7d899a; font-size: .65rem; font-weight: 650; }
.repair-order-history__empty { color: #8792a4; font-size: .78rem; }

.repair-order-comments { min-width: 0; border-right: 1px solid #dce2ea; background: #f8fafc; }
.repair-order-comments > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; padding: 1.15rem 1rem; border-bottom: 1px solid #e2e7ed; background: #fff; }
.repair-order-comments h3 { color: #172033; font-size: 1.05rem; font-weight: 850; }
.repair-order-comments header p { margin-top: .2rem; color: #8792a4; font-size: .7rem; }
.repair-order-comments > header > span { display: grid; min-width: 1.7rem; height: 1.7rem; place-items: center; padding: 0 .4rem; border-radius: 999px; background: #daf5e8; color: #087a4e; font-size: .72rem; font-weight: 850; }
.repair-order-comments__list { display: grid; gap: .7rem; padding: 1rem; }
.repair-order-comment { padding: .8rem; border: 1px solid #b9ddce; border-radius: .65rem; background: #fff; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.repair-order-comment > header { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; margin-bottom: .45rem; }
.repair-order-comment strong { color: #087a4e; font-size: .75rem; font-weight: 800; }
.repair-order-comment time { flex: 0 0 auto; color: #8995a7; font-size: .62rem; }
.repair-order-comment p { overflow-wrap: anywhere; color: #334155; font-size: .76rem; line-height: 1.5; }
.repair-order-comments__empty { padding: 1rem; border: 1px dashed #cbd5e1; border-radius: .65rem; background: #fff; text-align: center; }
.repair-order-comments__empty strong { color: #475569; font-size: .78rem; }
.repair-order-comments__empty p { margin-top: .3rem; color: #8792a4; font-size: .68rem; line-height: 1.4; }

@media (max-width: 1200px) {
    .fi-resource-products .fi-header {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    .fi-resource-products .fi-header-actions-ctn,
    .fi-resource-products .fi-header-actions-ctn > .fi-ac {
        width: 100%;
        max-width: 100%;
    }

    .fi-resource-products .fi-header-actions-ctn > .fi-ac {
        flex-wrap: wrap;
        gap: .45rem;
    }
}

@media (max-width: 1100px) {
    .fi-resource-repair-orders .fi-ta-header-ctn { align-items: stretch; flex-direction: column; }
    .fi-resource-repair-orders .fi-ta-header-toolbar { flex: 0 0 auto; min-width: 0; width: 100%; }
    .repair-orders-compact-toolbar { width: 100%; }
    .repair-order-card { grid-template-columns: 1fr; }
    .repair-order-card__main { order: 1; }
    .repair-order-comments { order: 2; border-top: 1px solid #dce2ea; border-right: 0; }
    .repair-order-history { order: 3; border-top: 1px solid #dce2ea; border-right: 0; }
    .repair-order-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .repair-orders-compact-toolbar { align-items: stretch; flex-direction: column; gap: .45rem; }
    .repair-orders-compact-toolbar__actions .fi-btn { flex: 1 1 auto; justify-content: center; }
    .repair-intake-drawer .fi-modal-header { padding: .8rem 1rem .65rem; }
    .repair-intake-drawer .fi-modal-content { padding: .7rem 1rem !important; }
    .repair-intake-section .fi-grid { grid-template-columns: 1fr !important; }
    .repair-order-card__main { padding: .75rem; }
    .repair-order-grid--two, .repair-order-grid--three, .repair-order-total { grid-template-columns: 1fr; }
    .repair-order-items { overflow-x: auto; }
    .repair-order-items__head, .repair-order-items__row { min-width: 42rem; }
}

/* Finance */
.finance-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); gap: 1.5rem; max-width: 76rem; }
.finance-card { border: 1px solid #d9e1ec; border-radius: 1rem; background: #fff; padding: 1.5rem; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.finance-card.is-default { background: #edf7ff; border-color: #b9ddfb; }
.finance-card__title { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.finance-card__title h2 { font-size: 1.25rem; font-weight: 800; color: #172033; }
.finance-card__title p { color: #7b8799; font-size: .82rem; margin-top: .2rem; }
.finance-card__title > span { border-radius: 999px; background: #dbeafe; color: #2563eb; padding: .25rem .6rem; font-size: .72rem; font-weight: 700; }
.finance-card dl { display: grid; gap: .8rem; }
.finance-card dl > div { display: flex; justify-content: space-between; gap: 1rem; }
.finance-card dt { color: #475569; }.finance-card dd { font-weight: 650; color: #172033; }
.finance-card__total { border-top: 1px dashed #aab5c4; padding-top: .8rem; font-size: 1.05rem; }
.finance-card__actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-top: 1.3rem; }
.finance-ledger, .payroll-table, .report-table { margin-top: 1.5rem; border: 1px solid #dfe5ed; border-radius: .9rem; background: #fff; overflow: hidden; }
.finance-ledger h2 { padding: 1rem 1.25rem; font-size: 1.1rem; font-weight: 800; }
.finance-ledger__head, .finance-ledger__row { display: grid; grid-template-columns: 9rem 1fr 1.2fr 2fr 9rem; gap: 1rem; padding: .85rem 1.25rem; align-items: center; }
.finance-ledger__head { background: #f3f5f8; font-weight: 700; color: #596579; }
.finance-ledger__row { border-top: 1px solid #e8ecf1; font-size: .9rem; }
.finance-ledger__row strong { text-align: right; }.finance-empty { padding: 2rem; text-align: center; color: #8490a2; }

/* Payroll and reports */
.report-period-tabs { display: flex; gap: .35rem; flex-wrap: wrap; }
.report-period-tabs button { border-radius: .55rem; padding: .6rem 1rem; background: #eef1f5; color: #435069; font-weight: 700; }
.report-period-tabs button.is-active { background: #2f80ed; color: #fff; }
.payroll-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.payroll-row { display: grid; grid-template-columns: minmax(160px, 1.5fr) repeat(6, minmax(100px, 1fr)) minmax(170px, auto); gap: .85rem; padding: 1rem 1.25rem; align-items: center; border-top: 1px solid #e8ecf1; }
.payroll-head { background: #f3f5f8; border-top: 0; font-weight: 700; color: #596579; }
.payroll-total { padding: 1.25rem; text-align: right; background: #f8fafc; font-size: 1.1rem; }
.payroll-note { margin-top: 1rem; color: #718096; font-size: .88rem; }
.payroll-adjustments-summary { display: flex; flex-direction: column; gap: .2rem; }
.payroll-adjustments-summary em { color: #11845b; font-style: normal; font-weight: 700; }
.payroll-adjustments-summary small { color: #d14343; font-weight: 700; }
.payroll-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.payroll-details-button { padding: .52rem .72rem; border: 1px solid #c8d5e6; border-radius: .55rem; background: #fff; color: #1769d2; font-weight: 700; cursor: pointer; }
.payroll-details-button:hover { background: #eef5ff; border-color: #85b3f4; }
.payroll-details { padding: .75rem 1.25rem 1.15rem; background: #f8fbff; border-top: 1px solid #dce8f7; overflow-x: auto; }
.payroll-detail-row { display: grid; grid-template-columns: 130px 145px 120px minmax(200px, 1.4fr) minmax(200px, 1.2fr) 125px 115px; gap: .8rem; align-items: center; min-width: 1120px; padding: .75rem .8rem; border-bottom: 1px solid #e2e9f2; color: #334155; }
.payroll-detail-head { color: #64748b; font-size: .78rem; font-weight: 700; text-transform: uppercase; }
.payroll-detail-row small { color: #64748b; font-size: .82rem; }
.payroll-amount { text-align: right; }
.payroll-amount.is-positive { color: #11845b; }
.payroll-amount.is-negative { color: #d14343; }
.payroll-amount.is-payment { color: #1769d2; }
.report-filters { display: grid; grid-template-columns: auto repeat(5, minmax(9rem, 1fr)); gap: .8rem; align-items: end; padding: 1rem; border: 1px solid #dfe5ed; border-radius: .9rem; background: #fff; }
.report-filters label { display: grid; gap: .35rem; color: #68758a; font-size: .75rem; font-weight: 700; }
.report-filters input, .report-filters select { min-height: 2.5rem; border: 1px solid #d4dbe5; border-radius: .55rem; background: #fff; padding: .45rem .65rem; color: #172033; font-size: .88rem; }
.report-metrics { display: grid; grid-template-columns: repeat(5, minmax(10rem, 1fr)); gap: .8rem; margin-top: 1rem; }
.report-metrics article { display: grid; gap: .35rem; padding: 1rem; border: 1px solid #dfe5ed; border-radius: .8rem; background: #fff; }
.report-metrics span { color: #718096; font-size: .8rem; }.report-metrics strong { font-size: 1.35rem; color: #172033; }.report-metrics .is-profit { background: #ecfdf5; border-color: #a7f3d0; }
.report-row { display: grid; grid-template-columns: 9rem 10rem minmax(14rem, 2fr) 6rem 9rem 9rem 11rem; gap: 1rem; padding: .85rem 1rem; align-items: center; border-top: 1px solid #e8ecf1; font-size: .85rem; }
.report-head { background: #f3f5f8; border-top: 0; font-weight: 700; color: #596579; }.report-row small { display: block; color: #8490a2; margin-top: .15rem; }

@media (max-width: 1100px) {
    .report-filters { grid-template-columns: repeat(2, 1fr); }.report-period-tabs { grid-column: 1 / -1; }
    .report-metrics { grid-template-columns: repeat(2, 1fr); }
    .finance-ledger__table, .report-table { overflow-x: auto; }.finance-ledger__head, .finance-ledger__row { min-width: 55rem; }.report-row { min-width: 78rem; }
}
@media (max-width: 640px) {
    .finance-cards { grid-template-columns: 1fr; }.finance-card__actions { grid-template-columns: 1fr; }
    .payroll-row { grid-template-columns: 1fr 1fr; }.payroll-head { display: none; }
    .payroll-actions { grid-column: 1 / -1; }
    .report-metrics, .report-filters { grid-template-columns: 1fr; }
}

.fi-body {
    background: var(--app-canvas);
    color: var(--app-text);
}

.fi-topbar > nav,
.fi-topbar {
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid var(--app-border);
}

.fi-sidebar {
    background: #fff;
    border-right: 1px solid var(--app-border);
    box-shadow: none;
}

.fi-sidebar-header {
    min-height: 4rem;
    background: #fff;
    border-bottom: 1px solid var(--app-border);
    box-shadow: none;
}

.fi-sidebar-header a {
    color: var(--app-blue);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.fi-sidebar-header .fi-logo {
    width: auto;
    max-width: 12rem;
}

.rafa-brand {
    display: inline-flex;
    height: 2.75rem;
    align-items: center;
    gap: .65rem;
    color: #073566;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: .025em;
    white-space: nowrap;
}

.rafa-brand img {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 2.65rem;
    border-radius: .55rem;
    object-fit: cover;
    box-shadow: 0 0 0 1px #e1e7ef;
}

.fi-sidebar-nav {
    padding: 1rem .75rem;
}

.fi-sidebar-group-label {
    margin: 1rem .75rem .35rem;
    color: #98a2b3;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.fi-sidebar-item-button {
    min-height: 2.55rem;
    border-radius: .55rem;
    color: #475467;
    font-weight: 600;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-button {
    background: var(--app-blue-soft);
    color: var(--app-blue);
}

.fi-main {
    padding: 1.75rem 2rem 3rem;
}

.fi-header {
    gap: 1rem;
}

.fi-header-heading {
    color: var(--app-text);
    font-size: 2rem;
    font-weight: 750;
    letter-spacing: -.035em;
}

.fi-btn {
    border-radius: .55rem;
    box-shadow: none;
    font-weight: 650;
}

.fi-btn.fi-color-primary {
    background: var(--app-blue);
}

.fi-ta-ctn,
.fi-section {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--app-border);
    border-radius: .65rem;
    box-shadow: none;
}

.fi-ta-header,
.fi-ta-header-ctn {
    background: #fff;
    border-bottom-color: var(--app-border);
}

.fi-ta-table thead {
    background: #f4f6f8;
}

.fi-ta-table th {
    color: #475467;
    font-size: .78rem;
    font-weight: 700;
}

.fi-ta-table tr {
    border-bottom-color: #edf0f3;
}

.fi-ta-table tbody tr:hover {
    background: #f8fbff;
}

.fi-input-wrp {
    border: 1px solid #bfc8d6 !important;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%) !important;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.fi-input-wrp:hover {
    border-color: #98a6ba !important;
}

.fi-input-wrp:focus-within {
    border-color: #3478f6 !important;
    box-shadow: 0 0 0 3px rgb(52 120 246 / 14%) !important;
}

.fi-fo-field-wrp-error .fi-input-wrp {
    border-color: #e5484d !important;
    box-shadow: 0 0 0 3px rgb(229 72 77 / 10%) !important;
}

.fi-input-wrp:has(:disabled) {
    border-color: #d8dee8 !important;
    background: #f5f7fa;
}

.fi-badge {
    border-radius: .4rem;
    font-weight: 650;
}

@media (min-width: 1024px) {
    .fi-main {
        max-width: none;
    }
}

/* Point of sale */
.pos-shell {
    display: grid;
    grid-template-columns: minmax(36rem, 1fr) minmax(23rem, 27rem);
    gap: 1.25rem;
    min-height: calc(100vh - 12rem);
    color: #202939;
}

.pos-shift-bar {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-height: 4.65rem;
    padding: .85rem 1rem;
    border: 1px solid #dfe4ec;
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}

.pos-shift-bar.is-open {
    border-color: #b7dfcd;
    background: linear-gradient(110deg, #f3fbf7 0%, #fff 48%);
}

.pos-shift-bar.is-closed {
    border-color: #f0c9c5;
    background: linear-gradient(110deg, #fff6f5 0%, #fff 48%);
}

.pos-shift-status {
    display: flex;
    flex: 1;
    align-items: center;
    gap: .75rem;
    min-width: 15rem;
}

.pos-shift-status__dot {
    width: .75rem;
    height: .75rem;
    flex: 0 0 auto;
    border: 3px solid #fff;
    border-radius: 999px;
    background: #d3463f;
    box-shadow: 0 0 0 2px #f2aaa5;
}

.pos-shift-bar.is-open .pos-shift-status__dot {
    background: #14956a;
    box-shadow: 0 0 0 2px #9ed8c2;
}

.pos-shift-status div {
    display: grid;
    gap: .18rem;
}

.pos-shift-status strong {
    color: #1f2937;
    font-size: .92rem;
}

.pos-shift-status small {
    color: #667085;
    font-size: .73rem;
}

.pos-shift-metrics {
    display: flex;
    align-items: stretch;
    border: 1px solid #e1e6ee;
    border-radius: .6rem;
    background: rgb(255 255 255 / 78%);
}

.pos-shift-metrics > span {
    display: grid;
    min-width: 7.5rem;
    gap: .1rem;
    padding: .45rem .75rem;
    border-right: 1px solid #e7ebf1;
}

.pos-shift-metrics > span:last-child {
    min-width: 10.5rem;
    border-right: 0;
}

.pos-shift-metrics small {
    color: #7a8699;
    font-size: .64rem;
}

.pos-shift-metrics strong {
    color: #24324a;
    font-size: .78rem;
}

.pos-shift-action {
    min-width: 8.5rem;
    padding: .68rem 1rem;
    border: 1px solid #2f73df;
    border-radius: .55rem;
    background: #3478f6;
    color: #fff;
    font-size: .77rem;
    font-weight: 750;
    box-shadow: 0 3px 8px rgb(52 120 246 / 18%);
}

.pos-shift-actions {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.pos-x-report-action {
    min-width: 6.5rem;
    padding: .68rem .9rem;
    border: 1px solid #9bb9ec;
    border-radius: .55rem;
    background: #eef5ff;
    color: #245eb8;
    font-size: .77rem;
    font-weight: 750;
}

.pos-x-report-action:hover:not(:disabled) {
    border-color: #3478f6;
    background: #e2eeff;
}

.pos-day-summary-action {
    min-width: 7rem;
    padding: .68rem .9rem;
    border: 1px solid #b9c3d2;
    border-radius: .55rem;
    background: #fff;
    color: #344054;
    font-size: .77rem;
    font-weight: 750;
}

.pos-day-summary-action:hover {
    border-color: #7b8ca5;
    background: #f8fafc;
}

.pos-x-report-action:disabled,
.pos-shift-dialog button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.pos-shift-action:hover {
    background: #2868dd;
}

.pos-shift-action.is-close {
    border-color: #d7dde7;
    background: #fff;
    color: #344054;
    box-shadow: none;
}

.pos-shift-action.is-close:hover {
    border-color: #e4938d;
    background: #fff7f6;
    color: #b8322c;
}

.pos-catalog-card,
.pos-receipt-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe4ec;
    border-radius: .75rem;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}

.pos-catalog-card {
    align-self: start;
}

.pos-catalog-toolbar {
    display: flex;
    align-items: end;
    gap: 1rem;
    padding: 1rem 1rem .75rem;
}

.pos-search {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 18rem;
    height: 2.85rem;
    overflow: hidden;
    border: 1px solid #cfd6e1;
    border-radius: .55rem;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}

.pos-search:focus-within {
    border-color: #4f8ef7;
    box-shadow: 0 0 0 3px rgb(47 128 237 / 12%);
}

.pos-search svg {
    width: 1.2rem;
    margin-left: .8rem;
    fill: none;
    stroke: #98a2b3;
    stroke-linecap: round;
    stroke-width: 2;
}

.pos-search input {
    min-width: 0;
    flex: 1;
    height: 100%;
    padding: 0 .65rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #202939;
    font-size: .9rem;
}

.pos-search button {
    align-self: stretch;
    padding: 0 .9rem;
    border-left: 1px solid #e4e7ec;
    background: #f8fafc;
    color: #2f80ed;
    font-size: .78rem;
    font-weight: 700;
}

.pos-warehouse-select,
.pos-group-select {
    display: grid;
    gap: .25rem;
    min-width: 10rem;
}

.pos-warehouse-select span,
.pos-group-select span,
.pos-receipt-fields label > span {
    color: #667085;
    font-size: .7rem;
    font-weight: 650;
}

.pos-warehouse-select select,
.pos-group-select select,
.pos-receipt-fields select,
.pos-receipt-fields input {
    width: 100%;
    height: 2.45rem;
    padding: 0 .7rem;
    border: 1px solid #d5dae3;
    border-radius: .5rem;
    outline: none;
    background: #fff;
    color: #344054;
    font-size: .8rem;
}

.pos-tabs {
    display: flex;
    gap: 1.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid #e4e7ec;
}

.pos-tabs button {
    position: relative;
    padding: .7rem .05rem .8rem;
    color: #475467;
    font-size: .84rem;
    font-weight: 600;
}

.pos-tabs button.is-active {
    color: #202939;
    font-weight: 750;
}

.pos-tabs button.is-active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: #4285f4;
    content: '';
}

.pos-products {
    min-height: 32rem;
}

.pos-product-head,
.pos-product-row {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) 6rem 8.5rem 2.5rem;
    align-items: center;
    column-gap: .75rem;
}

.pos-product-head {
    min-height: 3rem;
    padding: 0 1rem;
    background: #f4f6f8;
    color: #475467;
    font-size: .75rem;
    font-weight: 700;
}

.pos-product-head span:nth-child(n+2),
.pos-stock,
.pos-product-price {
    text-align: right;
}

.pos-product-list {
    position: relative;
    max-height: calc(100vh - 20.25rem);
    min-height: 28rem;
    overflow-y: auto;
}

.pos-product-list.is-loading {
    opacity: .55;
}

.pos-product-row {
    width: 100%;
    min-height: 4.15rem;
    padding: .6rem 1rem;
    border-bottom: 1px solid #edf0f3;
    background: #fff;
    text-align: left;
    transition: background-color .12s;
}

.pos-product-row:hover {
    background: #f5f9ff;
}

.pos-product-row:active {
    background: #eaf2ff;
}

.pos-product-name {
    min-width: 0;
}

.pos-product-name strong,
.pos-product-name small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-product-name strong {
    color: #29364b;
    font-size: .85rem;
    font-weight: 600;
}

.pos-product-name small {
    margin-top: .22rem;
    color: #7b8493;
    font-size: .72rem;
}

.pos-stock {
    color: #3b4758;
    font-size: .78rem;
}

.pos-stock.is-empty {
    color: #f04438;
}

.pos-product-price {
    color: #29364b;
    font-size: .85rem;
    font-weight: 650;
}

.pos-add-product {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: .45rem;
    background: #edf4ff;
    color: #2f80ed;
    font-size: 1.25rem;
    font-weight: 500;
}

.pos-no-products {
    display: grid;
    min-height: 24rem;
    place-content: center;
    gap: .35rem;
    padding: 2rem;
    color: #667085;
    text-align: center;
}

.pos-no-products span {
    color: #98a2b3;
    font-size: .8rem;
}

.pos-receipt-card {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    align-self: start;
    min-height: calc(100vh - 12rem);
}

.pos-receipt-header {
    display: flex;
    min-height: 3.6rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
    border-bottom: 1px solid #e4e7ec;
    background: #f7f8fa;
}

.pos-receipt-header > div {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.pos-receipt-header strong {
    font-size: 1rem;
}

.pos-receipt-header small {
    display: grid;
    min-width: 1.4rem;
    height: 1.4rem;
    place-items: center;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #e8edf5;
    color: #475467;
    font-size: .68rem;
}

.pos-receipt-header a {
    color: #2f80ed;
    font-size: .72rem;
    font-weight: 650;
}

.pos-receipt-icon {
    color: #475467;
    font-size: 1.15rem;
}

.pos-last-sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: .75rem .75rem 0;
    padding: .7rem .8rem;
    border: 1px solid #abefc6;
    border-radius: .55rem;
    background: #ecfdf3;
}

.pos-last-sale div,
.pos-last-sale strong,
.pos-last-sale span {
    display: block;
}

.pos-last-sale strong {
    color: #067647;
    font-size: .75rem;
}

.pos-last-sale span {
    margin-top: .15rem;
    color: #3e7560;
    font-size: .65rem;
}

.pos-last-sale a {
    color: #067647;
    font-size: .7rem;
    font-weight: 700;
}

.pos-empty-receipt {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 22rem;
    padding: 2rem;
    color: #98a2b3;
    text-align: center;
}

.pos-empty-receipt strong {
    margin-top: .8rem;
    color: #667085;
    font-size: .88rem;
}

.pos-empty-receipt > span {
    max-width: 16rem;
    margin-top: .45rem;
    font-size: .76rem;
    line-height: 1.5;
}

.pos-scanner-picture {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border-radius: 50%;
    background: #f4f6f8;
}

.pos-scanner-picture svg {
    width: 2.4rem;
    fill: #aeb6c2;
}

.pos-cart-list {
    flex: 1;
    max-height: calc(100vh - 30rem);
    min-height: 12rem;
    overflow-y: auto;
}

.pos-cart-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto 1.25rem;
    align-items: center;
    gap: .6rem;
    padding: .8rem .85rem;
    border-bottom: 1px solid #edf0f3;
}

.pos-cart-line-main {
    min-width: 0;
}

.pos-cart-line-main .pos-line-promo {
    color: #155e75;
    margin-top: .2rem;
    font-size: .64rem;
    line-height: 1.2;
}

.pos-cart-line-main strong,
.pos-cart-line-main small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-cart-line-main strong {
    color: #29364b;
    font-size: .76rem;
    font-weight: 650;
}

.pos-cart-line-main small {
    margin-top: .2rem;
    color: #8a94a3;
    font-size: .65rem;
}

.pos-cart-line-main .pos-line-serial-button {
    margin-top: .45rem;
    border: 1px solid #93c5fd;
    border-radius: .45rem;
    background: #eff6ff;
    padding: .35rem .55rem;
    color: #1d4ed8;
    font-size: .68rem;
    font-weight: 700;
}

.pos-cart-line-main .pos-line-serial-button:disabled {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
    cursor: default;
}

.pos-quantity-control {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #d9dee7;
    border-radius: .45rem;
}

.pos-quantity-control button,
.pos-quantity-control span {
    display: grid;
    width: 1.65rem;
    height: 1.75rem;
    place-items: center;
    color: #344054;
    font-size: .74rem;
}

.pos-quantity-control button {
    background: #f8fafc;
    font-size: 1rem;
}

.pos-line-total {
    min-width: 4.7rem;
    color: #29364b;
    font-size: .73rem;
    text-align: right;
}

.pos-line-total > span {
    display: block;
    margin-bottom: .12rem;
    color: #98a2b3;
    font-size: .56rem;
    font-weight: 600;
}

.pos-line-pricing {
    text-align: right;
    display: grid;
    justify-items: end;
    gap: .28rem;
}

.pos-unit-price,
.pos-line-discount {
    display: grid;
    justify-items: end;
    gap: .12rem;
}

.pos-unit-price > span,
.pos-line-discount > span {
    color: #667085;
    font-size: .56rem;
    font-weight: 650;
}

.pos-unit-price input,
.pos-line-discount input {
    width: 6.6rem;
    height: 2rem;
    padding: .25rem .45rem;
    border: 1px solid #aeb9c9;
    border-radius: .42rem;
    outline: none;
    background: #fff;
    color: #172033;
    font-size: .76rem;
    font-weight: 750;
    text-align: right;
}

.pos-unit-price input:hover,
.pos-line-discount input:hover {
    border-color: #78a7ef;
}

.pos-unit-price input:focus,
.pos-line-discount input:focus {
    border-color: #3478f6;
    box-shadow: 0 0 0 3px rgb(52 120 246 / 14%);
}

.pos-line-discount input {
    border-color: #f6c58e;
    background: #fffaf3;
}

.pos-line-pricing small {
    color: #d92d20;
    font-size: .63rem;
}

.pos-remove-line {
    color: #98a2b3;
    font-size: 1.15rem;
}

.pos-remove-line:hover {
    color: #f04438;
}

.pos-receipt-footer {
    margin-top: auto;
    border-top: 1px solid #e4e7ec;
    background: #fff;
}

.pos-receipt-fields {
    display: grid;
    gap: .65rem;
    padding: .85rem;
    background: #fafbfc;
}

.pos-promotion-reminders {
    margin: .45rem;
    border: 1px solid #fde68a;
    border-radius: .55rem;
    padding: .6rem .7rem;
    background: #fffbeb;
    color: #9a5d00;
    font-size: .68rem;
}

.pos-promotion-reminders header {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .35rem;
    color: #b54708;
    font-weight: 700;
}

.pos-promotion-reminders h3 {
    margin: 0;
    font-size: .74rem;
}

.pos-promotion-reminders ul {
    margin: 0;
    padding-left: 1.05rem;
}

.pos-promotion-reminders li {
    margin: .18rem 0;
}

.pos-receipt-fields label {
    display: grid;
    gap: .25rem;
}

.pos-payment-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: .6rem;
}

.pos-payment-choice-hint {
    display: grid;
    gap: .22rem;
    align-content: center;
    min-height: 2.55rem;
    padding: .45rem .62rem;
    border: 1px solid #d8e4f5;
    border-radius: .55rem;
    background: #f5f9ff;
}

.pos-payment-choice-hint span {
    color: #667085;
    font-size: .65rem;
}

.pos-payment-choice-hint strong {
    color: #285eaa;
    font-size: .72rem;
}

.pos-totals {
    display: grid;
    gap: .35rem;
    padding: .75rem .85rem .55rem;
}

.pos-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #667085;
    font-size: .75rem;
}

.pos-totals strong {
    color: #344054;
}

.pos-totals .pos-discount,
.pos-totals .pos-discount strong {
    color: #d92d20;
}

.pos-totals .pos-grand-total {
    margin-top: .2rem;
    padding-top: .55rem;
    border-top: 1px dashed #d9dee7;
    color: #202939;
    font-size: .92rem;
    font-weight: 750;
}

.pos-grand-total strong {
    color: #202939;
    font-size: 1.15rem;
}

.pos-checkout-actions {
    display: grid;
    grid-template-columns: 5.5rem 1fr;
    gap: .55rem;
    padding: .55rem .85rem .85rem;
}

.pos-clear-button,
.pos-checkout-button {
    min-height: 3rem;
    border-radius: .55rem;
    font-size: .82rem;
    font-weight: 700;
}

.pos-clear-button {
    background: #f0f2f5;
    color: #475467;
}

.pos-checkout-button {
    background: #2f80ed;
    color: #fff;
}

.pos-clear-button:disabled,
.pos-checkout-button:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.pos-shift-dialog-backdrop {
    position: fixed;
    z-index: 70;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgb(15 23 42 / 48%);
    backdrop-filter: blur(2px);
}

.pos-summary-drawer-backdrop {
    position: fixed;
    z-index: 72;
    inset: 0;
    background: rgb(15 23 42 / 46%);
    backdrop-filter: blur(1px);
}

.pos-summary-drawer {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: min(100%, 34rem);
    height: 100%;
    flex-direction: column;
    background: #f7f9fc;
    box-shadow: -20px 0 55px rgb(15 23 42 / 20%);
}

.pos-summary-drawer > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.4rem;
    border-bottom: 1px solid #dfe5ed;
    background: #fff;
}

.pos-summary-drawer > header span {
    color: #3478f6;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pos-summary-drawer > header h2 {
    margin: .15rem 0 .2rem;
    color: #172033;
    font-size: 1.35rem;
    font-weight: 800;
}

.pos-summary-drawer > header small {
    color: #7a8699;
    font-size: .72rem;
}

.pos-summary-drawer > header button {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d8dee9;
    border-radius: .55rem;
    background: #fff;
    color: #475467;
    font-size: 1.35rem;
}

.pos-summary-drawer__body {
    display: grid;
    align-content: start;
    gap: .85rem;
    overflow-y: auto;
    padding: 1.1rem 1.3rem;
}

.pos-summary-card {
    overflow: hidden;
    border: 1px solid #dfe5ed;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 2px 9px rgb(15 23 42 / 5%);
}

.pos-summary-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid #e8ecf2;
    color: #202b40;
    font-size: .85rem;
}

.pos-summary-card__heading b {
    font-size: .9rem;
}

.pos-summary-card dl {
    margin: 0;
    padding: .55rem 1rem;
}

.pos-summary-card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .38rem 0;
    color: #475467;
    font-size: .76rem;
}

.pos-summary-card dt,
.pos-summary-card dd {
    margin: 0;
}

.pos-summary-card dd {
    color: #202b40;
    font-weight: 700;
    text-align: right;
}

.pos-summary-card.is-cash {
    border-color: #b9dfcf;
}

.pos-summary-card.is-cash .pos-summary-card__heading {
    background: #f2fbf6;
    color: #08724d;
}

.pos-summary-drawer > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding: 1rem 1.3rem;
    border-top: 1px solid #dfe5ed;
    background: #fff;
}

.pos-summary-drawer > footer span {
    color: #7a8699;
    font-size: .68rem;
}

.pos-summary-drawer > footer button {
    min-width: 6.5rem;
    padding: .65rem .9rem;
    border: 1px solid #2868dd;
    border-radius: .55rem;
    background: #3478f6;
    color: #fff;
    font-size: .77rem;
    font-weight: 750;
}

.pos-shift-dialog {
    width: min(100%, 30rem);
    overflow: hidden;
    border: 1px solid #d8dee9;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 24px 70px rgb(15 23 42 / 24%);
}

.pos-shift-dialog.is-wide {
    width: min(100%, 38rem);
}

.pos-payment-dialog-backdrop {
    position: fixed;
    z-index: 74;
    inset: 0;
    background: rgb(15 23 42 / 48%);
    backdrop-filter: blur(2px);
}

.pos-payment-dialog {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: min(100%, 35rem);
    height: 100%;
    overflow: auto;
    flex-direction: column;
    border-left: 1px solid #d8dee9;
    background: #fff;
    box-shadow: -20px 0 55px rgb(15 23 42 / 24%);
    animation: pos-payment-drawer-in .18s ease-out;
}

@keyframes pos-payment-drawer-in {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.pos-payment-dialog > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.3rem 1.4rem 1rem;
    border-bottom: 1px solid #e7ebf1;
}

.pos-payment-dialog > header h2 {
    margin: .18rem 0 .25rem;
    color: #172033;
    font-size: 1.18rem;
    font-weight: 800;
}

.pos-payment-dialog > header p {
    max-width: 29rem;
    margin: 0;
    color: #667085;
    font-size: .76rem;
    line-height: 1.45;
}

.pos-payment-dialog__total {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: .15rem 1rem;
    padding: 1rem 1.4rem;
    border-bottom: 1px solid #e7ebf1;
    background: #f7faff;
}

.pos-payment-dialog__total span {
    color: #667085;
    font-size: .72rem;
    font-weight: 700;
}

.pos-payment-dialog__total strong {
    grid-row: span 2;
    color: #172033;
    font-size: 1.55rem;
    font-weight: 850;
}

.pos-payment-dialog__total small {
    color: #b54708;
    font-size: .67rem;
}

.pos-payment-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: 1rem 1.4rem 1.2rem;
    overflow-y: auto;
}

.pos-payment-options > button {
    display: grid;
    grid-template-columns: 2.65rem 1fr;
    align-items: center;
    gap: .72rem;
    min-height: 4.5rem;
    padding: .72rem .8rem;
    border: 1px solid #d8dee9;
    border-radius: .72rem;
    background: #fff;
    color: #25324a;
    text-align: left;
    transition: border-color .15s, background-color .15s, transform .15s;
}

.pos-payment-options > button:hover {
    border-color: #78a7ef;
    background: #f5f9ff;
    transform: translateY(-1px);
}

.pos-payment-options > button:disabled {
    cursor: wait;
    opacity: .55;
}

.pos-payment-options > button.is-mixed {
    grid-column: 1 / -1;
    border-color: #b8d2f7;
    background: #f3f7ff;
}

.pos-payment-options > button.is-credit {
    border-color: #ecd39e;
    background: #fffaf0;
}

.pos-payment-option__icon {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 50%;
    background: #eaf2ff;
    color: #2868dd;
    font-size: .9rem;
    font-weight: 850;
}

.is-cash .pos-payment-option__icon {
    background: #eaf8ef;
    color: #08724d;
}

.is-credit .pos-payment-option__icon {
    background: #fff0cc;
    color: #9a5d00;
}

.pos-payment-options strong,
.pos-payment-options small {
    display: block;
}

.pos-payment-options strong {
    font-size: .79rem;
    font-weight: 780;
}

.pos-payment-options small {
    margin-top: .18rem;
    color: #7a8699;
    font-size: .64rem;
    line-height: 1.3;
}

.pos-mixed-payment {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.4rem 1.25rem;
}

.pos-mixed-payment__back {
    justify-self: start;
    color: #2868dd;
    font-size: .7rem;
    font-weight: 750;
}

.pos-mixed-payment__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.pos-mixed-payment__fields > label,
.pos-mixed-payment__fields > div {
    display: grid;
    gap: .35rem;
    align-content: center;
    min-height: 6rem;
    padding: .8rem;
    border: 1px solid #d8dee9;
    border-radius: .7rem;
    background: #fff;
}

.pos-mixed-payment__fields span {
    color: #667085;
    font-size: .68rem;
    font-weight: 700;
}

.pos-mixed-payment__fields input {
    width: 100%;
    min-height: 2.55rem;
    padding: .55rem .65rem;
    border: 1px solid #aeb9c9;
    border-radius: .52rem;
    outline: none;
    color: #172033;
    font-size: 1rem;
    font-weight: 780;
}

.pos-mixed-payment__fields input:focus {
    border-color: #3478f6;
    box-shadow: 0 0 0 3px rgb(52 120 246 / 14%);
}

.pos-mixed-payment__fields strong {
    color: #172033;
    font-size: 1.15rem;
}

.pos-mixed-payment__fields small {
    color: #7a8699;
    font-size: .62rem;
}

.pos-mixed-payment__submit {
    min-height: 3rem;
    border-radius: .6rem;
    background: #3478f6;
    color: #fff;
    font-size: .78rem;
    font-weight: 780;
}

.pos-payment-dialog > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1.4rem;
    border-top: 1px solid #e7ebf1;
    background: #f9fafb;
    margin-top: auto;
}

.pos-payment-dialog > footer span {
    color: #7a8699;
    font-size: .64rem;
}

.pos-payment-dialog > footer button {
    flex: 0 0 auto;
    padding: .55rem .8rem;
    border: 1px solid #cfd6e1;
    border-radius: .5rem;
    background: #fff;
    color: #475467;
    font-size: .7rem;
    font-weight: 700;
}

.pos-shift-dialog > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.4rem 1.1rem;
    border-bottom: 1px solid #e7ebf1;
}

.pos-shift-dialog > header h2 {
    margin: .18rem 0 .25rem;
    color: #172033;
    font-size: 1.15rem;
    font-weight: 780;
}

.pos-shift-dialog > header p {
    margin: 0;
    color: #667085;
    font-size: .78rem;
}

.pos-shift-dialog__eyebrow {
    color: #3478f6;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.pos-shift-dialog__close {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #dce2eb;
    border-radius: .5rem;
    background: #fff;
    color: #667085;
    font-size: 1.25rem;
    line-height: 1;
}

.pos-shift-dialog__field {
    display: grid;
    gap: .38rem;
    margin: 1.15rem 1.4rem;
}

.pos-shift-dialog__field > span {
    color: #344054;
    font-size: .75rem;
    font-weight: 700;
}

.pos-shift-dialog__field > small {
    color: #7a8699;
    font-size: .68rem;
}

.pos-shift-dialog__field input,
.pos-shift-dialog__field textarea {
    width: 100%;
    min-height: 2.7rem;
    padding: .62rem .75rem;
    border: 1px solid #bfc8d6;
    border-radius: .6rem;
    outline: none;
    background: #fff;
    color: #172033;
    font-size: .88rem;
    transition: border-color .15s, box-shadow .15s;
}

.pos-shift-dialog__field input:focus,
.pos-shift-dialog__field textarea:focus {
    border-color: #3478f6;
    box-shadow: 0 0 0 3px rgb(52 120 246 / 14%);
}

.pos-shift-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin: 1.1rem 1.4rem 0;
}

.pos-shift-summary-grid > div {
    display: grid;
    gap: .2rem;
    padding: .65rem .7rem;
    border: 1px solid #e1e6ee;
    border-radius: .65rem;
    background: #f8fafc;
}

.pos-shift-summary-grid span {
    color: #7a8699;
    font-size: .63rem;
}

.pos-shift-summary-grid strong {
    color: #25324a;
    font-size: .76rem;
}

.pos-shift-variance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -.25rem 1.4rem .25rem;
    padding: .65rem .8rem;
    border: 1px solid;
    border-radius: .6rem;
    font-size: .76rem;
}

.pos-shift-variance.is-ok {
    border-color: #b9e2cf;
    background: #f2fbf6;
    color: #08724d;
}

.pos-shift-variance.is-alert {
    border-color: #f0c0bb;
    background: #fff5f4;
    color: #b8322c;
}

.pos-shift-fiscal-notice {
    display: grid;
    gap: .18rem;
    margin: .85rem 1.4rem .25rem;
    padding: .7rem .8rem;
    border: 1px solid;
    border-radius: .6rem;
}

.pos-shift-fiscal-notice strong {
    font-size: .75rem;
}

.pos-shift-fiscal-notice span {
    font-size: .68rem;
    line-height: 1.4;
}

.pos-shift-fiscal-notice.is-ready {
    border-color: #b8d2f7;
    background: #f3f7ff;
    color: #245aa8;
}

.pos-shift-fiscal-notice.is-warning {
    border-color: #f0c68c;
    background: #fff9ed;
    color: #975a16;
}

.pos-shift-dialog > footer {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    padding: 1rem 1.4rem;
    border-top: 1px solid #e7ebf1;
    background: #f9fafb;
}

.pos-shift-dialog__cancel,
.pos-shift-dialog__submit {
    min-width: 7.5rem;
    padding: .65rem .9rem;
    border-radius: .55rem;
    font-size: .77rem;
    font-weight: 750;
}

.pos-shift-dialog__cancel {
    border: 1px solid #cfd6e1;
    background: #fff;
    color: #475467;
}

.pos-shift-dialog__submit {
    border: 1px solid #2868dd;
    background: #3478f6;
    color: #fff;
}

.pos-shift-dialog__submit.is-danger {
    border-color: #c73832;
    background: #d94841;
}

@media (max-width: 1280px) {
    .pos-shell {
        grid-template-columns: minmax(32rem, 1fr) minmax(21rem, 24rem);
    }

    .pos-catalog-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-warehouse-select,
    .pos-group-select {
        min-width: 0;
    }

    .pos-shift-bar {
        flex-wrap: wrap;
    }

    .pos-shift-metrics {
        order: 3;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .pos-shell {
        display: block;
    }

    .pos-shift-bar {
        display: flex;
        margin-bottom: 1rem;
    }

    .pos-receipt-card {
        position: static;
        min-height: 36rem;
        margin-top: 1rem;
    }

    .pos-product-list,
    .pos-cart-list {
        max-height: 34rem;
    }
}

@media (max-width: 640px) {
    .fi-main {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .pos-search {
        min-width: 0;
    }

    .pos-search button {
        display: none;
    }

    .pos-tabs {
        gap: 1rem;
        overflow-x: auto;
    }

    .pos-tabs button {
        flex: none;
    }

    .pos-product-head,
    .pos-product-row {
        grid-template-columns: minmax(10rem, 1fr) 4rem 5.8rem 2rem;
        column-gap: .4rem;
    }

    .pos-product-head,
    .pos-product-row {
        padding-right: .65rem;
        padding-left: .65rem;
    }

    .pos-cart-line {
        grid-template-columns: minmax(0, 1fr) auto 1.25rem;
    }

    .pos-line-total {
        grid-column: 1 / 2;
        grid-row: 2;
        text-align: left;
    }

    .pos-shift-metrics {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pos-shift-metrics > span,
    .pos-shift-metrics > span:last-child {
        min-width: 0;
        border-right: 0;
        border-bottom: 1px solid #e7ebf1;
    }

    .pos-shift-metrics > span:last-child {
        border-bottom: 0;
    }

    .pos-shift-action {
        width: 100%;
    }

    .pos-shift-actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .pos-x-report-action {
        width: 100%;
    }

    .pos-day-summary-action {
        width: 100%;
    }

    .pos-shift-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Product and service group quick access */
.product-catalog-layout {
    align-items: start;
    gap: 1rem;
}

.product-group-sidebar {
    position: sticky;
    top: 1rem;
    overflow: hidden;
    min-height: 26rem;
    border: 1px solid #dfe4ec;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
}

.product-group-sidebar__header {
    display: flex;
    min-height: 3.15rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 .85rem;
    border-bottom: 1px solid #e5e9f0;
    background: #f7f8fa;
}

.product-group-sidebar__header strong {
    color: #344054;
    font-size: .82rem;
    font-weight: 750;
}

.product-group-sidebar__header a {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: .4rem;
    background: #eaf2ff;
    color: #2f80ed;
    font-size: 1.2rem;
    line-height: 1;
}

.product-group-sidebar__search {
    display: flex;
    height: 2.55rem;
    align-items: center;
    margin: .75rem;
    border: 1px solid #d9dee7;
    border-radius: .48rem;
    background: #fff;
}

.product-group-sidebar__search:focus-within {
    border-color: #4f8ef7;
    box-shadow: 0 0 0 3px rgb(47 128 237 / 10%);
}

.product-group-sidebar__search svg {
    width: 1rem;
    margin-left: .65rem;
    fill: none;
    stroke: #98a2b3;
    stroke-linecap: round;
    stroke-width: 2;
}

.product-group-sidebar__search input {
    min-width: 0;
    flex: 1;
    height: 100%;
    padding: 0 .55rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #344054;
    font-size: .74rem;
}

.product-group-list {
    max-height: calc(100vh - 22rem);
    min-height: 17rem;
    overflow-y: auto;
    padding: 0 .45rem .55rem;
}

.product-group-list > button {
    display: flex;
    width: 100%;
    min-height: 2.25rem;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .4rem .6rem .4rem calc(.6rem + var(--group-level, 0) * .8rem);
    border-radius: .45rem;
    color: #475467;
    text-align: left;
    transition: background-color .12s, color .12s;
}

.product-group-list > button:hover {
    background: #f4f7fb;
    color: #344054;
}

.product-group-list > button.is-active {
    background: #e8f1ff;
    color: #1d6fdc;
    font-weight: 700;
}

.product-group-list > button > span {
    min-width: 0;
    overflow: hidden;
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-group-list > button i {
    margin-right: .15rem;
    color: #98a2b3;
    font-style: normal;
}

.product-group-list > button em {
    color: #8a6d3b;
    font-size: .68rem;
    font-style: normal;
    font-weight: 500;
}

.product-group-list > button small {
    display: grid;
    min-width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    padding: 0 .3rem;
    border-radius: 999px;
    background: #eef1f5;
    color: #667085;
    font-size: .62rem;
    font-weight: 700;
}

.product-group-list > button.is-active small {
    background: #fff;
    color: #1d6fdc;
}

.product-group-list__empty {
    display: grid;
    place-items: center;
    gap: .35rem;
    padding: 2rem .75rem;
    color: #98a2b3;
    font-size: .72rem;
    text-align: center;
}

.product-group-list__empty a {
    color: #2f80ed;
    font-weight: 650;
}

.product-group-sidebar__manage {
    display: block;
    padding: .75rem .85rem;
    border-top: 1px solid #e5e9f0;
    background: #fafbfc;
    color: #2f80ed;
    font-size: .7rem;
    font-weight: 650;
    text-align: center;
}

@media (max-width: 1279px) {
    .product-group-sidebar {
        position: static;
        min-height: 0;
    }

    .product-group-list {
        display: flex;
        max-height: none;
        min-height: 0;
        gap: .35rem;
        overflow-x: auto;
        padding: 0 .65rem .75rem;
    }

    .product-group-list > button {
        width: auto;
        flex: none;
        padding-left: .65rem;
    }
}

.employee-chat { display: grid; grid-template-columns: 320px minmax(0, 1fr); min-height: calc(100vh - 12rem); overflow: hidden; border: 1px solid #d9e2ef; border-radius: 18px; background: #fff; box-shadow: 0 14px 40px rgb(15 23 42 / 6%); }
.employee-chat__sidebar { overflow-y: auto; border-right: 1px solid #e5eaf1; background: #f8fafc; }
.employee-chat__sidebar-title { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 12px; color: #0f172a; font-size: 17px; font-weight: 800; }
.employee-chat__sound { padding: 5px 8px; border-radius: 9px; background: #e8f1ff; }
.employee-chat__thread { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 11px; width: calc(100% - 16px); margin: 4px 8px; padding: 11px; border-radius: 13px; text-align: left; }
.employee-chat__thread:hover, .employee-chat__thread.is-active { background: #e8f1ff; }
.employee-chat__avatar { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #3478f6; color: #fff; font-weight: 800; }
.employee-chat__thread-copy { min-width: 0; }
.employee-chat__thread-copy strong, .employee-chat__thread-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-chat__thread-copy small { margin-top: 3px; color: #7b8798; }
.employee-chat__badge { min-width: 22px; padding: 2px 6px; border-radius: 99px; background: #3478f6; color: #fff; font-size: 12px; text-align: center; }
.employee-chat__main { display: flex; min-width: 0; flex-direction: column; background: linear-gradient(180deg, #f5f8fd 0%, #fff 42%); }
.employee-chat__ai-notice { display: flex; gap: 10px; align-items: center; padding: 10px 18px; border-bottom: 1px solid #dbeafe; background: #eff6ff; color: #53637c; font-size: 13px; }
.employee-chat__ai-notice strong { flex: none; color: #1d4ed8; }
.employee-chat__messages { min-height: 0; max-height: calc(100vh - 22rem); flex: 1; overflow-y: auto; padding: 24px; }
.employee-chat__message { width: fit-content; max-width: min(680px, 82%); margin: 0 0 12px; padding: 11px 14px 8px; border: 1px solid #e2e8f0; border-radius: 4px 16px 16px; background: #fff; box-shadow: 0 4px 16px rgb(15 23 42 / 5%); }
.employee-chat__message.is-own { margin-left: auto; border-color: #c8dcff; border-radius: 16px 4px 16px 16px; background: #eaf2ff; }
.employee-chat__message.is-ai { border-color: #c4b5fd; background: #f5f3ff; }
.employee-chat__message.is-urgent { border-color: #f59e0b; background: #fff8e7; }
.employee-chat__message-meta { display: flex; gap: 8px; align-items: center; color: #738096; font-size: 11px; }
.employee-chat__message-meta strong { color: #1e5fc4; font-size: 12px; }
.employee-chat__message p { margin: 5px 0 2px; color: #182235; white-space: pre-wrap; }
.employee-chat__reactions, .employee-chat__reaction-picker, .employee-chat__emoji-row, .employee-chat__composer-actions { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.employee-chat__reactions button, .employee-chat__emoji-row button { padding: 2px 5px; border-radius: 7px; background: #f1f5f9; font-size: 12px; }
.employee-chat__reaction-picker { visibility: hidden; opacity: 0; }
.employee-chat__message:hover .employee-chat__reaction-picker { visibility: visible; opacity: 1; }
.employee-chat__composer { padding: 12px 16px 16px; border-top: 1px solid #e5eaf1; background: #fff; }
.employee-chat__composer textarea { width: 100%; margin: 7px 0; padding: 11px 13px; resize: none; border: 1px solid #cbd5e1; border-radius: 12px; outline: none; }
.employee-chat__composer textarea:focus { border-color: #3478f6; box-shadow: 0 0 0 3px rgb(52 120 246 / 12%); }
.employee-chat__composer-actions { justify-content: flex-end; }
.employee-chat__wake, .employee-chat__send, .employee-chat__alarm button { padding: 9px 15px; border-radius: 10px; font-weight: 700; }
.employee-chat__wake { background: #fff1c7; color: #9a5700; }
.employee-chat__send { background: #3478f6; color: #fff; }
.employee-chat__send:disabled { cursor: wait; opacity: .65; }
.employee-chat__empty { display: grid; min-height: 260px; place-items: center; color: #8490a3; text-align: center; }
.employee-chat__alarm { position: fixed; z-index: 100; right: 28px; bottom: 28px; display: flex; max-width: 460px; gap: 18px; align-items: center; padding: 18px; border: 2px solid #f59e0b; border-radius: 16px; background: #fff8e7; box-shadow: 0 18px 60px rgb(15 23 42 / 22%); }
.employee-chat__alarm strong { color: #9a5700; }
.employee-chat__alarm p { margin: 4px 0 0; }
.employee-chat__alarm button { flex: none; background: #f59e0b; color: #fff; }

@media (max-width: 820px) {
    .employee-chat { grid-template-columns: 112px minmax(0, 1fr); }
    .employee-chat__thread { grid-template-columns: 42px auto; }
    .employee-chat__thread-copy, .employee-chat__sidebar-title span { display: none; }
    .employee-chat__message { max-width: 94%; }
}

.marketplace-filterbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; padding: 14px; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; }
.marketplace-filterbar label { display: grid; gap: 5px; color: #697586; font-size: 12px; }
.marketplace-filterbar input, .marketplace-filterbar select { min-width: 168px; height: 39px; padding: 0 11px; border: 1px solid #cfd8e5; border-radius: 9px; background: #fff; color: #1c293b; }
.marketplace-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.marketplace-kpis article { display: grid; min-height: 116px; align-content: space-between; padding: 17px; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; }
.marketplace-kpis span, .marketplace-kpis small { color: #6f7c8f; font-size: 12px; }
.marketplace-kpis strong { color: #10213b; font-size: 21px; line-height: 1.1; }
.marketplace-kpis .is-expense { background: #fff7f6; }
.marketplace-kpis .is-expense strong { color: #d04444; }
.marketplace-kpis .is-profit { background: #effaf4; }
.marketplace-kpis .is-profit strong { color: #087a4e; }
.marketplace-expenses { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; }
.marketplace-expenses article { display: grid; gap: 5px; padding: 13px 15px; border-right: 1px solid #e7ebf1; }
.marketplace-expenses article:last-child { border: 0; }
.marketplace-expenses span { color: #768397; font-size: 11px; }
.marketplace-expenses strong { color: #344054; font-size: 14px; }
.marketplace-economics-overview { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(380px, .65fr); gap: 14px; }
.marketplace-trend__legend { display: flex; flex-wrap: wrap; gap: 14px; padding: 10px 17px 0; color: #697586; font-size: 10px; font-weight: 700; }
.marketplace-trend__legend span::before { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 3px; background: #3478f6; content: ""; }
.marketplace-trend__legend span.is-cost::before { background: #f59e0b; }
.marketplace-trend__legend span.is-profit::before { background: #10b981; }
.marketplace-trend__scroll { overflow-x: auto; padding: 12px 16px 15px; }
.marketplace-trend__chart { display: grid; min-width: 620px; height: 210px; grid-auto-columns: minmax(34px, 1fr); grid-auto-flow: column; gap: 6px; align-items: end; }
.marketplace-trend__chart article { display: grid; height: 100%; grid-template-rows: 1fr 17px 15px; gap: 3px; align-items: end; text-align: center; }
.marketplace-trend__bars { display: flex; height: 150px; gap: 3px; align-items: end; justify-content: center; border-bottom: 1px solid #dce4ef; }
.marketplace-trend__bars i { display: block; width: min(12px, 38%); min-height: 2px; border-radius: 4px 4px 0 0; background: #3478f6; }
.marketplace-trend__bars i.is-cost { background: #f59e0b; }
.marketplace-trend__chart strong { overflow: hidden; color: #087a4e; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-trend__chart strong.is-negative { color: #c83232; }
.marketplace-trend__chart span { overflow: hidden; color: #7b8798; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-reconciliation__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.marketplace-reconciliation__grid article { display: grid; min-height: 92px; align-content: center; gap: 3px; padding: 13px 15px; border-right: 1px solid #e8ecf2; border-bottom: 1px solid #e8ecf2; }
.marketplace-reconciliation__grid article:nth-child(2n) { border-right: 0; }
.marketplace-reconciliation__grid article.is-warning { background: #fff7ed; }
.marketplace-reconciliation__grid span, .marketplace-reconciliation__grid small { color: #788598; font-size: 10px; }
.marketplace-reconciliation__grid strong { color: #26364c; font-size: 15px; }
.marketplace-reconciliation__grid .is-warning strong { color: #c45f0a; }
.marketplace-columns { display: grid; grid-template-columns: .82fr 1.18fr; gap: 14px; }
.marketplace-panel { overflow: hidden; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; }
.marketplace-panel > header { display: flex; min-height: 67px; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 17px; border-bottom: 1px solid #e5eaf1; background: #f8fafc; }
.marketplace-panel h2 { margin: 0; color: #17253a; font-size: 16px; font-weight: 800; }
.marketplace-panel header p { margin: 3px 0 0; color: #7c8798; font-size: 11px; }
.marketplace-panel header > span { padding: 4px 8px; border-radius: 99px; background: #e8f1ff; color: #246dce; font-size: 11px; font-weight: 700; }
.marketplace-provider-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 12px; gap: 10px; }
.marketplace-provider-grid > article { padding: 14px; border: 1px solid #e1e7ef; border-radius: 12px; }
.marketplace-provider-grid > article > div { display: grid; gap: 2px; margin-bottom: 11px; }
.marketplace-provider-grid small, .marketplace-price-list small, .marketplace-operation-row small { display: block; color: #8390a2; font-size: 10px; }
.marketplace-provider-grid dl { display: grid; gap: 6px; margin: 0; }
.marketplace-provider-grid dl div { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; }
.marketplace-provider-grid dt { color: #7a8798; }
.marketplace-provider-grid dd { color: #27364b; font-weight: 700; }
.marketplace-provider-grid .is-negative { color: #d04444; }
.marketplace-provider-grid .is-positive { color: #087a4e; }
.marketplace-health { display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }
.marketplace-health__quality, .marketplace-health__alerts { overflow: hidden; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; }
.marketplace-health header { min-height: 64px; padding: 13px 17px; border-bottom: 1px solid #e5eaf1; background: #f8fafc; }
.marketplace-health h2 { margin: 0; color: #17253a; font-size: 16px; font-weight: 800; }
.marketplace-health header p { margin: 3px 0 0; color: #7c8798; font-size: 11px; }
.marketplace-health__meters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 14px 17px 17px; }
.marketplace-health__meters article { min-width: 0; }
.marketplace-health__meters article > div { display: flex; min-height: 34px; align-items: start; justify-content: space-between; gap: 8px; color: #59677d; font-size: 11px; }
.marketplace-health__meters strong { color: #17253a; font-size: 15px; }
.marketplace-health__meters progress { width: 100%; height: 7px; margin: 7px 0; overflow: hidden; border: 0; border-radius: 99px; background: #e7edf5; accent-color: #3478f6; }
.marketplace-health__meters small { color: #8390a2; font-size: 10px; }
.marketplace-health__alerts > div { display: grid; max-height: 167px; overflow-y: auto; }
.marketplace-health__alerts article { display: grid; grid-template-columns: 9px 1fr; gap: 10px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #edf0f4; }
.marketplace-health__alerts article > span { width: 9px; height: 9px; border-radius: 99px; background: #f59e0b; }
.marketplace-health__alerts article.is-danger > span { background: #ef4444; }
.marketplace-health__alerts article.is-success > span { background: #10b981; }
.marketplace-health__alerts strong, .marketplace-health__alerts small { display: block; }
.marketplace-health__alerts strong { color: #27364b; font-size: 11px; }
.marketplace-health__alerts small { margin-top: 2px; color: #7b8798; font-size: 10px; }
.marketplace-price-list { max-height: 330px; overflow-y: auto; }
.marketplace-price-list > article { display: grid; grid-template-columns: minmax(200px, 1.7fr) minmax(90px, .6fr) minmax(90px, .6fr) auto auto; gap: 12px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e8ecf2; }
.marketplace-price-list__name { min-width: 0; }
.marketplace-price-list__name > strong { display: block; overflow: hidden; color: #243249; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-price-list__name em { display: block; overflow: hidden; color: #c63c3c; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-price-list article > div:not(:first-child) strong { display: block; font-size: 11px; }
.marketplace-price-list button { padding: 6px 9px; border-radius: 8px; background: #e8f1ff; color: #236dce; font-size: 10px; font-weight: 700; }
.marketplace-sync { padding: 4px 7px; border-radius: 99px; background: #fff4d9; color: #946200; font-size: 9px; font-weight: 700; white-space: nowrap; }
.marketplace-sync--synced { background: #e5f7ed; color: #087a4e; }
.marketplace-sync--failed { background: #ffebeb; color: #c53232; }
.marketplace-operation-row { display: grid; grid-template-columns: 100px 120px minmax(210px, 1fr) 140px repeat(5, 92px); gap: 11px; align-items: center; min-width: 1140px; padding: 10px 15px; border-bottom: 1px solid #e8ecf2; color: #36455a; font-size: 11px; }
.marketplace-operation-row > span, .marketplace-operation-row > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.marketplace-operation-head { background: #f8fafc; color: #697586; font-weight: 700; }
.marketplace-operations { overflow-x: auto; }
.marketplace-product-profitability { overflow-x: auto; }
.marketplace-profit-filters { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; justify-content: flex-end; }
.marketplace-profit-filters select { max-width: 230px; height: 32px; padding: 0 27px 0 9px; border: 1px solid #cfd8e5; border-radius: 8px; background: #fff; color: #344054; font-size: 10px; }
.marketplace-profit-filters > span { padding: 4px 8px; border-radius: 99px; background: #e8f1ff; color: #246dce; font-size: 11px; font-weight: 700; }
.marketplace-profit-row { display: grid; grid-template-columns: minmax(240px, 1fr) 70px 82px repeat(5, 112px); gap: 12px; align-items: center; min-width: 1000px; padding: 10px 15px; border-bottom: 1px solid #e8ecf2; color: #36455a; font-size: 11px; }
.marketplace-profit-row > span:first-child strong, .marketplace-profit-row > span:first-child small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-profit-row small { color: #8390a2; font-size: 9px; }
.marketplace-profit-head { background: #f8fafc; color: #697586; font-weight: 700; }
.marketplace-profit-row.is-loss { background: #fff7f6; }
.marketplace-profit-row .is-negative { color: #c83232; }
.marketplace-profit-row .is-positive { color: #087a4e; }
.marketplace-inventory-intelligence { overflow-x: auto; }
.marketplace-intelligence-row { display: grid; grid-template-columns: minmax(240px, 1.3fr) 92px 110px 110px 90px 110px 125px 145px; gap: 12px; align-items: center; min-width: 1120px; padding: 10px 15px; border-bottom: 1px solid #e8ecf2; color: #36455a; font-size: 11px; }
.marketplace-intelligence-row > span strong, .marketplace-intelligence-row > span small { display: block; }
.marketplace-intelligence-row small { margin-top: 2px; color: #8390a2; font-size: 9px; }
.marketplace-intelligence-head { background: #f8fafc; color: #697586; font-weight: 700; }
.marketplace-intelligence-row.needs-reorder { box-shadow: inset 3px 0 #f59e0b; }
.marketplace-intelligence-row .is-positive { color: #087a4e; }
.marketplace-intelligence-row .is-negative { color: #c83232; }
.marketplace-intelligence-row .is-reorder { color: #c45f0a; }
.marketplace-class { display: inline-grid; min-width: 35px; height: 25px; place-items: center; border-radius: 8px; background: #e8edf5; color: #41516a; font-size: 11px; font-weight: 850; }
.marketplace-class--a { background: #dcfce7; color: #087a4e; }
.marketplace-class--b { background: #fef3c7; color: #966000; }
.marketplace-class--c { background: #fee2e2; color: #b52d2d; }
.marketplace-order-economics { overflow-x: auto; }
.marketplace-order-profit-row { display: grid; grid-template-columns: minmax(145px, 1fr) minmax(125px, .8fr) repeat(5, 105px) minmax(150px, 1fr); gap: 11px; align-items: center; min-width: 1130px; padding: 10px 15px; border-bottom: 1px solid #e8ecf2; color: #36455a; font-size: 11px; }
.marketplace-order-profit-row > span strong, .marketplace-order-profit-row > span small { display: block; }
.marketplace-order-profit-row small { color: #8390a2; font-size: 9px; }
.marketplace-order-profit-head { background: #f8fafc; color: #697586; font-weight: 700; }
.marketplace-order-profit-row.is-loss { background: #fff7f6; }
.marketplace-order-profit-row.is-incomplete { box-shadow: inset 3px 0 #f59e0b; }
.marketplace-order-profit-row .is-negative { color: #c83232; }
.marketplace-order-profit-row .is-positive { color: #087a4e; }
.marketplace-order-profit-row__control { display: flex; flex-wrap: wrap; gap: 4px; }
.marketplace-order-profit-row__control em, .marketplace-order-profit-row__control b { padding: 3px 6px; border-radius: 99px; background: #fff0d6; color: #9a5700; font-size: 8px; font-style: normal; font-weight: 750; white-space: nowrap; }
.marketplace-order-profit-row__control b { background: #e5f7ed; color: #087a4e; }

@media (max-width: 1300px) {
    .marketplace-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .marketplace-expenses { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .marketplace-columns { grid-template-columns: 1fr; }
    .marketplace-health { grid-template-columns: 1fr; }
    .marketplace-economics-overview { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .marketplace-kpis, .marketplace-expenses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-provider-grid { grid-template-columns: 1fr; }
    .marketplace-health__meters { grid-template-columns: 1fr; }
    .marketplace-price-list > article { grid-template-columns: 1fr 1fr; }
    .marketplace-price-list__name { grid-column: 1 / -1; }
}

/* Marketplace workday: task-first entry point, separate from technical sync tools. */
.marketplace-today { display: grid; gap: 16px; color: #17253a; }
.marketplace-today__hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid #d8e5f7; border-radius: 18px; background: linear-gradient(115deg, #eff6ff 0%, #f8fbff 55%, #f5f3ff 100%); }
.marketplace-today__hero span, .marketplace-today__section > header span { color: #3378df; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketplace-today__hero h1 { margin: 3px 0 5px; color: #10213b; font-size: 24px; font-weight: 850; line-height: 1.15; }
.marketplace-today__hero p { max-width: 740px; margin: 0; color: #66758b; font-size: 12px; line-height: 1.55; }
.marketplace-today__hero button { display: inline-flex; height: 38px; flex: 0 0 auto; align-items: center; gap: 7px; padding: 0 14px; border: 1px solid #c9dcfa; border-radius: 10px; background: #fff; color: #276cc8; font-size: 11px; font-weight: 800; box-shadow: 0 4px 13px rgb(43 89 152 / 8%); }
.marketplace-today__hero button svg { width: 16px; height: 16px; }
.marketplace-today__tasks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.marketplace-today__task { display: grid; min-height: 92px; grid-template-columns: 50px minmax(0, 1fr) 18px; gap: 11px; align-items: center; padding: 14px; border: 1px solid #e0e7f0; border-radius: 14px; background: #fff; box-shadow: 0 4px 14px rgb(24 48 82 / 4%); transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease; }
.marketplace-today__task:hover { border-color: #a9c9f8; transform: translateY(-1px); box-shadow: 0 7px 18px rgb(24 77 153 / 8%); }
.marketplace-today__task > svg { width: 17px; height: 17px; color: #8a98aa; }
.marketplace-today__task-count { display: grid; width: 50px; height: 42px; place-items: center; border-radius: 12px; background: #eef5ff; color: #246ed2; font-size: 15px; font-variant-numeric: tabular-nums; font-weight: 900; letter-spacing: -.03em; }
.marketplace-today__task--warning .marketplace-today__task-count { background: #fff5d9; color: #9b6500; }
.marketplace-today__task--danger .marketplace-today__task-count { background: #ffebeb; color: #c83232; }
.marketplace-today__task--success .marketplace-today__task-count { background: #e6f7ee; color: #087a4e; }
.marketplace-today__task-copy { display: grid; min-width: 0; gap: 4px; }
.marketplace-today__task-copy strong { color: #22324a; font-size: 13px; font-weight: 820; }
.marketplace-today__task-copy small { color: #7a8799; font-size: 10px; line-height: 1.4; }
.marketplace-today__section { overflow: hidden; border: 1px solid #dfe6ef; border-radius: 15px; background: #fff; }
.marketplace-today__section > header { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid #e8edf3; background: #f8fafc; }
.marketplace-today__section > header h2 { margin: 2px 0 0; color: #1d2d45; font-size: 15px; font-weight: 850; }
.marketplace-today__section > header a { color: #2b72d4; font-size: 10px; font-weight: 800; }
.marketplace-today__connections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 11px; }
.marketplace-today__connection { display: grid; gap: 10px; padding: 14px; border: 1px solid #e3e9f1; border-radius: 12px; box-shadow: inset 3px 0 #8a98aa; }
.marketplace-today__connection--wildberries { box-shadow: inset 3px 0 #a21caf; }
.marketplace-today__connection--ozon { box-shadow: inset 3px 0 #155eef; }
.marketplace-today__connection--yandex_market { box-shadow: inset 3px 0 #f4c400; }
.marketplace-today__connection > div { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.marketplace-today__connection > div > span { color: #66758a; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.marketplace-today__connection > div > b { padding: 4px 7px; border-radius: 99px; background: #edf1f6; color: #64748b; font-size: 8px; font-weight: 850; }
.marketplace-today__connection > div > b.is-success { background: #e1f7eb; color: #087a4e; }
.marketplace-today__connection > div > b.is-warning { background: #fff4d8; color: #956000; }
.marketplace-today__connection > div > b.is-danger { background: #ffebeb; color: #bd3030; }
.marketplace-today__connection > strong { overflow: hidden; color: #203149; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-today__connection dl, .marketplace-today__operations dl { display: grid; gap: 5px; margin: 0; }
.marketplace-today__connection dl div, .marketplace-today__operations dl div { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #718096; font-size: 9px; }
.marketplace-today__connection dd, .marketplace-today__operations dd { color: #2c3d54; font-weight: 800; text-align: right; }
.marketplace-today__columns { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 14px; align-items: start; }
.marketplace-today__incidents > div { display: grid; max-height: 460px; overflow-y: auto; }
.marketplace-today__incidents article { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 14px; border-bottom: 1px solid #edf1f5; }
.marketplace-today__incidents article:last-child { border: 0; }
.marketplace-today__provider { width: fit-content; padding: 4px 7px; border-radius: 6px; background: #edf1f6; color: #536174; font-size: 8px; font-weight: 850; }
.marketplace-today__provider--wildberries { background: #f5e4fa; color: #8d1aa1; }
.marketplace-today__provider--ozon { background: #e5efff; color: #155eef; }
.marketplace-today__provider--yandex_market { background: #fff3ad; color: #624f00; }
.marketplace-today__incidents article > div { display: grid; min-width: 0; gap: 3px; }
.marketplace-today__incidents strong { color: #27374d; font-size: 11px; }
.marketplace-today__incidents p { margin: 0; color: #69778a; font-size: 9px; line-height: 1.4; }
.marketplace-today__incidents small { color: #9a5d00; font-size: 8px; }
.marketplace-today__incidents article > b { padding: 4px 7px; border-radius: 99px; background: #ffebeb; color: #bd3030; font-size: 8px; white-space: nowrap; }
.marketplace-today__incidents article > b.is-retry { background: #fff4d8; color: #956000; }
.marketplace-today__operations > div { display: grid; }
.marketplace-today__operations article { display: grid; gap: 9px; padding: 12px 14px; border-bottom: 1px solid #edf1f5; }
.marketplace-today__operations article:last-child { border: 0; }
.marketplace-today__operations article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.marketplace-today__operations article strong { color: #2a3a50; font-size: 11px; }
.marketplace-today__operations article small { color: #8290a3; font-size: 8px; text-align: right; }
.marketplace-today__operations dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.marketplace-today__operations dl div { display: grid; justify-content: start; gap: 2px; padding: 7px; border-radius: 8px; background: #f5f7fa; }
.marketplace-today__operations dd { font-size: 12px; text-align: left; }
.marketplace-today__all-good, .marketplace-today__empty { display: flex; min-height: 82px; align-items: center; justify-content: center; gap: 12px; padding: 16px; border: 1px solid #cdebdc; border-radius: 14px; background: #f0faf5; text-align: left; }
.marketplace-today__all-good svg { width: 28px; height: 28px; color: #0f9a64; }
.marketplace-today__all-good div, .marketplace-today__empty { display: grid; gap: 3px; }
.marketplace-today__all-good strong, .marketplace-today__empty strong { color: #146f4d; font-size: 12px; }
.marketplace-today__all-good span, .marketplace-today__empty span { color: #638273; font-size: 10px; }

@media (max-width: 1100px) {
    .marketplace-today__tasks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-today__connections { grid-template-columns: 1fr; }
    .marketplace-today__columns { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .marketplace-today__hero { align-items: flex-start; flex-direction: column; padding: 18px; }
    .marketplace-today__hero h1 { font-size: 20px; }
    .marketplace-today__tasks { grid-template-columns: 1fr; }
    .marketplace-today__incidents article { grid-template-columns: 1fr; }
}

/* Marketplace mass photo studio */
.media-batch-studio {
    margin-top: 22px;
    overflow: hidden;
    border: 1px solid #cfe0f7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 34px rgb(22 71 128 / 8%);
}

.media-batch-studio__header,
.media-batch-studio__preview > header,
.media-batch-studio__preview > footer,
.media-batch-studio__history > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.media-batch-studio__header {
    padding: 24px 26px;
    color: #fff;
    background: linear-gradient(125deg, #0e4f9d, #1677ff 64%, #2c91ff);
}

.media-batch-studio__header span {
    display: block;
    margin-bottom: 5px;
    color: #cfe6ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.media-batch-studio__header h2 {
    margin: 0;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
}

.media-batch-studio__header p {
    max-width: 920px;
    margin: 7px 0 0;
    color: #eaf4ff;
    font-size: 14px;
}

.media-batch-studio__header em {
    flex: 0 0 auto;
    padding: 8px 12px;
    border: 1px solid rgb(255 255 255 / 32%);
    border-radius: 999px;
    background: rgb(255 255 255 / 12%);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.media-batch-studio__flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: #dbe7f5;
}

.media-batch-studio__flow label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: #f8fbff;
}

.media-batch-studio__flow b {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #16324f;
    font-size: 14px;
}

.media-batch-studio__flow i {
    display: inline-grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: #1677ff;
    color: #fff;
    font-size: 12px;
    font-style: normal;
}

.media-batch-studio select,
.media-batch-studio input {
    width: 100%;
    min-height: 42px;
    border: 1px solid #b8cbe2;
    border-radius: 8px;
    background: #fff;
    color: #15263b;
    font-size: 14px;
}

.media-batch-studio select:focus,
.media-batch-studio input:focus {
    border-color: #1677ff;
    outline: 3px solid rgb(22 119 255 / 13%);
}

.media-batch-studio select[multiple] {
    min-height: 86px;
}

.media-batch-studio small {
    color: #6b7e94;
    font-size: 12px;
    line-height: 1.4;
}

.media-batch-studio__settings {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: 14px;
    padding: 20px 22px;
    border-top: 1px solid #e4edf7;
}

.media-batch-studio__settings label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.media-batch-studio__settings label > span {
    color: #30465f;
    font-size: 12px;
    font-weight: 700;
}

.media-batch-studio__settings .is-wide {
    grid-column: span 4;
}

.media-batch-studio__position {
    display: grid;
    grid-template-columns: minmax(210px, 1.2fr) repeat(3, minmax(150px, 1fr));
    gap: 14px;
    align-items: end;
    padding: 14px;
    border: 1px solid #d6e4f5;
    border-radius: 10px;
    background: #f7faff;
}

.media-batch-studio__position header {
    align-self: center;
}

.media-batch-studio__position header > span {
    display: block;
    color: #173b66;
    font-size: 13px;
    font-weight: 800;
}

.media-batch-studio__position input[type="range"] {
    min-height: 22px;
    padding: 0;
    border: 0;
    accent-color: #1677ff;
    outline: 0;
}

.media-batch-studio__settings button,
.media-batch-studio__preview button,
.media-batch-studio__history-actions button {
    align-self: end;
    min-height: 42px;
    border: 0;
    border-radius: 8px;
    background: #1677ff;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.media-batch-studio button:disabled {
    cursor: not-allowed;
    opacity: .52;
}

.media-batch-studio__preview,
.media-batch-studio__history {
    margin: 0 22px 22px;
    overflow: hidden;
    border: 1px solid #cfe0f7;
    border-radius: 12px;
    background: #fff;
}

.media-batch-studio__preview > header,
.media-batch-studio__preview > footer,
.media-batch-studio__history > header {
    padding: 15px 18px;
    background: #f3f8ff;
}

.media-batch-studio__preview header div,
.media-batch-studio__preview footer div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.media-batch-studio__preview header em {
    color: #1677ff;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.media-batch-studio__preview footer button {
    padding: 0 18px;
}

.media-batch-studio__visual-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 14px;
    padding: 18px;
    border-top: 1px solid #e8eef5;
    background: #f8fbff;
}

.media-batch-studio__visual-grid > article {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dbe6f2;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 5px 16px rgb(21 62 108 / 7%);
}

.media-batch-studio__canvas {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f1f4f8;
    touch-action: none;
}

.media-batch-studio__canvas.is-vertical {
    aspect-ratio: 3 / 4;
}

.media-batch-studio__canvas.is-banner {
    aspect-ratio: 16 / 9;
}

.media-batch-studio__canvas > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.media-batch-studio__no-image {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    background: linear-gradient(135deg, #edf3fa, #f8fbff);
    color: #8292a6;
    font-size: 12px;
}

.media-batch-studio__brand,
.media-batch-studio__watermark {
    position: absolute;
    z-index: 2;
    color: var(--media-accent);
    font-size: clamp(8px, .75vw, 12px);
    font-weight: 850;
}

.media-batch-studio__brand {
    top: 6%;
    left: 6%;
}

.media-batch-studio__watermark {
    right: 5%;
    bottom: 3%;
    color: rgb(20 36 58 / 38%);
    font-style: normal;
}

.media-batch-studio__text-overlay {
    position: absolute;
    z-index: 3;
    left: clamp(36%, var(--media-x), 64%);
    top: clamp(10%, var(--media-y), 90%);
    width: 70%;
    padding: 7% 7%;
    overflow: hidden;
    border-left: 5px solid var(--media-accent);
    border-radius: 8px;
    background: rgb(245 248 252 / 94%);
    box-shadow: 0 4px 14px rgb(20 36 58 / 13%);
    text-align: var(--media-align);
    transform: translate(-50%, -50%);
    cursor: grab;
    user-select: none;
    transition: box-shadow .14s ease, outline-color .14s ease;
}

.media-batch-studio__canvas.is-dragging .media-batch-studio__text-overlay {
    outline: 2px solid color-mix(in srgb, var(--media-accent), transparent 30%);
    outline-offset: 2px;
    box-shadow: 0 8px 24px rgb(20 36 58 / 22%);
    cursor: grabbing;
}

.media-batch-studio__text-overlay strong,
.media-batch-studio__text-overlay span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-batch-studio__text-overlay strong {
    color: #14243a;
    font-size: clamp(9px, .95vw, 16px);
    line-height: 1.15;
}

.media-batch-studio__text-overlay span {
    margin-top: 5px;
    color: #5c6b7f;
    font-size: clamp(7px, .72vw, 12px);
}

.media-batch-studio__visual-grid > article > footer {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
    padding: 10px;
}

.media-batch-studio__visual-grid > article > footer strong {
    overflow: hidden;
    color: #233a55;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-batch-studio__visual-grid > article > footer span {
    color: #71839a;
    font-size: 10px;
}

.media-batch-studio__sample > div,
.media-batch-studio__sample article {
    display: grid;
    grid-template-columns: minmax(280px, 1.7fr) minmax(220px, 1fr) 70px;
    align-items: center;
    gap: 14px;
    padding: 10px 18px;
    border-top: 1px solid #e8eef5;
}

.media-batch-studio__sample > div {
    color: #6b7e94;
    background: #fbfdff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.media-batch-studio__sample article > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.media-batch-studio__sample article strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-batch-studio__sample article b {
    color: #0e4f9d;
    font-size: 13px;
}

.media-batch-studio__sample article em {
    display: inline-grid;
    place-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: #e8f2ff;
    color: #1677ff;
    font-style: normal;
    font-weight: 800;
}

.media-batch-studio__history {
    margin-top: 4px;
}

.media-batch-studio__history > article {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(170px, .7fr) minmax(150px, .7fr) auto;
    align-items: center;
    gap: 16px;
    padding: 12px 18px;
    border-top: 1px solid #e8eef5;
}

.media-batch-studio__history article > span:not(.media-batch-studio__history-actions) {
    display: flex;
    flex-direction: column;
}

.media-batch-studio__history article > em {
    justify-self: start;
    padding: 6px 9px;
    border-radius: 7px;
    background: #fff3d7;
    color: #9b6100;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.media-batch-studio__history article > em.is-ready_for_confirmation,
.media-batch-studio__history article > em.is-completed {
    background: #ddf8e9;
    color: #08743d;
}

.media-batch-studio__history article > em.is-failed,
.media-batch-studio__history article > em.is-rolled_back {
    background: #ffe5e5;
    color: #b51f2d;
}

.media-batch-studio__history-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.media-batch-studio__history-actions a,
.media-batch-studio__history-actions button {
    min-height: auto;
    padding: 7px 10px;
    border-radius: 7px;
    font-size: 12px;
    text-decoration: none;
}

.media-batch-studio__history-actions button {
    background: #eef3f8;
    color: #41566e;
}

.media-batch-studio__history article > p {
    grid-column: 1 / -1;
    margin: -5px 0 0;
    color: #6b7e94;
    font-size: 12px;
}

@media (max-width: 1100px) {
    .media-batch-studio__flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .media-batch-studio__settings {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .media-batch-studio__position {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .media-batch-studio__visual-grid {
        grid-template-columns: repeat(3, minmax(145px, 1fr));
    }

    .media-batch-studio__settings .is-wide {
        grid-column: span 1;
    }

    .media-batch-studio__history > article {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .media-batch-studio__header,
    .media-batch-studio__preview > header,
    .media-batch-studio__preview > footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .media-batch-studio__flow,
    .media-batch-studio__settings,
    .media-batch-studio__position,
    .media-batch-studio__history > article {
        grid-template-columns: 1fr;
    }

    .media-batch-studio__visual-grid {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .media-batch-studio__sample {
        overflow-x: auto;
    }

    .media-batch-studio__sample > div,
    .media-batch-studio__sample article {
        min-width: 680px;
    }
}

/* Business dashboard */
.business-dashboard__hero { display: flex; gap: 24px; align-items: flex-end; justify-content: space-between; padding: 24px 28px; border: 1px solid #dbe6f5; border-radius: 20px; background: linear-gradient(125deg, #f7faff 0%, #eef5ff 52%, #f3f0ff 100%); box-shadow: 0 14px 40px rgb(30 64 175 / 7%); }
.business-dashboard__eyebrow, .business-dashboard__section > header span { color: #3478f6; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.business-dashboard__hero h2 { margin: 4px 0; color: #101827; font-size: clamp(23px, 2vw, 34px); font-weight: 850; }
.business-dashboard__hero p { margin: 0; color: #65738a; }
.business-dashboard__period { display: flex; flex: none; gap: 4px; padding: 4px; border: 1px solid #d5dfec; border-radius: 12px; background: rgb(255 255 255 / 80%); }
.business-dashboard__period button { padding: 8px 13px; border-radius: 8px; color: #526078; font-size: 13px; font-weight: 750; }
.business-dashboard__period button.is-active { background: #3478f6; color: #fff; box-shadow: 0 5px 14px rgb(52 120 246 / 25%); }
.business-dashboard__filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin: 16px 0; }
.business-dashboard__filters label { display: grid; gap: 5px; min-width: 160px; color: #6b778b; font-size: 12px; font-weight: 700; }
.business-dashboard__filters input, .business-dashboard__filters select { min-height: 40px; padding: 8px 11px; border: 1px solid #d5deea; border-radius: 10px; background: #fff; color: #1d2939; }
.business-dashboard__attention { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.business-dashboard__attention a { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 13px 15px; border: 1px solid #e1e7ef; border-radius: 14px; background: #fff; transition: border-color .15s, transform .15s; }
.business-dashboard__attention a:hover { transform: translateY(-1px); border-color: #9fc2ff; }
.business-dashboard__attention span { color: #59677d; font-size: 12px; font-weight: 750; }
.business-dashboard__attention strong { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #152033; font-size: 25px; }
.business-dashboard__attention small { color: #8994a5; font-size: 11px; }
.business-dashboard__section { margin-top: 18px; padding: 22px; border: 1px solid #dee6f1; border-radius: 20px; background: #fff; box-shadow: 0 10px 32px rgb(15 23 42 / 5%); }
.business-dashboard__section > header { display: flex; gap: 16px; align-items: flex-end; justify-content: space-between; margin-bottom: 17px; }
.business-dashboard__section > header h2 { margin: 2px 0 0; color: #172033; font-size: 22px; font-weight: 850; }
.business-dashboard__section > header a { color: #3478f6; font-size: 13px; font-weight: 750; }
.repair-pipeline { display: grid; grid-template-columns: repeat(7, minmax(125px, 1fr)); overflow-x: auto; gap: 9px; padding-bottom: 3px; }
.repair-pipeline__stage { position: relative; min-height: 126px; padding: 16px; overflow: hidden; border: 1px solid #e0e6ef; border-radius: 15px; background: #f8fafc; }
.repair-pipeline__stage::before { position: absolute; top: 0; right: 0; left: 0; height: 5px; background: #94a3b8; content: ''; }
.repair-pipeline__stage span { display: block; min-height: 34px; color: #526077; font-size: 13px; font-weight: 750; }
.repair-pipeline__stage strong { display: block; margin-top: 8px; color: #111827; font-size: 34px; line-height: 1; }
.repair-pipeline__stage small { display: block; margin-top: 11px; color: #7a8799; }
.repair-pipeline__stage.is-blue::before { background: #3b82f6; } .repair-pipeline__stage.is-violet::before { background: #8b5cf6; } .repair-pipeline__stage.is-amber::before { background: #f59e0b; } .repair-pipeline__stage.is-orange::before { background: #f97316; } .repair-pipeline__stage.is-indigo::before { background: #6366f1; } .repair-pipeline__stage.is-green::before { background: #10b981; } .repair-pipeline__stage.is-slate::before { background: #64748b; }
.business-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
.business-kpi-grid > article { min-height: 122px; padding: 16px; border: 1px solid #e1e8f2; border-radius: 15px; background: #f9fbfe; }
.business-kpi-grid > article span, .business-kpi-grid > article small { display: block; color: #748197; font-size: 12px; }
.business-kpi-grid > article span { font-weight: 750; }
.business-kpi-grid > article strong { display: block; margin: 11px 0 8px; color: #162033; font-size: clamp(22px, 2vw, 29px); line-height: 1; }
.business-kpi-grid > article.business-kpi--main { border-color: #bdd4ff; background: #eef5ff; }
.business-kpi-grid > article.business-kpi--profit { border-color: #bce9d6; background: #effbf6; }
.business-kpi-grid > article.business-kpi--expense { border-color: #fed7aa; background: #fff8ed; }
.business-kpi-grid .is-positive { color: #07915f; } .business-kpi-grid .is-negative { color: #dc4b4b; }
.business-channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.business-channel-grid > article { display: grid; grid-template-columns: minmax(180px, .8fr) 1.2fr; gap: 18px; padding: 18px; border: 1px solid #e1e7ef; border-radius: 16px; }
.business-channel-grid > article span { color: #8490a3; font-size: 11px; text-transform: uppercase; }
.business-channel-grid > article h3 { margin: 4px 0 0; color: #172033; font-size: 18px; }
.business-channel-grid dl, .marketplace-dashboard-providers dl { display: grid; gap: 7px; margin: 0; }
.business-channel-grid dl div, .marketplace-dashboard-providers dl div { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 6px; border-bottom: 1px dashed #dce3ec; }
.business-channel-grid dt, .marketplace-dashboard-providers dt { color: #758196; font-size: 12px; }
.business-channel-grid dd, .marketplace-dashboard-providers dd { color: #263247; font-size: 13px; font-weight: 800; }
.business-channel-grid .is-profit dd { color: #07865b; }
.business-dashboard__marketplaces { background: linear-gradient(180deg, #fff 0%, #fbf9ff 100%); }
.marketplace-dashboard-providers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.marketplace-dashboard-providers > article { padding: 16px; border: 1px solid #e5dff3; border-radius: 15px; background: #fff; }
.marketplace-dashboard-providers > article header { display: flex; justify-content: space-between; margin-bottom: 13px; }
.marketplace-dashboard-providers > article header strong { color: #242039; }
.marketplace-dashboard-providers > article header span { color: #7e7394; font-size: 12px; }

@media (max-width: 1100px) {
    .business-dashboard__attention { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .business-channel-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .business-dashboard__hero { align-items: stretch; flex-direction: column; padding: 18px; }
    .business-dashboard__period { overflow-x: auto; }
    .business-dashboard__attention { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .business-dashboard__section { padding: 16px; }
    .business-dashboard__section > header { align-items: flex-start; flex-direction: column; }
    .business-channel-grid > article { grid-template-columns: 1fr; }
    .marketplace-dashboard-providers { grid-template-columns: 1fr; }
}

/* AI center */
.ai-center { display: grid; gap: 16px; }
.ai-center__hero { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 25px 28px; border: 1px solid #d9e4f4; border-radius: 20px; background: linear-gradient(125deg, #f7fbff 0%, #edf4ff 47%, #f6f0ff 100%); box-shadow: 0 14px 40px rgb(35 79 155 / 7%); }
.ai-center__eyebrow, .ai-center__panel > header span, .ai-center__agents article > div:nth-child(2) > span { color: #3979e8; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.ai-center__hero h2 { margin: 5px 0 7px; color: #111b2d; font-size: clamp(24px, 2vw, 34px); font-weight: 850; }
.ai-center__hero p { max-width: 860px; margin: 0; color: #627086; font-size: 14px; }
.ai-center__connection { flex: none; padding: 8px 12px; border: 1px solid #f3d18c; border-radius: 99px; background: #fff7df; color: #966311; font-size: 12px; font-weight: 800; }
.ai-center__connection.is-online { border-color: #b7e5cf; background: #eafaf2; color: #087d50; }
.ai-center__tabs { display: flex; gap: 4px; padding: 4px; overflow-x: auto; border: 1px solid #dce4ef; border-radius: 13px; background: #fff; }
.ai-center__tabs button { flex: none; padding: 9px 14px; border-radius: 9px; color: #58677e; font-size: 13px; font-weight: 750; }
.ai-center__tabs button.is-active { background: #3478f6; color: #fff; box-shadow: 0 5px 14px rgb(52 120 246 / 22%); }
.ai-center__kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.ai-center__kpis article { min-height: 124px; padding: 17px; border: 1px solid #dee6f1; border-radius: 16px; background: #fff; }
.ai-center__kpis span, .ai-center__kpis small { display: block; color: #758197; font-size: 12px; }
.ai-center__kpis strong { display: block; margin: 12px 0 8px; color: #182337; font-size: 27px; line-height: 1; }
.ai-center__kpis article.is-safe { border-color: #bce7d4; background: #effbf6; }
.ai-center__kpis article.is-safe strong { color: #07865b; font-size: 20px; }
.ai-center__agents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ai-center__agents article { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 15px; padding: 20px; border: 1px solid #dfe6f0; border-radius: 18px; background: #fff; }
.ai-center__agent-icon { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 16px; color: #fff; font-size: 20px; font-weight: 900; }
.ai-center__agent-icon.is-finance { background: linear-gradient(140deg, #0ea873, #067a52); }
.ai-center__agent-icon.is-market { background: linear-gradient(140deg, #4c83f5, #7c4de8); }
.ai-center__agents h3 { margin: 3px 0 6px; color: #172237; font-size: 19px; font-weight: 850; }
.ai-center__agents p { margin: 0; color: #6f7c90; font-size: 13px; }
.ai-center__agents button { grid-column: 2; width: fit-content; padding: 8px 12px; border-radius: 9px; background: #eaf2ff; color: #286dcf; font-size: 12px; font-weight: 800; }
.ai-center__panel { overflow: hidden; border: 1px solid #dce4ef; border-radius: 18px; background: #fff; box-shadow: 0 10px 32px rgb(15 23 42 / 5%); }
.ai-center__panel > header { display: flex; min-height: 70px; gap: 15px; align-items: center; justify-content: space-between; padding: 15px 19px; border-bottom: 1px solid #e6ebf2; background: #f9fbfd; }
.ai-center__panel > header h3 { margin: 3px 0 0; color: #172337; font-size: 19px; font-weight: 850; }
.ai-center__panel > header button { padding: 8px 12px; border-radius: 9px; background: #3478f6; color: #fff; font-size: 12px; font-weight: 800; }
.ai-center__panel > header em { color: #a16608; font-size: 12px; font-style: normal; font-weight: 750; }
.ai-center__summary { margin: 0; padding: 20px; color: #354359; line-height: 1.6; }
.ai-center__report-list, .ai-center__proposal-list { display: grid; gap: 12px; padding: 14px; }
.ai-center__report-list > article, .ai-center__proposal-list > article { padding: 17px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.ai-center__report-head, .ai-center__proposal-meta, .ai-center__proposal-price, .ai-center__proposal-actions { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.ai-center__report-head time, .ai-center__proposal-meta small { color: #778397; font-size: 11px; }
.ai-center__report-head h4, .ai-center__proposal-list h4 { margin: 3px 0; color: #1a2639; font-size: 16px; font-weight: 820; }
.ai-center__report-head > span, .ai-center__proposal-meta > span { padding: 4px 8px; border-radius: 99px; background: #edf4ff; color: #286ccb; font-size: 10px; font-weight: 800; }
.ai-center__money-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
.ai-center__money-grid div { padding: 11px; border-radius: 10px; background: #f7f9fc; }
.ai-center__money-grid span, .ai-center__proposal-price span { display: block; color: #7b8798; font-size: 10px; }
.ai-center__money-grid strong, .ai-center__proposal-price strong { display: block; margin-top: 5px; color: #213047; font-size: 14px; }
.ai-center__report-list article > p, .ai-center__proposal-list article > p, .ai-center__proposal-list details p { color: #59677c; font-size: 13px; line-height: 1.55; }
.ai-center__recommendations { display: grid; gap: 7px; margin-top: 13px; }
.ai-center__recommendations > div { display: grid; gap: 2px; padding: 10px 12px; border-left: 4px solid #93a4ba; border-radius: 8px; background: #f7f9fc; }
.ai-center__recommendations .priority-high { border-color: #e45858; background: #fff5f5; }
.ai-center__recommendations .priority-medium { border-color: #e6a22f; background: #fff9ed; }
.ai-center__recommendations .priority-low { border-color: #20a875; background: #f0faf6; }
.ai-center__recommendations strong { font-size: 12px; }
.ai-center__recommendations span { color: #667389; font-size: 11px; }
.ai-center__proposal-list details { margin: 12px 0; padding: 10px 12px; border: 1px solid #e1e7ef; border-radius: 10px; background: #fafbfd; }
.ai-center__proposal-list summary { cursor: pointer; color: #286dce; font-size: 12px; font-weight: 800; }
.ai-center__proposal-list dl { display: grid; gap: 5px; }
.ai-center__proposal-list dl div { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 4px; border-bottom: 1px dashed #d9e0ea; font-size: 11px; }
.ai-center__proposal-list dt { color: #738096; }.ai-center__proposal-list dd { font-weight: 750; }
.ai-center__warnings { display: grid; gap: 4px; margin-top: 10px; color: #946200; font-size: 11px; }
.ai-center__proposal-price { margin-top: 12px; padding: 10px 12px; border-radius: 10px; background: #eff6ff; }
.ai-center__proposal-actions { justify-content: flex-end; margin-top: 12px; }
.ai-center__proposal-actions button { padding: 8px 12px; border-radius: 9px; font-size: 12px; font-weight: 800; }
.ai-center__proposal-actions .is-approve { background: #139d6c; color: #fff; }.ai-center__proposal-actions .is-reject { background: #f1f3f6; color: #536076; }
.ai-center__proposal-meta .status-draft { background: #fff3d6; color: #996000; }.ai-center__proposal-meta .status-approved { background: #eaf2ff; color: #286dce; }.ai-center__proposal-meta .status-rejected { background: #ffeded; color: #c74242; }
.ai-center__proposal-meta .status-applied { background: #e9f9f1; color: #087a52; }.ai-center__proposal-meta .status-failed { background: #ffeded; color: #c74242; }
.ai-center__audit-head { display: flex; gap: 18px; align-items: flex-start; justify-content: space-between; margin-top: 13px; }
.ai-center__audit-head > div:first-child { min-width: 0; }
.ai-center__audit-head > div:first-child > span { color: #3675d6; font-size: 11px; font-weight: 800; }
.ai-center__audit-head p { margin: 5px 0 0; color: #5e6b7f; font-size: 12px; }
.ai-center__audit-head > div:last-child { display: grid; flex: none; width: 76px; height: 76px; place-items: center; align-content: center; border: 5px solid #91a4bd; border-radius: 50%; background: #f7f9fc; }
.ai-center__audit-head > div:last-child strong { color: #1f2e44; font-size: 23px; line-height: 1; }
.ai-center__audit-head > div:last-child span { margin-top: 3px; color: #718096; font-size: 9px; }
.ai-center__audit-head .risk-high { border-color: #ef6464; background: #fff3f3; }.ai-center__audit-head .risk-medium { border-color: #f1ad43; background: #fff8e9; }.ai-center__audit-head .risk-attention { border-color: #4b86e8; background: #eff6ff; }.ai-center__audit-head .risk-low { border-color: #24ad7a; background: #eefaf5; }
.ai-center__audit-counters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 13px 0; }
.ai-center__audit-counters div { display: grid; gap: 3px; padding: 10px; border: 1px solid #e4eaf2; border-radius: 10px; background: #f9fbfd; }
.ai-center__audit-counters strong { overflow: hidden; color: #26364d; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.ai-center__audit-counters span { color: #7c889b; font-size: 9px; text-transform: uppercase; }
.ai-center__audit-issues { display: grid; gap: 5px; margin: 10px 0; padding: 11px 13px; border: 1px solid #ffcaca; border-radius: 10px; background: #fff5f5; }
.ai-center__audit-issues strong { color: #a72e2e; font-size: 12px; }.ai-center__audit-issues span { color: #744747; font-size: 11px; }
.ai-center__audit-issues span::before { content: "•"; margin-right: 7px; color: #dd4141; }
.ai-center__audit-economics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 12px; padding: 10px; border-radius: 11px; background: #eff6ff; }
.ai-center__audit-economics div { display: grid; gap: 3px; }.ai-center__audit-economics span { color: #6c7c92; font-size: 9px; }.ai-center__audit-economics strong { color: #1f395d; font-size: 13px; }
.ai-center__journal { overflow-x: auto; }
.ai-center__journal article { display: grid; grid-template-columns: 135px 165px 190px minmax(260px, 1fr) 150px; gap: 12px; align-items: center; min-width: 980px; padding: 11px 16px; border-bottom: 1px solid #e8edf3; color: #536178; font-size: 11px; }
.ai-center__journal article p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-center__journal article strong { color: #27364b; }.ai-center__journal article time, .ai-center__journal article small { color: #8490a2; }
.ai-center__empty { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 7px; padding: 24px; color: #8290a4; text-align: center; }
.ai-center__empty strong { color: #344054; font-size: 16px; }

@media (max-width: 1000px) {
    .ai-center__kpis, .ai-center__money-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-center__agents { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .ai-center__hero { align-items: flex-start; flex-direction: column; padding: 19px; }
    .ai-center__kpis, .ai-center__money-grid { grid-template-columns: 1fr; }
    .ai-center__agents article { grid-template-columns: 48px minmax(0, 1fr); padding: 15px; }
    .ai-center__agent-icon { width: 48px; height: 48px; }
    .ai-center__panel > header { align-items: flex-start; flex-direction: column; }
    .ai-center__audit-counters, .ai-center__audit-economics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Marketplace synchronization center */
.sync-center { display: grid; gap: 15px; }
.transfer-assistant { overflow: hidden; border: 1px solid #cbdcf4; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(31, 73, 125, .08); }
.transfer-assistant__header { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid #dce7f5; background: linear-gradient(120deg, #edf5ff, #f7faff 58%, #f4f1ff); }
.transfer-assistant__header span { color: #3478f6; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.transfer-assistant__header h2 { margin: 4px 0 5px; color: #172337; font-size: 23px; font-weight: 850; }
.transfer-assistant__header p { max-width: 820px; margin: 0; color: #66758b; font-size: 12px; line-height: 1.45; }
.transfer-assistant__header a { flex: none; padding: 9px 13px; border: 1px solid #3478f6; border-radius: 9px; color: #286bd2; font-size: 11px; font-weight: 800; text-decoration: none; }
.transfer-assistant__steps { display: grid; grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 18px 22px 12px; }
.transfer-assistant__steps label { display: grid; gap: 6px; min-width: 0; }
.transfer-assistant__steps b { display: flex; gap: 7px; align-items: center; color: #27364b; font-size: 12px; }
.transfer-assistant__steps b i { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 99px; background: #3478f6; color: #fff; font-size: 10px; font-style: normal; }
.transfer-assistant__steps select, .transfer-assistant__search input { width: 100%; height: 41px; border: 1px solid #bcc9d9; border-radius: 9px; background: #fff; color: #25344a; font-size: 12px; outline: none; }
.transfer-assistant__steps select { padding: 0 34px 0 11px; }
.transfer-assistant__steps select:focus, .transfer-assistant__search input:focus { border-color: #3478f6; box-shadow: 0 0 0 3px rgba(52, 120, 246, .12); }
.transfer-assistant__steps small { min-height: 26px; color: #7a8799; font-size: 9px; line-height: 1.4; }
.transfer-assistant__arrow { color: #3478f6; font-size: 25px; font-weight: 800; text-align: center; }
.transfer-assistant__search { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: 12px; align-items: end; padding: 0 22px 18px; }
.transfer-assistant__search label { display: grid; gap: 5px; }
.transfer-assistant__search label span { color: #69778b; font-size: 10px; font-weight: 700; }
.transfer-assistant__search input { padding: 0 12px; }
.transfer-assistant__search button, .transfer-assistant__preview footer button { min-height: 41px; padding: 0 16px; border: 1px solid #3478f6; border-radius: 9px; background: #3478f6; color: #fff; font-size: 11px; font-weight: 850; }
.transfer-assistant__search button:disabled, .transfer-assistant__preview footer button:disabled { cursor: not-allowed; opacity: .5; }
.transfer-assistant__selection-mode { display: grid; grid-template-columns: minmax(260px, 420px) minmax(0, 1fr); gap: 16px; align-items: end; padding: 0 22px 12px; }
.transfer-assistant__selection-mode label { display: grid; gap: 5px; }
.transfer-assistant__selection-mode label span { color: #69778b; font-size: 10px; font-weight: 700; }
.transfer-assistant__selection-mode select { width: 100%; height: 41px; padding: 0 34px 0 11px; border: 1px solid #bcc9d9; border-radius: 9px; background: #fff; color: #25344a; font-size: 12px; outline: none; }
.transfer-assistant__selection-mode select:focus { border-color: #3478f6; box-shadow: 0 0 0 3px rgba(52, 120, 246, .12); }
.transfer-assistant__selection-mode p { margin: 0 0 9px; color: #6f7e92; font-size: 10px; line-height: 1.45; }
.transfer-assistant__picker { margin: -5px 22px 18px; overflow: hidden; border: 1px solid #d5e1f0; border-radius: 12px; background: #fff; }
.transfer-assistant__picker > header { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid #e4eaf2; background: #f5f8fc; }
.transfer-assistant__picker > header strong, .transfer-assistant__picker > header span { display: block; }
.transfer-assistant__picker > header strong { color: #25344a; font-size: 12px; }
.transfer-assistant__picker > header span { margin-top: 2px; color: #77869a; font-size: 9px; }
.transfer-assistant__picker > header > div:last-child { display: flex; gap: 7px; }
.transfer-assistant__picker > header button { min-height: 31px; padding: 0 10px; border: 1px solid #b8c9df; border-radius: 8px; background: #fff; color: #315f9d; font-size: 9px; font-weight: 800; }
.transfer-assistant__picker > header button:disabled { opacity: .45; }
.transfer-assistant__picker-list { max-height: 340px; overflow: auto; overscroll-behavior: contain; }
.transfer-assistant__picker-list > label { display: grid; grid-template-columns: 22px minmax(260px, 1fr) minmax(150px, auto) 100px; gap: 10px; align-items: center; min-height: 52px; padding: 7px 12px; border-bottom: 1px solid #edf1f5; cursor: pointer; }
.transfer-assistant__picker-list > label:last-child { border-bottom: 0; }
.transfer-assistant__picker-list > label:hover { background: #f7faff; }
.transfer-assistant__picker-list input { width: 16px; height: 16px; accent-color: #3478f6; }
.transfer-assistant__picker-list span strong, .transfer-assistant__picker-list span small { display: block; }
.transfer-assistant__picker-list span strong { overflow: hidden; color: #25344a; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.transfer-assistant__picker-list span small { margin-top: 3px; color: #8190a3; font-size: 9px; }
.transfer-assistant__picker-list em { justify-self: start; padding: 4px 7px; border-radius: 99px; font-size: 8px; font-style: normal; font-weight: 800; }
.transfer-assistant__picker-list em.is-existing { background: #fff2d9; color: #936008; }
.transfer-assistant__picker-list em.is-new { background: #e7f8ef; color: #087c52; }
.transfer-assistant__picker-list b { color: #34445a; font-size: 10px; text-align: right; white-space: nowrap; }
.transfer-assistant__picker-empty, .transfer-assistant__zero-result { display: grid; gap: 4px; padding: 14px; background: #fffaf0; color: #7d6742; font-size: 10px; }
.transfer-assistant__picker-empty strong, .transfer-assistant__zero-result strong { color: #9a6205; font-size: 11px; }
.transfer-assistant__zero-result { margin: 0 14px 12px; border: 1px solid #ecd7aa; border-radius: 10px; }
.transfer-assistant__preview { margin: 0 22px 20px; overflow: hidden; border: 1px solid #d7e1ee; border-radius: 13px; background: #fbfcfe; }
.transfer-assistant__preview > header { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid #e3e9f1; background: #f4f8fd; }
.transfer-assistant__preview > header strong, .transfer-assistant__preview > header small { display: block; }
.transfer-assistant__preview > header strong { color: #25344b; font-size: 13px; }
.transfer-assistant__preview > header small { margin-top: 2px; color: #7b899c; font-size: 9px; }
.transfer-assistant__preview > header em { padding: 5px 8px; border-radius: 99px; background: #e7f0ff; color: #2f68bd; font-size: 9px; font-style: normal; font-weight: 800; }
.transfer-assistant__numbers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px 14px; }
.transfer-assistant__numbers article { padding: 11px; border: 1px solid #e0e6ef; border-radius: 10px; background: #fff; }
.transfer-assistant__numbers span, .transfer-assistant__numbers small { display: block; color: #778499; font-size: 9px; }
.transfer-assistant__numbers strong { display: block; margin: 7px 0 4px; color: #26364c; font-size: 22px; line-height: 1; }
.transfer-assistant__numbers article.is-success { border-color: #bee7d3; background: #f3fcf7; }
.transfer-assistant__numbers article.is-success strong { color: #087c52; }
.transfer-assistant__numbers article.is-primary { border-color: #c8dbfa; background: #f3f7ff; }
.transfer-assistant__numbers article.is-primary strong { color: #2869c7; }
.transfer-assistant__numbers article.is-warning { border-color: #ecd7aa; background: #fffbf1; }
.transfer-assistant__numbers article.is-warning strong { color: #a86608; }
.transfer-assistant__sample { margin: 0 14px 12px; overflow: auto; border: 1px solid #e1e7ef; border-radius: 10px; background: #fff; }
.transfer-assistant__sample > div { display: grid; grid-template-columns: minmax(260px, 1fr) 85px 110px 150px; min-width: 720px; gap: 10px; align-items: center; padding: 8px 11px; border-bottom: 1px solid #edf0f4; color: #556379; font-size: 10px; }
.transfer-assistant__sample > div:last-child { border-bottom: 0; }
.transfer-assistant__sample .transfer-assistant__sample-head { background: #f7f9fc; color: #718096; font-size: 9px; font-weight: 800; }
.transfer-assistant__sample strong, .transfer-assistant__sample small { display: block; }
.transfer-assistant__sample strong { overflow: hidden; color: #26364b; text-overflow: ellipsis; white-space: nowrap; }
.transfer-assistant__sample small { margin-top: 2px; color: #8490a1; }
.transfer-assistant__sample em { justify-self: start; padding: 4px 7px; border-radius: 99px; background: #e9f1ff; color: #2f69c3; font-size: 9px; font-style: normal; font-weight: 800; }
.transfer-assistant__sample em.is-linked { background: #e7f8ef; color: #087c52; }
.transfer-assistant__sample em.is-match { background: #fff4dd; color: #986309; }
.transfer-assistant__preview > footer { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 12px 14px; border-top: 1px solid #e3e9f1; background: #fff; }
.transfer-assistant__preview > footer strong, .transfer-assistant__preview > footer span { display: block; }
.transfer-assistant__preview > footer strong { color: #27364b; font-size: 11px; }
.transfer-assistant__preview > footer span { margin-top: 3px; color: #778499; font-size: 9px; }
.transfer-assistant__preview > footer button { flex: none; }
.transfer-assistant__result { display: grid; gap: 3px; margin: 0 22px 20px; padding: 12px 14px; border: 1px solid #bce3cf; border-radius: 11px; background: #f0fbf5; color: #426b58; font-size: 10px; }
.transfer-assistant__result strong { color: #087c52; font-size: 12px; }
.marketplace-transfer-launch { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px 20px; border: 1px solid #cbdcf4; border-radius: 16px; background: linear-gradient(120deg, #edf5ff, #f8fbff 58%, #f4f1ff); box-shadow: 0 8px 24px rgb(31 73 125 / 7%); }
.marketplace-transfer-launch > div { min-width: 0; }
.marketplace-transfer-launch span { color: #3478f6; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketplace-transfer-launch h2 { margin: 4px 0 5px; color: #172337; font-size: 19px; font-weight: 850; }
.marketplace-transfer-launch p { max-width: 860px; margin: 0; color: #66758b; font-size: 10px; line-height: 1.5; }
.marketplace-transfer-launch a { display: inline-flex; min-height: 39px; flex: none; align-items: center; gap: 7px; padding: 0 13px; border: 1px solid #3478f6; border-radius: 9px; background: #3478f6; color: #fff; font-size: 10px; font-weight: 850; text-decoration: none; }
.marketplace-transfer-launch a svg { width: 16px; height: 16px; }
@media (max-width: 1050px) {
    .transfer-assistant__steps { grid-template-columns: 1fr 1fr; }
    .transfer-assistant__arrow { display: none; }
    .transfer-assistant__numbers { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
    .marketplace-transfer-launch { align-items: stretch; flex-direction: column; }
    .marketplace-transfer-launch a { justify-content: center; }
    .transfer-assistant__header, .transfer-assistant__preview > header, .transfer-assistant__preview > footer { align-items: stretch; flex-direction: column; }
    .transfer-assistant__header a { text-align: center; }
    .transfer-assistant__steps, .transfer-assistant__numbers, .transfer-assistant__search, .transfer-assistant__selection-mode { grid-template-columns: 1fr; }
    .transfer-assistant__picker > header { align-items: stretch; flex-direction: column; }
    .transfer-assistant__picker-list > label { grid-template-columns: 22px minmax(0, 1fr); }
    .transfer-assistant__picker-list em, .transfer-assistant__picker-list b { grid-column: 2; justify-self: start; text-align: left; }
}
.sync-center__hero { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 22px 25px; border: 1px solid #d9e5f5; border-radius: 18px; background: linear-gradient(120deg, #f7fbff 0%, #edf5ff 52%, #f8f4ff 100%); }
.sync-center__hero span, .sync-center__journal > header span { color: #3478f6; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.sync-center__hero h2 { margin: 4px 0 6px; color: #172238; font-size: 25px; font-weight: 850; }
.sync-center__hero p { max-width: 820px; margin: 0; color: #66758b; font-size: 13px; }
.sync-center__hero > strong { flex: none; padding: 8px 12px; border: 1px solid #b9e5d2; border-radius: 99px; background: #ecfaf4; color: #07815a; font-size: 12px; }
.sync-center__hero > strong.has-errors { border-color: #f1c4c4; background: #fff0f0; color: #c33d3d; }
.sync-center__kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.sync-center__kpis article { min-height: 112px; padding: 16px; border: 1px solid #dfe7f1; border-radius: 14px; background: #fff; }
.sync-center__kpis span, .sync-center__kpis small { display: block; color: #778499; font-size: 11px; }
.sync-center__kpis strong { display: block; margin: 10px 0 7px; color: #172337; font-size: 27px; line-height: 1; }
.sync-center__kpis article.is-error { border-color: #f0c5c5; background: #fff5f5; }
.sync-center__kpis article.is-error strong { color: #c73d3d; }
.sync-center__kpis article.is-warning { border-color: #f0d9a2; background: #fffaf0; }
.sync-center__kpis article.is-warning strong { color: #b56c08; }
.sync-center__bulk { overflow: hidden; border: 1px solid #d9e4f2; border-radius: 16px; background: #fff; }
.sync-center__bulk > header { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 14px 17px; border-bottom: 1px solid #e5eaf1; background: linear-gradient(120deg, #f8fbff, #f3f7ff); }
.sync-center__bulk > header span { color: #3478f6; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.sync-center__bulk > header h2 { margin: 3px 0 0; color: #172337; font-size: 18px; font-weight: 850; }
.sync-center__bulk > header p { max-width: 670px; margin: 0; color: #6f7c90; font-size: 10px; }
.sync-center__bulk-operation { border-bottom: 1px solid #e7ebf1; }
.sync-center__bulk-operation:last-child { border-bottom: 0; }
.sync-center__bulk-operation > summary { display: grid; grid-template-columns: minmax(250px, 1fr) auto 190px; gap: 14px; align-items: center; padding: 13px 16px; cursor: pointer; list-style: none; }
.sync-center__bulk-operation > summary::-webkit-details-marker { display: none; }
.sync-center__bulk-operation[open] > summary { border-bottom: 1px solid #e5eaf1; background: #fbfcfe; }
.sync-center__bulk-title strong, .sync-center__bulk-title small { display: block; }
.sync-center__bulk-title strong { color: #243249; font-size: 12px; }
.sync-center__bulk-title small { margin-top: 2px; color: #7d899b; font-size: 9px; }
.sync-center__bulk-counts { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; }
.sync-center__bulk-counts em, .sync-center__bulk-status { padding: 4px 7px; border-radius: 99px; font-size: 9px; font-style: normal; font-weight: 800; white-space: nowrap; }
.sync-center__bulk-counts em.is-ready, .sync-center__bulk-status--validated { background: #e7f0ff; color: #2869c7; }
.sync-center__bulk-counts em.is-blocked, .sync-center__bulk-counts em.is-failed, .sync-center__bulk-status--failed { background: #ffebeb; color: #c43838; }
.sync-center__bulk-counts em.is-completed, .sync-center__bulk-status--completed { background: #e5f8ee; color: #087c52; }
.sync-center__bulk-status { justify-self: end; background: #fff2d7; color: #986309; text-align: center; }
.sync-center__bulk-status--partial_failed { background: #fff0dc; color: #ad6000; }
.sync-center__bulk-status--cancelled { background: #eef1f5; color: #68758a; }
.sync-center__bulk-toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 9px 14px; border-bottom: 1px solid #e9edf2; background: #f8fafc; color: #7a8798; font-size: 9px; }
.sync-center__bulk-toolbar button,
.sync-center__bulk-toolbar a { padding: 6px 9px; border: 1px solid #cad5e3; border-radius: 8px; background: #fff; color: #445269; font-size: 10px; font-weight: 800; text-decoration: none; }
.sync-center__bulk-toolbar button.is-primary,
.sync-center__bulk-toolbar a.is-primary { border-color: #3478f6; background: #3478f6; color: #fff; }
.sync-center__bulk-toolbar button:disabled { cursor: wait; opacity: .55; }
.sync-center__bulk-table { overflow-x: auto; }
.sync-center__bulk-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.25fr) minmax(260px, 1fr) minmax(160px, .65fr); min-width: 1040px; gap: 12px; align-items: start; padding: 10px 14px; border-bottom: 1px solid #edf0f4; color: #566479; font-size: 10px; }
.sync-center__bulk-row:last-child { border-bottom: 0; }
.sync-center__bulk-row--head { background: #fbfcfe; color: #6f7c90; font-weight: 800; }
.sync-center__bulk-product strong, .sync-center__bulk-product small, .sync-center__bulk-validation strong, .sync-center__bulk-validation small, .sync-center__bulk-result strong, .sync-center__bulk-result small { display: block; }
.sync-center__bulk-product strong, .sync-center__bulk-result strong { color: #27364b; }
.sync-center__bulk-product small, .sync-center__bulk-result small { margin-top: 2px; color: #8390a2; }
.sync-center__bulk-changes { display: flex; flex-wrap: wrap; gap: 5px; }
.sync-center__bulk-changes > span { min-width: 116px; padding: 5px 7px; border: 1px solid #cce0ff; border-radius: 8px; background: #f1f6ff; }
.sync-center__bulk-changes > span.is-blocked { border-color: #f0caca; background: #fff3f3; }
.sync-center__bulk-changes b, .sync-center__bulk-changes small { display: block; }
.sync-center__bulk-changes b { color: #2d64ad; font-size: 9px; }
.sync-center__bulk-changes small { margin-top: 2px; color: #64748b; font-size: 8px; }
.sync-center__bulk-validation strong.is-ready { color: #087c52; }
.sync-center__bulk-validation strong.is-blocked { color: #c43838; }
.sync-center__bulk-validation small { max-width: 310px; margin-top: 2px; overflow: hidden; color: #7d899b; text-overflow: ellipsis; white-space: nowrap; }
.sync-center__bulk-more { padding: 10px 14px; background: #f8fafc; color: #65738a; font-size: 10px; text-align: center; }
.sync-center__connections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.sync-center__connections > article { padding: 17px; border: 1px solid #dfe6ef; border-radius: 16px; background: #fff; }
.sync-center__connections > article.is-disabled { opacity: .62; }
.sync-center__connections header { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #e9edf3; }
.sync-center__connections header span { color: #758197; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.sync-center__connections h3 { margin: 3px 0 0; color: #1c293d; font-size: 16px; font-weight: 830; }
.sync-center__state { padding: 4px 7px; border-radius: 99px; background: #eef1f5; color: #68758a; font-size: 9px; font-style: normal; font-weight: 800; }
.sync-center__state.is-on { background: #e7f8ef; color: #087c53; }
.sync-center__connections dl { display: grid; gap: 6px; margin: 13px 0; }
.sync-center__connections dl div { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 5px; border-bottom: 1px dashed #dce3ec; }
.sync-center__connections dt { color: #788599; font-size: 11px; }
.sync-center__connections dd { color: #26354a; font-size: 12px; font-weight: 800; }
.sync-center__connections dd.is-negative { color: #c33d3d; }
.sync-center__connections footer span { color: #8390a3; font-size: 10px; }
.sync-center__connections footer p { margin: 6px 0 0; overflow: hidden; color: #c33d3d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.sync-center__conflicts { overflow: hidden; border: 1px solid #f0d5a2; border-radius: 16px; background: #fff; }
.sync-center__conflicts > header { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 14px 17px; border-bottom: 1px solid #f1e4c9; background: #fffaf0; }
.sync-center__conflicts > header span { color: #b16b08; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.sync-center__conflicts > header h2 { margin: 3px 0 0; color: #4b3820; font-size: 18px; font-weight: 850; }
.sync-center__conflicts > header p { max-width: 650px; margin: 0; color: #7d6b52; font-size: 10px; }
.sync-center__conflict { display: grid; grid-template-columns: minmax(175px, 1fr) 145px 110px minmax(135px, 1fr) minmax(135px, 1fr) 130px 190px; min-width: 1170px; gap: 10px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #edf0f4; color: #566479; font-size: 10px; }
.sync-center__conflict:last-child { border-bottom: 0; }
.sync-center__conflict > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sync-center__conflict strong, .sync-center__conflict small { display: block; }
.sync-center__conflict strong { color: #2d3a4e; }
.sync-center__conflict small { color: #8995a6; }
.sync-center__conflict em { display: inline-block; padding: 4px 7px; border-radius: 99px; background: #fff1d8; color: #9b6208; font-size: 9px; font-style: normal; font-weight: 800; }
.sync-center__conflict--head { background: #fffdf8; color: #7c6b53; font-weight: 800; }
.sync-center__conflict-actions { display: flex; gap: 5px; align-items: center; white-space: normal !important; }
.sync-center__conflict-actions button { padding: 5px 7px; border: 1px solid #2563eb; border-radius: 7px; background: #2563eb; color: #fff; font-size: 9px; font-weight: 800; line-height: 1.2; }
.sync-center__conflict-actions button.is-secondary { border-color: #d9dee7; background: #fff; color: #667085; }
.sync-center__conflict-actions button:disabled { cursor: wait; opacity: .55; }
.sync-center__conflict-actions em.is-pending { background: #e6f0ff; color: #245db6; }
.sync-center__journal { overflow: hidden; border: 1px solid #dce4ef; border-radius: 16px; background: #fff; }
.sync-center__journal > header { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 14px 17px; border-bottom: 1px solid #e5eaf1; background: #f9fbfd; }
.sync-center__journal h2 { margin: 3px 0 0; color: #172337; font-size: 18px; font-weight: 850; }
.sync-center__filters { display: flex; gap: 8px; }
.sync-center__filters select { height: 36px; min-width: 150px; padding: 0 10px; border: 1px solid #cfd9e6; border-radius: 9px; background: #fff; color: #344054; font-size: 11px; }
.sync-center__event { display: grid; grid-template-columns: 125px 155px minmax(190px, .75fr) 130px minmax(220px, 1fr) 78px; min-width: 1040px; gap: 11px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e9edf2; color: #536178; font-size: 11px; }
.sync-center__event--head { background: #f8fafc; color: #6f7c90; font-weight: 800; }
.sync-center__event strong, .sync-center__event small { display: block; }
.sync-center__event strong { color: #26354a; }
.sync-center__event small, .sync-center__event time { color: #8290a3; }
.sync-center__badge { width: fit-content; padding: 4px 7px; border-radius: 99px; background: #fff3d7; color: #966107; font-size: 9px; font-weight: 850; }
.sync-center__badge--processing { background: #eaf2ff; color: #286dce; }
.sync-center__badge--completed { background: #e5f8ee; color: #087c52; }
.sync-center__badge--retry, .sync-center__badge--dead_letter { background: #ffeded; color: #c63d3d; }
.sync-center__result { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sync-center__event button { padding: 6px 9px; border-radius: 8px; background: #eaf2ff; color: #286dce; font-size: 10px; font-weight: 800; }
.sync-center__empty { display: grid; min-height: 150px; place-items: center; align-content: center; gap: 5px; padding: 20px; color: #8290a3; text-align: center; }
.sync-center__empty strong { color: #344054; }

/* Marketplace digital listing twin */
.listing-diff { display: grid; gap: 14px; color: #26354a; }
.listing-diff__header { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid #d9e5f5; border-radius: 15px; background: linear-gradient(125deg, #f7fbff, #edf5ff 58%, #f8f5ff); }
.listing-diff__header > div:first-child > span { color: #3478f6; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.listing-diff__header h3 { margin: 4px 0; color: #172337; font-size: 19px; font-weight: 850; }
.listing-diff__header p { margin: 0; color: #718096; font-size: 11px; }
.listing-diff__summary { min-width: 165px; padding-left: 18px; border-left: 1px solid #d4dfed; text-align: right; }
.listing-diff__summary strong { color: #246ee9; font-size: 28px; line-height: 1; }
.listing-diff__summary > span { display: block; color: #506079; font-size: 11px; font-weight: 750; }
.listing-diff__summary small { display: block; margin-top: 5px; color: #8793a5; font-size: 9px; }
.listing-diff__notice { padding: 11px 13px; border: 1px solid; border-radius: 11px; font-size: 11px; }
.listing-diff__notice strong { margin-right: 4px; }
.listing-diff__notice.is-success { border-color: #bde4d0; background: #edf9f3; color: #087752; }
.listing-diff__notice.is-warning { border-color: #f0d6a0; background: #fff8e9; color: #986108; }
.listing-diff__legend { display: flex; flex-wrap: wrap; gap: 14px; color: #6f7c90; font-size: 10px; }
.listing-diff__legend span { display: inline-flex; gap: 5px; align-items: center; }
.listing-diff__legend i { width: 8px; height: 8px; border-radius: 50%; }
.listing-diff__legend i.is-changed { background: #f2a523; }
.listing-diff__legend i.is-same { background: #19a771; }
.listing-diff__legend i.is-unknown { background: #a7b0be; }
.listing-diff__section { overflow: hidden; border: 1px solid #dfe6ef; border-radius: 13px; background: #fff; }
.listing-diff__section h4 { margin: 0; padding: 11px 14px; border-bottom: 1px solid #e6ebf2; background: #f8fafc; color: #172337; font-size: 12px; font-weight: 850; }
.listing-diff__row { display: grid; grid-template-columns: 145px minmax(150px, 1fr) minmax(150px, 1fr) 90px; gap: 10px; align-items: center; min-height: 45px; padding: 8px 13px; border-bottom: 1px solid #edf0f4; font-size: 10px; }
.listing-diff__row:last-child { border-bottom: 0; }
.listing-diff__row > span { overflow: hidden; color: #536178; text-overflow: ellipsis; white-space: nowrap; }
.listing-diff__row > strong { color: #344054; font-weight: 800; }
.listing-diff__row--head { min-height: 34px; background: #fcfdfe; color: #7f8b9c; font-weight: 800; }
.listing-diff__status { width: fit-content; padding: 4px 7px; border-radius: 99px; font-size: 9px; font-style: normal; font-weight: 850; }
.listing-diff__status.is-changed { background: #fff2da; color: #a76504; }
.listing-diff__status.is-same { background: #e8f8f0; color: #087d55; }
.listing-diff__status.is-unknown { background: #eef1f5; color: #69768a; }
.listing-diff__footer { display: flex; gap: 12px; justify-content: space-between; color: #8490a2; font-size: 9px; }
.listing-diff__technical { border: 1px solid #dfe5ed; border-radius: 11px; background: #f8fafc; }
.listing-diff__technical summary { padding: 10px 13px; cursor: pointer; color: #526075; font-size: 10px; font-weight: 800; }
.listing-diff__technical pre { max-height: 360px; margin: 0; overflow: auto; padding: 13px; border-radius: 0 0 10px 10px; background: #111827; color: #e5e7eb; font-size: 9px; }

@media (max-width: 1050px) {
    .sync-center__kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sync-center__connections { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .sync-center__hero, .sync-center__journal > header, .sync-center__conflicts > header, .sync-center__bulk > header { align-items: flex-start; flex-direction: column; }
    .sync-center__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sync-center__filters { width: 100%; flex-direction: column; }
    .sync-center__bulk-operation > summary { grid-template-columns: 1fr; }
    .sync-center__bulk-counts { justify-content: flex-start; }
    .sync-center__bulk-status { justify-self: start; }
    .sync-center__bulk-toolbar { align-items: flex-start; flex-direction: column; }
    .listing-diff__header { align-items: flex-start; flex-direction: column; }
    .listing-diff__summary { width: 100%; padding: 10px 0 0; border-top: 1px solid #d4dfed; border-left: 0; text-align: left; }
    .listing-diff__row { grid-template-columns: 110px minmax(140px, 1fr) minmax(140px, 1fr) 85px; min-width: 560px; }
    .listing-diff__section { overflow-x: auto; }
}
.marketplace-comms__ai {
    align-self: flex-start;
    border: 1px solid #c4b5fd;
    border-radius: 8px;
    background: #f5f3ff;
    color: #6d28d9;
    padding: 8px 12px;
    font-weight: 700;
}

.marketplace-comms__ai:hover {
    background: #ede9fe;
}

.marketplace-comms__ai-note {
    color: #64748b;
    margin-top: -4px;
}

/* Compact cashier workspace — LiveSklad-inspired density without changing POS logic */
.fi-page:has(.pos-shell) .fi-header {
    margin-bottom: .65rem;
}

.fi-page:has(.pos-shell) .fi-header-heading {
    color: #182235;
    font-size: 1.65rem;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.pos-shell {
    grid-template-columns: minmax(36rem, 1fr) minmax(22rem, 31%);
    grid-template-rows: auto minmax(0, 1fr);
    gap: .75rem .9rem;
    height: max(30rem, calc(100dvh - 15rem));
    min-height: 30rem;
    font-size: 14px;
}

.pos-shift-bar {
    min-height: 2.85rem;
    gap: .65rem;
    padding: .4rem .65rem;
    border-color: #dce2ea;
    border-radius: .5rem;
    box-shadow: none;
}

.pos-shift-bar.is-open,
.pos-shift-bar.is-closed {
    background: #fff;
}

.pos-shift-status {
    min-width: 11.5rem;
    gap: .55rem;
}

.pos-shift-status__dot {
    width: .58rem;
    height: .58rem;
    border-width: 2px;
}

.pos-shift-status div {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: .45rem;
}

.pos-shift-status strong {
    flex: none;
    font-size: .75rem;
}

.pos-shift-status small {
    overflow: hidden;
    max-width: 25rem;
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-shift-metrics {
    width: auto;
    order: 0;
    margin-left: auto;
    border: 0;
    background: transparent;
}

.pos-shift-metrics > span,
.pos-shift-metrics > span:last-child {
    min-width: auto;
    padding: .1rem .65rem;
}

.pos-shift-metrics small {
    font-size: .57rem;
}

.pos-shift-metrics strong {
    font-size: .7rem;
}

.pos-shift-actions {
    gap: .4rem;
}

.pos-shift-action,
.pos-x-report-action,
.pos-day-summary-action {
    min-width: auto;
    min-height: 1.95rem;
    padding: .35rem .65rem;
    border-radius: .4rem;
    font-size: .68rem;
    line-height: 1;
    box-shadow: none;
}

.pos-catalog-card,
.pos-receipt-card {
    height: 100%;
    min-height: 0;
    border-color: #dce2ea;
    border-radius: .5rem;
    box-shadow: none;
}

.pos-catalog-card {
    display: flex;
    align-self: stretch;
    flex-direction: column;
}

.pos-catalog-toolbar {
    display: flex;
    min-height: 3.55rem;
    align-items: center;
    flex-direction: row;
    gap: 1rem;
    padding: .45rem .75rem 0;
    border-bottom: 1px solid #e3e7ed;
}

.pos-search {
    max-width: 22rem;
    min-width: 13rem;
    flex: 1 1 18rem;
    height: 2.35rem;
    border-color: #c9d0da;
    border-radius: .42rem;
}

.pos-search svg {
    width: 1.05rem;
    margin-left: .65rem;
}

.pos-search input {
    padding: 0 .55rem;
    font-size: .78rem;
}

.pos-search button {
    padding: 0 .65rem;
    font-size: .68rem;
}

.pos-tabs {
    display: flex;
    min-width: max-content;
    align-self: stretch;
    align-items: stretch;
    gap: 1.1rem;
    padding: 0;
    border: 0;
}

.pos-tabs button {
    display: flex;
    align-items: center;
    padding: .1rem 0 0;
    color: #3f495a;
    font-size: .75rem;
    font-weight: 550;
}

.pos-tabs button.is-active {
    color: #182235;
    font-weight: 750;
}

.pos-tabs button.is-active::after {
    height: 2px;
    background: #3478f6;
}

.pos-filter-controls {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
    margin-left: auto;
}

.pos-warehouse-select,
.pos-group-select {
    display: block;
    min-width: 0;
}

.pos-warehouse-select span,
.pos-group-select span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.pos-warehouse-select select,
.pos-group-select select {
    width: 8.5rem;
    height: 2.05rem;
    padding: 0 1.55rem 0 .55rem;
    border-color: #d6dce5;
    border-radius: .4rem;
    color: #536074;
    font-size: .66rem;
}

.pos-group-select select {
    width: 7.8rem;
}

.pos-products {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.pos-product-head,
.pos-product-row {
    grid-template-columns: minmax(15rem, 1fr) 5rem 7.25rem 2rem;
    column-gap: .6rem;
}

.pos-product-head {
    min-height: 2.5rem;
    padding: 0 .85rem;
    background: #f3f5f7;
    color: #465164;
    font-size: .68rem;
}

.pos-product-list {
    min-height: 0;
    max-height: none;
    flex: 1;
    overflow-y: auto;
    scrollbar-color: #cdd3dc transparent;
    scrollbar-width: thin;
}

.pos-product-row {
    min-height: 3.65rem;
    padding: .42rem .85rem;
    border-bottom-color: #e5e8ed;
}

.pos-product-name strong {
    font-size: .76rem;
    line-height: 1.25;
}

.pos-product-name small {
    margin-top: .14rem;
    font-size: .65rem;
}

.pos-stock {
    font-size: .71rem;
}

.pos-product-price {
    font-size: .77rem;
}

.pos-add-product {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: .35rem;
    font-size: 1rem;
}

.pos-receipt-card {
    position: static;
    align-self: stretch;
}

.pos-receipt-header {
    min-height: 3rem;
    gap: .65rem;
    padding: 0 .85rem;
    background: #f3f5f7;
}

.pos-receipt-header > div {
    gap: .55rem;
}

.pos-receipt-header strong {
    font-size: .88rem;
}

.pos-receipt-icon {
    font-size: 1rem;
}

.pos-receipt-tools {
    margin-left: auto;
}

.pos-receipt-tabs {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .2rem !important;
    overflow-x: auto;
    scrollbar-width: thin;
}

.pos-receipt-tab,
.pos-new-receipt-tab {
    position: relative;
    flex: 0 0 auto;
    min-width: 1.85rem;
    height: 2rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #344054;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
}

.pos-receipt-tab.is-active {
    border-bottom-color: #2f80ed;
    color: #155eef;
}

.pos-receipt-tab small {
    position: absolute;
    top: .05rem;
    right: -.08rem;
    display: grid;
    min-width: .82rem;
    height: .82rem;
    place-items: center;
    border-radius: 999px;
    background: #e9efff;
    color: #155eef;
    font-size: .5rem;
    line-height: 1;
}

.pos-new-receipt-tab {
    min-width: 1.7rem;
    color: #667085;
    font-size: 1rem;
}

.pos-new-receipt-tab:hover,
.pos-receipt-tab:hover {
    background: #e9edf3;
}

.pos-receipt-tools button {
    padding: .3rem .5rem;
    border-radius: .35rem;
    background: #eaf2ff;
    color: #155eef;
    font-size: .64rem;
    font-weight: 700;
}

.pos-receipt-tools button.is-delete {
    background: #fff0f0;
    color: #b42318;
}

.pos-receipt-header .pos-receipt-tools a {
    font-size: .65rem;
}

.pos-last-sale {
    margin: .5rem .55rem 0;
    padding: .48rem .6rem;
}

.pos-empty-receipt {
    min-height: 14rem;
    padding: 1.5rem 1rem;
}

.pos-scanner-picture {
    width: 3.4rem;
    height: 3.4rem;
    background: transparent;
}

.pos-scanner-picture svg {
    width: 2rem;
    fill: #a7afbb;
}

.pos-empty-receipt strong {
    margin-top: .5rem;
    color: #7a8494;
    font-size: .78rem;
}

.pos-empty-receipt > span {
    max-width: 14rem;
    margin-top: .3rem;
    font-size: .68rem;
    line-height: 1.45;
}

.pos-empty-receipt__shortcuts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin-top: 1.25rem;
}

.pos-empty-receipt__shortcuts a,
.pos-empty-receipt__shortcuts button {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    gap: .38rem;
    padding: .35rem .65rem;
    border-radius: .38rem;
    background: #f0f2f5;
    color: #344054;
    font-size: .67rem;
    font-weight: 700;
}

.pos-empty-receipt__shortcuts a:hover,
.pos-empty-receipt__shortcuts button:hover {
    background: #e7ebf0;
}

.pos-empty-receipt-footer {
    display: grid;
    gap: .55rem;
    margin-top: auto;
    padding: .65rem .7rem .75rem;
    border-top: 1px solid #e4e7ec;
}

.pos-empty-utility-row {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.pos-empty-utility-row button,
.pos-empty-utility-row a {
    display: inline-flex;
    min-width: 3.25rem;
    min-height: 2.15rem;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .3rem .5rem;
    border-radius: .38rem;
    background: #eef1f5;
    color: #344054;
    font-size: .62rem;
    font-weight: 650;
}

.pos-empty-utility-row button:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.pos-empty-checkout {
    min-height: 2.8rem;
    border-radius: .42rem;
    background: #eef0f3;
    color: #9ba3af;
    font-size: .82rem;
    font-weight: 700;
}

.pos-cart-list {
    min-height: 4.75rem;
    max-height: none;
}

.pos-cart-line {
    padding: .6rem .7rem;
}

.pos-receipt-fields {
    gap: .45rem;
    padding: .6rem .7rem;
}

.pos-receipt-fields select,
.pos-receipt-fields input {
    height: 2.15rem;
    font-size: .7rem;
}

.pos-totals {
    padding: .6rem .7rem .4rem;
}

.pos-checkout-actions {
    padding: .45rem .7rem .7rem;
}

.pos-clear-button,
.pos-checkout-button {
    min-height: 2.6rem;
    font-size: .75rem;
}

@media (max-width: 1500px) {
    .pos-catalog-toolbar {
        flex-direction: row;
        flex-wrap: wrap;
        gap: .35rem .8rem;
        padding-bottom: .4rem;
    }

    .pos-search {
        max-width: none;
        flex-basis: 17rem;
    }

    .pos-filter-controls {
        width: 100%;
        order: 3;
        justify-content: flex-end;
    }

    .pos-warehouse-select select,
    .pos-group-select select {
        width: 9.5rem;
    }
}

@media (max-width: 1180px) {
    .pos-shell {
        grid-template-columns: minmax(30rem, 1fr) minmax(20rem, 23rem);
    }

    .pos-shift-bar {
        flex-wrap: wrap;
    }

    .pos-shift-metrics {
        width: auto;
        order: initial;
    }

    .pos-shift-status small {
        max-width: 14rem;
    }
}

@media (max-width: 1023px) {
    .pos-shell {
        display: grid;
        grid-template-columns: 1fr;
        height: auto;
        min-height: auto;
    }

    .pos-shift-bar {
        margin-bottom: 0;
    }

    .pos-catalog-card {
        min-height: 36rem;
    }

    .pos-receipt-card {
        min-height: 34rem;
        margin-top: 0;
    }

    .pos-product-list,
    .pos-cart-list {
        max-height: 30rem;
    }
}

@media (max-width: 680px) {
    .pos-shift-status div {
        display: grid;
    }

    .pos-shift-status small {
        max-width: 100%;
        white-space: normal;
    }

    .pos-shift-actions {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pos-shift-action,
    .pos-x-report-action,
    .pos-day-summary-action {
        width: 100%;
    }

    .pos-catalog-toolbar {
        align-items: stretch;
        flex-direction: row;
    }

    .pos-search {
        flex-basis: 100%;
    }

    .pos-tabs {
        width: 100%;
        overflow-x: auto;
    }

    .pos-filter-controls {
        justify-content: stretch;
    }

    .pos-group-select,
    .pos-warehouse-select {
        flex: 1;
    }

    .pos-group-select select,
    .pos-warehouse-select select {
        width: 100%;
    }

    .pos-product-head,
    .pos-product-row {
        grid-template-columns: minmax(9rem, 1fr) 3.7rem 5.4rem 1.5rem;
    }

    .pos-empty-receipt__shortcuts {
        flex-direction: column;
    }
}

/* Unified communication workspace */
.communication-workspace {
    display: grid;
    gap: 10px;
}

.communication-workspace__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 16px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(135deg, #f8fbff, #fff);
}

.communication-workspace__intro > div {
    display: grid;
    gap: 2px;
}

.communication-workspace__intro strong {
    color: #0f172a;
    font-size: 15px;
}

.communication-workspace__intro span {
    color: #64748b;
    font-size: 12px;
}

.communication-workspace__safe {
    padding: 6px 10px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857 !important;
    font-weight: 700;
    white-space: nowrap;
}

.communication-workspace__tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.communication-workspace__tabs a {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    background: #fff;
    color: #475569;
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.communication-workspace__tabs a:hover {
    border-color: #93c5fd;
    box-shadow: 0 7px 18px rgb(37 99 235 / 9%);
    transform: translateY(-1px);
}

.communication-workspace__tabs a.is-active {
    border-color: #60a5fa;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px #bfdbfe;
    color: #1d4ed8;
}

.communication-workspace__tabs a > span:first-child {
    font-size: 19px;
}

.communication-workspace__tabs a > span:last-child {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.communication-workspace__tabs strong,
.communication-workspace__tabs small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.communication-workspace__tabs strong {
    font-size: 13px;
}

.communication-workspace__tabs small {
    color: #64748b;
    font-size: 11px;
}

@media (max-width: 900px) {
    .communication-workspace__intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .communication-workspace__tabs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 3px;
    }

    .communication-workspace__tabs a {
        min-width: 210px;
    }
}

/* Unified customer inbox: Avito, Telegram and MAX */
.customer-inbox {
    overflow: hidden;
    border: 1px solid #dbe4f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 36px rgb(15 23 42 / 6%);
}

.customer-inbox__toolbar {
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border-bottom: 1px solid #e2e8f0;
    overflow-x: auto;
}

.customer-inbox__toolbar button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-radius: 10px;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.customer-inbox__toolbar button:hover,
.customer-inbox__toolbar button.is-active {
    background: #eff6ff;
    color: #2563eb;
}

.customer-inbox__toolbar button span,
.customer-inbox__unread {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.customer-inbox__toolbar select {
    width: 190px;
    height: 38px;
    margin-left: auto;
    padding: 0 34px 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-size: 14px;
}

.customer-inbox__layout {
    display: grid;
    min-height: 66vh;
    grid-template-columns: minmax(280px, 34%) minmax(0, 1fr);
}

.customer-inbox__list {
    max-height: 72vh;
    border-right: 1px solid #e2e8f0;
    overflow-y: auto;
}

.customer-inbox__item {
    position: relative;
    display: grid;
    width: 100%;
    gap: 5px;
    padding: 15px 18px;
    border-bottom: 1px solid #e8eef5;
    color: #64748b;
    text-align: left;
    transition: background 140ms ease;
}

.customer-inbox__item:hover,
.customer-inbox__item.is-active {
    background: #f5f9ff;
}

.customer-inbox__item.is-active::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #3b82f6;
    content: "";
}

.customer-inbox__item strong {
    padding-right: 30px;
    color: #172033;
    font-size: 15px;
}

.customer-inbox__item > span:not(.customer-inbox__item-head) {
    font-size: 13px;
}

.customer-inbox__item-head,
.customer-inbox__message footer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.customer-inbox__item-head time {
    margin-left: auto;
    color: #94a3b8;
    font-size: 12px;
}

.customer-inbox__unread {
    position: absolute;
    right: 16px;
    bottom: 15px;
    background: #2563eb;
}

.customer-inbox__provider {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
}

.customer-inbox__provider--telegram {
    background: #229ed9;
}

.customer-inbox__provider--max {
    background: #8b5cf6;
}

.customer-inbox__provider--avito {
    background: #7c3aed;
}

.customer-inbox__dialog {
    display: grid;
    min-width: 0;
    grid-template-rows: auto minmax(320px, 1fr) auto;
    background: #f8fafc;
}

.customer-inbox__dialog > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}

.customer-inbox__dialog h2 {
    margin-top: 7px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 800;
}

.customer-inbox__dialog header p {
    margin-top: 2px;
    color: #94a3b8;
    font-size: 12px;
}

.customer-inbox__close {
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
}

.customer-inbox__messages {
    display: flex;
    max-height: 58vh;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    overflow-y: auto;
}

.customer-inbox__message {
    width: fit-content;
    max-width: min(78%, 680px);
    padding: 11px 13px 8px;
    border: 1px solid #dbe4f0;
    border-radius: 5px 16px 16px 16px;
    background: #fff;
    box-shadow: 0 3px 12px rgb(15 23 42 / 4%);
}

.customer-inbox__message.is-outgoing {
    align-self: flex-end;
    border-color: #bfdbfe;
    border-radius: 16px 5px 16px 16px;
    background: #eaf3ff;
}

.customer-inbox__message p {
    color: #1e293b;
    font-size: 14px;
    line-height: 1.5;
}

.customer-inbox__message footer {
    justify-content: flex-end;
    margin-top: 7px;
    color: #94a3b8;
    font-size: 10px;
}

.customer-inbox__message-status {
    font-weight: 700;
}

.customer-inbox__error {
    display: block;
    margin-top: 5px;
    color: #dc2626;
}

.customer-inbox__attachments {
    display: grid;
    max-width: 420px;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.customer-inbox__attachments a {
    display: grid;
    min-height: 38px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: rgb(255 255 255 / 76%);
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
}

.customer-inbox__attachments img {
    width: 100%;
    height: 112px;
    object-fit: cover;
}

.customer-inbox__attachment-note {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-size: 11px;
}

.customer-inbox__retry {
    display: block;
    margin-top: 8px;
    padding: 6px 10px;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    background: #fff;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 800;
}

.customer-inbox__retry:hover {
    background: #fef2f2;
}

.customer-inbox__composer {
    padding: 14px 18px 16px;
    border-top: 1px solid #e2e8f0;
    background: #fff;
}

.customer-inbox__composer label {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 800;
}

.customer-inbox__composer textarea {
    width: 100%;
    min-height: 94px;
    resize: vertical;
    padding: 11px 13px;
    border: 1px solid #b8c7da;
    border-radius: 11px;
    background: #fff;
    color: #172033;
    font-size: 14px;
    outline: none;
}

.customer-inbox__composer textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgb(59 130 246 / 12%);
}

.customer-inbox__composer > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 9px;
}

.customer-inbox__composer small {
    color: #94a3b8;
    font-size: 11px;
}

.customer-inbox__composer button {
    min-width: 120px;
    padding: 9px 16px;
    border-radius: 9px;
    background: #2563eb;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.customer-inbox__notice,
.customer-inbox__empty {
    padding: 24px;
    color: #94a3b8;
    font-size: 14px;
    text-align: center;
}

.customer-inbox__empty--dialog {
    display: grid;
    min-height: 480px;
    place-items: center;
}

@media (max-width: 900px) {
    .customer-inbox__layout {
        grid-template-columns: 1fr;
    }

    .customer-inbox__list {
        max-height: 34vh;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .customer-inbox__message {
        max-width: 90%;
    }
}

/* Marketplace Approval Center */
.approval-center {
    display: grid;
    gap: 14px;
    color: #172033;
}

.approval-center__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 20px 22px;
    border: 1px solid #cfe0f5;
    border-radius: 14px;
    background: linear-gradient(120deg, #f6faff 0%, #f8f7ff 100%);
}

.approval-center__eyebrow {
    color: #2563eb;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.approval-center__header h2,
.approval-center__detail h2,
.approval-center__items h3,
.approval-center__impact h3 {
    margin: 0;
    color: #13203a;
    font-weight: 900;
}

.approval-center__header h2 {
    margin-top: 4px;
    font-size: 22px;
    line-height: 1.25;
}

.approval-center__header p,
.approval-center__detail-header p,
.approval-center__items header p {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 13px;
}

.approval-center__header-stat {
    display: grid;
    min-width: 128px;
    padding: 13px 18px;
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.approval-center__header-stat strong {
    color: #2563eb;
    font-size: 26px;
    line-height: 1;
}

.approval-center__header-stat span {
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.approval-center__filters {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 5px;
    border: 1px solid #dbe4ef;
    border-radius: 12px;
    background: #fff;
}

.approval-center__filters button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    padding: 8px 12px;
    border-radius: 8px;
    color: #526076;
    font-size: 12px;
    font-weight: 800;
}

.approval-center__filters button:hover,
.approval-center__filters button.is-active {
    background: #eff6ff;
    color: #2563eb;
}

.approval-center__filters button span {
    min-width: 21px;
    padding: 2px 6px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 10px;
    text-align: center;
}

.approval-center__filters button.is-active span {
    background: #2563eb;
    color: #fff;
}

.approval-center__workspace {
    display: grid;
    min-height: 620px;
    grid-template-columns: minmax(280px, 32%) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #fff;
}

.approval-center__list {
    max-height: 76vh;
    overflow-y: auto;
    border-right: 1px solid #dbe4ef;
    background: #f8fafc;
}

.approval-center__request {
    display: grid;
    width: 100%;
    gap: 6px;
    padding: 15px 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    text-align: left;
}

.approval-center__request:hover {
    background: #f8fbff;
}

.approval-center__request.is-selected {
    box-shadow: inset 3px 0 #2563eb;
    background: #eff6ff;
}

.approval-center__request-topline,
.approval-center__request-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.approval-center__request-topline time,
.approval-center__request-meta {
    color: #94a3b8;
    font-size: 10px;
}

.approval-center__request > strong {
    color: #1e293b;
    font-size: 13px;
    line-height: 1.35;
}

.approval-center__request-summary {
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: 11px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.approval-center__detail {
    min-width: 0;
    max-height: 76vh;
    overflow-y: auto;
}

.approval-center__detail-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.approval-center__detail-header h2 {
    margin-top: 9px;
    font-size: 20px;
}

.approval-center__detail-meta {
    display: grid;
    min-width: 170px;
    justify-items: end;
    gap: 5px;
}

.approval-center__detail-meta small {
    color: #64748b;
    font-size: 10px;
}

.approval-center__risk,
.approval-center__status,
.approval-center__item-status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
}

.approval-center__risk {
    padding: 4px 8px;
}

.approval-center__risk--low {
    background: #dcfce7;
    color: #15803d;
}

.approval-center__risk--medium {
    background: #fef3c7;
    color: #a16207;
}

.approval-center__risk--high,
.approval-center__risk--critical {
    background: #fee2e2;
    color: #b91c1c;
}

.approval-center__risk--critical {
    box-shadow: inset 0 0 0 1px #fecaca;
}

.approval-center__status {
    padding: 5px 9px;
    background: #e2e8f0;
    color: #475569;
}

.approval-center__status--pending,
.approval-center__status--partially_approved {
    background: #dbeafe;
    color: #1d4ed8;
}

.approval-center__status--approved,
.approval-center__status--executed {
    background: #dcfce7;
    color: #15803d;
}

.approval-center__status--rejected,
.approval-center__status--expired,
.approval-center__status--failed,
.approval-center__status--cancelled {
    background: #fee2e2;
    color: #b91c1c;
}

.approval-center__status--executing {
    background: #fef3c7;
    color: #a16207;
}

.approval-center__impact {
    padding: 14px 20px;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.approval-center__impact h3,
.approval-center__items h3 {
    font-size: 14px;
}

.approval-center__impact > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.approval-center__impact article {
    display: grid;
    min-width: 140px;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid #dbe4ef;
    border-radius: 9px;
    background: #fff;
}

.approval-center__impact article span {
    color: #64748b;
    font-size: 9px;
    font-weight: 700;
}

.approval-center__impact article strong {
    color: #1e293b;
    font-size: 12px;
}

.approval-center__items > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 20px;
}

.approval-center__items > header > span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.approval-center__item {
    margin: 0 20px 10px;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 11px;
}

.approval-center__item-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: #f8fafc;
}

.approval-center__item-heading input {
    width: 16px;
    height: 16px;
    border: 1px solid #94a3b8;
    border-radius: 4px;
    accent-color: #2563eb;
}

.approval-center__item-heading > div {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.approval-center__item-heading strong {
    overflow: hidden;
    color: #1e293b;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-center__item-status {
    padding: 3px 7px;
    background: #e2e8f0;
    color: #475569;
}

.approval-center__item-status--approved,
.approval-center__item-status--executed {
    background: #dcfce7;
    color: #15803d;
}

.approval-center__item-status--rejected,
.approval-center__item-status--failed {
    background: #fee2e2;
    color: #b91c1c;
}

.approval-center__changes > div {
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(120px, 1fr) minmax(120px, 1fr);
    border-top: 1px solid #edf2f7;
}

.approval-center__changes > div > * {
    min-width: 0;
    padding: 7px 10px;
    border-right: 1px solid #edf2f7;
    color: #64748b;
    font-size: 10px;
    overflow-wrap: anywhere;
}

.approval-center__changes > div > *:last-child {
    border-right: 0;
}

.approval-center__changes .approval-center__changes-head {
    background: #fff;
}

.approval-center__changes-head span {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.approval-center__changes > div.is-changed > :last-child {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.approval-center__validation {
    display: grid;
    gap: 3px;
    padding: 8px 12px;
    border-top: 1px solid #fecaca;
    background: #fff1f2;
    color: #b91c1c;
    font-size: 10px;
}

.approval-center__item-impact {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    padding: 8px 12px;
    border-top: 1px solid #edf2f7;
    background: #fffbeb;
    color: #92400e;
    font-size: 10px;
}

.approval-center__items-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 20px 18px;
}

.approval-center__items-pagination button {
    padding: 7px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
}

.approval-center__items-pagination button:disabled {
    cursor: default;
    opacity: .45;
}

.approval-center__items-pagination span {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.approval-center__actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 14px 20px;
    border-top: 1px solid #dbe4ef;
    background: rgb(255 255 255 / 96%);
    box-shadow: 0 -6px 18px rgb(15 23 42 / 5%);
    backdrop-filter: blur(8px);
}

.approval-center__actions label {
    display: grid;
    gap: 5px;
}

.approval-center__actions label span {
    color: #475569;
    font-size: 11px;
    font-weight: 800;
}

.approval-center__actions textarea {
    width: 100%;
    min-height: 62px;
    resize: vertical;
    padding: 9px 11px;
    border: 1px solid #b8c7da;
    border-radius: 9px;
    color: #1e293b;
    font-size: 12px;
    outline: none;
}

.approval-center__actions textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgb(59 130 246 / 12%);
}

.approval-center__actions > div {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 9px;
}

.approval-center__button {
    padding: 8px 13px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
}

.approval-center__button:disabled {
    cursor: wait;
    opacity: .55;
}

.approval-center__button--primary {
    background: #2563eb;
    color: #fff;
}

.approval-center__button--secondary {
    background: #e2e8f0;
    color: #1e293b;
}

.approval-center__button--danger {
    margin-right: auto;
    background: #fff1f2;
    color: #be123c;
}

.approval-center__permission-note,
.approval-center__decision {
    display: grid !important;
    justify-content: initial !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 11px 13px;
    border: 1px solid #fde68a;
    border-radius: 9px;
    background: #fffbeb;
}

.approval-center__permission-note strong,
.approval-center__decision strong {
    color: #92400e;
    font-size: 12px;
}

.approval-center__permission-note span,
.approval-center__decision span,
.approval-center__decision p {
    margin: 0;
    color: #78716c;
    font-size: 10px;
}

.approval-center__empty {
    display: grid;
    gap: 5px;
    padding: 28px 20px;
    color: #94a3b8;
    font-size: 11px;
    text-align: center;
}

.approval-center__empty strong {
    color: #475569;
    font-size: 13px;
}

.approval-center__empty--detail {
    min-height: 500px;
    place-content: center;
}

@media (max-width: 980px) {
    .approval-center__workspace {
        grid-template-columns: 1fr;
    }

    .approval-center__list {
        max-height: 290px;
        border-right: 0;
        border-bottom: 1px solid #dbe4ef;
    }

    .approval-center__detail {
        max-height: none;
    }
}

@media (max-width: 640px) {
    .approval-center__header,
    .approval-center__detail-header {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-center__header-stat,
    .approval-center__detail-meta {
        width: 100%;
        justify-items: start;
        text-align: left;
    }

    .approval-center__changes > div {
        grid-template-columns: 92px 1fr 1fr;
    }

    .approval-center__actions > div {
        align-items: stretch;
        flex-direction: column;
    }

    .approval-center__button--danger {
        margin-right: 0;
    }
}

/* Marketplace card issue workspace: compact, task-first and free of raw API noise. */
.marketplace-issues { display: grid; gap: 14px; color: #17253a; }
.marketplace-issues__hero { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 22px; border: 1px solid #d9e5f4; border-radius: 16px; background: linear-gradient(110deg, #f2f7ff, #fff 60%, #fff8eb); }
.marketplace-issues__hero > div { min-width: 0; }
.marketplace-issues__hero span { color: #3478da; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketplace-issues__hero h1 { margin: 3px 0 5px; color: #12233d; font-size: 22px; font-weight: 850; line-height: 1.15; }
.marketplace-issues__hero p { max-width: 760px; margin: 0; color: #6b798d; font-size: 11px; line-height: 1.5; }
.marketplace-issues__hero > a { display: inline-flex; height: 38px; flex: 0 0 auto; align-items: center; gap: 7px; padding: 0 13px; border: 1px solid #c7daf5; border-radius: 10px; background: #fff; color: #286cc8; font-size: 10px; font-weight: 800; }
.marketplace-issues__hero > a svg { width: 15px; height: 15px; }
.marketplace-issues__filters { display: grid; grid-template-columns: minmax(280px, 1fr) 210px minmax(310px, auto); gap: 12px; align-items: end; padding: 13px; border: 1px solid #e0e7f0; border-radius: 14px; background: #fff; }
.marketplace-issues__filters label { display: grid; gap: 5px; color: #657389; font-size: 9px; font-weight: 750; }
.marketplace-issues__filters label > div { display: flex; height: 38px; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #cdd7e4; border-radius: 9px; background: #fff; }
.marketplace-issues__filters label svg { width: 15px; height: 15px; color: #8c99aa; }
.marketplace-issues__filters input { width: 100%; border: 0; outline: 0; background: transparent; color: #1f3048; font-size: 11px; }
.marketplace-issues__filters select { height: 38px; padding: 0 10px; border: 1px solid #cdd7e4; border-radius: 9px; background: #fff; color: #273950; font-size: 11px; }
.marketplace-issues__filters dl { display: grid; grid-template-columns: repeat(3, minmax(85px, 1fr)); gap: 7px; margin: 0; }
.marketplace-issues__filters dl div { display: grid; gap: 1px; padding: 7px 9px; border-radius: 9px; background: #f3f6fa; }
.marketplace-issues__filters dt { color: #7a8799; font-size: 8px; }
.marketplace-issues__filters dd { color: #24364d; font-size: 14px; font-weight: 900; }
.marketplace-issues__filters dl .is-danger { background: #fff0f0; }
.marketplace-issues__filters dl .is-danger dd { color: #c83434; }
.marketplace-issues__filters dl .is-warning { background: #fff7e5; }
.marketplace-issues__filters dl .is-warning dd { color: #986000; }
.marketplace-issues__list { display: grid; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 14px; background: #fff; }
.marketplace-issues__item { display: grid; min-height: 108px; grid-template-columns: minmax(230px, .9fr) minmax(300px, 1.25fr) minmax(230px, .9fr) auto; gap: 16px; align-items: center; padding: 13px 14px 13px 17px; border-bottom: 1px solid #e9edf3; box-shadow: inset 3px 0 #e2a42a; }
.marketplace-issues__item:last-child { border-bottom: 0; }
.marketplace-issues__item--danger { box-shadow: inset 3px 0 #e5484d; }
.marketplace-issues__identity, .marketplace-issues__reason, .marketplace-issues__next { display: grid; min-width: 0; gap: 4px; }
.marketplace-issues__provider { width: fit-content; padding: 3px 6px; border-radius: 5px; background: #edf1f6; color: #536174; font-size: 8px; font-weight: 850; }
.marketplace-issues__provider--wildberries { background: #f5e4fa; color: #8d1aa1; }
.marketplace-issues__provider--ozon { background: #e5efff; color: #155eef; }
.marketplace-issues__provider--yandex_market { background: #fff3ad; color: #624f00; }
.marketplace-issues__identity strong { color: #23344c; font-size: 11px; line-height: 1.35; }
.marketplace-issues__identity small { overflow: hidden; color: #8490a1; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-issues__identity i { padding: 0 2px; font-style: normal; }
.marketplace-issues__reason > span, .marketplace-issues__next > span { color: #7d899b; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.marketplace-issues__reason ul { display: grid; gap: 2px; margin: 0; padding-left: 14px; color: #485970; font-size: 9px; line-height: 1.35; }
.marketplace-issues__next p { margin: 0; color: #704d09; font-size: 9px; line-height: 1.4; }
.marketplace-issues__item--danger .marketplace-issues__next p { color: #9d3333; }
.marketplace-issues__next small { color: #8a96a7; font-size: 8px; }
.marketplace-issues__item > a, .marketplace-issues__item > button { display: inline-flex; height: 34px; align-items: center; gap: 5px; padding: 0 10px; border: 1px solid #c9dcf7; border-radius: 8px; background: #fff; color: #286dca; font-size: 9px; font-weight: 850; white-space: nowrap; cursor: pointer; }
.marketplace-issues__item > a svg, .marketplace-issues__item > button svg { width: 13px; height: 13px; }
.marketplace-issues__empty { display: flex; min-height: 150px; align-items: center; justify-content: center; gap: 12px; padding: 20px; background: #f4fbf7; text-align: left; }
.marketplace-issues__empty > svg { width: 30px; height: 30px; color: #109762; }
.marketplace-issues__empty > div { display: grid; gap: 3px; }
.marketplace-issues__empty strong { color: #146d4c; font-size: 12px; }
.marketplace-issues__empty span { color: #6d8579; font-size: 9px; }
.marketplace-issues__limit { margin: 0; color: #7a8798; font-size: 9px; text-align: center; }

@media (max-width: 1150px) {
    .marketplace-issues__filters { grid-template-columns: minmax(260px, 1fr) 190px; }
    .marketplace-issues__filters dl { grid-column: 1 / -1; }
    .marketplace-issues__item { grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr) auto; }
    .marketplace-issues__next { grid-column: 1 / 3; }
}

@media (max-width: 760px) {
    .marketplace-issues__hero { align-items: flex-start; flex-direction: column; padding: 17px; }
    .marketplace-issues__hero h1 { font-size: 19px; }
    .marketplace-issues__filters { grid-template-columns: 1fr; }
    .marketplace-issues__filters dl { grid-column: auto; }
    .marketplace-issues__item { grid-template-columns: 1fr; gap: 11px; }
    .marketplace-issues__next { grid-column: auto; }
    .marketplace-issues__item > a, .marketplace-issues__item > button { width: fit-content; }
}

/* Marketplace card readiness drawer */
.marketplace-card-drawer__backdrop { position: fixed; z-index: 49; inset: 0; border: 0; background: rgb(20 34 52 / 28%); backdrop-filter: blur(2px); cursor: default; }
.marketplace-card-drawer { position: fixed; z-index: 50; top: 0; right: 0; display: grid; width: min(620px, 96vw); height: 100dvh; grid-template-rows: auto minmax(0, 1fr) auto; border-left: 1px solid #d9e2ec; background: #f7f9fc; box-shadow: -18px 0 48px rgb(20 42 68 / 19%); color: #27394f; }
.marketplace-card-drawer > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 17px 18px; border-bottom: 1px solid #dfe6ef; background: #fff; }
.marketplace-card-drawer > header > div { display: grid; min-width: 0; gap: 5px; }
.marketplace-card-drawer > header h2 { margin: 0; color: #20354d; font-size: 17px; font-weight: 900; line-height: 1.25; }
.marketplace-card-drawer > header p { margin: 0; color: #7c899b; font-size: 9px; }
.marketplace-card-drawer > header > button { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border: 1px solid #d5deea; border-radius: 9px; background: #fff; color: #617187; cursor: pointer; }
.marketplace-card-drawer > header > button svg { width: 18px; height: 18px; }
.marketplace-card-drawer__body { display: grid; align-content: start; gap: 11px; overflow-y: auto; padding: 12px; }
.marketplace-card-drawer__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.marketplace-card-drawer__metrics article { display: grid; gap: 4px; padding: 10px 11px; border: 1px solid #dfe6ef; border-radius: 10px; background: #fff; }
.marketplace-card-drawer__metrics span { color: #7c899a; font-size: 8px; }
.marketplace-card-drawer__metrics strong { color: #263c55; font-size: 19px; font-weight: 900; }
.marketplace-card-drawer__metrics article.is-warning { border-color: #f0d49a; background: #fffaf0; }
.marketplace-card-drawer__metrics article.is-warning strong { color: #a76609; }
.marketplace-card-drawer__metrics article.is-ready { border-color: #bde3ce; background: #f2fbf6; }
.marketplace-card-drawer__metrics article.is-ready strong { color: #168252; }
.marketplace-card-drawer__errors, .marketplace-card-drawer__settings, .marketplace-card-drawer__coverage { overflow: hidden; border: 1px solid #dfe6ef; border-radius: 11px; background: #fff; }
.marketplace-card-drawer__errors > header, .marketplace-card-drawer__settings > header, .marketplace-card-drawer__coverage > header { display: flex; align-items: flex-start; gap: 9px; padding: 11px 12px; border-bottom: 1px solid #e6ebf2; background: #fbfcfe; }
.marketplace-card-drawer__errors > header { justify-content: space-between; }
.marketplace-card-drawer__errors > header > div, .marketplace-card-drawer__settings > header > div, .marketplace-card-drawer__coverage > header > div { display: grid; gap: 2px; }
.marketplace-card-drawer__errors > header span, .marketplace-card-drawer__settings > header > span, .marketplace-card-drawer__coverage > header > span { color: #2776d8; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.marketplace-card-drawer__errors > header strong, .marketplace-card-drawer__settings > header strong, .marketplace-card-drawer__coverage > header strong { color: #2d4058; font-size: 11px; }
.marketplace-card-drawer__settings > header small, .marketplace-card-drawer__coverage > header small { color: #7b889a; font-size: 8px; line-height: 1.4; }
.marketplace-card-drawer__errors > header button { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #d8e1ec; border-radius: 8px; background: #fff; color: #4077b7; cursor: pointer; }
.marketplace-card-drawer__errors > header button svg { width: 15px; height: 15px; }
.marketplace-card-drawer__errors ol { display: grid; gap: 6px; margin: 0; padding: 10px 12px 12px 30px; color: #8f4f1f; font-size: 9px; line-height: 1.4; }
.marketplace-card-drawer__ready { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #bde3ce; border-radius: 11px; background: #f2fbf6; }
.marketplace-card-drawer__ready > svg { width: 25px; height: 25px; color: #168252; }
.marketplace-card-drawer__ready > div { display: grid; gap: 2px; }
.marketplace-card-drawer__ready strong { color: #176f4a; font-size: 11px; }
.marketplace-card-drawer__ready span { color: #688276; font-size: 8px; }
.marketplace-card-drawer__settings { display: grid; }
.marketplace-card-drawer__settings > label { display: grid; gap: 5px; margin: 0 12px 10px; }
.marketplace-card-drawer__settings > label > span { color: #56667b; font-size: 9px; font-weight: 800; }
.marketplace-card-drawer__settings input[type="search"], .marketplace-card-drawer__settings input[type="number"], .marketplace-card-drawer__settings select { width: 100%; min-height: 38px; padding: 7px 9px; border: 1px solid #cbd6e3; border-radius: 8px; background: #fff; color: #263a52; font-size: 10px; outline: none; }
.marketplace-card-drawer__settings input:focus, .marketplace-card-drawer__settings select:focus { border-color: #347fdd; box-shadow: 0 0 0 3px rgb(52 127 221 / 11%); }
.marketplace-card-drawer__settings label > small { color: #7b899b; font-size: 8px; line-height: 1.4; }
.marketplace-card-drawer__settings label > small.is-suggested { color: #177251; }
.marketplace-card-drawer__suggest { display: inline-flex; width: fit-content; min-height: 31px; align-items: center; gap: 6px; margin: 10px 12px; padding: 0 9px; border: 1px solid #bfd8f7; border-radius: 8px; background: #f3f8ff; color: #276bbd; font-size: 8px; font-weight: 850; cursor: pointer; }
.marketplace-card-drawer__suggest svg { width: 14px; height: 14px; }
.marketplace-card-drawer__toggle { display: grid !important; grid-template-columns: auto 1fr; align-items: start; gap: 8px !important; padding: 9px; border: 1px solid #e1e7ef; border-radius: 9px; background: #fafcff; }
.marketplace-card-drawer__toggle > input { width: 15px; height: 15px; margin-top: 1px; accent-color: #277ce3; }
.marketplace-card-drawer__toggle > span { display: grid; gap: 2px; }
.marketplace-card-drawer__toggle strong { color: #34485f; font-size: 9px; }
.marketplace-card-drawer__toggle small { color: #7a8798; font-size: 8px; line-height: 1.4; }
.marketplace-card-drawer__settings-actions { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 12px 12px; }
.marketplace-card-drawer__settings-actions button { min-height: 34px; padding: 0 11px; border: 1px solid #cbd7e4; border-radius: 8px; background: #fff; color: #466079; font-size: 8px; font-weight: 850; cursor: pointer; }
.marketplace-card-drawer__settings-actions button.is-primary { border-color: #277ce3; background: #277ce3; color: #fff; }
.marketplace-card-drawer__settings-actions button:disabled { opacity: .5; cursor: not-allowed; }
.marketplace-card-drawer__coverage dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 0; padding: 10px 12px; }
.marketplace-card-drawer__coverage dl div { display: grid; gap: 2px; padding: 8px; border-radius: 8px; background: #f4f7fb; }
.marketplace-card-drawer__coverage dt { color: #788699; font-size: 8px; }
.marketplace-card-drawer__coverage dd { color: #2c425b; font-size: 15px; font-weight: 900; }
.marketplace-card-drawer__missing { display: grid; gap: 4px; margin: 0 12px 10px; padding: 9px; border: 1px solid #f0dfb5; border-radius: 8px; background: #fffaf0; }
.marketplace-card-drawer__missing strong { color: #825b17; font-size: 9px; }
.marketplace-card-drawer__missing p { margin: 0; color: #856b3b; font-size: 8px; line-height: 1.4; }
.marketplace-card-drawer__missing a { width: fit-content; color: #256fc8; font-size: 8px; font-weight: 800; }
.marketplace-card-drawer > footer { display: flex; justify-content: flex-end; gap: 7px; padding: 11px 13px; border-top: 1px solid #dfe6ef; background: #fff; }
.marketplace-card-drawer > footer a { display: inline-flex; min-height: 34px; align-items: center; padding: 0 10px; border: 1px solid #cad6e4; border-radius: 8px; color: #496178; font-size: 8px; font-weight: 850; }
.marketplace-card-drawer > footer a.is-primary { border-color: #277ce3; background: #277ce3; color: #fff; }
@media (max-width: 680px) {
    .marketplace-card-drawer { width: 100vw; }
    .marketplace-card-drawer__metrics, .marketplace-card-drawer__coverage dl { grid-template-columns: 1fr 1fr; }
    .marketplace-card-drawer__metrics article:last-child { grid-column: 1 / -1; }
    .marketplace-card-drawer > footer { flex-wrap: wrap; justify-content: flex-start; }
}

/* Marketplace card transfer wizard */
.marketplace-transfer { display: grid; gap: 14px; color: #1d2b40; }
.marketplace-transfer__hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; border: 1px solid #d4e2f5; border-radius: 18px; background: linear-gradient(120deg, #edf5ff, #f8fbff 58%, #f5f2ff); }
.marketplace-transfer__hero > div { min-width: 0; }
.marketplace-transfer__hero > div > span { color: #3478f6; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketplace-transfer__hero h1 { margin: 4px 0 5px; color: #142238; font-size: 23px; font-weight: 850; line-height: 1.15; }
.marketplace-transfer__hero p { max-width: 850px; margin: 0; color: #66758a; font-size: 11px; line-height: 1.5; }
.marketplace-transfer__hero > a { display: inline-flex; min-height: 38px; flex: none; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid #c4d8f4; border-radius: 9px; background: #fff; color: #286dca; font-size: 10px; font-weight: 800; }
.marketplace-transfer__hero > a svg { width: 15px; height: 15px; }
.marketplace-transfer__progress { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border: 1px solid #dfe6ef; border-radius: 13px; background: #fff; list-style: none; }
.marketplace-transfer__progress li { position: relative; display: flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; color: #8792a3; font-size: 10px; font-weight: 750; }
.marketplace-transfer__progress li:not(:last-child)::after { position: absolute; top: 15px; right: -6px; width: 12px; height: 12px; border-top: 1px solid #dfe6ef; border-right: 1px solid #dfe6ef; background: #fff; content: ""; transform: rotate(45deg); }
.marketplace-transfer__progress b { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 99px; background: #edf1f6; color: #718096; font-size: 9px; }
.marketplace-transfer__progress .is-active { color: #286bc9; }
.marketplace-transfer__progress .is-active b { background: #3478f6; color: #fff; }
.marketplace-transfer__panel { overflow: hidden; border: 1px solid #dde5ef; border-radius: 15px; background: #fff; box-shadow: 0 5px 16px rgb(30 64 110 / 4%); }
.marketplace-transfer__panel > header { display: flex; min-height: 60px; align-items: center; gap: 11px; padding: 12px 15px; border-bottom: 1px solid #e7ecf2; background: #f8fafc; }
.marketplace-transfer__panel > header > b { display: grid; width: 28px; height: 28px; flex: none; place-items: center; border-radius: 9px; background: #3478f6; color: #fff; font-size: 11px; }
.marketplace-transfer__panel > header h2 { margin: 0; color: #23344b; font-size: 14px; font-weight: 850; }
.marketplace-transfer__panel > header p { margin: 3px 0 0; color: #78869a; font-size: 9px; line-height: 1.4; }
.marketplace-transfer__route { display: grid; grid-template-columns: minmax(220px, 1fr) 24px minmax(220px, 1fr) minmax(260px, 1.15fr); align-items: end; gap: 10px; padding: 14px 15px 16px; }
.marketplace-transfer__route > svg { width: 20px; height: 40px; color: #3478f6; }
.marketplace-transfer__route label, .marketplace-transfer__search label { display: grid; min-width: 0; gap: 5px; }
.marketplace-transfer__route label > span, .marketplace-transfer__search label > span { color: #64748b; font-size: 9px; font-weight: 800; }
.marketplace-transfer select, .marketplace-transfer input[type="search"], .marketplace-transfer input[type="number"] { width: 100%; height: 39px; border: 1px solid #bcc9d9; border-radius: 8px; background: #fff; color: #26364b; font-size: 11px; outline: none; }
.marketplace-transfer select { padding: 0 32px 0 10px; }
.marketplace-transfer input[type="search"], .marketplace-transfer input[type="number"] { padding: 0 11px; }
.marketplace-transfer select:focus, .marketplace-transfer input[type="search"]:focus, .marketplace-transfer input[type="number"]:focus { border-color: #3478f6; box-shadow: 0 0 0 3px rgb(52 120 246 / 11%); }
.marketplace-transfer__route--multi { grid-template-columns: minmax(210px, .75fr) 24px minmax(360px, 1.5fr) minmax(230px, .8fr); }
.marketplace-transfer__targets { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; padding: 0; border: 0; }
.marketplace-transfer__targets legend { grid-column: 1 / -1; margin-bottom: -2px; color: #64748b; font-size: 9px; font-weight: 800; }
.marketplace-transfer__targets label { display: grid; min-height: 46px; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid #d4deea; border-radius: 9px; background: #f9fbfd; cursor: pointer; }
.marketplace-transfer__targets label.is-active { border-color: #3478f6; background: #eef5ff; box-shadow: inset 0 0 0 1px #3478f6; }
.marketplace-transfer__targets input { width: 15px; height: 15px; accent-color: #3478f6; }
.marketplace-transfer__targets svg { width: 17px; height: 17px; color: #aeb8c5; }
.marketplace-transfer__targets .is-active svg { color: #3478f6; }
.marketplace-transfer__targets label > span { display: grid; gap: 1px; min-width: 0; }
.marketplace-transfer__targets strong { overflow: hidden; color: #2c3c52; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-transfer__targets small { color: #7c899a; font-size: 7px; }
.marketplace-transfer__stock { display: grid; grid-template-columns: minmax(250px, 1.25fr) minmax(145px, .6fr) minmax(160px, .65fr) minmax(170px, .75fr) minmax(185px, .8fr); align-items: end; gap: 9px; padding: 13px 15px 0; }
.marketplace-transfer__stock > label:not(.marketplace-transfer__switch) { display: grid; gap: 5px; min-width: 0; }
.marketplace-transfer__stock > label > span:first-child { color: #64748b; font-size: 9px; font-weight: 800; }
.marketplace-transfer__switch { display: grid; min-height: 39px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 6px 9px; border: 1px solid #cbd7e5; border-radius: 8px; background: #f9fbfd; cursor: pointer; }
.marketplace-transfer__switch > input { width: 16px; height: 16px; accent-color: #3478f6; }
.marketplace-transfer__switch > span { display: grid; gap: 1px; }
.marketplace-transfer__switch strong { color: #34475f; font-size: 8px; }
.marketplace-transfer__switch small { color: #8190a3; font-size: 7px; }
.marketplace-transfer__ozon-defaults { margin: 13px 15px 0; overflow: hidden; border: 1px solid #d8e4f3; border-radius: 10px; background: #f9fbfe; }
.marketplace-transfer__ozon-defaults > header { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-bottom: 1px solid #e2e9f2; background: #f1f6fd; }
.marketplace-transfer__ozon-defaults > header span, .marketplace-transfer__ozon-defaults > header strong { display: block; }
.marketplace-transfer__ozon-defaults > header span { color: #3478f6; font-size: 7px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.marketplace-transfer__ozon-defaults > header strong { margin-top: 2px; color: #2d405a; font-size: 10px; }
.marketplace-transfer__ozon-defaults > header small { color: #6f7f94; font-size: 8px; }
.marketplace-transfer__ozon-defaults > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 10px 11px 11px; }
.marketplace-transfer__ozon-defaults label { display: grid; min-width: 0; gap: 4px; }
.marketplace-transfer__ozon-defaults label > span { color: #607086; font-size: 8px; font-weight: 800; }
.marketplace-transfer__ozon-defaults input, .marketplace-transfer__ozon-defaults select { width: 100%; height: 37px; padding: 0 9px; border: 1px solid #bdcad9; border-radius: 8px; background: #fff; color: #26364b; font-size: 10px; outline: none; }
.marketplace-transfer__ozon-defaults input:focus, .marketplace-transfer__ozon-defaults select:focus { border-color: #3478f6; box-shadow: 0 0 0 3px rgb(52 120 246 / 11%); }
.marketplace-transfer__ozon-defaults label small { min-height: 24px; color: #8491a2; font-size: 7px; line-height: 1.35; }
.marketplace-transfer__mode { display: flex; gap: 4px; padding: 13px 15px 0; }
.marketplace-transfer__mode button { min-height: 34px; padding: 0 11px; border: 1px solid #d5deea; border-radius: 8px; background: #fff; color: #617087; font-size: 9px; font-weight: 800; }
.marketplace-transfer__mode button.is-active { border-color: #3478f6; background: #eaf2ff; color: #2468c8; }
.marketplace-transfer__search { display: grid; grid-template-columns: minmax(260px, 1fr) auto; align-items: end; gap: 10px; padding: 10px 15px 14px; }
.marketplace-transfer__search > button, .marketplace-transfer__preview > footer button, .marketplace-transfer__complete-actions button { min-height: 39px; padding: 0 14px; border: 1px solid #3478f6; border-radius: 8px; background: #3478f6; color: #fff; font-size: 10px; font-weight: 850; }
.marketplace-transfer button:disabled { cursor: not-allowed; opacity: .45; }
.marketplace-transfer__picker { margin: 0 15px 15px; overflow: hidden; border: 1px solid #dce4ee; border-radius: 11px; }
.marketplace-transfer__picker > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; border-bottom: 1px solid #e7ecf2; background: #f6f8fb; }
.marketplace-transfer__picker > header strong, .marketplace-transfer__picker > header span { display: block; }
.marketplace-transfer__picker > header strong { color: #2b3b51; font-size: 10px; }
.marketplace-transfer__picker > header span { margin-top: 2px; color: #7d899a; font-size: 8px; }
.marketplace-transfer__picker > header > div:last-child { display: flex; gap: 6px; }
.marketplace-transfer__picker > header button { min-height: 29px; padding: 0 9px; border: 1px solid #c5d2e1; border-radius: 7px; background: #fff; color: #3b6599; font-size: 8px; font-weight: 800; }
.marketplace-transfer__product { display: grid; min-height: 58px; grid-template-columns: 20px 42px minmax(250px, 1fr) minmax(135px, auto) 100px; align-items: center; gap: 9px; padding: 7px 10px; border-bottom: 1px solid #edf1f5; cursor: pointer; }
.marketplace-transfer__product:last-child { border-bottom: 0; }
.marketplace-transfer__product:hover { background: #f8fbff; }
.marketplace-transfer__product > input { width: 15px; height: 15px; accent-color: #3478f6; }
.marketplace-transfer__thumb { display: grid; width: 42px; height: 42px; overflow: hidden; place-items: center; border: 1px solid #e2e8f0; border-radius: 8px; background: #f3f5f8; }
.marketplace-transfer__thumb > * { grid-area: 1 / 1; }
.marketplace-transfer__thumb img { z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.marketplace-transfer__thumb svg { width: 18px; height: 18px; color: #a0aabd; }
.marketplace-transfer__product-name { display: grid; min-width: 0; gap: 3px; }
.marketplace-transfer__product-name strong { overflow: hidden; color: #26364c; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-transfer__product-name small { color: #8190a3; font-size: 8px; }
.marketplace-transfer__target-statuses { display: flex; flex-wrap: wrap; gap: 3px; }
.marketplace-transfer__target-statuses em { justify-self: start; padding: 4px 7px; border-radius: 99px; background: #e8f8ef; color: #087b51; font-size: 7px; font-style: normal; font-weight: 800; }
.marketplace-transfer__target-statuses em.is-existing { background: #fff3dc; color: #936008; }
.marketplace-transfer__product > b { color: #34445a; font-size: 9px; text-align: right; white-space: nowrap; }
.marketplace-transfer__empty { display: grid; min-height: 90px; place-items: center; align-content: center; gap: 3px; padding: 16px; color: #7d899a; text-align: center; }
.marketplace-transfer__empty strong { color: #405169; font-size: 11px; }
.marketplace-transfer__empty span { font-size: 9px; }
.marketplace-transfer__scope-note { display: flex; align-items: center; gap: 8px; margin: 0 15px 15px; padding: 10px 12px; border: 1px solid #c9ddf8; border-radius: 9px; background: #f1f6ff; color: #49688d; font-size: 9px; }
.marketplace-transfer__scope-note svg { width: 17px; height: 17px; flex: none; color: #3478f6; }
.marketplace-transfer__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px 14px; }
.marketplace-transfer__summary article { padding: 10px; border: 1px solid #e1e7ef; border-radius: 9px; background: #f9fbfd; }
.marketplace-transfer__summary span { display: block; color: #758297; font-size: 8px; }
.marketplace-transfer__summary strong { display: block; margin-top: 6px; color: #22334a; font-size: 20px; line-height: 1; }
.marketplace-transfer__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 0 14px 14px; }
.marketplace-transfer__cards > article { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 10px; min-height: 180px; padding: 10px; border: 1px solid #e0e6ef; border-radius: 11px; background: #fff; }
.marketplace-transfer__target-preview { margin: 0 14px 12px; overflow: hidden; border: 1px solid #dce5ef; border-radius: 11px; background: #fbfcfe; }
.marketplace-transfer__target-preview > header { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-bottom: 1px solid #e3e9f1; background: #f5f8fc; }
.marketplace-transfer__target-preview > header > div { display: flex; align-items: center; gap: 8px; }
.marketplace-transfer__target-preview > header strong { color: #31445d; font-size: 10px; }
.marketplace-transfer__target-preview > header small { color: #6f7e91; font-size: 8px; }
.marketplace-transfer__target-preview .marketplace-transfer__cards { padding-top: 10px; }
.marketplace-transfer__provider { display: inline-flex; min-height: 22px; align-items: center; padding: 0 7px; border-radius: 99px; background: #edf2f7; color: #4f6075; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.marketplace-transfer__provider--ozon { background: #e8efff; color: #1758d0; }
.marketplace-transfer__provider--yandex_market { background: #fff0e9; color: #c34416; }
.marketplace-transfer__card-image { display: grid; width: 92px; height: 118px; overflow: hidden; place-items: center; border-radius: 9px; background: #f1f4f8; }
.marketplace-transfer__card-image > * { grid-area: 1 / 1; }
.marketplace-transfer__card-image img { z-index: 1; width: 100%; height: 100%; object-fit: contain; }
.marketplace-transfer__card-image svg { width: 27px; height: 27px; color: #a0aabc; }
.media-batch-studio__selection { display: grid; gap: 10px; margin: 0 18px 18px; }
.media-batch-studio__canvas > img,
.media-batch-studio__canvas > .media-batch-studio__no-image { position: absolute; inset: 0; }
.media-batch-studio__canvas > img { z-index: 1; }
.media-batch-studio__canvas > .media-batch-studio__no-image { z-index: 0; }

/* Marketplace bulk editor */
.marketplace-bulk-editor { display: grid; gap: 14px; color: #25364d; }
.marketplace-bulk-editor__hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; border: 1px solid #dce5ef; border-radius: 14px; background: linear-gradient(125deg, #fff, #f3f8ff); box-shadow: 0 8px 24px rgb(36 76 120 / 7%); }
.marketplace-bulk-editor__hero > div { max-width: 850px; }
.marketplace-bulk-editor__hero span { color: #1677ff; font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.marketplace-bulk-editor__hero h1 { margin: 4px 0 6px; color: #183451; font-size: clamp(20px, 2.1vw, 30px); font-weight: 900; line-height: 1.15; }
.marketplace-bulk-editor__hero p { margin: 0; color: #617087; font-size: 13px; line-height: 1.55; }
.marketplace-bulk-editor__hero nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-width: 230px; }
.marketplace-bulk-editor__hero nav a,
.marketplace-bulk-editor__hero nav button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 12px; border: 1px solid #cfdbea; border-radius: 9px; background: #fff; color: #31506f; font-size: 12px; font-weight: 800; text-decoration: none; }
.marketplace-bulk-editor__hero nav a:hover,
.marketplace-bulk-editor__hero nav button:hover { border-color: #1677ff; color: #0d6efd; }
.marketplace-bulk-editor__hero nav button { border-color: #1677ff; background: #1677ff; color: #fff; cursor: pointer; }
.marketplace-bulk-editor__hero nav button:hover { background: #0868e2; color: #fff; }
.marketplace-bulk-editor__hero nav button:disabled { cursor: not-allowed; opacity: .45; }
.marketplace-bulk-editor__hero nav svg { width: 17px; height: 17px; }
.marketplace-bulk-editor__panel { overflow: hidden; border: 1px solid #dce4ee; border-radius: 13px; background: #fff; box-shadow: 0 6px 20px rgb(28 62 99 / 5%); }
.marketplace-bulk-editor__panel > header { display: flex; align-items: flex-start; gap: 11px; padding: 14px 16px; border-bottom: 1px solid #e8edf3; background: #fbfcfe; }
.marketplace-bulk-editor__panel > header > b { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: #3186ee; color: #fff; font-size: 13px; }
.marketplace-bulk-editor__panel > header h2 { margin: 0 0 3px; color: #21364e; font-size: 15px; font-weight: 900; }
.marketplace-bulk-editor__panel > header p { margin: 0; color: #738096; font-size: 11px; line-height: 1.45; }
.marketplace-bulk-editor__filters { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(320px, 1.3fr); gap: 10px; padding: 14px 16px 4px; }
.marketplace-bulk-editor__filters label,
.marketplace-bulk-editor__price label { display: grid; gap: 5px; }
.marketplace-bulk-editor__filters label > span,
.marketplace-bulk-editor__price label > span { color: #52627a; font-size: 11px; font-weight: 800; }
.marketplace-bulk-editor__filters label > small { color: #7b899d; font-size: 10px; line-height: 1.35; }
.marketplace-bulk-editor__filters input,
.marketplace-bulk-editor__filters select,
.marketplace-bulk-editor__price input,
.marketplace-bulk-editor__price select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid #cbd7e4; border-radius: 8px; background: #fff; color: #263b53; font-size: 12px; outline: none; }
.marketplace-bulk-editor__filters input:focus,
.marketplace-bulk-editor__filters select:focus,
.marketplace-bulk-editor__price input:focus,
.marketplace-bulk-editor__price select:focus { border-color: #3387ee; box-shadow: 0 0 0 3px rgb(51 135 238 / 11%); }
.marketplace-bulk-editor .marketplace-transfer__mode { padding-right: 16px; padding-left: 16px; }
.marketplace-bulk-editor .marketplace-transfer__picker { max-height: min(560px, 64vh); margin: 0 16px 16px; overflow: auto; }
.marketplace-bulk-editor .marketplace-transfer__picker > header { position: sticky; z-index: 3; top: 0; }
.marketplace-bulk-editor .marketplace-transfer__scope-note { margin: 0 16px 16px; }
.marketplace-media-drop-hint { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin: 0 16px 16px; padding: 13px 14px; border: 1px dashed #7db4f5; border-radius: 11px; background: #f2f8ff; }
.marketplace-media-drop-hint > svg { width: 30px; height: 30px; padding: 6px; border-radius: 9px; background: #dcecff; color: #1677ff; }
.marketplace-media-drop-hint > div { display: grid; gap: 3px; }
.marketplace-media-drop-hint strong { color: #24415f; font-size: 12px; }
.marketplace-media-drop-hint span { color: #657890; font-size: 10px; line-height: 1.4; }
.marketplace-media-drop-hint button { min-height: 38px; padding: 0 13px; border-radius: 9px; background: #1677ff; color: #fff; font-size: 11px; font-weight: 850; cursor: pointer; }
.marketplace-media-drop-hint button:disabled { cursor: not-allowed; opacity: .45; }
.marketplace-photo-slot { overflow: hidden; padding: 10px; border: 1px solid #d9e4f0; border-radius: 12px; background: #f8fbff; }
.marketplace-photo-slot .filepond--root { min-height: 168px !important; margin-bottom: 0 !important; }
.marketplace-photo-slot .filepond--drop-label { min-height: 154px !important; border-radius: 9px; }
.marketplace-photo-slot .filepond--drop-label label { display: grid !important; justify-items: center; gap: 6px; padding: 16px !important; color: #52677f; font-size: 11px !important; text-align: center; }
.marketplace-photo-slot .filepond--drop-label svg,
.marketplace-photo-slot .fi-fo-file-upload-upload-icon,
.marketplace-photo-slot [data-filepond-item-state] svg { width: 34px !important; max-width: 34px !important; height: 34px !important; max-height: 34px !important; }
.marketplace-photo-slot .filepond--item { width: calc(100% - .5em) !important; }
.marketplace-photo-slot .filepond--image-preview-wrapper { border-radius: 9px; }
.marketplace-photo-confirmation { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid #b9d8ff; border-radius: 11px; background: #f2f8ff; color: #29445f; }
.marketplace-photo-confirmation strong { font-size: 13px; }
.marketplace-photo-confirmation span { font-size: 11px; }
.marketplace-photo-confirmation small { color: #647890; font-size: 10px; line-height: 1.45; }
.marketplace-photo-confirmation.is-warning { border-color: #fed7aa; background: #fff7ed; color: #9a3412; }
.marketplace-media-report { border-color: #bdd7f8; }
.marketplace-media-report > header > b { display: grid; place-items: center; }
.marketplace-media-report > header > b svg { width: 18px; height: 18px; }
.marketplace-media-report__close { margin-left: auto; padding: 7px 10px; border: 1px solid #d8e2ed; border-radius: 8px; background: #fff; color: #5d6e82; font-size: 10px; font-weight: 800; }
.marketplace-media-report__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 16px 12px; }
.marketplace-media-report__summary article { display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; padding: 12px 14px; border: 1px solid #e1e9f2; border-radius: 10px; background: #f8fbff; }
.marketplace-media-report__summary span { color: #5d7087; font-size: 10px; font-weight: 800; }
.marketplace-media-report__summary strong { grid-row: span 2; color: #1d4f91; font-size: 18px; }
.marketplace-media-report__summary small { color: #7b899b; font-size: 9px; }
.marketplace-media-report__waiting { display: flex; align-items: center; gap: 10px; margin: 0 16px 16px; padding: 13px 14px; border-radius: 10px; background: #f7f9fc; color: #50657e; }
.marketplace-media-report__waiting > svg { width: 22px; height: 22px; color: #1677ff; }
.marketplace-media-report__waiting > div { display: grid; gap: 2px; }
.marketplace-media-report__waiting strong { font-size: 11px; }
.marketplace-media-report__waiting span { color: #78879a; font-size: 9px; }
.marketplace-media-report__rows { display: grid; max-height: 520px; overflow: auto; margin: 0 16px 10px; border: 1px solid #e0e7ef; border-radius: 10px; }
.marketplace-media-report__rows article { display: grid; grid-template-columns: minmax(0, 1fr) 110px 80px; align-items: center; gap: 10px; padding: 10px 12px; border-bottom: 1px solid #e8edf3; }
.marketplace-media-report__rows article:last-child { border-bottom: 0; }
.marketplace-media-report__rows article > div { display: grid; gap: 2px; min-width: 0; }
.marketplace-media-report__rows strong { overflow: hidden; color: #293e55; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-media-report__rows small { color: #748297; font-size: 9px; }
.marketplace-media-report__rows em { overflow: hidden; color: #b42318; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-media-report__rows article > span { justify-self: start; padding: 4px 8px; border-radius: 999px; font-size: 9px; font-weight: 900; }
.marketplace-media-report__rows .is-completed { background: #dcfce7; color: #15803d; }
.marketplace-media-report__rows .is-pending { background: #dbeafe; color: #1d4ed8; }
.marketplace-media-report__rows .is-failed { background: #fee2e2; color: #b91c1c; }
.marketplace-media-report__rows button { padding: 6px 9px; border-radius: 8px; background: #1677ff; color: #fff; font-size: 9px; font-weight: 850; }
.marketplace-media-report__limit { display: block; margin: 0 16px 14px; color: #78879a; font-size: 9px; }
.marketplace-bulk-editor__product { grid-template-columns: auto 42px minmax(260px, 1fr) auto 120px !important; }
.marketplace-bulk-editor__numbers { display: grid; justify-items: end; gap: 2px; }
.marketplace-bulk-editor__numbers b { color: #253a51; font-size: 12px; }
.marketplace-bulk-editor__numbers small { color: #7b8798; font-size: 10px; }
.marketplace-bulk-editor__actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 15px 16px; }
.marketplace-bulk-editor__actions > label { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; min-height: 76px; padding: 11px; border: 1px solid #d9e2ed; border-radius: 10px; background: #fbfcfe; cursor: pointer; transition: .15s ease; }
.marketplace-bulk-editor__actions > label:hover { border-color: #9cc5f7; background: #f7fbff; }
.marketplace-bulk-editor__actions > label.is-active { border-color: #3989ea; background: #eef6ff; box-shadow: inset 0 0 0 1px #3989ea; }
.marketplace-bulk-editor__actions input { width: 16px; height: 16px; accent-color: #1677ff; }
.marketplace-bulk-editor__actions label > span { display: grid; gap: 3px; }
.marketplace-bulk-editor__actions strong { color: #263b54; font-size: 12px; }
.marketplace-bulk-editor__actions small { color: #718096; font-size: 10px; line-height: 1.35; }
.marketplace-bulk-editor__actions svg { width: 18px; height: 18px; color: #b9c4d2; }
.marketplace-bulk-editor__actions .is-active svg { color: #2080ed; }
.marketplace-bulk-editor__price { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(180px, .5fr); align-items: end; gap: 10px; margin: 0 16px 15px; padding: 12px; border: 1px solid #dce6f1; border-radius: 10px; background: #f7faff; }
.marketplace-bulk-editor__price > small { grid-column: 1 / -1; color: #687990; font-size: 10px; }
.marketplace-bulk-editor__panel > footer { display: flex; align-items: center; justify-content: flex-end; gap: 14px; padding: 13px 16px; border-top: 1px solid #e5ebf2; background: #fbfcfe; }
.marketplace-bulk-editor__panel > footer > div { display: grid; flex: 1; gap: 2px; }
.marketplace-bulk-editor__panel > footer strong { color: #2e435b; font-size: 12px; }
.marketplace-bulk-editor__panel > footer span { color: #718096; font-size: 10px; }
.marketplace-bulk-editor__panel > footer button { min-height: 39px; padding: 0 15px; border: 0; border-radius: 9px; background: #1677ff; color: #fff; font-size: 11px; font-weight: 850; cursor: pointer; }
.marketplace-bulk-editor__panel > footer button.is-secondary { border: 1px solid #ccd8e5; background: #fff; color: #51657c; }
.marketplace-bulk-editor__panel > footer button:disabled { cursor: not-allowed; opacity: .45; }
.marketplace-bulk-editor__summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 14px 16px; }
.marketplace-bulk-editor__summary article { display: grid; gap: 3px; padding: 11px; border: 1px solid #dfe7f0; border-radius: 9px; background: #fafcff; }
.marketplace-bulk-editor__summary span { color: #748198; font-size: 10px; }
.marketplace-bulk-editor__summary strong { color: #233a53; font-size: 22px; }
.marketplace-bulk-editor__summary article.is-ready { border-color: #bde5ce; background: #f1fbf5; }
.marketplace-bulk-editor__summary article.is-blocked { border-color: #f3cfbf; background: #fff6f2; }
.marketplace-bulk-editor__preview-list { display: grid; max-height: 620px; overflow: auto; margin: 0 16px 16px; border: 1px solid #dfe6ee; border-radius: 10px; }
.marketplace-bulk-editor__preview-list > article { display: grid; grid-template-columns: minmax(230px, 1.1fr) minmax(260px, 1fr) minmax(220px, .8fr); gap: 12px; padding: 11px 12px; border-bottom: 1px solid #e7edf3; }
.marketplace-bulk-editor__preview-list > article:last-child { border-bottom: 0; }
.marketplace-bulk-editor__preview-list article > div { display: grid; align-content: start; gap: 3px; min-width: 0; }
.marketplace-bulk-editor__preview-list article > div > strong { overflow: hidden; color: #2a3f56; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-bulk-editor__preview-list article > div > small { overflow: hidden; color: #738198; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-bulk-editor__changes { display: flex !important; flex-wrap: wrap; gap: 5px !important; }
.marketplace-bulk-editor__changes > span { display: grid; gap: 1px; padding: 5px 7px; border-radius: 7px; background: #eaf8ef; color: #267345; }
.marketplace-bulk-editor__changes > span.is-blocked { background: #fff0e9; color: #a04b2b; }
.marketplace-bulk-editor__changes b { font-size: 9px; }
.marketplace-bulk-editor__changes small { color: inherit !important; font-size: 8px !important; }
.marketplace-bulk-editor__validation strong { font-size: 10px !important; }
.marketplace-bulk-editor__validation strong.is-ready { color: #238151; }
.marketplace-bulk-editor__validation strong.is-blocked { color: #b4532f; }
.marketplace-bulk-editor__validation a { width: fit-content; margin-top: 3px; color: #1f72d2; font-size: 8px; font-weight: 850; text-decoration: none; }
@media (max-width: 1100px) {
    .marketplace-bulk-editor__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-bulk-editor__preview-list > article { grid-template-columns: 1fr 1fr; }
    .marketplace-bulk-editor__validation { grid-column: 1 / -1; }
    .marketplace-media-report__rows article { grid-template-columns: minmax(0, 1fr) 105px; }
    .marketplace-media-report__rows article > button { grid-column: 2; }
}
@media (max-width: 760px) {
    .marketplace-bulk-editor__hero { align-items: stretch; flex-direction: column; }
    .marketplace-bulk-editor__hero nav { justify-content: flex-start; min-width: 0; }
    .marketplace-bulk-editor__filters,
    .marketplace-bulk-editor__price,
    .marketplace-bulk-editor__actions,
    .marketplace-bulk-editor__summary { grid-template-columns: 1fr; }
    .marketplace-bulk-editor__product { grid-template-columns: auto 38px 1fr !important; }
    .marketplace-bulk-editor__product > em,
    .marketplace-bulk-editor__numbers { grid-column: 3; justify-items: start; }
    .marketplace-bulk-editor__preview-list > article { grid-template-columns: 1fr; }
    .marketplace-bulk-editor__validation { grid-column: auto; }
    .marketplace-bulk-editor__panel > footer { align-items: stretch; flex-direction: column; }
    .marketplace-media-drop-hint { grid-template-columns: 36px 1fr; }
    .marketplace-media-drop-hint button { grid-column: 1 / -1; }
    .marketplace-media-report__summary { grid-template-columns: 1fr; }
    .marketplace-media-report__rows article { grid-template-columns: 1fr; }
    .marketplace-media-report__rows article > button { grid-column: auto; justify-self: start; }
}
.marketplace-transfer__card-copy { display: grid; min-width: 0; align-content: start; gap: 5px; }
.marketplace-transfer__card-copy > strong { color: #28384f; font-size: 10px; line-height: 1.35; }
.marketplace-transfer__card-copy > small { color: #8490a2; font-size: 8px; }
.marketplace-transfer__card-copy dl { display: grid; gap: 5px; margin: 2px 0 0; }
.marketplace-transfer__card-copy dl div { display: grid; gap: 1px; }
.marketplace-transfer__card-copy dt { color: #8995a6; font-size: 7px; text-transform: uppercase; }
.marketplace-transfer__card-copy dd { overflow: hidden; color: #405169; font-size: 8px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-transfer__gaps { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 2px; }
.marketplace-transfer__gaps b { width: 100%; color: #9b6509; font-size: 8px; }
.marketplace-transfer__gaps span { padding: 3px 5px; border-radius: 5px; background: #fff2d8; color: #8e5b07; font-size: 7px; }
.marketplace-transfer__ready { display: flex; align-items: center; gap: 4px; margin-top: 3px; color: #08794f; font-size: 8px; font-weight: 750; }
.marketplace-transfer__ready svg { width: 13px; height: 13px; }
.marketplace-transfer__preview > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 14px; border-top: 1px solid #e5eaf1; background: #f9fbfd; }
.marketplace-transfer__preview > footer > div { display: grid; gap: 3px; }
.marketplace-transfer__preview > footer strong { color: #2b3b51; font-size: 10px; }
.marketplace-transfer__preview > footer span { max-width: 760px; color: #77869a; font-size: 8px; line-height: 1.4; }
.marketplace-transfer__preview > footer button { flex: none; }
.marketplace-transfer__complete { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 14px 16px; border: 1px solid #bce5d1; border-radius: 14px; background: #effaf5; }
.marketplace-transfer__complete > svg { width: 28px; height: 28px; color: #0b9863; }
.marketplace-transfer__complete > div:nth-child(2) { display: grid; gap: 3px; }
.marketplace-transfer__complete strong { color: #11734f; font-size: 11px; }
.marketplace-transfer__complete span { color: #5f7e70; font-size: 9px; }
.marketplace-transfer__complete-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.marketplace-transfer__complete-actions a { min-height: 37px; padding: 0 11px; display: inline-flex; align-items: center; border: 1px solid #b9d5c8; border-radius: 8px; background: #fff; color: #167153; font-size: 9px; font-weight: 800; }
.marketplace-transfer__prepared > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px 14px 14px; }
.marketplace-transfer__prepared article { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 14px; padding: 12px; border: 1px solid #dbe5f1; border-radius: 11px; background: #f9fbfe; }
.marketplace-transfer__prepared article > header { display: flex; min-width: 0; align-items: center; gap: 8px; }
.marketplace-transfer__prepared article > header strong { overflow: hidden; color: #2c4059; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.marketplace-transfer__prepared dl { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; }
.marketplace-transfer__prepared dl div { padding: 7px 8px; border-radius: 7px; background: #fff; }
.marketplace-transfer__prepared dt { color: #7a889b; font-size: 7px; }
.marketplace-transfer__prepared dd { margin: 2px 0 0; color: #263a52; font-size: 13px; font-weight: 850; }
.marketplace-transfer__prepared button { min-height: 36px; padding: 0 11px; border: 1px solid #3478f6; border-radius: 8px; background: #3478f6; color: #fff; font-size: 9px; font-weight: 850; }

@media (max-width: 1180px) {
    .marketplace-transfer__route { grid-template-columns: 1fr 24px 1fr; }
    .marketplace-transfer__route label:last-child { grid-column: 1 / -1; }
    .marketplace-transfer__route--multi { grid-template-columns: minmax(190px, .7fr) 24px minmax(360px, 1.3fr); }
    .marketplace-transfer__route--multi > label:last-child { grid-column: 1 / -1; }
    .marketplace-transfer__stock { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .marketplace-transfer__ozon-defaults > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .marketplace-transfer__stock .marketplace-transfer__switch { grid-column: span 1; }
    .marketplace-transfer__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .marketplace-transfer__hero, .marketplace-transfer__preview > footer { align-items: stretch; flex-direction: column; }
    .marketplace-transfer__hero > a { justify-content: center; }
    .marketplace-transfer__progress span { display: none; }
    .marketplace-transfer__route, .marketplace-transfer__search, .marketplace-transfer__summary, .marketplace-transfer__cards { grid-template-columns: 1fr; }
    .marketplace-transfer__route > svg { display: none; }
    .marketplace-transfer__route label:last-child { grid-column: auto; }
    .marketplace-transfer__targets, .marketplace-transfer__stock { grid-template-columns: 1fr; }
    .marketplace-transfer__ozon-defaults > header { align-items: flex-start; flex-direction: column; }
    .marketplace-transfer__ozon-defaults > div { grid-template-columns: 1fr; }
    .marketplace-transfer__stock .marketplace-transfer__switch { grid-column: auto; }
    .marketplace-transfer__mode { overflow-x: auto; }
    .marketplace-transfer__mode button { flex: none; }
    .marketplace-transfer__picker > header { align-items: stretch; flex-direction: column; }
    .marketplace-transfer__product { grid-template-columns: 20px 42px minmax(0, 1fr); }
    .marketplace-transfer__target-statuses, .marketplace-transfer__product > b { grid-column: 3; justify-self: start; text-align: left; }
    .marketplace-transfer__cards > article { grid-template-columns: 82px minmax(0, 1fr); }
    .marketplace-transfer__card-image { width: 82px; }
    .marketplace-transfer__target-preview > header { align-items: flex-start; flex-direction: column; }
    .marketplace-transfer__complete { grid-template-columns: 28px minmax(0, 1fr); }
    .marketplace-transfer__complete-actions { grid-column: 1 / -1; justify-content: flex-start; flex-wrap: wrap; }
    .marketplace-transfer__prepared > div { grid-template-columns: 1fr; }
}
/* Табель и контроль сотрудников */
.work-control-summary {
    display: grid;
    grid-template-columns: minmax(220px, 340px) 1fr;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.4rem;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
    background: linear-gradient(135deg, #eff6ff, #f5f3ff);
}
.work-control-summary > div { display: flex; align-items: baseline; gap: .6rem; }
.work-control-summary small { color: #2563eb; font-weight: 800; font-size: .7rem; }
.work-control-summary strong { color: #0f172a; font-size: 2rem; line-height: 1; }
.work-control-summary span, .work-control-summary p { color: #64748b; }
.work-control-card { overflow: hidden; border: 1px solid #dbe3ef; border-radius: 1rem; background: #fff; }
.work-control-card > header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid #e5e7eb; }
.work-control-card > header div { display: grid; gap: .2rem; }
.work-control-card > header strong { color: #0f172a; font-size: 1.05rem; }
.work-control-card > header small { color: #64748b; }
.work-control-safe { padding: .35rem .65rem; border-radius: 999px; background: #ecfdf5; color: #047857; font-size: .75rem; font-weight: 700; }
.work-control-grid { display: grid; grid-template-columns: minmax(190px, 1.7fr) 1fr .7fr 1.2fr 1fr 1fr; align-items: center; min-height: 3.8rem; gap: .75rem; padding: .65rem 1.25rem; border-bottom: 1px solid #eef2f7; color: #334155; }
.work-control-grid > span:first-child { display: grid; gap: .15rem; }
.work-control-grid small { color: #94a3b8; }
.work-control-grid-head { min-height: 2.7rem; background: #f8fafc; color: #64748b; font-size: .75rem; font-weight: 800; text-transform: uppercase; }
.work-control-grid em, .work-control-incident-result > em { display: inline-flex; width: fit-content; padding: .28rem .55rem; border-radius: 999px; font-size: .75rem; font-style: normal; font-weight: 800; }
.work-control-grid em.is-present, .work-control-incident-result > em.is-success { background: #dcfce7; color: #15803d; }
.work-control-grid em.is-away, .work-control-incident-result > em.is-gray { background: #f1f5f9; color: #64748b; }
.work-control-incident-result > em.is-warning { background: #fef3c7; color: #a16207; }
.work-control-incident-result > em.is-info { background: #dbeafe; color: #1d4ed8; }
.work-control-incident-result > em.is-danger { background: #fee2e2; color: #b91c1c; }
.work-control-incidents article { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .85rem 1.25rem; border-bottom: 1px solid #eef2f7; }
.work-control-incidents article > div:first-child { display: grid; gap: .2rem; }
.work-control-incidents article span { color: #334155; }
.work-control-incidents article small { color: #94a3b8; }
.work-control-incident-result { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; flex-wrap: wrap; }
.work-control-incident-result > strong { color: #b91c1c; white-space: nowrap; }
.work-control-history > div { display: grid; grid-template-columns: 1.3fr 1.2fr 1fr 1.6fr; gap: 1rem; padding: .75rem 1.25rem; border-bottom: 1px solid #eef2f7; color: #475569; }
.work-control-history small { color: #94a3b8; }
@media (max-width: 900px) {
    .work-control-summary { grid-template-columns: 1fr; }
    .work-control-grid-head { display: none; }
    .work-control-grid { grid-template-columns: 1fr 1fr; }
.work-control-history > div { grid-template-columns: 1fr 1fr; }
}

/* Кассы: четко видно галочки/переключатели и статусы списков */
.cash-register-settings-section {
    --cash-register-checker-border: #8da4bd;
    --cash-register-checker-bg: #ffffff;
    --cash-register-checker-on: #2563eb;
    --cash-register-checker-off: #f4f7fc;
    --cash-register-label-color: #344054;
}

.cash-register-settings-section .fi-fo-field-label-content {
    color: var(--cash-register-label-color);
}

.cash-register-settings-section .cash-register-settings-toggle-field > .fi-fo-field-content {
    width: fit-content;
}

.cash-register-settings-section .cash-register-settings-toggle,
.cash-register-settings-section .fi-toggle,
.cash-register-settings-section [role='switch'] {
    appearance: none !important;
    border: 2px solid var(--cash-register-checker-border) !important;
    background: var(--cash-register-checker-off) !important;
    background-color: var(--cash-register-checker-off) !important;
    width: 2.85rem !important;
    height: 1.6rem !important;
    min-height: 1.6rem !important;
    padding: 0 !important;
    border-radius: 999px;
    position: relative;
    overflow: hidden;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-on,
.cash-register-settings-section .fi-toggle.fi-toggle-on,
.cash-register-settings-section [role='switch'][aria-checked='true'],
.cash-register-settings-section [role='switch'][data-state='checked'],
.cash-register-settings-section .fi-toggle[data-state='checked'] {
    background: var(--cash-register-checker-on) !important;
    border-color: #1d4ed8 !important;
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-off,
.cash-register-settings-section .fi-toggle.fi-toggle-off,
.cash-register-settings-section [role='switch'][aria-checked='false'],
.cash-register-settings-section [role='switch'][data-state='unchecked'],
.cash-register-settings-section .fi-toggle[data-state='unchecked'] {
    background: var(--cash-register-checker-off) !important;
    border-color: var(--cash-register-checker-border) !important;
}

.cash-register-settings-section .cash-register-settings-toggle .fi-icon,
.cash-register-settings-section .fi-toggle .fi-icon {
    display: none;
}

.cash-register-settings-section .cash-register-settings-toggle > :first-child,
.cash-register-settings-section .fi-toggle > :first-child {
    width: 1.15rem !important;
    height: 1.15rem !important;
    border: 1px solid rgba(34, 50, 72, 0.25) !important;
    border-radius: 999px;
    background-color: #fff !important;
    box-shadow: 0 1px 2px rgba(24, 41, 60, 0.25) !important;
    transition: transform .18s ease !important;
    position: absolute;
    top: 50%;
    left: 0.17rem;
    transform: translateY(-50%);
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-on > :first-child,
.cash-register-settings-section .fi-toggle.fi-toggle-on > :first-child,
.cash-register-settings-section [role='switch'][aria-checked='true'] > :first-child,
.cash-register-settings-section [role='switch'][data-state='checked'] > :first-child,
.cash-register-settings-section .fi-toggle[data-state='checked'] > :first-child {
    transform: translate(1.53rem, -50%) !important;
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-off > :first-child,
.cash-register-settings-section .fi-toggle.fi-toggle-off > :first-child,
.cash-register-settings-section [role='switch'][aria-checked='false'] > :first-child,
.cash-register-settings-section [role='switch'][data-state='unchecked'] > :first-child,
.cash-register-settings-section .fi-toggle[data-state='unchecked'] > :first-child {
    transform: translate(0.17rem, -50%) !important;
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-on > :first-child:after,
.cash-register-settings-section .fi-toggle.fi-toggle-on > :first-child:after,
.cash-register-settings-section [role='switch'][aria-checked='true'] > :first-child:after,
.cash-register-settings-section [role='switch'][data-state='checked'] > :first-child:after,
.cash-register-settings-section .fi-toggle[data-state='checked'] > :first-child:after {
    content: "";
    position: absolute;
    left: 0.29rem;
    top: 0.23rem;
    width: 0.35rem;
    height: 0.18rem;
    border-left: 2px solid #2563eb;
    border-bottom: 2px solid #2563eb;
    transform: rotate(-45deg);
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle-off > :first-child:after,
.cash-register-settings-section .fi-toggle.fi-toggle-off > :first-child:after,
.cash-register-settings-section [role='switch'][aria-checked='false'] > :first-child:after,
.cash-register-settings-section [role='switch'][data-state='unchecked'] > :first-child:after,
.cash-register-settings-section .fi-toggle[data-state='unchecked'] > :first-child:after {
    display: none !important;
}

.cash-register-settings-section .fi-fo-field-label-ctn > .cash-register-settings-toggle {
    display: inline-flex;
}

.cash-register-settings-section .cash-register-settings-toggle.fi-toggle {
    border-radius: 999px;
    min-height: 1.6rem;
    width: 2.85rem;
    padding: 0;
}

.cash-register-settings-section .cash-register-settings-toggle .fi-icon {
    width: .85rem;
    height: .85rem;
}

.cash-register-settings-section .fi-fo-field .cash-register-settings-checkbox-list .fi-fo-checkbox-list-option {
    gap: 0.55rem;
    align-items: flex-start;
}

.cash-register-settings-section .cash-register-settings-checkbox-list .fi-checkbox-input,
.cash-register-settings-section .fi-fo-checkbox-list .fi-checkbox-input {
    border: 2px solid var(--cash-register-checker-border) !important;
    border-radius: .25rem !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
    margin-top: 0.08rem !important;
    background-color: var(--cash-register-checker-bg) !important;
    position: relative;
    flex-shrink: 0 !important;
    appearance: none !important;
    cursor: pointer;
}

.cash-register-settings-section .fi-fo-checkbox-list-option-label,
.cash-register-settings-section .fi-fo-checkbox-list-option-description {
    color: #253347;
}

.cash-register-settings-section input[type="checkbox"].fi-checkbox-input,
.cash-register-settings-section .fi-checkbox-input {
    box-shadow: none !important;
}

.cash-register-settings-section .cash-register-settings-checkbox-list .fi-checkbox-input:checked,
.cash-register-settings-section .fi-fo-checkbox-list .fi-checkbox-input:checked,
.cash-register-settings-section .cash-register-settings-checkbox-list input[type='checkbox']:checked,
.cash-register-settings-section .fi-fo-checkbox-list [type='checkbox']:checked {
    background-color: var(--cash-register-checker-on) !important;
    border-color: var(--cash-register-checker-on) !important;
}

.cash-register-settings-section .cash-register-settings-checkbox-list .fi-checkbox-input:checked:after,
.cash-register-settings-section .fi-fo-checkbox-list .fi-checkbox-input:checked:after,
.cash-register-settings-section .cash-register-settings-checkbox-list input[type='checkbox']:checked:after,
.cash-register-settings-section .fi-fo-checkbox-list [type='checkbox']:checked:after {
    content: "";
    position: absolute;
    left: 0.27rem;
    top: 0.18rem;
    width: 0.28rem;
    height: 0.18rem;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
}

.cash-register-settings-section .cash-register-settings-checkbox-list .fi-checkbox-input:focus-visible,
.cash-register-settings-section .fi-fo-checkbox-list .fi-checkbox-input:focus-visible {
    outline: 2px solid #aac0ff !important;
    outline-offset: 2px;
}
.realtime-notification-opt-in {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 70;
    display: flex;
    max-width: 34rem;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid #bfdbfe;
    border-radius: .9rem;
    background: #eff6ff;
    box-shadow: 0 16px 40px rgb(15 23 42 / 18%);
    color: #0f172a;
}

.realtime-notification-opt-in div {
    display: grid;
    gap: .15rem;
    flex: 1;
}

.realtime-notification-opt-in span {
    color: #475569;
    font-size: .82rem;
    line-height: 1.35;
}

.realtime-notification-opt-in button {
    border-radius: .65rem;
    background: #2563eb;
    padding: .55rem .8rem;
    color: white;
    font-weight: 700;
    white-space: nowrap;
}

.realtime-notification-opt-in button.is-secondary {
    background: transparent;
    color: #475569;
}

@media (max-width: 720px) {
    .realtime-notification-opt-in {
        right: .75rem;
        bottom: .75rem;
        left: .75rem;
        flex-wrap: wrap;
    }
}

/* High-readability controls and dense business tables. */
.fi-body .fi-sidebar-item-label,
.fi-body .fi-btn-label,
.fi-body .fi-input,
.fi-body .fi-select-input,
.fi-body .fi-fo-textarea,
.fi-body input,
.fi-body select,
.fi-body textarea {
    font-family: var(--app-font-family);
    font-size: .875rem;
}

.fi-body .fi-sidebar-item-label {
    color: #344054;
    font-weight: 650;
}

.fi-body .fi-fo-field-wrp-label,
.fi-body .fi-section-header-description,
.fi-body .fi-modal-description {
    color: var(--app-text-muted);
    font-size: .8125rem;
    line-height: 1.35;
}

.fi-body .fi-fo-field-wrp-helper-text,
.fi-body .fi-ta-text-description,
.fi-body .fi-ta-text-item-description {
    color: var(--app-text-subtle) !important;
    font-size: .75rem !important;
    line-height: 1.15rem !important;
}

.fi-body .fi-ta-table th,
.fi-body .fi-ta-header-cell-label {
    color: #344054;
    font-size: .75rem;
    font-weight: 750;
}

.fi-body .fi-ta-table td,
.fi-body .fi-ta-text-item,
.fi-body .fi-ta-text-item-label {
    color: #253247;
    font-size: .8125rem;
    line-height: 1.25rem;
}

.fi-resource-repair-orders .fi-ta-table td,
.fi-resource-repair-orders .fi-ta-text-item,
.fi-resource-repair-orders .fi-ta-text-item-label,
.fi-resource-stock-documents .fi-ta-table td,
.fi-resource-stock-documents .fi-ta-text-item,
.fi-resource-stock-documents .fi-ta-text-item-label {
    font-size: .8125rem;
    line-height: 1.25rem;
}

/* Filament's unchecked box normally has only a nearly invisible 10% ring. */
.fi-body input[type="checkbox"].fi-checkbox-input {
    width: 1.15rem !important;
    height: 1.15rem !important;
    flex: 0 0 1.15rem;
    border: 2px solid #7b8798 !important;
    border-radius: .3rem;
    background-color: #fff !important;
    box-shadow: 0 1px 2px rgb(15 23 42 / 12%) !important;
    opacity: 1 !important;
}

.fi-body input[type="checkbox"].fi-checkbox-input:hover {
    border-color: #3478f6 !important;
}

.fi-body input[type="checkbox"].fi-checkbox-input:checked,
.fi-body input[type="checkbox"].fi-checkbox-input:indeterminate {
    border-color: #2563eb !important;
    background-color: #2563eb !important;
    background-position: center;
    background-size: 100% 100%;
    box-shadow: 0 0 0 1px #2563eb !important;
}

.fi-body input[type="checkbox"].fi-checkbox-input:focus-visible {
    outline: 3px solid rgb(52 120 246 / 28%);
    outline-offset: 2px;
}

.fi-body input[type="checkbox"].fi-checkbox-input:disabled {
    border-color: #a8b2c1 !important;
    background-color: #eef1f5 !important;
    opacity: .8 !important;
}