.sales-invoice-workspace {
    --invoice-accent: #a51c2b;
    --invoice-accent-hover: #8e1624;
    --invoice-accent-soft: #f8e9ec;
    --invoice-ink: #1b2230;
    --invoice-navy: #163450;
    --invoice-muted: #5b6475;
    --invoice-faint: #8a93a3;
    --invoice-border: #d5dae1;
    --invoice-border-soft: #e3e6eb;
    --invoice-surface: #fff;
    --invoice-subtle: #fbfbfc;
    --invoice-success: #1e6b3a;
    --invoice-success-soft: #e6f4ea;
    color: var(--invoice-ink);
    font-family: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    width: 100%;
}

.sales-invoice-workspace *,
.sales-invoice-workspace *::before,
.sales-invoice-workspace *::after {
    box-sizing: border-box;
}

.sales-invoice-workspace .sales-invoice-form,
.sales-invoice-workspace .invoice-single-page,
.sales-invoice-workspace .invoice-form-section,
.sales-invoice-workspace .invoice-line-section {
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .sales-invoice-form {
    gap: 8px;
    overflow-x: clip;
}

.sales-invoice-workspace .invoice-form-toolbar {
    display: grid;
    gap: 4px 12px;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-form-header {
    min-width: 0;
}

.sales-invoice-workspace .invoice-form-tabs {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.sales-invoice-workspace .invoice-form-actions {
    flex-wrap: wrap;
    margin-left: 0;
    min-width: 0;
}

.sales-invoice-workspace .invoice-form-summary {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
    min-width: 0;
    overflow: hidden;
    position: static;
    width: 100%;
}

.sales-invoice-workspace .invoice-form-summary-item {
    min-width: 0;
}

.sales-invoice-workspace .invoice-form-summary-item strong {
    overflow-wrap: anywhere;
    white-space: normal;
}

.sales-invoice-workspace .invoice-form-summary-wide {
    grid-column: span 2;
}

.sales-invoice-workspace .invoice-form-summary-ebill {
    align-items: center;
    background: var(--invoice-success-soft);
    border-radius: 12px;
    color: var(--invoice-success);
    display: inline-flex;
    flex: 1 1 18rem;
    font-size: 11px;
    gap: 5px;
    min-width: 0;
    padding: 4px 10px;
}

.sales-invoice-workspace .invoice-upper-layout {
    align-items: stretch;
    gap: 10px;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    min-width: 0;
}

.sales-invoice-workspace .invoice-fixed-fields,
.sales-invoice-workspace .invoice-cari-fields,
.sales-invoice-workspace .invoice-description-fields,
.sales-invoice-workspace .invoice-line-section,
.sales-invoice-workspace .invoice-total-box {
    border: 1px solid var(--invoice-border-soft);
    border-radius: 8px;
    min-width: 0;
    overflow: hidden;
}

.sales-invoice-workspace .invoice-fixed-fields,
.sales-invoice-workspace .invoice-cari-fields {
    border-right: 1px solid var(--invoice-border-soft);
}

.sales-invoice-workspace .invoice-subtitle,
.sales-invoice-workspace .invoice-total-box-header {
    align-items: center;
    background: var(--invoice-subtle);
    border-bottom: 1px solid var(--invoice-border-soft);
    color: var(--invoice-navy);
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 600;
    gap: 6px 10px;
    justify-content: space-between;
    line-height: 1.25;
    min-height: 36px;
    padding: 8px 12px;
}

.sales-invoice-workspace .invoice-fixed-fields > .erp-form,
.sales-invoice-workspace .invoice-cari-fields > .erp-form,
.sales-invoice-workspace .invoice-total-box > .erp-form {
    padding: 10px 12px 12px;
}

.sales-invoice-workspace .invoice-upper-layout > .invoice-delivery-fields {
    grid-column: 1 / -1;
    width: 100%;
}

.sales-invoice-workspace .erp-form,
.sales-invoice-workspace .erp-form .dxbl-fl-item,
.sales-invoice-workspace .erp-form .dxbl-fl-ctrl {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-fixed-fields > .erp-form,
.sales-invoice-workspace .invoice-cari-fields > .erp-form,
.sales-invoice-workspace .invoice-total-box > .erp-form,
.sales-invoice-workspace .invoice-special-fields-grid,
.sales-invoice-workspace .invoice-description-grid {
    display: grid !important;
    gap: 10px 12px;
}

.sales-invoice-workspace .erp-form :not(.dxbl-fl-item):has(.dxbl-fl-item) {
    display: contents !important;
}

.sales-invoice-workspace .erp-form .dxbl-fl-item {
    align-content: start;
    display: flex !important;
    flex: none !important;
    flex-direction: column;
    grid-column: auto / span 1 !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
    width: auto !important;
}

.sales-invoice-workspace .erp-form .dxbl-fl-item.invoice-grid-full {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .invoice-fixed-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-grid-full):not(.invoice-toggle-field) {
    grid-column: span 3 !important;
}

.sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-field {
    align-items: center;
    display: flex !important;
    flex-direction: row;
    gap: 7px;
    grid-column: span 2 !important;
}

.sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-field > label,
.sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-field .dxbl-fl-ctrl-label {
    margin: 0;
    min-height: 0;
    order: 2;
}

.sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-field > .dxbl-fl-ctrl {
    flex: 0 0 auto;
    order: 1;
    width: auto;
}

.sales-invoice-workspace .invoice-grid-full {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .invoice-cari-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-invoice-workspace .invoice-cari-grid .invoice-grid-full {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .invoice-special-fields-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
}

.sales-invoice-workspace .invoice-special-fields-grid .invoice-grid-full,
.sales-invoice-workspace .invoice-special-fields-grid .invoice-entry-full {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .erp-form .dxbl-fl-item > label,
.sales-invoice-workspace .erp-form .dxbl-fl-item .dxbl-fl-ctrl-label {
    align-items: flex-start;
    color: var(--invoice-muted);
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: auto;
    line-height: 1.25;
    margin: 0 0 3px;
    min-height: 14px;
    overflow-wrap: anywhere;
}

.sales-invoice-workspace .erp-form .dxbl-text-edit,
.sales-invoice-workspace .erp-form .dxbl-combobox,
.sales-invoice-workspace .erp-form dxbl-combo-box,
.sales-invoice-workspace .erp-form .dxbl-spin-edit,
.sales-invoice-workspace .erp-form .dxbl-date-edit,
.sales-invoice-workspace .erp-form .ozgur-lookup,
.sales-invoice-workspace .erp-form .field-with-guide,
.sales-invoice-workspace .erp-form .dxbl-fl-ctrl {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .erp-form .dxbl-text-edit,
.sales-invoice-workspace .erp-form .dxbl-combobox,
.sales-invoice-workspace .erp-form dxbl-combo-box,
.sales-invoice-workspace .erp-form .dxbl-spin-edit,
.sales-invoice-workspace .erp-form .dxbl-date-edit,
.sales-invoice-workspace .erp-form .dxbl-memo,
.sales-invoice-workspace .erp-form .ozgur-lookup {
    min-height: 32px;
}

.sales-invoice-workspace .erp-form .dxbl-text-edit-input,
.sales-invoice-workspace .erp-form .dxbl-combobox-input,
.sales-invoice-workspace .erp-form .dxbl-spin-edit-input,
.sales-invoice-workspace .erp-form .dxbl-date-edit-input,
.sales-invoice-workspace .erp-form .dxbl-memo textarea,
.sales-invoice-workspace .erp-form .form-select {
    font-size: 13px;
    max-width: 100%;
    min-width: 0;
    min-height: 30px;
    width: 100%;
}

.sales-invoice-workspace .invoice-description-fields {
    margin-top: 0;
}

.sales-invoice-workspace .invoice-description-header,
.sales-invoice-workspace .invoice-description-header .invoice-subtitle {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.sales-invoice-workspace .invoice-description-header .invoice-subtitle {
    border: 0;
    flex: 1 1 10rem;
    min-height: 36px;
}

.sales-invoice-workspace .invoice-description-grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 8px 12px 10px;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
    align-items: center;
    display: grid !important;
    gap: 10px;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(6rem, 7.5rem) minmax(0, 1fr);
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item .dxbl-fl-ctrl-label {
    margin: 0;
    min-height: 0;
}

.sales-invoice-workspace .invoice-description-entry {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-description-entry > .dxbl-text-edit {
    flex: 1 1 16rem;
    min-width: min(100%, 12rem);
}

.sales-invoice-workspace .invoice-description-entry > .invoice-description-visibility {
    align-items: flex-end;
    display: flex;
    flex: 0 0 10.5rem;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-description-visibility-caption {
    color: var(--invoice-muted);
    font-size: 10px;
    line-height: 12px;
    white-space: nowrap;
}

.sales-invoice-workspace .invoice-description-visibility > .dxbl-checkbox {
    flex: 0 0 auto;
    min-width: 0;
}

.sales-invoice-workspace .invoice-special-fields {
    background: var(--invoice-surface);
    border: 1px solid var(--invoice-border-soft);
    border-radius: 8px;
    margin-top: 10px;
    min-width: 0;
    overflow: hidden;
}

.sales-invoice-workspace .invoice-special-fields > .invoice-subtitle {
    border-top: 1px solid var(--invoice-border-soft);
}

.sales-invoice-workspace .invoice-special-fields-grid {
    padding: 10px 12px 12px;
}

.sales-invoice-workspace .invoice-line-section {
    background: var(--invoice-surface);
    overflow: clip;
}

.sales-invoice-workspace .invoice-line-entry {
    container-type: inline-size;
    min-width: 0;
    overflow: visible;
    padding: 0 12px 10px;
    width: 100%;
}

.sales-invoice-workspace .invoice-line-entry > .invoice-subtitle {
    background: var(--invoice-subtle);
    border-bottom: 1px solid var(--invoice-border-soft);
    margin: 0 -12px 10px;
    min-height: 36px;
    padding: 9px 12px;
}

.sales-invoice-workspace .invoice-line-entry-form {
    align-items: start;
    display: grid !important;
    gap: 10px 12px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    min-width: 0;
    padding: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item {
    align-self: start;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-full {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-wide {
    grid-column: span 2 !important;
}

.sales-invoice-workspace .invoice-line-entry-form .field-with-guide:not(.ozgur-lookup) {
    align-items: stretch;
    display: flex;
    gap: 4px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-line-entry-form .field-with-guide.ozgur-lookup {
    display: block;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-line-entry-form .field-with-guide.ozgur-lookup .ozgur-lookup-editor,
.sales-invoice-workspace .invoice-line-entry-form .field-with-guide.ozgur-lookup .ozgur-lookup-helper {
    width: 100%;
}

.sales-invoice-workspace .invoice-line-entry-form .field-with-guide > :first-child {
    flex: 1 1 0;
    min-width: 0;
}

.sales-invoice-workspace .invoice-line-entry-form .field-with-guide > .dxbl-btn,
.sales-invoice-workspace .invoice-line-entry-form .invoice-guide-button {
    flex: 0 0 32px;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
}

.sales-invoice-workspace .invoice-line-entry-form .field-hint,
.sales-invoice-workspace .invoice-line-entry-form .invoice-caption-with-hint,
.sales-invoice-workspace .invoice-line-entry-form .ozgur-lookup-helper {
    color: var(--invoice-muted);
    font-size: 11px;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.sales-invoice-workspace .invoice-line-actions,
.sales-invoice-workspace .invoice-line-descriptions,
.sales-invoice-workspace .invoice-lines-header,
.sales-invoice-workspace .invoice-lines-grid,
.sales-invoice-workspace .invoice-line-summary {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.sales-invoice-workspace .invoice-stock-action-bar {
    border-top: 1px solid var(--invoice-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
    padding: 8px 12px;
}

.sales-invoice-workspace .invoice-line-descriptions {
    border-top: 1px solid var(--invoice-border-soft);
    padding: 8px 12px;
}

.sales-invoice-workspace .invoice-line-descriptions .invoice-description-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
}

.sales-invoice-workspace .invoice-line-descriptions .invoice-subtitle {
    background: transparent;
    border: 0;
    flex: 1 1 10rem;
    min-height: 32px;
    padding: 4px 0;
}

.sales-invoice-workspace .invoice-line-description-row {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(5.5rem, 9rem) minmax(0, 1fr);
    margin-top: 6px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-description-control {
    align-items: center;
    display: flex;
    gap: 6px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-description-control > :first-child {
    flex: 1 1 auto;
    min-width: 0;
}

.sales-invoice-workspace .invoice-lines-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.sales-invoice-workspace .invoice-lines-header h2,
.sales-invoice-workspace .invoice-line-status {
    min-width: 0;
    overflow-wrap: anywhere;
}

.sales-invoice-workspace .invoice-lines-header .invoice-line-actions {
    display: flex;
    flex: 1 1 22rem;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.sales-invoice-workspace .invoice-lines-grid {
    height: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: visible;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-scroll-viewer {
    scrollbar-color: #c5cbd5 transparent;
    scrollbar-width: thin;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-scroll-viewer::-webkit-scrollbar {
    height: 8px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-scroll-viewer::-webkit-scrollbar-thumb {
    background: #c5cbd5;
    border-radius: 4px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead th {
    height: 32px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr {
    background: #fff;
    height: 36px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr:hover > td {
    background: #f1f3f6;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody td {
    padding-block: 4px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody .dxbl-text-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody .dxbl-spin-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody .dxbl-combobox,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody .dxbl-date-edit {
    height: 28px;
    min-height: 28px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-spin-btn-inc,
.sales-invoice-workspace .invoice-lines-grid .dxbl-spin-btn-dec {
    min-width: 16px;
    padding: 0;
    width: 16px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-spin-btn-inc .dxbl-image,
.sales-invoice-workspace .invoice-lines-grid .dxbl-spin-btn-dec .dxbl-image {
    height: 10px;
    width: 10px;
}

.sales-invoice-workspace .invoice-line-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    justify-content: flex-end;
    background: var(--invoice-surface);
    border-top: 1px solid var(--invoice-border-soft);
    bottom: 0;
    box-shadow: 0 -4px 12px rgba(27, 34, 48, .08);
    padding: 8px 12px;
    position: sticky;
    z-index: 20;
}

.sales-invoice-workspace .invoice-total-layout {
    align-items: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    padding: 0;
}

.sales-invoice-workspace .invoice-total-box-header small {
    color: var(--invoice-muted);
    font-size: 11px;
    font-weight: 400;
}

.sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item {
    align-items: center;
    display: grid !important;
    gap: 8px;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(7rem, 9.4rem) minmax(0, 1fr);
    min-height: 32px;
}

.sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item .dxbl-fl-ctrl-label {
    margin: 0;
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-pair {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
    min-width: 0;
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input {
    min-width: 0;
    position: relative;
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input > span,
.sales-invoice-workspace .invoice-total-box .invoice-currency-total-label {
    color: var(--invoice-muted);
    display: block;
    font-size: 10px;
    margin-bottom: 3px;
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input > span {
    display: none;
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input::after {
    color: var(--invoice-faint);
    font-size: 11px;
    pointer-events: none;
    position: absolute;
    right: 27px;
    top: 50%;
    transform: translateY(-50%);
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input:first-child::after {
    content: "%";
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input:nth-child(2)::after {
    content: "TL";
}

.sales-invoice-workspace .invoice-total-box .invoice-discount-input .dxbl-spin-edit-input {
    padding-right: 28px;
}

.sales-invoice-workspace .invoice-total-box .invoice-total-result {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-invoice-workspace .invoice-total-box .invoice-total-result .invoice-total-due-item {
    align-items: stretch;
    display: flex !important;
    flex-direction: column;
    grid-column: span 1 !important;
    gap: 3px;
}

.sales-invoice-workspace .invoice-total-box .invoice-total-result .invoice-total-due-item > label,
.sales-invoice-workspace .invoice-total-box .invoice-total-result .invoice-total-due-item .dxbl-fl-ctrl-label {
    margin: 0;
}

.sales-invoice-workspace .invoice-total-box .invoice-grand-total-item {
    background: var(--invoice-success-soft);
    border: 1px solid #b8dec3;
    border-radius: 6px;
    color: var(--invoice-success);
    padding: 7px 8px !important;
}

.sales-invoice-workspace .invoice-total-box .invoice-grand-total-item .dxbl-fl-ctrl {
    min-width: 0;
}

.sales-invoice-workspace .invoice-grand-total-item .dxbl-spin-edit-input {
    color: var(--invoice-navy);
    font-family: "IBM Plex Mono", Consolas, monospace;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
}

@media (max-width: 900px) {
    .sales-invoice-workspace .invoice-form-toolbar {
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    .sales-invoice-workspace .invoice-form-tabs {
        grid-column: 1 / -1;
        grid-row: 2;
        min-height: 34px;
        order: 0;
    }

    .sales-invoice-workspace .invoice-upper-layout,
    .sales-invoice-workspace .invoice-total-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-fixed-fields,
    .sales-invoice-workspace .invoice-cari-fields {
        border-right: 1px solid var(--invoice-border-soft);
    }
}

@media (max-width: 640px) {
    .sales-invoice-workspace .invoice-form-toolbar {
        gap: 6px;
        grid-template-columns: minmax(0, 1fr);
        position: static;
    }

    .sales-invoice-workspace .invoice-form-header,
    .sales-invoice-workspace .invoice-form-actions,
    .sales-invoice-workspace .invoice-form-tabs {
        grid-column: 1;
    }

    .sales-invoice-workspace .invoice-form-actions {
        grid-row: 2;
        justify-content: flex-start;
    }

    .sales-invoice-workspace .invoice-form-tabs {
        grid-row: 3;
    }

    .sales-invoice-workspace .invoice-form-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-invoice-workspace .invoice-upper-layout,
    .sales-invoice-workspace .invoice-cari-grid,
    .sales-invoice-workspace .invoice-special-fields-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-fixed-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-grid-full):not(.invoice-toggle-field) {
        grid-column: span 1 !important;
    }

    .sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-field {
        grid-column: span 1 !important;
    }

    .sales-invoice-workspace .invoice-line-entry-form {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr));
    }

    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-wide {
        grid-column: 1 / -1 !important;
    }

    .sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item {
        grid-template-columns: minmax(6.5rem, 8rem) minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-line-description-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 380px) {
    .sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-total-box .invoice-discount-pair {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Sales invoice visual alignment with the current reference. */
.sales-invoice-workspace {
    padding: 10px 14px;
}

.sales-invoice-workspace .invoice-form-tabs {
    align-items: stretch;
    background: transparent;
    border: 0;
    gap: 2px;
    padding: 0;
    position: static;
}

.sales-invoice-workspace .invoice-form-tab {
    background: transparent !important;
    border: 0;
    color: var(--invoice-muted);
    font-size: 13.5px;
    font-weight: 500;
    height: 34px;
    min-height: 34px;
    outline: 0 !important;
    padding: 0 14px;
    position: relative;
    box-shadow: none !important;
}

.sales-invoice-workspace .invoice-form-tab:hover,
.sales-invoice-workspace .invoice-form-tab:active {
    background: transparent !important;
    color: var(--invoice-accent);
}

.sales-invoice-workspace .invoice-form-tab.active {
    background: transparent !important;
    color: var(--invoice-accent);
    font-weight: 600;
}

.sales-invoice-workspace .invoice-form-tab.active::after {
    background: var(--invoice-accent);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.sales-invoice-workspace .invoice-form-tab:focus,
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:focus,
.sales-invoice-workspace .dxbl-btn:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

.sales-invoice-workspace .invoice-form-tab:focus-visible,
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:focus-visible,
.sales-invoice-workspace .dxbl-btn:focus-visible {
    box-shadow: none !important;
    outline: 2px solid var(--invoice-accent) !important;
    outline-offset: -2px;
}

.sales-invoice-workspace .invoice-form-summary {
    gap: 6px 18px;
    padding: 7px 14px;
}

.sales-invoice-workspace .invoice-form-summary-ebill {
    border-radius: 8px;
    flex: 0 0 100%;
    grid-column: 1 / -1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.sales-invoice-workspace .invoice-fixed-grid .invoice-toggle-group {
    grid-column: 1 / -1 !important;
}

.sales-invoice-workspace .invoice-toggles {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 22px;
    justify-content: flex-start;
    min-height: 24px;
}

.sales-invoice-workspace .invoice-toggle-option {
    align-items: center;
    color: var(--invoice-ink);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    gap: 6px;
    min-height: 24px;
    white-space: nowrap;
}

.sales-invoice-workspace .invoice-toggle-option > .dxbl-checkbox {
    flex: 0 0 auto;
    width: auto;
}

.sales-invoice-workspace .invoice-toggle-option > .field-hint {
    flex: 0 0 18px;
    margin: 0 !important;
}

.sales-invoice-workspace .invoice-edocument-details:has(.invoice-edocument-field:empty):not(:has(.field-hint-persistent)) {
    display: none !important;
}

.sales-invoice-workspace .invoice-edocument-field {
    align-items: stretch;
    display: block;
}

.sales-invoice-workspace .invoice-edocument-series {
    align-items: stretch;
    display: grid;
    gap: 3px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

.sales-invoice-workspace .invoice-edocument-series-label {
    color: var(--invoice-muted);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.25;
}

.sales-invoice-workspace .invoice-edocument-series-controls {
    align-items: center;
    display: flex;
    gap: 6px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-edocument-series-select {
    flex: 0 1 116px;
    max-width: 116px;
    min-width: 0;
    width: 116px;
}

.sales-invoice-workspace .invoice-edocument-number-button {
    align-items: center;
    background: #fff !important;
    border: 1px solid var(--invoice-border) !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: var(--invoice-accent) !important;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    margin: 0;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    width: 32px;
}

.sales-invoice-workspace .invoice-edocument-number-button .dx-icon {
    color: var(--invoice-accent) !important;
    margin: 0;
}

.sales-invoice-workspace .invoice-caption-with-hint {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    min-width: 0;
}

.sales-invoice-workspace .invoice-caption-with-hint .field-hint {
    flex: 0 0 18px;
    margin: 0 !important;
}

.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-grid-full):not(.invoice-toggle-field) > label,
.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-grid-full):not(.invoice-toggle-field) .dxbl-fl-ctrl-label {
    align-items: center;
}

.sales-invoice-workspace .invoice-description-grid {
    gap: 6px;
    padding: 8px 14px 10px;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
    align-items: center;
    grid-template-columns: minmax(7.5rem, 8rem) minmax(0, 1fr);
    min-height: 36px;
}

.sales-invoice-workspace .invoice-description-entry {
    flex-wrap: nowrap;
    gap: 8px 12px;
    min-height: 36px;
}

.sales-invoice-workspace .invoice-description-entry > .dxbl-text-edit {
    flex: 1 1 auto;
    min-height: 32px;
    width: auto;
}

.sales-invoice-workspace .invoice-description-entry > .dxbl-checkbox {
    flex: 0 0 auto;
}

.sales-invoice-workspace .invoice-line-entry-form {
    align-items: end;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-wide {
    grid-column: span 1 !important;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item .dxbl-fl-ctrl-label {
    align-items: center;
    font-size: 10.5px;
    line-height: 12px;
    margin-bottom: 2px;
    min-height: 12px;
    white-space: nowrap;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-text-edit,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-combobox,
.sales-invoice-workspace .invoice-line-entry-form dxbl-combo-box,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-date-edit,
.sales-invoice-workspace .invoice-line-entry-form .ozgur-lookup,
.sales-invoice-workspace .invoice-line-entry-form .field-with-guide > .dxbl-btn {
    height: 28px;
    min-height: 28px;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-text-edit-input,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-combobox-input,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit-input,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-date-edit-input {
    min-height: 26px;
    padding-block: 2px;
}

.sales-invoice-workspace .invoice-line-entry-form .invoice-entry-exemption {
    position: relative;
}

.sales-invoice-workspace .invoice-line-entry-form .invoice-entry-exemption > .field-hint {
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-btn-inc,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-btn-dec {
    opacity: 0;
    transition: opacity 120ms ease;
    visibility: hidden;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit:hover .dxbl-spin-btn-inc,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit:hover .dxbl-spin-btn-dec,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit:focus-within .dxbl-spin-btn-inc,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-spin-edit:focus-within .dxbl-spin-btn-dec {
    opacity: 1;
    visibility: visible;
}

.sales-invoice-workspace .invoice-lines-grid tfoot {
    display: none;
}

.sales-invoice-workspace .invoice-total-layout {
    align-items: stretch;
    padding: 0;
}

.sales-invoice-workspace .invoice-total-box {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sales-invoice-workspace .invoice-total-box-header {
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-start;
    min-height: 36px;
    padding: 6px 14px;
}

.sales-invoice-workspace .invoice-total-box-header .invoice-subtitle {
    background: transparent !important;
    border: 0 !important;
    flex: 0 0 auto;
    margin: 0 !important;
    min-height: 0;
    padding: 0 !important;
}

.sales-invoice-workspace .invoice-total-box-header small {
    color: var(--invoice-muted);
    display: inline;
    font-size: 11.5px;
    line-height: 1.3;
    margin: 0;
}

.sales-invoice-workspace .invoice-total-box > .erp-form {
    flex: 1 1 auto;
}

.sales-invoice-workspace .invoice-total-box > .erp-form .invoice-grand-total-item {
    align-items: center;
    background: var(--invoice-success-soft);
    border: 1px solid #b8dec3;
    border-radius: 6px;
    display: flex !important;
    gap: 10px;
    min-height: 48px;
    padding: 6px 10px !important;
}

.sales-invoice-workspace .invoice-grand-total-item > label,
.sales-invoice-workspace .invoice-grand-total-item > .dxbl-fl-ctrl-label {
    color: var(--invoice-success);
    flex: 0 1 44%;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    min-height: 0;
}

.sales-invoice-workspace .invoice-grand-total-item > .dxbl-fl-ctrl {
    flex: 1 1 56%;
    min-width: 0;
}

.sales-invoice-workspace .invoice-grand-total-item .invoice-dual-total {
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.sales-invoice-workspace .invoice-grand-total-item .dxbl-spin-edit {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto;
    min-width: 0;
}

.sales-invoice-workspace .invoice-grand-total-item .dxbl-spin-edit-input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--invoice-navy);
    font-family: "IBM Plex Mono", Consolas, monospace;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    text-align: right;
}

.sales-invoice-workspace .invoice-grand-total-currency {
    color: var(--invoice-success);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
}

@container (min-width: 1280px) {
    .sales-invoice-workspace .invoice-line-entry-form {
        grid-template-columns:
            minmax(150px, 1.35fr)
            minmax(180px, 1.65fr)
            minmax(120px, 1fr)
            minmax(88px, .75fr)
            minmax(88px, .75fr)
            minmax(125px, 1.1fr)
            minmax(84px, .75fr)
            minmax(132px, 1.1fr)
            minmax(120px, 1fr);
    }
}

@media (max-width: 640px) {
    .sales-invoice-workspace {
        padding: 8px 10px;
    }

    .sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
        grid-template-columns: minmax(6rem, 7.5rem) minmax(0, 1fr);
    }

    .sales-invoice-workspace .invoice-description-entry {
        flex-wrap: wrap;
    }
}

/* Pass 4: tighten the remaining reference-only spacing and alignment. */
.sales-invoice-workspace .invoice-upper-layout {
    align-items: start !important;
}

.sales-invoice-workspace .invoice-fixed-fields > .erp-form,
.sales-invoice-workspace .invoice-cari-fields > .erp-form {
    align-content: start;
    row-gap: 10px !important;
}

.sales-invoice-workspace .erp-form .dxbl-fl-item {
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
}

.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-toggle-field) > label,
.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item:not(.invoice-toggle-field) .dxbl-fl-ctrl-label,
.sales-invoice-workspace .invoice-cari-grid .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-cari-grid .dxbl-fl-item .dxbl-fl-ctrl-label {
    box-sizing: border-box;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 0 3px !important;
    min-height: 16px !important;
    overflow: hidden;
}

.sales-invoice-workspace .invoice-description-grid {
    align-content: start;
    row-gap: 8px !important;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
    align-items: center !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 36px !important;
    padding: 0 !important;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item .dxbl-fl-ctrl-label {
    align-items: center;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-height: 16px !important;
}

.sales-invoice-workspace .invoice-description-entry {
    align-items: center;
    min-height: 36px;
}

.sales-invoice-workspace .invoice-description-entry > .dxbl-text-edit {
    height: 28px;
    min-height: 28px;
}

.sales-invoice-workspace .invoice-line-entry-header {
    align-items: center;
    background: var(--invoice-subtle);
    border-bottom: 1px solid var(--invoice-border-soft);
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 0 -12px 10px;
    min-height: 36px;
    padding: 4px 12px;
}

.sales-invoice-workspace .invoice-line-entry-header > .invoice-subtitle {
    background: transparent;
    border: 0;
    flex: 0 1 auto;
    margin: 0;
    min-height: 0;
    padding: 0;
}

.sales-invoice-workspace .invoice-line-entry-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    justify-content: flex-end;
}

.sales-invoice-workspace .invoice-line-entry-actions .invoice-entry-action {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--invoice-muted) !important;
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    padding: 0 7px;
}

.sales-invoice-workspace .invoice-line-entry-actions .invoice-entry-action:hover {
    background: #f1f3f6 !important;
    color: var(--invoice-accent) !important;
}

.sales-invoice-workspace .invoice-line-entry-form {
    align-items: start;
    column-gap: 8px;
    row-gap: 10px !important;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-code,
.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-variant {
    max-width: none !important;
    min-width: 170px !important;
    width: auto !important;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-name {
    max-width: none !important;
    min-width: 180px !important;
    width: auto !important;
}

.sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-depot {
    max-width: none !important;
    min-width: 150px !important;
    width: auto !important;
}

.sales-invoice-workspace .invoice-total-box > .erp-form {
    align-content: start;
    row-gap: 8px !important;
}

.sales-invoice-workspace .invoice-total-box > .erp-form .dxbl-fl-item {
    margin: 0 !important;
    min-height: 32px;
}

.sales-invoice-workspace .invoice-grand-total-item {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
}

.sales-invoice-workspace .invoice-grand-total-item > label,
.sales-invoice-workspace .invoice-grand-total-item > .dxbl-fl-ctrl-label {
    align-items: center;
    color: var(--invoice-navy);
    flex: none;
    grid-column: 1;
    grid-row: 1;
    height: auto !important;
    line-height: 1.25;
    margin: 0 !important;
    min-height: 0 !important;
}

.sales-invoice-workspace .invoice-grand-total-item > .dxbl-fl-ctrl {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.sales-invoice-workspace .invoice-grand-total-item .invoice-dual-total {
    align-items: center;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    width: 100%;
}

.sales-invoice-workspace .invoice-grand-total-item .invoice-dual-total > .dxbl-spin-edit {
    grid-column: 1;
    max-width: none;
    width: 100%;
}

.sales-invoice-workspace .invoice-grand-total-item .invoice-grand-total-currency {
    grid-column: 2;
}

.sales-invoice-workspace .invoice-grand-total-item .invoice-currency-total {
    grid-column: 1 / -1;
}

.sales-invoice-workspace .invoice-grand-total-item .dxbl-spin-edit-input {
    font-size: 20px;
    font-weight: 700;
}

.sales-invoice-workspace .invoice-form-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
}

.sales-invoice-workspace .invoice-form-summary-wide {
    flex: 1 1 260px;
    grid-column: auto;
    min-width: 260px;
}

.sales-invoice-workspace .invoice-form-summary-wide strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-invoice-workspace .invoice-form-summary-ebill {
    flex: 0 0 100%;
    grid-column: auto;
    min-width: 0;
    white-space: nowrap;
}

.sales-invoice-workspace .invoice-form-tab:focus:not(:focus-visible),
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:focus:not(:focus-visible),
.sales-invoice-workspace .dxbl-btn:focus:not(:focus-visible) {
    box-shadow: none !important;
    outline: 0 !important;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr:has(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-combobox, dxbl-combo-box, .dxbl-date-edit) {
    height: 36px !important;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row > td,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row > td,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr:has(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-combobox, dxbl-combo-box, .dxbl-date-edit) > td {
    padding-block: 4px !important;
}

@container (min-width: 1280px) {
    .sales-invoice-workspace .invoice-line-entry-form {
        grid-template-columns:
            minmax(170px, 1.3fr)
            minmax(180px, 1.5fr)
            minmax(170px, 1.2fr)
            minmax(150px, 1.05fr)
            minmax(80px, .7fr)
            minmax(70px, .65fr)
            minmax(120px, 1fr)
            minmax(80px, .7fr)
            minmax(130px, 1fr);
    }
}

@media (max-width: 640px) {
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-code,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-name,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-variant,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-depot {
        min-width: 0 !important;
    }

    .sales-invoice-workspace .invoice-form-summary-wide {
        min-width: 0;
    }
}

/* Pass 5: final reference-specific focus, spacing, and upper-field placement. */
.sales-invoice-workspace .invoice-form-tabs:focus-within,
.sales-invoice-workspace .dxbl-tabs:focus-within {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.sales-invoice-workspace .invoice-form-tab:focus:not(:focus-visible),
.sales-invoice-workspace .invoice-form-tab:active:not(:focus-visible),
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:focus:not(:focus-visible),
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:active:not(:focus-visible),
.sales-invoice-workspace .dxbl-tabs .dxbl-btn:focus:not(:focus-visible),
.sales-invoice-workspace .dxbl-tabs .dxbl-btn:active:not(:focus-visible) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.sales-invoice-workspace .invoice-form-tab:focus-visible,
.sales-invoice-workspace .dxbl-tabs .dxbl-tab:focus-visible,
.sales-invoice-workspace .dxbl-tabs .dxbl-btn:focus-visible {
    box-shadow: inset 0 0 0 2px var(--invoice-accent) !important;
    outline: 0 !important;
    outline-offset: 0;
}

.sales-invoice-workspace .invoice-fixed-grid .dxbl-fl-item.invoice-grid-third:not(.invoice-grid-full):not(.invoice-toggle-field) {
    grid-column: span 2 !important;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item {
    align-items: center !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 36px !important;
    padding: 0 !important;
}

.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item > label,
.sales-invoice-workspace .invoice-description-grid .dxbl-fl-item .dxbl-fl-ctrl-label {
    align-items: center;
    display: flex;
    height: 16px !important;
    line-height: 16px !important;
    margin: 0 !important;
    min-height: 16px !important;
}

.sales-invoice-workspace .invoice-description-entry {
    align-items: center;
    min-height: 36px;
}

.sales-invoice-workspace .invoice-line-entry {
    padding-bottom: 8px;
}

.sales-invoice-workspace .invoice-line-entry-actions .invoice-entry-action {
    background: #fff !important;
    border: 1px solid var(--invoice-border) !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: var(--invoice-muted) !important;
    height: 28px;
    min-height: 28px;
    min-width: 28px;
    padding: 0 7px;
}

.sales-invoice-workspace .invoice-line-entry-actions .invoice-entry-action:hover {
    background: #f1f3f6 !important;
    color: var(--invoice-accent) !important;
}

.sales-invoice-workspace .invoice-search-guide-button {
    align-items: center;
    background: #fff !important;
    border: 1px solid var(--invoice-border) !important;
    border-radius: 6px;
    box-shadow: none !important;
    color: var(--invoice-accent) !important;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    width: 32px;
}

.sales-invoice-workspace .invoice-search-guide-button:hover {
    background: #f1f3f6 !important;
}

.sales-invoice-workspace .invoice-search-guide-button .invoice-thin-search-icon {
    color: var(--invoice-accent) !important;
    display: inline-block;
    font-size: 0 !important;
    height: 15px !important;
    line-height: 0;
    position: relative;
    width: 15px !important;
}

.sales-invoice-workspace .invoice-search-guide-button .invoice-thin-search-icon::before {
    border: 1.5px solid currentColor;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 9px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 9px;
}

.sales-invoice-workspace .invoice-search-guide-button .invoice-thin-search-icon::after {
    background: currentColor;
    content: "";
    height: 1.5px;
    left: 9px;
    position: absolute;
    top: 9px;
    transform: rotate(45deg);
    transform-origin: left center;
    width: 5px;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr:has(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-combobox, dxbl-combo-box, .dxbl-date-edit) {
    height: 36px !important;
    min-height: 36px !important;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row > td,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row > td,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr:has(.dxbl-text-edit, .dxbl-spin-edit, .dxbl-combobox, dxbl-combo-box, .dxbl-date-edit) > td {
    height: 36px !important;
    padding-block: 4px !important;
    vertical-align: middle;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row .dxbl-text-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row .dxbl-spin-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row .dxbl-combobox,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-edit-row dxbl-combo-box,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row .dxbl-text-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row .dxbl-spin-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row .dxbl-combobox,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table tbody tr.dxbl-grid-new-item-row dxbl-combo-box {
    height: 28px !important;
    min-height: 28px !important;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row {
    height: 36px !important;
    min-height: 36px !important;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row > th,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row > td {
    height: 36px !important;
    min-height: 36px !important;
    padding-block: 4px !important;
    vertical-align: middle;
}

.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row .dxbl-text-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row .dxbl-spin-edit,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row .dxbl-combobox,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row dxbl-combo-box,
.sales-invoice-workspace .invoice-lines-grid .dxbl-grid-table thead tr.dxbl-grid-filter-row .dxbl-date-edit {
    height: 28px !important;
    min-height: 28px !important;
}

.sales-invoice-workspace .invoice-form-ebill-notice {
    display: flex;
    flex: 0 0 auto;
    margin: 0 0 8px;
    width: 100%;
}

.sales-invoice-workspace .invoice-edocument-info {
    align-items: center;
    color: var(--invoice-muted);
    cursor: help;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    margin-top: 3px;
    width: 18px;
}

.sales-invoice-workspace .invoice-edocument-info .dx-icon-info {
    font-size: 14px;
}

@container (max-width: 1279px) {
    .sales-invoice-workspace .invoice-line-entry-form {
        align-content: start;
        align-items: start !important;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)) !important;
    }

    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-code,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-stock-name,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-variant,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-depot {
        max-width: none !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item.invoice-entry-depot {
        min-height: 68px;
    }

    .sales-invoice-workspace .invoice-line-entry-form .invoice-entry-depot .ozgur-lookup-helper {
        display: block;
        line-height: 14px;
        min-height: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item > label,
    .sales-invoice-workspace .invoice-line-entry-form .dxbl-fl-item .dxbl-fl-ctrl-label {
        height: auto;
        min-height: 16px;
        white-space: normal;
    }

    .sales-invoice-workspace .invoice-line-entry-form .invoice-entry-exemption > .field-hint {
        display: block;
        margin-top: 2px !important;
        position: static !important;
    }
}