.page__title {
    margin: 0;
    font-family: var(--font-display);
    font-size: 19px;
    font-weight: 600;
}

.toolbar--bar { margin-bottom: 16px; }

.section__title {
    margin: 0;
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 600;
}

.card__head--row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.row--tight { gap: 8px; }
.stack--cards { gap: 16px; }

.tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.tile {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
}
.tile__label { color: var(--ink-muted); font-size: 12px; }
.tile__value {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-size: 17px;
    font-weight: 600;
}
.tile--accent { background: var(--accent-soft); color: var(--accent-strong); }
.tile--accent .tile__label { color: var(--accent-strong); opacity: 0.8; }

.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.chips--tight { margin-top: 10px; }
.chips__label { font-size: 12px; color: var(--ink-muted); align-self: center; }
.plate-client {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
}
.plate-client__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--accent-strong);
}
.plate-client__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.plate-client__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.plate-client__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent-soft);
    color: var(--accent-strong);
}
.plate-client__badge svg { width: 17px; height: 17px; }
.plate-client__phone {
    font-family: var(--font-mono);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
.plate-client__none { margin: 0; }
.plate-client__past {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-size: 12px;
}

.chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: var(--pill);
    background: var(--surface-sunken);
    color: var(--ink-muted);
    font-size: 12px;
    line-height: 1.4;
}
.chip svg { flex: none; width: 14px; height: 14px; }
.chip--soft { background: var(--accent-soft); color: var(--accent-strong); }
.chip--link {
    background: var(--accent-soft);
    color: var(--accent-strong);
    font-family: var(--font-mono);
    text-decoration: none;
}
.chip--link:hover { background: var(--accent); color: var(--on-accent); }

.entries { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }

.entry {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    text-align: left;
    color: inherit;
    font: inherit;
}
.entry .chips { margin-top: 0; }
.entry > .chip { align-self: flex-start; }

.entry--tap {
    padding-right: 40px;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), background-color 0.18s var(--ease);
}
.entry--tap:hover { border-color: var(--line-strong); background: var(--surface-sunken); }
.entry--tap:active { transform: translateY(1px); }
.entry__body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.entry__body .entry__chevron { right: -28px; }

.entry__head {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}
.entry__head--tap {
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.entry__span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 12px;
    color: var(--ink-muted);
}
.entry__span svg { width: 14px; height: 14px; }
.entry__caret {
    display: inline-flex;
    color: var(--ink-muted);
    transition: transform 0.18s var(--ease);
}
.entry__caret--open { transform: rotate(90deg); }

.slots {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--line);
    list-style: none;
}
.slots__item {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 13px;
}
.slots__time {
    flex: none;
    padding: 2px 9px;
    border-radius: var(--pill);
    background: var(--surface-sunken);
    font-size: 12px;
    color: var(--ink-muted);
}
.slots__services { min-width: 0; }
.slots--times { flex-direction: row; flex-wrap: wrap; gap: 8px; }

.move {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 4px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
}
.move__grid { display: grid; grid-template-columns: minmax(0, 1fr) 124px; gap: 10px; }
.move__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.move__length { min-width: 84px; text-align: center; font-size: 13px; }
.move__till { font-size: 13px; color: var(--ink-muted); }
.move .input { padding-left: 14px; padding-right: 14px; }
.move__hint { margin: 0; font-size: 12px; }

.stepper {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border-radius: var(--pill);
    background: var(--surface);
}

.entry__time {
    padding: 2px 9px;
    border-radius: var(--pill);
    background: var(--surface-sunken);
    font-size: 12px;
    color: var(--ink-muted);
}
.entry__title {
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 600;
    min-width: 0;
}
.entry__sum {
    margin-left: auto;
    font-size: 15px;
    font-weight: 600;
}
.entry__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--ink-muted);
}
.entry__meta svg { width: 14px; height: 14px; }
.entry__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.entry__tags:empty { display: none; }
.entry__note { margin: 0; font-size: 13px; }
.entry__chevron {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--ink-muted);
}

.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 26px 16px;
    color: var(--ink-muted);
    text-align: center;
}
.empty p { margin: 0; }
.empty__icon { display: inline-flex; opacity: 0.55; }
.empty__icon svg { width: 26px; height: 26px; }

.line {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}
.line:last-child { border-bottom: none; }
.line__main { min-width: 0; flex: 1; }
.line__name { font-size: 14px; }
.line__meta { font-size: 12px; margin-top: 2px; }
.line__sum { text-align: right; font-size: 14px; font-weight: 600; white-space: nowrap; }
.line__sum--out { color: var(--danger); }
.entry__sum--out { color: var(--danger); }
.line__was { display: block; font-size: 12px; font-weight: 500; color: var(--ink-muted); text-decoration: line-through; }
.line__discount { margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--warn); white-space: nowrap; }
.line__discount { color: var(--ink-muted); font-size: 12px; font-weight: 400; }
.line__block { border-bottom: 1px solid var(--line); }
.line__block .line { border-bottom: none; }
.line__block:last-child { border-bottom: none; }
.line__block .editable--open { margin-bottom: 10px; }

button.line__meta--tap,
button.tap-value {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: inherit;
    text-decoration: underline dotted;
    text-underline-offset: 3px;
}
button.line__meta--tap { display: block; }
button.line__meta--tap:hover,
button.tap-value:hover { color: var(--ink); }
button.tap-value {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

.suggest { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.suggest .chips { margin-top: 0; }
.checkout .suggest .muted { margin: 0; font-size: 13px; }

.facts {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 16px;
    margin: 14px 0 0;
    font-size: 13px;
}
.facts dt { color: var(--ink-muted); }
.facts dd {
    margin: 0;
    text-align: right;
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}
.facts--total { padding-top: 12px; border-top: 1px solid var(--line); }
.facts__strong { font-weight: 600; color: var(--ink); font-size: 15px; }

.editable {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), background-color 0.18s var(--ease);
}
.editable:hover { border-color: var(--line-strong); background: var(--surface-sunken); }
.editable__icon { display: inline-flex; color: var(--ink-muted); }
.editable__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.editable__label { color: var(--ink-muted); font-size: 12px; }
.editable__value { font-size: 15px; word-break: break-word; }
.editable__pencil { display: inline-flex; color: var(--ink-muted); }

.editable--open {
    display: block;
    cursor: default;
    background: var(--surface-sunken);
}
.editable--open:hover { border-color: var(--line); }
.editable--open .input { margin-bottom: 10px; }

.kkm-message {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
    color: var(--ink-muted);
    font-size: 13px;
}
.kkm-message__icon { display: inline-flex; color: var(--ok); }
.kkm-message--bad { background: var(--danger-soft); color: var(--danger); }
.kkm-message--bad .kkm-message__icon { color: var(--danger); }

.confirm {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: var(--radius-md);
    background: var(--danger-soft);
    color: var(--danger);
    font-size: 13px;
}
.confirm p { margin: 0 0 10px; }
.confirm--ok { background: var(--ok-soft); color: var(--ok); }
.confirm--warn { background: var(--warn-soft); color: var(--warn); }
.confirm__warn { color: var(--danger); }

.client-head { display: flex; align-items: center; gap: 12px; }
.client-head__name { font-family: var(--font-display); font-size: 16px; font-weight: 600; }
.client-head__role { font-size: 12px; }

.sale-head__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}
.sale-head__title { font-family: var(--font-display); font-size: 17px; font-weight: 600; }
.sale-head__at { font-size: 12px; margin-top: 2px; }
.sale-head__total { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.sale-head__sum {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-size: 22px;
    font-weight: 600;
}
.sale-head__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }

.sale-grid {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 16px;
    align-items: start;
}
.sale-grid .card { margin-bottom: 0; }
.sale-grid--open { grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); }

@media (max-width: 900px) {
    .sale-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 780px) {
    .tiles { grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); }
    .entry__sum { margin-left: 0; width: 100%; text-align: left; }
    .sale-head__total { align-items: flex-start; }
    .sale-head__actions .btn { flex: 1; }
}

.btn--quiet { color: var(--ink-muted); }
.btn--quiet:hover { color: var(--danger); background: var(--danger-soft); }
.btn--wide { width: 100%; margin-top: 12px; }

.row--grow { flex-wrap: nowrap; }
.row--grow .input { flex: 1; min-width: 0; }
.row--top { margin-top: 12px; }

.input--count { flex: none; width: 68px; text-align: center; }

.line__drop {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--ink-muted);
    cursor: pointer;
    transition: background-color 0.18s var(--ease), color 0.18s var(--ease);
}
.line__drop:hover { background: var(--danger-soft); color: var(--danger); }
.line__drop:disabled { opacity: 0.4; cursor: default; }

.picker {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
}
.picker__head { display: flex; align-items: center; gap: 10px; }
.picker__head .row { flex: 1; min-width: 0; }
.picker p { margin: 0; font-size: 13px; }

.picks {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
}

.pick {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease);
}
.pick:hover { border-color: var(--accent); }
.pick:disabled { opacity: 0.5; cursor: default; }
.pick__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.pick__name { font-size: 13px; word-break: break-word; }
.pick__meta { display: flex; gap: 8px; font-size: 11px; }
.pick__code {
    padding: 1px 7px;
    border-radius: var(--pill);
    background: var(--accent-soft);
    color: var(--accent-strong);
}
.pick__price { flex: none; font-size: 13px; font-weight: 600; }

.pays {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
    margin-top: 14px;
}
.pay {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: inherit;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), background-color 0.18s var(--ease);
}
.pay:hover { border-color: var(--line-strong); background: var(--surface-sunken); }
.pay:disabled { opacity: 0.45; cursor: default; }
.pay--on { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-strong); }
.pay__icon { display: inline-flex; }

.checkout .muted { margin: 12px 0 0; font-size: 13px; }

.confirm .input { margin-bottom: 10px; }

@media (max-width: 780px) {
    .picker__head { flex-wrap: wrap; justify-content: flex-end; }
    /* На узком экране поиску нужна вся строка: иначе плейсхолдер обрезается. */
    .picker__head .row { flex: 1 1 100%; }
    .pays { grid-template-columns: 1fr; }
}

.chip--history { border: 0; cursor: pointer; font: inherit; font-family: var(--font-mono); font-size: 12px; }
.chip__hint { font-family: var(--font-body); opacity: 0.7; }
.chip--tap { border: 0; cursor: pointer; font: inherit; font-size: 12px; }
.chip--tap:hover { background: var(--accent-soft); color: var(--accent-strong); }

.muted--hint { margin: 10px 0 0; font-size: 12px; }

.checkout__step { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.checkout__step .field { margin-bottom: 0; }
.checkout__step .confirm { margin-top: 0; }
.checkout__step > .muted { margin: 0; font-size: 13px; }
.checkout__change { flex: none; font-size: 13px; color: var(--ink-muted); }

.paper { margin-top: 12px; flex-wrap: wrap; gap: 8px; }
.paper__note { margin: 8px 0 0; font-size: 13px; }
.paper .btn { gap: 6px; }
.precheck__sale { margin: 0 0 10px; font-size: 13px; }
.precheck__table th, .precheck__table td { padding: 8px 10px; font-size: 13px; }
.precheck__table td.num { white-space: nowrap; }
.precheck__actions { margin-top: 14px; gap: 8px; }

@media print {
    body:has(.precheck) * { visibility: hidden; }
    body:has(.precheck) .precheck,
    body:has(.precheck) .precheck * { visibility: visible; }
    body:has(.precheck) .precheck {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        border: none;
        box-shadow: none;
        border-radius: 0;
    }
    body:has(.precheck) .precheck .table-scroll { margin: 0; padding: 0; overflow: visible; }
    body:has(.precheck) .precheck .table { min-width: 0; }
    body:has(.precheck) .precheck__actions { display: none; }
}

.entry--dim { opacity: 0.72; }
.client-card .chips { margin-top: 14px; }
.client-card .tiles { margin-top: 16px; }
.client-head__name--lg { font-size: 19px; }
.history { display: flex; flex-direction: column; gap: 18px; }
.history__title {
    margin: 0 0 -4px;
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-muted);
    letter-spacing: 0.04em;
}
.picker__results:empty { display: none; }
.client-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0 14px;
}
.client-form .field { margin-bottom: 12px; }
.chips--inline { margin-top: 0; }
.chip--copy { border: 0; cursor: pointer; font: inherit; font-family: var(--font-mono); font-size: 12px; }
.entry__facts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 6px 14px;
    margin: 0;
}
.entry__facts div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.entry__facts dt { font-size: 11px; color: var(--ink-muted); }
.entry__facts dd { margin: 0; font-size: 13px; word-break: break-word; }

.sale-grid__col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.sale-grid__col > .card { margin-bottom: 0; }

.client-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.client-line__main {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    margin: -6px;
    padding: 6px;
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.client-line__main:hover { background: var(--surface-sunken); }
.client-line__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.client-line__name { font-family: var(--font-display); font-size: 16px; font-weight: 600; }
.client-line__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; }
.client-line__go { display: inline-flex; color: var(--ink-muted); }
.client-line__plates { flex: 0 0 100%; margin-top: 4px; }
.client-line__unlink { flex: none; width: 36px; height: 36px; padding: 0; }
.client-line__meta .mono { white-space: nowrap; }
.finder__plate-btn { align-self: stretch; }
.qty__unit { white-space: nowrap; }
.finder__plate-only { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: var(--radius-sm); background: var(--surface-sunken); font-size: 14px; }
.finder__plate-only > span:first-child { display: inline-flex; color: var(--ink-muted); }

.deal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.deal__field { margin: 0; }
.deal__field .field__label { font-size: 12px; }
.deal__field--need .input { border-color: var(--warn); background: var(--warn-soft); }
.deal__field--need .field__label { color: var(--warn); }
.deal__field .mileage-hint { margin-top: 6px; }

.card__hint { font-size: 12px; }
.line { flex-wrap: wrap; align-items: center; }
.line__main--tap {
    margin: -4px;
    padding: 4px;
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.line__main--tap:hover { background: var(--surface-sunken); }
.line--open .line__main--tap { background: var(--surface-sunken); }
.line__edit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    flex: 0 0 100%;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
    font-size: 13px;
}
.line__edit .input { width: 90px; }

.extras { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.extras .chip--tap { padding: 7px 14px; font-size: 13px; }
.extras__panel {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
    font-size: 13px;
}
.extras__panel .input { width: 120px; }
.extras__note { flex: 0 0 100%; margin: 0; font-size: 12px; }
.extras + .extras__note { margin-top: 10px; }

.checkout__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.checkout__sum { font-size: 22px; font-weight: 600; }
.checkout .confirm--warn { margin: 12px 0 0; }
.pays--main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pays--main .pay { justify-content: center; padding: 16px 14px; font-size: 15px; font-weight: 600; }
.pays--more { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 8px; }
.pay--sm { justify-content: center; padding: 9px 12px; font-size: 13px; color: var(--ink-muted); }
.pay--sm.pay--on { color: var(--accent-strong); }

.sale-foot { display: flex; justify-content: center; }

.facts--sale { margin-top: 12px; }
.facts--sale dd { font-family: var(--font-body); }
.card__actions--start { justify-content: flex-start; flex-wrap: wrap; margin-top: 14px; }

.tiles--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.client-sum .chips { margin-top: 12px; }

@media (max-width: 780px) {
    .deal__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
    .sale-grid .line:has(> .qty) .line__main { flex: 1 1 100%; }
    .sale-grid .line .qty { margin-right: auto; }
    .sale-grid .line:has(> .qty) .line__sum { flex: 1 1 0; min-width: 0; }
    .pays--main, .pays--more { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tiles--three .tile__value { font-size: 14px; }
}

.entry__open {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: -4px;
    padding: 4px;
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.entry__open:hover { background: var(--surface-sunken); }
.entry--next .entry__open:hover { background: transparent; }
.entry__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.entry__foot .entry__action { margin: 0 0 0 auto; align-self: center; }

.sheet-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
.sheet-form__grid .field { margin: 0; }
.facts--first { margin-top: 0; }
.till-off { margin: 0; font-size: 13px; }

.desk-switch__wrap { display: none; margin-bottom: 12px; }
.desk-switch { width: 100%; background: var(--surface); }

@media (max-width: 780px) {
    .desk-switch__wrap { display: block; }
    .desk--sales .desk__appts, .desk--sales .desk__money,
    .desk--appts .desk__sales, .desk--appts .desk__money,
    .desk--money .desk__appts, .desk--money .desk__sales { display: none; }
    .desk__money { display: flex; flex-direction: column; gap: 12px; }
    .desk__money > .card { margin-bottom: 0; }
    .sheet-form__grid { gap: 8px; }
}

@media (max-width: 780px) {
    .toolbar--bar .page__title { font-size: 16px; }
    .daypick { flex: 1 1 0; min-width: 0; }
    .daytools__refresh { flex: none; }
    .daytools__refresh .refresh__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .daytools__today { flex: none; }
    .entries .entry__sum { margin-left: auto; width: auto; text-align: right; }
}
.card__actions:empty { display: none; }

.finder__input { font-size: 17px; padding-top: 13px; padding-bottom: 13px; }
.finder__results { display: flex; flex-direction: column; gap: 10px; }
.finder__results:not(:empty) { margin-top: 12px; }
.finder__list { display: flex; flex-direction: column; gap: 8px; }
.finder__pick {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), background-color 0.18s var(--ease);
}
.finder__pick:hover { border-color: var(--accent); background: var(--accent-soft); }
.finder__body { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.finder__name { font-family: var(--font-display); font-size: 15px; font-weight: 600; }
.finder__meta { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 12px; }
.finder__go { flex: none; padding: 6px 12px; border-radius: var(--pill); background: var(--accent); color: var(--on-accent); font-family: var(--font-display); font-size: 12px; font-weight: 600; }
.finder__hint { margin: 0; font-size: 13px; }
.finder__new { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: var(--radius-md); background: var(--surface-sunken); }
.finder__lead { margin: 0; font-size: 14px; }
.finder__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.finder__form .field { margin: 0; }
.finder__new > .btn { align-self: flex-start; }
@media (max-width: 780px) {
    .finder__form { grid-template-columns: minmax(0, 1fr); }
    .finder__new > .btn { align-self: stretch; }
}

.deal__grid > .deal__field:last-child:nth-child(odd) { grid-column: 1 / -1; }
.client-car { flex: 0 0 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--line); }
.client-car__label { font-size: 12px; color: var(--ink-muted); }
.client-car--need .client-car__label { color: var(--warn); }
.client-car .chips { margin-top: 0; }
.client-car .chip { padding: 7px 14px; font-size: 13px; font-family: var(--font-mono); }
.client-car__on { color: var(--accent-strong); font-weight: 600; }
.client-car__add { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.client-car__input { flex: 1; min-width: 160px; max-width: 240px; }
.client-car--need .client-car__input { border-color: var(--warn); background: var(--warn-soft); }

.catalog { display: flex; flex-direction: column; gap: 10px; padding: 10px; border-radius: var(--radius-md); background: var(--surface-sunken); }
.catalog__head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.catalog__tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: var(--pill); background: var(--surface); border: 1px solid var(--line); }
.catalog__tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 0;
    border-radius: var(--pill);
    background: none;
    color: var(--ink-muted);
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.18s var(--ease), color 0.18s var(--ease);
}
.catalog__tab--on { background: var(--accent); color: var(--on-accent); }
.catalog__count { padding: 1px 7px; border-radius: var(--pill); background: var(--surface-sunken); color: var(--ink-muted); font-size: 11px; }
.catalog__tab--on .catalog__count { background: rgba(255, 255, 255, 0.22); color: var(--on-accent); }
.catalog__search { flex: 1; min-width: 180px; padding-top: 9px; padding-bottom: 9px; }
.catalog__body { max-height: 340px; overflow-y: auto; overscroll-behavior: contain; }
.catalog__caption { margin: 0 0 6px; font-size: 12px; }

.svc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); grid-auto-flow: row dense; gap: 8px; }
.svc {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    min-height: 60px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), background-color 0.18s var(--ease), transform 0.12s var(--ease);
}
.svc:hover { border-color: var(--accent); }
.svc:active { transform: scale(0.98); }
.svc--on { border-color: var(--accent); background: var(--accent-soft); }
.svc__body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.svc__name {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.svc__meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--ink-muted); }
.svc__meta .mono { color: var(--ink); font-weight: 600; }
.svc__tick { display: inline-flex; flex: none; color: var(--accent); }

.pick__add { display: inline-flex; flex: none; color: var(--accent); }
.pick--empty .pick__name { color: var(--ink-muted); }
.pick__in { color: var(--accent-strong); font-weight: 600; }

@media (max-width: 780px) {
    .catalog__tabs { flex: 1 1 100%; }
    .catalog__tab { flex: 1; justify-content: center; }
    .svc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .catalog__body { max-height: 300px; }
}

.chapters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.chapter {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: 72px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.18s var(--ease), transform 0.12s var(--ease);
}
.chapter:hover { border-color: var(--accent); }
.chapter:active { transform: scale(0.98); }
.chapter__label { font-family: var(--font-display); font-size: 14px; font-weight: 600; line-height: 1.25; }
.chapter__count { font-size: 12px; color: var(--ink-muted); }
.chapter .hotkey { position: absolute; top: 10px; right: 10px; }
.buy { display: flex; flex-direction: column; gap: 10px; }
.buy__head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.buy__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px 8px 10px;
    border: 1px solid var(--line-strong);
    border-radius: var(--pill);
    background: var(--surface);
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.buy__back:hover { border-color: var(--ink); }
.buy__back-icon { display: inline-flex; }
.buy__title { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-size: 15px; font-weight: 600; }
.hotkey {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: var(--surface-sunken);
    border: 1px solid var(--line-strong);
    color: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
}
.catalog__keys { margin: 0; font-size: 11px; }
.catalog__body { max-height: 380px; }
.catalog__body--svc { max-height: none; overflow: visible; }

@media (max-width: 780px) {
    .chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .chapter { justify-content: center; min-height: 64px; padding: 10px 12px; }
    .chapter__label { font-size: 13px; }
    .hotkey, .catalog__keys { display: none; }
}
@media (hover: none) { .hotkey, .catalog__keys { display: none; } }

.qty { display: flex; flex: none; align-items: center; gap: 6px; }
.qty__input { width: 72px; height: 36px; padding: 0 8px; text-align: center; font-size: 16px; }
.qty__unit { flex: none; width: 20px; font-size: 12px; }
.qty__unit--ml { width: auto; min-width: 48px; }
.qty .btn--icon { flex: none; width: 36px; height: 36px; padding: 0; }
.qty .btn--icon::before { content: none; }
/* Столбцы чека не гуляют: сумма одной ширины, скидка под ней переносится. */
@media (min-width: 781px) { .sale-grid .line .line__sum { flex: none; width: 112px; } }
.sale-grid .line .line__discount { white-space: normal; }
.line__discount span { white-space: nowrap; }
.sale-grid .line .line__sum { text-align: right; }
.sale-grid .line .line__discount span { display: block; }
.sale-grid .line .line__discount span:first-child { white-space: normal; }

.finder__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(172px, 1fr)); gap: 10px; }
.finder__fields .field { margin: 0; }
.finder__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.entry--open-sale { gap: 6px; padding: 0; border: 0; background: none; }
.entry--open-sale > .entry { border-color: var(--warn); }
.entry__cancel { align-self: flex-end; color: var(--danger); }
.entry__cancel:hover { background: var(--danger-soft); }
.open-sales .section__title { color: var(--warn); }
.sale-cancel { margin-left: 4px; }
.pager { justify-content: center; }
@media (max-width: 780px) {
    .finder__fields { gap: 8px; }
    .finder__form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .sale-cancel { margin-left: 0; width: 100%; justify-content: center; }
}

.work-line { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; }
.work-line__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px var(--ok-soft); flex: none; }

/* Вкладка «Клиенты»: крупный поиск, строка «Поправьте баллы», один список с подписанными колонками. */
.clients { display: flex; flex-direction: column; gap: 12px; }
.clients__search { position: relative; display: block; }
.clients__search-icon { position: absolute; left: 18px; top: 50%; display: inline-flex; color: var(--ink-muted); transform: translateY(-50%); pointer-events: none; }
.clients__search-icon svg { width: 20px; height: 20px; }
.clients__input { width: 100%; padding: 15px 18px 15px 50px; font-size: 17px; }
.clients__card { margin-bottom: 0; }
.clients__caption { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.clients__empty { margin: 8px 0 4px; }
.clients .pager { margin-top: 12px; }

.crows { display: flex; flex-direction: column; }
.crow {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr) 110px 110px;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 0;
    background: none;
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}
.crow + .crow { border-top: 1px solid var(--line); }
.crow:not(.crow--head):hover { background: var(--surface-sunken); }
.crow--head { padding-top: 4px; padding-bottom: 8px; color: var(--ink-muted); font-size: 12px; cursor: default; }
.crow__meta { display: contents; }
.crow__who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.crow__avatar { width: 32px; height: 32px; font-size: 12px; }
.crow__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crow__car, .crow__phone { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crow__phone { color: var(--ink-muted); }
.crow__visit { color: var(--ink-muted); white-space: nowrap; }
.crow__bonus { text-align: right; white-space: nowrap; }
.crow__bonus--none { color: var(--ink-muted); }
.crow--head .crow__car, .crow--head .crow__phone { font-family: inherit; color: inherit; }
@media (hover: none) { .crow:not(.crow--head):hover { background: none; } }
@media (max-width: 780px) {
    .crow--head { display: none; }
    .crow {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "who visit" "meta bonus";
        gap: 4px 12px;
        padding: 12px 4px;
    }
    .crows .crow:nth-child(2) { border-top: 0; }
    .crow__who { grid-area: who; gap: 0; }
    .crow__avatar { display: none; }
    .crow__meta { grid-area: meta; display: flex; gap: 10px; min-width: 0; font-size: 13px; }
    .crow__car { flex: none; }
    .crow__phone { min-width: 0; }
    .crow__visit { grid-area: visit; font-size: 13px; text-align: right; }
    .crow__bonus { grid-area: bonus; font-size: 13px; }
    .crow__bonus::before { content: 'бонусов '; font-family: var(--font-body); color: var(--ink-muted); }
    .crow__bonus--none { visibility: hidden; }
    .clients__input { font-size: 16px; }
}

.bonus-todo-bar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px 16px;
    border: 1px solid color-mix(in srgb, var(--warn) 40%, transparent);
    border-radius: var(--radius-md);
    background: var(--warn-soft);
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}
.bonus-todo-bar:hover { border-color: var(--warn); }
.bonus-todo-bar__icon { display: inline-flex; color: var(--warn); }
.bonus-todo-bar__icon svg { width: 20px; height: 20px; }
.bonus-todo-bar__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13px; color: var(--ink-muted); }
.bonus-todo-bar__text strong { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--ink); }
.bonus-todo-bar__go { display: inline-flex; color: var(--ink-muted); }

.bonus-todo__list { display: flex; flex-direction: column; gap: 10px; }
.bonus-todo__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "who set" "moves done";
    align-items: center;
    gap: 6px 16px;
    padding: 14px;
    border-radius: var(--radius-sm);
    background: var(--warn-soft);
}
.bonus-todo__who { grid-area: who; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; }
.bonus-todo__name { padding: 0; border: 0; background: none; color: var(--ink); font: inherit; font-weight: 600; font-size: 15px; text-align: left; cursor: pointer; }
.bonus-todo__name:hover { text-decoration: underline; }
.bonus-todo__set { grid-area: set; display: flex; align-items: baseline; gap: 8px; justify-self: end; font-size: 13px; }
.bonus-todo__set strong { font-size: 18px; color: var(--ink); }
.bonus-todo__moves { grid-area: moves; margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.bonus-todo__item > .btn { grid-area: done; justify-self: end; }
@media (max-width: 780px) {
    .bonus-todo__item { grid-template-columns: minmax(0, 1fr); grid-template-areas: "who" "set" "moves" "done"; }
    .bonus-todo__set { justify-self: start; }
    .bonus-todo__item > .btn { justify-self: stretch; justify-content: center; }
}

/* Карточка клиента: цифры и строки как в профиле, визиты списком работ. */
.client-sum .me-rows { margin-top: 12px; }
.me-fact--ok strong { color: var(--ok); }
.client-sum .me-fact strong { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.client-sum .me-fact strong.mono { font-family: var(--font-mono); }
.client-sum__phone .me-row__label { font-family: var(--font-mono); font-size: 14px; }
.client-sum__plate .me-row__label { font-family: var(--font-mono); font-size: 14px; letter-spacing: 0.02em; }
.client-sum__note { grid-template-columns: 34px minmax(0, 1fr); }
.client-sum__note .me-row__label { font-weight: 400; font-size: 14px; line-height: 1.45; }
.client-sum__note .me-row__icon { align-self: start; }

.visits { display: flex; flex-direction: column; margin-top: 4px; }
.visit { display: flex; flex-direction: column; gap: 10px; padding: 16px 0; }
.visit + .visit { border-top: 1px solid var(--line); }
.visit:last-child { padding-bottom: 2px; }
.visit__open {
    display: flex; flex-direction: column; gap: 6px;
    margin: -8px -10px; padding: 8px 10px;
    border: 0; border-radius: var(--radius-sm); background: none;
    color: inherit; font: inherit; text-align: left;
}
button.visit__open { cursor: pointer; }
button.visit__open:hover { background: var(--surface-sunken); }
.visit__head { display: flex; align-items: baseline; gap: 10px; }
.visit__date { font-family: var(--font-display); font-size: 15px; font-weight: 600; }
.visit__sum { margin-left: auto; font-size: 15px; font-weight: 600; white-space: nowrap; }
.visit__go { display: inline-flex; align-self: center; margin-right: -4px; color: var(--ink-muted); }
.visit__go svg { width: 16px; height: 16px; }
.visit__meta { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 13px; }
.visit__works { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }
.visit__work { display: flex; align-items: baseline; gap: 10px; font-size: 15px; font-weight: 500; line-height: 1.35; }
.visit__dot { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); transform: translateY(-2px); }
.visit__goods { font-size: 13px; line-height: 1.45; padding-left: 16px; }
.visit__foot { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--ink-muted); }
.visit__tag { display: inline-flex; align-items: center; gap: 6px; }
.visit__tag svg { width: 14px; height: 14px; }
.visit__tag--ok { color: var(--ok); }
.visit__tag--note { padding: 2px 8px; border-radius: var(--pill); background: var(--warn-soft); color: var(--warn); }
.visit__repeat { margin-left: auto; }
.visit--net { gap: 4px; padding: 12px 0; }
.net { display: flex; flex-direction: column; gap: 14px; }
.net__title { font-size: 13px; color: var(--ink-muted); }
.net__line { margin: 6px 0 0; font-size: 14px; }
.client-sum__phone .me-row__label { white-space: nowrap; }
@media (max-width: 780px) {
    .visit__foot { gap: 6px 12px; }
    .client-sum__phone .me-row__value { display: none; }
    .client-sum .me-fact strong { font-size: 18px; }
}
.bonus-moves { display: flex; flex-direction: column; }
.bonus-move { display: grid; grid-template-columns: minmax(76px, auto) minmax(0, 1fr); gap: 14px; padding: 10px 0; }
.bonus-move + .bonus-move { border-top: 1px solid var(--line); }
.bonus-move__delta { font-size: 15px; font-weight: 600; }
.bonus-move__delta--up { color: var(--ok); }
.bonus-move__delta--down { color: var(--danger); }
.bonus-move__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bonus-move__title { font-size: 14px; }
.bonus-move__meta { font-size: 12px; }
.bonus-move__todo { align-self: flex-start; margin-top: 4px; padding: 2px 8px; border-radius: var(--pill); background: var(--warn-soft); color: var(--warn); font-size: 12px; }
.client-edit textarea.input { resize: vertical; min-height: 72px; font-family: inherit; }
.client-edit__cars { margin: 0 0 8px; }
.client-edit__add .input { flex: 1; min-width: 0; }
.chip__drop { display: inline-flex; margin: 0 -4px 0 2px; padding: 2px; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer; }
.chip__drop svg { width: 12px; height: 12px; }
.chip__drop:hover { background: color-mix(in srgb, currentColor 18%, transparent); }

/* Продажа: нехватка на складе и повтор. */
.sale-note { position: relative; margin-bottom: 12px; }
.sale-note > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sum-note--calm { background: var(--accent-soft); }
.sum-note--calm svg { color: var(--accent-strong); }
.sale-note__close { position: absolute; top: 6px; right: 6px; display: inline-flex; padding: 4px; border: 0; border-radius: 50%; background: none; color: var(--ink-muted); cursor: pointer; }
.sale-note__close svg { margin: 0; width: 14px; height: 14px; color: inherit; }
.sum-note--calm { padding-right: 34px; }
.line--short { border-color: color-mix(in srgb, var(--danger) 50%, var(--line)); }
.line__short { margin-top: 2px; color: var(--danger); font-size: 12px; font-weight: 600; }

/* Проведённая продажа: слева итог — сумма, оплата, клиент, машина, действия; справа позиции. */
.done__total { font-size: 34px; font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; }
.done__when { margin: 6px 0 12px; font-size: 13px; }
.done__client { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.done__client .client-line__main { width: calc(100% + 12px); }
.done .facts--sale { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); grid-template-columns: max-content minmax(0, 1fr); }
.done .facts--sale dd { text-align: left; overflow-wrap: anywhere; }
.done .card__actions { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.checkout .change-step { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; gap: 8px 20px; text-align: left; }
.checkout .change-step .field { flex: 0 1 280px; min-width: 200px; margin: 0; }
.change { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: var(--ok); }
.change.muted { font-size: 14px; font-weight: 400; color: var(--ink-muted); }
.change--short { color: var(--danger); }
.svc__code { padding: 0 6px; border-radius: 6px; background: var(--surface-sunken); color: var(--ink); font-weight: 600; }

.chip--crm-old { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.chip--crm-new { background: var(--accent-soft); color: var(--accent-strong); border-color: transparent; }

.step__text--ok { color: var(--ok); }
.step__text--bad { color: var(--danger); }
.old-hint { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--warn-soft); }
.old-hint__label { flex: 1 1 100%; font-size: 13px; color: var(--ink-muted); }
.old-hint__sum { font-size: 22px; color: var(--ink); }
.old-hint .btn { margin-left: auto; }

.cash-card { display: flex; flex-direction: column; gap: 12px; }
.cash-total { display: flex; flex-direction: column; gap: 2px; }
.cash-total__label { font-size: 13px; color: var(--ink-muted); }
.cash-total__sum { font-size: 28px; line-height: 1.15; }
.cash-shares { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cash-share { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: var(--radius-md); font-size: 12px; }
.cash-share strong { font-size: 15px; color: var(--ink); }
.cash-share--old { background: var(--warn-soft); color: var(--warn); }
.cash-share--new { background: var(--accent-soft); color: var(--accent-strong); }
.cash-rows { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.cash-row { display: flex; justify-content: space-between; gap: 12px; }
.cash-checks { display: flex; flex-direction: column; gap: 6px; }
.cash-check { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; line-height: 1.4; }
.cash-check svg { flex: none; width: 14px; height: 14px; margin-top: 2px; }
.cash-check--ok { color: var(--ok); }
.cash-check--bad { color: var(--danger); }
.cash-check--wait { color: var(--ink-muted); }

.oil-unit { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.oil-unit__label { font-size: 12px; }
.oil-unit .chip { min-height: 30px; padding: 4px 10px; font-size: 13px; }
.finder__wide { grid-column: 1 / -1; }
.card__head--row .card__actions { margin-top: 0; flex-wrap: wrap; }
.appts-day__title { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 10px; font-family: var(--font-display); font-size: 14px; font-weight: 600; }
.appts-day__title span:first-child::first-letter { text-transform: uppercase; }
.appts-day__title .muted { font-family: var(--font-mono); font-weight: 400; }