#onecPostSupplierInvoicesTab > .supplier-invoice-list-toolbar {
    margin-bottom: 0;
}

#onecPostSupplierInvoicesTab > .onec-ai-upload {
    padding-top: 0;
}

#onecPostSupplierInvoicesTab > .onec-ai-upload > label {
    margin-top: 0;
}

.supplier-invoice-recognition-mode {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 3px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
}

.supplier-invoice-recognition-mode legend {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.supplier-invoice-recognition-mode label {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.supplier-invoice-recognition-mode input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.supplier-invoice-recognition-mode span {
    display: block;
    padding: 7px 12px;
    border-radius: 999px;
    color: #1e3a8a;
    font-weight: 700;
}

.supplier-invoice-recognition-mode input:checked + span {
    color: #fff;
    background: #2563eb;
    box-shadow: 0 2px 7px rgba(37, 99, 235, .28);
}

.supplier-invoice-recognition-mode input:focus-visible + span {
    outline: 3px solid rgba(37, 99, 235, .32);
    outline-offset: 2px;
}

.supplier-invoice-ai-operations{margin:12px 0;padding:12px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}
.supplier-invoice-ai-operations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.supplier-invoice-ai-operations-head h3{margin:0;color:#1e3a8a;font-size:15px}
.supplier-invoice-ai-operations-table{min-width:980px}
.supplier-invoice-ai-operations-table td{vertical-align:top}
.supplier-invoice-ai-operations-table td small{display:block;margin-top:3px;color:#667085;font-size:10px;overflow-wrap:anywhere}
.supplier-invoice-ai-state{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #b2ddff;border-radius:999px;background:#eff8ff;color:#175cd3;font-weight:700;white-space:nowrap}
.supplier-invoice-ai-state.is-failed,.supplier-invoice-ai-state.is-outcome_unknown{border-color:#fda29b;background:#fef3f2;color:#b42318}
.supplier-invoice-ai-state.is-created,.supplier-invoice-ai-state.is-duplicate{border-color:#abefc6;background:#ecfdf3;color:#067647}
.supplier-invoice-ai-operation-actions{display:flex;flex-wrap:wrap;gap:6px}
.supplier-invoice-ai-operations-table tr.is-working{background:#f5f3ff;animation:supplier-invoice-ai-operation-pulse 1.35s ease-in-out infinite}
@keyframes supplier-invoice-ai-operation-pulse{0%,100%{box-shadow:inset 4px 0 0 rgba(124,58,237,.28)}50%{box-shadow:inset 7px 0 0 rgba(124,58,237,.9);background:#ede9fe}}
@media(prefers-reduced-motion:reduce){.supplier-invoice-ai-operations-table tr.is-working{animation:none;box-shadow:inset 5px 0 0 #7c3aed}}

.supplier-invoice-ai-escalation-backdrop {
    position: fixed;
    inset: 0;
    z-index: 3210;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, .38);
}

.supplier-invoice-ai-escalation-backdrop.hidden {
    display: none;
}

.supplier-invoice-ai-escalation-dialog {
    box-sizing: border-box;
    width: min(620px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    overflow: auto;
    padding: 18px;
    border: 1px solid #d7b46a;
    border-radius: 10px;
    background: #fffdf7;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .28);
}

.supplier-invoice-ai-escalation-dialog h3 {
    margin: 0 0 8px;
    font-size: 17px;
}

.supplier-invoice-ai-escalation-dialog p {
    margin: 0 0 14px;
    line-height: 1.45;
}

.supplier-invoice-ai-escalation-dialog form > label {
    display: block;
    margin: 10px 0;
    font-weight: 600;
}

.supplier-invoice-ai-escalation-dialog input {
    box-sizing: border-box;
    width: 100%;
    margin-top: 5px;
    padding: 8px;
}

.supplier-invoice-recognition {
    margin: 14px 0;
    padding: 14px;
    border: 1px solid #d9c5e6;
    border-radius: 14px;
    background: #fffafd;
}

.supplier-invoice-recognition-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.supplier-invoice-recognition-head h3 {
    margin: 0 0 4px;
}

.supplier-invoice-line-kind {
    display: inline-flex;
    gap: 6px;
    padding: 3px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
}

.supplier-invoice-line-kind label {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 5px 8px;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
}

.supplier-invoice-line-kind label.is-selected {
    background: #e9f5ff;
    color: #175cd3;
    font-weight: 600;
}

.supplier-invoice-line-kind input {
    margin: 0;
}

.supplier-invoice-line-kind.line-type-missing {
    border-color: #b42318;
    background: #fff4f2;
}

.supplier-invoice-recognition-actions {
    align-items: center;
    justify-content: flex-start;
    margin-top: 12px;
}

.supplier-invoice-validation-warning {
    color: #9a6700;
    font-weight: 600;
}

.supplier-invoice-recognition-table {
    min-width: 1180px;
}

#onecPostSupplierInvoicesTab .onec-lite-wrap > .supplier-invoice-list-table {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
}

/*
 * The colgroup is the single width authority for both the header and body.
 * Cell-level widths from the shared 1C table stylesheet must not compete with
 * the saved supplier-invoice percentages, otherwise the right edge drifts and
 * the headings no longer sit over their data columns.
 */
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(1) { width: 7%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(2) { width: 7%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(3) { width: 10%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(4) { width: 10%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(5) { width: 5%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(6),
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(7),
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(8),
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(9) { width: 12.5%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(10) { width: 8%; }
#onecPostSupplierInvoicesTab .supplier-invoice-list-table col:nth-child(11) { width: 3%; }

#onecPostSupplierInvoicesTab .supplier-invoice-list-table th,
#onecPostSupplierInvoicesTab .supplier-invoice-list-table td {
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

#onecPostSupplierInvoicesTab .supplier-invoice-list-table .onec-lite-bitrix-cell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
}

.supplier-invoice-list-table th {
    position: sticky;
}

.supplier-invoice-list-secondary {
    display: block;
    margin-top: 2px;
    color: #667085;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
}

.supplier-invoice-list-external-number em {
    font-style: italic;
}

#onecPostReceiptsTab .manager-receipt-list-table thead th {
    position: sticky;
    z-index: 3;
    top: 0;
    background: #eef2f6;
}

.supplier-invoice-filter-head > span:first-child {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-invoice-header-filter-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 25px;
    margin-top: 4px;
    padding: 3px 6px;
    border: 1px solid #bdcad8;
    border-radius: 4px;
    background: #fff;
    color: #26384d;
    font: inherit;
    font-size: 11px;
    font-weight: 400;
    cursor: pointer;
}

.supplier-invoice-header-filter-button > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-invoice-header-filter-button.is-active {
    border-color: #4a8fca;
    background: #edf6ff;
    color: #155a92;
}

.supplier-invoice-header-filter-button:focus-visible {
    outline: 2px solid rgba(74, 143, 202, .28);
    outline-offset: 1px;
}

.supplier-invoice-header-filter-popup {
    position: fixed;
    z-index: 10050;
    box-sizing: border-box;
    width: 340px;
    max-width: calc(100vw - 20px);
    padding: 9px;
    border: 1px solid #aebdcd;
    border-radius: 7px;
    background: #fff;
    color: #26384d;
    box-shadow: 0 10px 30px rgba(31, 54, 77, .24);
}

.supplier-invoice-header-filter-popup-search {
    box-sizing: border-box;
    width: 100%;
    height: 31px;
    padding: 5px 8px;
    border: 1px solid #bdcad8;
    border-radius: 5px;
}

.supplier-invoice-header-filter-popup-options {
    max-height: 330px;
    margin-top: 8px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    border-top: 1px solid #e2e8ef;
    border-bottom: 1px solid #e2e8ef;
}

.supplier-invoice-header-filter-popup-group {
    position: sticky;
    z-index: 1;
    top: 0;
    padding: 7px 3px 4px;
    background: #fff;
    color: #53687d;
    font-size: 11px;
    font-weight: 700;
}

.supplier-invoice-header-filter-popup-option {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 6px;
    align-items: start;
    padding: 5px 3px;
    font-weight: 400;
    cursor: pointer;
}

.supplier-invoice-header-filter-popup-option:hover {
    background: #f3f7fb;
}

.supplier-invoice-header-filter-popup-option input {
    width: 14px;
    height: 14px;
    margin: 2px 0 0;
}

.supplier-invoice-header-filter-popup-option-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.supplier-invoice-header-filter-popup-secondary {
    display: block;
    margin-top: 1px;
    color: #718295;
    font-size: 10px;
}

.supplier-invoice-header-filter-popup-empty {
    padding: 12px 4px;
    color: #718295;
    text-align: center;
}

.supplier-invoice-header-filter-popup-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    padding-top: 8px;
}

.supplier-invoice-header-filter-popup-actions button {
    min-height: 30px;
    padding: 4px 10px;
}

.supplier-invoice-header-filter-popup-actions .is-primary {
    border-color: #2375b8;
    background: #2375b8;
    color: #fff;
}

.supplier-invoice-column-resizer {
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    width: 9px;
    height: 100%;
    cursor: col-resize;
    touch-action: none;
}

.supplier-invoice-column-resizer::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 1px;
    background: #9aabba;
}

.supplier-invoice-column-resizer:hover::after,
.supplier-invoice-column-resizer.is-dragging::after {
    width: 2px;
    background: #1f6fb2;
}

body.supplier-invoice-column-resizing {
    cursor: col-resize;
    user-select: none;
}

.supplier-invoice-list-table .supplier-invoice-col-total,
.supplier-invoice-list-table .supplier-invoice-col-nds,
.supplier-invoice-list-table .supplier-invoice-col-assignees,
.supplier-invoice-list-table .supplier-invoice-col-warehouse {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: none !important;
}

.supplier-invoice-list-table .supplier-invoice-col-assignees,
.supplier-invoice-list-table .supplier-invoice-col-warehouse {
    overflow-wrap: anywhere;
}

.supplier-invoice-list-table .supplier-invoice-total-summary-head > span {
    display: block;
}

.supplier-invoice-list-table .supplier-invoice-period-total,
.supplier-invoice-list-table .supplier-invoice-receipt-total {
    margin-top: 3px;
    color: #315b7d;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.supplier-invoice-list-table .supplier-invoice-receipt-total {
    margin-top: 1px;
}

.supplier-invoice-recognition-table input[type="number"],
.supplier-invoice-recognition-table select {
    min-width: 92px;
}

.supplier-invoice-unit-error {
    margin-top: 4px;
    max-width: 190px;
    color: #b42318;
    font-size: 11px;
    line-height: 1.25;
}

.settings-user-finance-rights label,
.settings-user-capability {
    color: #344054;
}

.settings-user-capability {
    text-align: center;
}

.settings-user-capability input {
    width: auto;
}

.supplier-invoice-approval-panel {
    margin: 10px 0;
    padding: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.supplier-invoice-approval-panel h3 {
    margin: 0 0 10px;
}

.supplier-invoice-capability-lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.supplier-invoice-capability-list > span,
.supplier-invoice-payment-timing-readonly > span {
    display: block;
    margin-bottom: 4px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

.supplier-invoice-capability-list-values {
    min-height: 36px;
    padding: 6px 8px;
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    background: #eaecf0;
    color: #475467;
}

.supplier-invoice-capability-list-values span {
    display: inline-block;
    margin: 1px 5px 1px 0;
    padding: 2px 6px;
    border: 1px solid #c7cdd6;
    border-radius: 10px;
    background: #f2f4f7;
}

.supplier-invoice-capability-list-values em {
    font-style: normal;
    color: #98a2b3;
}

.supplier-invoice-payment-timing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 10px 0 0;
    padding: 8px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
}

.supplier-invoice-payment-timing label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.supplier-invoice-payment-timing input[type="radio"] {
    width: auto;
}

.supplier-invoice-payment-timing-readonly {
    margin-top: 10px;
    padding: 8px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #eaecf0;
    color: #475467;
}

.supplier-invoice-approval-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.supplier-invoice-payment-actions.is-disabled > button,
.supplier-invoice-payment-actions.is-disabled .onec-bank-choice {
    opacity: .55;
    filter: grayscale(1);
}

.supplier-invoice-payment-disabled-reason {
    max-width: 280px;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-modal {
    display: flex;
    flex-direction: column;
    width: min(1180px, calc(100vw - 24px));
    height: min(820px, calc(100dvh - 24px));
    max-height: calc(100dvh - 24px);
    overflow: hidden;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-modal > h2,
#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-toolbar,
#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker #onecPostNomenclaturePickerStatus {
    flex: 0 0 auto;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-toolbar {
    position: sticky;
    z-index: 4;
    top: 0;
    background: #fff;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-list thead th {
    position: sticky;
    z-index: 3;
    top: 0;
    background: #eef2f6;
}

.onec-nom-picker-footer {
    display: none;
}

#onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-footer {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding-top: 8px;
}

@media (max-width: 900px) {
    .supplier-invoice-recognition-head {
        flex-direction: column;
    }

    .supplier-invoice-recognition-table {
        min-width: 980px;
    }

    .supplier-invoice-capability-lists {
        grid-template-columns: 1fr;
    }

    #onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker {
        padding: 6px;
    }

    #onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-modal {
        width: calc(100vw - 12px);
        height: calc(100dvh - 12px);
        max-height: calc(100dvh - 12px);
        padding: 10px;
    }

    #onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    #onecPostNomenclaturePickerBackdrop.is-supplier-invoice-picker .onec-nom-picker-list table {
        min-width: 820px;
    }
}
/* Supplier invoice detail: approved two-tab Manager layout. */
.onec-lite-detail .onec-card-head:has([data-supplier-invoice-save-all]){position:sticky;top:0;z-index:24;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;background:#fff;box-shadow:0 3px 8px rgba(16,24,40,.06)}
.onec-lite-detail .onec-card-head:has([data-supplier-invoice-save-all]) .supplier-invoice-assignees,
.onec-lite-detail .onec-card-head:has([data-supplier-invoice-save-all]) .supplier-invoice-approval-panel{grid-column:1/-1;margin:0;min-width:0}
.onec-lite-detail .onec-card-head:has(.supplier-invoice-assignee-picker[open]){z-index:100}
.supplier-invoice-assignees:has(.supplier-invoice-assignee-picker[open]){position:relative;z-index:3}
.supplier-invoice-assignee-picker[open]{z-index:2}
.supplier-invoice-assignee-picker[open] .supplier-invoice-assignee-options{z-index:101}
.onec-card-head:has(.supplier-invoice-assignee-picker[open]) .supplier-invoice-approval-panel{position:relative;z-index:1}
.supplier-invoice-header-statuses{display:inline-flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-start}
.supplier-invoice-status-control{display:inline-grid;grid-template-rows:auto auto;justify-items:start;align-items:start;gap:2px;min-width:0}
.supplier-invoice-status-authority{box-sizing:border-box;max-width:100%;padding:0 6px;color:#667085;font-size:10px;font-weight:500;line-height:1.1;white-space:nowrap;cursor:help}
.supplier-invoice-status-menu{position:relative}
.supplier-invoice-status-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#f8fafc;color:#344054;font-size:13px;font-weight:700}
.supplier-invoice-status-menu>summary::-webkit-details-marker{display:none}
.supplier-invoice-status-menu>summary::after{content:"\25BE";flex:0 0 auto;margin-left:6px;color:currentColor;font-size:10px;line-height:1;transition:transform .14s ease}
.supplier-invoice-status-menu[open]>summary::after{transform:rotate(180deg)}
.supplier-invoice-status-menu.is-workflow>summary{border-color:#fedf89;background:#fffaeb;color:#93370d}
.supplier-invoice-status-menu.is-payment>summary{border-color:#abefc6;background:#ecfdf3;color:#067647}
.supplier-invoice-status-menu.is-lifecycle.is-neutral>summary{border-color:#d0d5dd;background:#f8fafc;color:#475467}
.supplier-invoice-status-menu.is-lifecycle.is-green>summary{border-color:#abefc6;background:#ecfdf3;color:#067647}
.supplier-invoice-status-menu.is-receipt-coverage.is-neutral>summary{border-color:#d0d5dd;background:#f8fafc;color:#475467}
.supplier-invoice-status-menu.is-receipt-coverage.is-blue>summary{border-color:#b2ddff;background:#eff8ff;color:#175cd3}
.supplier-invoice-status-menu.is-receipt-coverage.is-amber>summary{border-color:#fedf89;background:#fffaeb;color:#93370d}
.supplier-invoice-status-menu.is-receipt-coverage.is-green>summary{border-color:#abefc6;background:#ecfdf3;color:#067647}
.supplier-invoice-status-menu.is-receipt-coverage.is-red>summary{border-color:#fda29b;background:#fef3f2;color:#b42318}
.supplier-invoice-status-menu.is-documents.is-blue-soft>summary{border-color:#84caff;background:#eff8ff;color:#175cd3}
.supplier-invoice-status-menu.is-documents.is-blue-strong>summary{border-color:#2e90fa;background:#d1e9ff;color:#1849a9}
.supplier-invoice-status-menu[open]>div{position:absolute;left:0;top:34px;z-index:40;display:grid;min-width:230px;padding:6px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;box-shadow:0 10px 24px rgba(16,24,40,.18)}
.supplier-invoice-status-menu button{border:0;background:#fff;color:#344054;text-align:left;padding:8px 10px;border-radius:7px}
.supplier-invoice-status-menu button:hover:not(:disabled){background:#eff8ff}
.supplier-invoice-status-menu button:disabled{color:#98a2b3;background:#f9fafb;cursor:not-allowed}
.supplier-invoice-capability-lists{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;flex-wrap:wrap}
.supplier-invoice-capability-list{display:flex;align-items:center;gap:6px;min-width:0}
.supplier-invoice-capability-list-values{display:flex;gap:5px;flex-wrap:wrap}
.supplier-invoice-capability-list-values span{padding:3px 7px;border-radius:999px;background:#eef2f6;color:#344054;font-size:12px}
.supplier-invoice-capability-list.is-documents>span{color:#175cd3;font-weight:700}
.supplier-invoice-capability-list.is-documents .supplier-invoice-capability-list-values span{border:1px solid #b2ddff;background:#eff8ff;color:#175cd3}
.supplier-invoice-approval-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.supplier-invoice-approval-settings>.supplier-invoice-capability-lists{order:3}
.supplier-invoice-approval-settings>.supplier-invoice-auto-bank{order:2}
.supplier-invoice-approval-settings>.supplier-invoice-payment-timing,.supplier-invoice-approval-settings>.supplier-invoice-payment-timing-readonly{order:1}
.supplier-invoice-approval-settings>.status{order:4}
.supplier-invoice-payment-timing{display:flex;align-items:center;gap:8px;margin:0;padding:4px 8px;border:1px solid #d0d5dd;border-radius:6px}
.supplier-invoice-payment-timing input[type=date]{width:148px}
.supplier-invoice-auto-bank{display:flex;align-items:center;gap:6px}
.supplier-invoice-auto-bank select{width:180px}
.supplier-invoice-detail-tabs{display:flex;gap:4px;margin:0 0 8px;border-bottom:1px solid #c8d5e3;padding-top:8px}
.supplier-invoice-detail-tabs button{border:1px solid #c8d5e3;border-bottom:0;border-radius:5px 5px 0 0;background:#eef2f6;color:#24364b;padding:8px 14px}
.supplier-invoice-detail-tabs button.active{background:#fff;color:#101828;font-weight:700}
.supplier-invoice-detail-tabs button.is-receipt-verified,.supplier-invoice-detail-tabs button.active.is-receipt-verified{border-color:#75e0a7;background:#ecfdf3;color:#067647}
.supplier-invoice-detail-tabs button.is-receipt-error,.supplier-invoice-detail-tabs button.active.is-receipt-error{border-color:#fda29b;background:#fef3f2;color:#b42318}
.manager-receipt-tab-dot{display:inline-block;width:8px;height:8px;margin-left:7px;border-radius:50%;background:#d92d20;box-shadow:0 0 0 2px #fee4e2;vertical-align:middle}
.supplier-invoice-receipt-panel-loading{padding:18px 4px;color:#667085}
.supplier-invoice-receipt-panel .manager-receipt-card{border:0;border-radius:0;box-shadow:none}
.supplier-invoice-receipt-panel .manager-receipt-embedded-summary .onec-inline-lines-summary{display:grid;justify-content:end;gap:4px}
.supplier-invoice-detail-tab-panel[hidden]{display:none!important}
.supplier-invoice-social-unread>td:first-child{box-shadow:inset 4px 0 #d92d20}.supplier-invoice-social-unread-dot{display:inline-block;width:10px;height:10px;margin-left:7px;border:2px solid #fff;border-radius:50%;vertical-align:middle;background:#d92d20;box-shadow:0 0 0 1px #b42318,0 1px 3px rgba(180,35,24,.35)}
.supplier-invoice-social-panel{padding:10px 0 4px;min-height:180px}.supplier-invoice-social-panel [data-supplier-invoice-social-content]{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.supplier-invoice-social-status{margin:0 0 9px;padding:7px 10px;border:1px solid #d7e0ea;border-radius:5px;background:#f8fafc;color:#52657a;font-size:12px}
.supplier-invoice-social-feed{display:flex;flex:0 0 460px;flex-direction:column;gap:9px;height:460px;max-height:460px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;border:1px solid #c8d8e8;border-radius:6px 6px 0 0;background-color:#dfeaf5;background-image:radial-gradient(circle at 18px 18px,rgba(255,255,255,.35) 1.5px,transparent 1.8px),radial-gradient(circle at 44px 42px,rgba(91,130,167,.09) 1.5px,transparent 1.8px);background-size:58px 58px}
.supplier-invoice-social-entry{position:relative;display:flex;align-items:flex-end;gap:8px;max-width:min(880px,96%)}
.supplier-invoice-social-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#6f9fc6;color:#fff;box-shadow:0 1px 4px rgba(32,69,101,.25);font-size:11px;font-weight:700;letter-spacing:.2px}
.supplier-invoice-social-message{position:relative;min-width:210px;max-width:calc(100% - 42px);padding:9px 12px 7px;border:0;border-radius:11px 11px 11px 3px;background:#fff;box-shadow:0 1px 4px rgba(42,69,95,.2)}
.supplier-invoice-social-message:before{content:"";position:absolute;left:-6px;bottom:0;border-width:0 0 8px 8px;border-style:solid;border-color:transparent transparent #fff transparent}
.supplier-invoice-social-entry.is-own .supplier-invoice-social-avatar{background:#d7895d}
.supplier-invoice-social-message footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:4px;min-height:13px}.supplier-invoice-social-message footer button{padding:0;border:0;background:transparent;color:#4f82ad;font-size:10px;cursor:pointer;opacity:.72}.supplier-invoice-social-message footer button:hover{opacity:1;text-decoration:underline}.supplier-invoice-social-message footer time{white-space:nowrap;color:#8796a6;font-size:9px}
.supplier-invoice-social-entry.is-thread-reply{margin-left:48px;max-width:min(832px,calc(96% - 48px))}.supplier-invoice-social-entry.is-thread-reply:before{content:"";position:absolute;left:-30px;top:-9px;width:20px;height:26px;border-left:2px solid rgba(74,126,169,.42);border-bottom:2px solid rgba(74,126,169,.42);border-radius:0 0 0 9px}.supplier-invoice-social-entry.is-thread-reply .supplier-invoice-social-avatar{flex-basis:30px;width:30px;height:30px;font-size:10px}
.supplier-invoice-social-thread-reference{display:grid;width:100%;gap:1px;margin-top:6px;padding:5px 7px;border:0;border-left:3px solid #78a9d1;border-radius:3px;background:#edf5fc;color:#52677d;text-align:left;font:inherit;cursor:pointer}.supplier-invoice-social-thread-reference:hover{background:#e4f0fa}.supplier-invoice-social-thread-reference b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#275f8c;font-size:10px}.supplier-invoice-social-thread-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.supplier-invoice-social-message.is-highlighted{animation:supplier-invoice-social-highlight 1.4s ease}@keyframes supplier-invoice-social-highlight{0%,100%{box-shadow:0 1px 4px rgba(42,69,95,.2)}35%{box-shadow:0 0 0 3px rgba(54,133,196,.38),0 1px 4px rgba(42,69,95,.2)}}
.supplier-invoice-social-message-line{color:#253241;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.supplier-invoice-social-recipient{color:#1672bb;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.supplier-invoice-social-recipient-separator{color:#1672bb;font-weight:700}.supplier-invoice-social-message-body{color:#253241}
.supplier-invoice-social-empty{padding:24px 12px;text-align:center;color:#67788c}
.supplier-invoice-social-composer{padding:9px;border:1px solid #c8d5e3;border-top:0;border-radius:0 0 6px 6px;background:#fff}.supplier-invoice-social-compose-row{display:flex;align-items:flex-end;gap:8px}.supplier-invoice-social-input-wrap{position:relative;flex:1;min-width:0}.supplier-invoice-social-input-wrap textarea{display:block;width:100%;min-height:66px;resize:vertical}.supplier-invoice-social-compose-row>button{min-width:112px}
.supplier-invoice-social-reply-target{display:flex;align-items:center;gap:8px;margin:0 0 7px;padding:6px 8px;border-left:3px solid #4f8fc6;border-radius:3px;background:#eef5fb;color:#435b72}.supplier-invoice-social-reply-target[hidden]{display:none}.supplier-invoice-social-reply-target>span{display:grid;gap:2px;min-width:0;flex:1}.supplier-invoice-social-reply-target b,.supplier-invoice-social-reply-target small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-invoice-social-reply-target b{font-size:11px}.supplier-invoice-social-reply-target small{color:#6f8092;font-size:10px}.supplier-invoice-social-reply-target>button{padding:0;border:0;background:transparent;color:#60778d;font-size:18px;cursor:pointer}
.supplier-invoice-social-mention-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.supplier-invoice-social-mention-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:12px;background:#dbeafe;color:#174b7a;font-size:12px}.supplier-invoice-social-mention-chip button{padding:0;border:0;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer}
.supplier-invoice-social-users{position:absolute;z-index:30;left:0;right:auto;bottom:calc(100% + 4px);width:min(390px,calc(100vw - 36px));overflow:hidden;border:1px solid #afc1d3;border-radius:10px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.24)}
.supplier-invoice-social-user-list{max-height:252px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.supplier-invoice-social-users button{display:block;width:100%;padding:7px 10px;border:0;border-bottom:1px solid #edf1f5;background:#fff;text-align:left;color:#172033;cursor:pointer}.supplier-invoice-social-users button:hover,.supplier-invoice-social-users button:focus,.supplier-invoice-social-users button.is-active{outline:0;background:#f1f3f5}.supplier-invoice-social-users button span{display:block;min-width:0}.supplier-invoice-social-users b,.supplier-invoice-social-users small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-invoice-social-users b{font-size:13px;font-weight:600}.supplier-invoice-social-users small{margin-top:2px;color:#758497;font-size:11px}
.supplier-invoice-social-shortcuts{display:flex;flex-wrap:wrap;gap:5px 12px;padding:6px 9px;border-top:1px solid #d9e1ea;background:#f7f8fa;color:#78879a;font-size:10px;line-height:1.4}.supplier-invoice-social-shortcuts span{white-space:nowrap}.supplier-invoice-social-shortcuts kbd{display:inline;padding:0;border:0;background:transparent;box-shadow:none;color:#4e6075;font:inherit;font-weight:700}
@media (max-width:760px){.supplier-invoice-social-feed{flex-basis:min(460px,calc(100dvh - 310px));height:min(460px,calc(100dvh - 310px));max-height:min(460px,calc(100dvh - 310px));min-height:260px;padding:10px 8px}.supplier-invoice-social-entry{max-width:100%}.supplier-invoice-social-entry.is-thread-reply{margin-left:25px;max-width:calc(100% - 25px)}.supplier-invoice-social-entry.is-thread-reply:before{left:-17px;width:10px}.supplier-invoice-social-avatar{flex-basis:30px;width:30px;height:30px}.supplier-invoice-social-message{max-width:calc(100% - 38px);min-width:0}.supplier-invoice-social-compose-row{display:block}.supplier-invoice-social-compose-row>button{width:100%;margin-top:7px}.supplier-invoice-social-users{width:min(390px,calc(100vw - 28px))}}
.supplier-invoice-requisites-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important}
.supplier-invoice-requisites-grid .supplier-field{min-width:0}
.supplier-invoice-requisites-grid .invoice-number{grid-column:span 2}.supplier-invoice-requisites-grid .invoice-date{grid-column:span 1}.supplier-invoice-requisites-grid .warehouse{grid-column:span 4}
.supplier-invoice-requisites-grid .counterparty{grid-column:span 2}.supplier-invoice-requisites-grid .contract{grid-column:span 2}.supplier-invoice-requisites-grid .currency{grid-column:span 1}.supplier-invoice-requisites-grid .settlements{grid-column:span 2}
.supplier-invoice-requisites-grid .net-total{grid-column:span 2}.supplier-invoice-requisites-grid .vat-rate{grid-column:span 1}.supplier-invoice-requisites-grid .vat-total{grid-column:span 2}.supplier-invoice-requisites-grid .gross-total{grid-column:span 2}
.supplier-invoice-requisites-grid .supplier-account{grid-column:span 3}.supplier-invoice-requisites-grid .supplier-bik{grid-column:span 1}.supplier-invoice-requisites-grid .supplier-bank{grid-column:span 3}
.supplier-invoice-requisites-grid .comment{grid-column:1/-1}.supplier-invoice-requisites-grid textarea{width:100%;resize:vertical}
.supplier-invoice-detail-form>.onec-inline-edit-grid{margin-bottom:8px}
@media(max-width:900px){.supplier-invoice-requisites-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.supplier-invoice-requisites-grid .supplier-field{grid-column:span 1!important}.supplier-invoice-requisites-grid .comment,.supplier-invoice-requisites-grid .warehouse,.supplier-invoice-requisites-grid .supplier-account,.supplier-invoice-requisites-grid .supplier-bank{grid-column:1/-1!important}.supplier-invoice-approval-settings{align-items:stretch}.supplier-invoice-payment-timing{flex-wrap:wrap}}
.supplier-invoice-status-badge.is-signature-pending[data-provider-confirmed-signature="1"]{border-color:#f79009;background:#fffaeb;color:#93370d;animation:manager-supplier-invoice-signature-pulse 1.45s ease-in-out infinite}
@keyframes manager-supplier-invoice-signature-pulse{0%,100%{box-shadow:0 0 0 0 rgba(247,144,9,.1)}50%{box-shadow:0 0 0 5px rgba(247,144,9,.24)}}
@media (prefers-reduced-motion:reduce){.supplier-invoice-status-badge.is-signature-pending[data-provider-confirmed-signature="1"]{animation:none;box-shadow:inset 0 -2px 0 #f79009;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}}

/* In a supplier invoice discussion, only the message feed owns vertical scrolling. */
#onecPostSupplierInvoicesTab.has-onec-detail #onecPostSupplierInvoicesDetail:has(.supplier-invoice-social-panel.active:not([hidden])){display:flex;flex-direction:column;overflow:hidden}
#onecPostSupplierInvoicesTab.has-onec-detail #onecPostSupplierInvoicesDetail:has(.supplier-invoice-social-panel.active:not([hidden]))> :not(.supplier-invoice-detail-form){flex:0 0 auto}
#onecPostSupplierInvoicesDetail .supplier-invoice-detail-form:has(>.supplier-invoice-social-panel.active:not([hidden])){display:flex;flex-direction:column;flex:1 1 0;min-height:0;margin-bottom:0}
#onecPostSupplierInvoicesDetail .supplier-invoice-detail-form:has(>.supplier-invoice-social-panel.active:not([hidden]))>.supplier-invoice-detail-tabs{flex:0 0 auto}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-panel.active:not([hidden]){display:flex;flex-direction:column;flex:1 1 0;min-height:0}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-status{flex:0 0 auto}
#onecPostSupplierInvoicesDetail [data-supplier-invoice-social-content]{flex:1 1 0;min-height:0}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-feed{flex:1 1 0;height:auto;min-height:0;max-height:none}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-entry{flex-shrink:0}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-composer{flex:0 0 auto}
#onecPostSupplierInvoicesDetail .supplier-invoice-social-input-wrap textarea{max-height:120px}

.supplier-recognition-notices{display:flex;flex-direction:column;gap:5px;margin:0 0 8px}.supplier-recognition-notices:empty{display:none}
.supplier-recognition-notice{display:flex;align-items:center;gap:10px;border:1px solid #78d9a3;background:#edfff3;color:#09683d;border-radius:5px;padding:7px 10px}
.supplier-recognition-notice>button{background:transparent!important;border:0!important;color:inherit!important;box-shadow:none!important;padding:0!important}
.supplier-recognition-notice>button:first-child{flex:1;text-align:left;white-space:normal;font-size:12px}.supplier-recognition-notice>button:last-child{flex:0 0 24px;font-size:19px}
#onecPostSupplierInvoicesTab.has-onec-detail>.supplier-recognition-notices{display:none}