/* 7.1 only. Keep layout independent of generated component CSS and global grid fitting. */
.issue-invoice-page { padding: 14px 16px 20px; min-width: 0; }
.issue-invoice-page .invoice-page-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.issue-invoice-page .invoice-page-heading { display: flex; align-items: center; gap: 11px; min-width: 0; }
.issue-invoice-page .invoice-page-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; color: #6d28d9; background: #ede9fe; }
.issue-invoice-page .invoice-page-icon svg { width: 22px; height: 22px; }
.issue-invoice-page .invoice-page-heading h1 { margin: 0 0 3px; font: inherit; font-size: 18px; line-height: 1.4; font-weight: 650; color: #1e293b; }
.issue-invoice-page .invoice-page-heading p { margin: 0; font-size: 12px; line-height: 1.5; color: #64748b; }
.issue-invoice-page .invoice-view-controls { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; }
.issue-invoice-page .invoice-view-tabs { display: inline-flex; padding: 3px; border: 1px solid #e2e8f0; border-radius: 8px; background: #eef2f7; }
.issue-invoice-page .invoice-view-tabs .mud-button-root { padding: 6px 15px; min-height: 32px; border-radius: 5px; text-transform: none !important; font-size: 12px; font-weight: 550; letter-spacing: normal; color: #64748b; }
.issue-invoice-page .invoice-view-tabs .invoice-view-active { background: #fff; color: #6d28d9; box-shadow: 0 1px 3px #0f172a12; }
.issue-invoice-page .invoice-column-toggle .mud-switch { margin: 0; }
.issue-invoice-page .invoice-column-toggle .mud-typography { font-size: 12px; color: #64748b; }
.issue-invoice-page .invoice-workspace { min-width: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 2px 8px #0f172a04; overflow: hidden; }
.issue-invoice-page .invoice-source-toolbar { padding: 18px 18px 10px; background: #fbfcfe; border-bottom: 1px solid #e9edf3; }
.issue-invoice-page .invoice-source-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; min-width: 0; }
.issue-invoice-page .invoice-source-filter > .mud-input-control { flex: 1 1 240px; max-width: 400px; margin: 0; }
.issue-invoice-page .invoice-source-filter .mud-button-root { min-height: 38px; padding: 7px 13px; border-radius: 6px; text-transform: none !important; letter-spacing: normal; font-size: 12px; font-weight: 550; box-shadow: none; white-space: nowrap; }
.issue-invoice-page .invoice-source-pages { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #64748b; white-space: nowrap; }
.issue-invoice-page .invoice-source-pages > span { margin-right: 6px; font-size: 11px; }
.issue-invoice-page .invoice-source-pages .mud-icon-button { padding: 3px; border: 1px solid #e2e8f0; border-radius: 5px; background: #fff; }
.issue-invoice-page .invoice-source-pages svg { width: 19px; height: 19px; }
.issue-invoice-page .invoice-source-meta { margin-top: 7px; font-size: 11px; line-height: 1.4; color: #64748b; }
.issue-invoice-page .invoice-list-toolbar { padding: 14px 18px 10px; width: 100%; min-width: 0; }
.issue-invoice-page .invoice-list-toolbar-main { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.issue-invoice-page .invoice-list-toolbar-main > .mud-input-control { flex: 1 1 280px; max-width: 400px; margin: 0; }
.issue-invoice-page .invoice-list-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-left: auto; }
.issue-invoice-page .invoice-list-toolbar .mud-button-root { min-height: 34px; padding: 6px 11px; border-radius: 6px; text-transform: none !important; letter-spacing: normal; font-size: 12px; font-weight: 550; box-shadow: none; white-space: nowrap; }
.issue-invoice-page .invoice-list-toolbar .mud-button-root svg { width: 18px; height: 18px; }
.issue-invoice-page .invoice-list-toolbar .mud-button-outlined { border-color: #ddd6fe; }
.issue-invoice-page .invoice-list-toolbar-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.issue-invoice-page .invoice-list-title { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: #475569; }
.issue-invoice-page .invoice-list-count { padding: 1px 7px; border-radius: 5px; font-size: 11px; line-height: 1.5; font-weight: 600; color: #6d28d9; background: #f3efff; }
.issue-invoice-page .invoice-list-toolbar-meta .mud-button-root { min-height: 26px; padding: 3px 0 3px 8px; font-size: 11px; }
.issue-invoice-page .invoice-source-filter .mud-input,
.issue-invoice-page .invoice-list-toolbar-main .mud-input { min-height: 38px; border-radius: 6px; background: #fff; font-size: 13px !important; }
.issue-invoice-page .invoice-source-filter .mud-input-outlined-border,
.issue-invoice-page .invoice-list-toolbar-main .mud-input-outlined-border { border-color: #dce2eb; }
.issue-invoice-page .invoice-source-filter .mud-input > input,
.issue-invoice-page .invoice-list-toolbar-main .mud-input > input { padding: 8px 10px !important; font-size: 13px !important; }
.issue-invoice-page .invoice-source-filter .mud-input-label { font-size: 12px !important; }
.issue-invoice-page .invoice-source-filter .mud-input-adornment svg,
.issue-invoice-page .invoice-list-toolbar-main .mud-input-adornment svg { width: 20px; height: 20px; color: #94a3b8; }
.issue-invoice-page .invoice-summary-shell { min-width: 0; width: 100%; }
.issue-invoice-page .invoice-grid-body { position: relative; min-width: 0; }
.issue-invoice-page .invoice-grid-progress { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 6; }
.issue-invoice-page .invoice-summary-grid.mud-data-grid { padding: 0 !important; border: 0; border-radius: 0; box-shadow: none; }
.issue-invoice-page .invoice-summary-grid > .mud-table-toolbar { display: none; }
.issue-invoice-page .invoice-summary-grid .mud-table-container { width: 100%; max-width: 100%; height: auto !important; max-height: var(--invoice-list-height, 65vh) !important; overflow: auto; scrollbar-width: thin; scrollbar-color: #cbd5e1 #f8fafc; }
.issue-invoice-page .invoice-summary-grid table.mud-table-root { width: 100%; min-width: 1310px; table-layout: fixed; }
.issue-invoice-page .invoice-summary-grid .mud-table-cell { padding: 12px !important; height: auto !important; font-size: 13px !important; line-height: 1.5; font-weight: 400; color: #334155; border-bottom: 1px solid #eef1f6; vertical-align: middle; }
.issue-invoice-page .invoice-summary-grid .mud-table-head .mud-table-cell { padding: 12px !important; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap; color: #64748b !important; background: #f8fafc !important; border-top: 1px solid #eef1f6; border-bottom: 1px solid #e2e8f0; }
.issue-invoice-page .invoice-summary-grid .invoice-reference-column, .issue-invoice-page .invoice-col-reference { width: 190px; }
.issue-invoice-page .invoice-summary-grid .invoice-customer-column, .issue-invoice-page .invoice-col-customer { width: auto; }
.issue-invoice-page .invoice-summary-grid .invoice-date-column, .issue-invoice-page .invoice-col-date { width: 112px; }
.issue-invoice-page .invoice-summary-grid .invoice-net-column, .issue-invoice-page .invoice-col-net { width: 134px; }
.issue-invoice-page .invoice-summary-grid .invoice-vat-column, .issue-invoice-page .invoice-col-vat { width: 124px; }
.issue-invoice-page .invoice-summary-grid .invoice-gross-column, .issue-invoice-page .invoice-col-gross { width: 148px; }
.issue-invoice-page .invoice-summary-grid .invoice-status-column, .issue-invoice-page .invoice-col-status { width: 154px; }
.issue-invoice-page .invoice-col-actions { width: 248px; }
.issue-invoice-page .invoice-reference { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #1e293b; }
.issue-invoice-page .invoice-source { display: block; margin-top: 3px; color: #64748b; font-size: 11px; font-weight: 400; }
.issue-invoice-page .invoice-customer-name { font-weight: 500; color: #334155; white-space: normal; overflow-wrap: anywhere; }
.issue-invoice-page .invoice-customer-code { display: block; margin-top: 3px; color: #64748b; font-size: 11px; font-weight: 400; }
.issue-invoice-page .invoice-summary-grid .invoice-date { color: #64748b; font-variant-numeric: tabular-nums; }
.issue-invoice-page .invoice-summary-grid .invoice-money { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.issue-invoice-page .invoice-summary-grid th.invoice-money .column-header { justify-content: flex-end; }
.issue-invoice-page .invoice-summary-grid .invoice-gross { font-weight: 650; color: #1e293b; }
.issue-invoice-page .invoice-money-breakdown { display: none; }
.issue-invoice-page .invoice-status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 5px; white-space: normal; font-weight: 500; font-size: 11px; line-height: 1.5; }
.issue-invoice-page .invoice-status-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex: 0 0 5px; }
.issue-invoice-page .invoice-status-paid { color: #15803d; background: #edf8f1; }
.issue-invoice-page .invoice-status-pending { color: #a16207; background: #fffaeb; }
.issue-invoice-page .invoice-status-neutral { color: #64748b; background: #f1f5f9; }
.issue-invoice-page .invoice-actions { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.issue-invoice-page .invoice-document-action.mud-button-root { min-height: 34px; padding: 6px 10px; border-radius: 6px; text-transform: none !important; letter-spacing: normal; line-height: 1.5; font-weight: 500; font-size: 12px; white-space: nowrap; box-shadow: none; }
.issue-invoice-page .invoice-document-action .mud-button-label { white-space: nowrap; }
.issue-invoice-page .invoice-prepare-action.mud-button-root { color: #6d28d9; background: #f5f3ff; border-color: #ddd6fe; }
.issue-invoice-page .invoice-prepare-action.mud-button-root:hover { background: #ede9fe; }
.issue-invoice-page .invoice-view-action.mud-button-root { color: #475569; background: #fff; border-color: #cbd5e1; }
.issue-invoice-page .invoice-view-action.mud-button-root:hover { background: #f8fafc; }
.issue-invoice-page .invoice-actions .mud-icon-button { padding: 6px; color: #64748b; }
.issue-invoice-page .invoice-actions svg { width: 18px; height: 18px; }
.issue-invoice-page .invoice-summary-grid .invoice-action-column { position: sticky; right: 0; width: 248px; z-index: 2; background: #fff; box-shadow: -1px 0 #e9edf3; }
.issue-invoice-page .invoice-summary-grid th.invoice-action-column { z-index: 5 !important; }
.issue-invoice-page .invoice-summary-grid .mud-table-body tr > td { background: #fff; }
.issue-invoice-page .invoice-summary-grid .mud-table-body tr:hover > td { background: #fafbfe; }
.issue-invoice-page .invoice-summary-grid .mud-table-body tr.courier-source-selected > td { background: #f7f5ff; border-top: 0; border-bottom: 1px solid #eef1f6; border-left: 0; }
.issue-invoice-page .invoice-summary-grid .mud-table-body tr.courier-source-selected > td:first-child { box-shadow: inset 3px 0 #a78bfa; }
.issue-invoice-page .invoice-list-footer { display: flex; align-items: center; justify-content: space-between; padding: 2px 18px; border-top: 1px solid #e2e8f0; }
.issue-invoice-page .invoice-currency-note { color: #64748b; font-size: 11px; }
.issue-invoice-page .invoice-summary-grid .mud-table-pagination { border: 0; min-height: 50px; }
.issue-invoice-page .invoice-summary-grid .mud-table-pagination-toolbar { padding: 0; }
.issue-invoice-page .invoice-summary-grid .mud-table-pagination-caption { font-size: 12px; color: #64748b; }
.issue-invoice-page .invoice-selected-detail { min-width: 0; max-width: 100%; overflow: hidden; }
.issue-invoice-page .invoice-legacy-list .mud-data-grid { box-shadow: none; border: 0; }
@media (max-width: 1600px) {
    .issue-invoice-page .invoice-summary-grid table.mud-table-root { min-width: 980px; }
    .issue-invoice-page .invoice-summary-grid .invoice-net-column,
    .issue-invoice-page .invoice-summary-grid .invoice-vat-column,
    .issue-invoice-page .invoice-col-net, .issue-invoice-page .invoice-col-vat { display: none; }
    .issue-invoice-page .invoice-money-breakdown { display: block; margin-top: 3px; color: #64748b; font-size: 10px; font-weight: 400; line-height: 1.5; }
    .issue-invoice-page .invoice-money-breakdown > span { display: block; }
    .issue-invoice-page .invoice-summary-grid .invoice-reference-column, .issue-invoice-page .invoice-col-reference { width: 175px; }
    .issue-invoice-page .invoice-summary-grid .invoice-date-column, .issue-invoice-page .invoice-col-date { width: 104px; }
    .issue-invoice-page .invoice-summary-grid .invoice-gross-column, .issue-invoice-page .invoice-col-gross { width: 200px; }
    .issue-invoice-page .invoice-summary-grid .invoice-status-column, .issue-invoice-page .invoice-col-status { width: 130px; }
    .issue-invoice-page .invoice-summary-grid .invoice-action-column, .issue-invoice-page .invoice-col-actions { width: 225px; }
    .issue-invoice-page .invoice-summary-grid .invoice-action-column { padding-left: 8px !important; padding-right: 8px !important; }
    .issue-invoice-page .invoice-document-action.mud-button-root { padding: 6px 8px; font-size: 11px; }
}
@media (max-width: 1100px) {
    .issue-invoice-page .invoice-page-header { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
    .issue-invoice-page .invoice-view-controls { gap: 10px; }
    .issue-invoice-page .invoice-source-filter > .mud-input-control { max-width: none; }
    .issue-invoice-page .invoice-source-pages { flex-basis: 100%; justify-content: flex-end; margin-left: 0; }
}
@media (max-width: 700px) {
    .issue-invoice-page { padding: 10px; }
    .issue-invoice-page .invoice-source-toolbar { padding: 16px 12px 10px; }
    .issue-invoice-page .invoice-source-filter > .mud-input-control { flex-basis: 100%; }
    .issue-invoice-page .invoice-list-toolbar { padding: 12px; }
    .issue-invoice-page .invoice-list-toolbar-main > .mud-input-control { flex-basis: 100%; max-width: none; }
    .issue-invoice-page .invoice-list-tools { margin-left: 0; }
    .issue-invoice-page .invoice-list-footer { padding: 2px 8px; justify-content: flex-end; flex-wrap: wrap; }
    .issue-invoice-page .invoice-currency-note { display: none; }
}