/* Invoice module: opt-in workspaces extending the approved finance patterns. */
.me-standard-document-page.me-invoice-pilot {
    --mud-palette-text-secondary: #52647b;
    --mud-palette-info: #1764a0;
    --mud-palette-warning: #8a4b08;
    --mud-palette-success: #17683d;
    --mud-palette-error: #b42332;
    padding: 18px 20px 28px;
    background: #f7f9fc;
}
.me-invoice-pilot .me-finance-header-row { flex-wrap: wrap; }
.me-invoice-pilot .me-finance-title-row { flex: 1 1 290px; }
.me-invoice-pilot .me-finance-header-actions { margin-left: auto; }
.me-invoice-pilot .me-finance-page-header .me-finance-title-row h1 { font-size: 26px; color: #19365b; }
.me-invoice-pilot .me-finance-page-description { margin-left: 43px; }
.me-invoice-pilot .mud-secondary-text { color: #52647b !important; }
.me-invoice-pilot :is(.me-sidebar-link-text > span,.me-document-summary__label,.me-document-summary__content > small,.me-entry-side-grid > div > span,.me-catalog-control-copy > small,.me-sef-muted,.me-sef-validation-muted) { color: #52647b; }
.me-invoice-pilot :is(.me-document-summary__label,.me-document-summary__content > small) { font-size: 12px; }
.me-invoice-pilot .invoice-home-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 16px; }
.me-invoice-pilot .invoice-home-area-grid.is-list { grid-template-columns: minmax(0,1fr); gap: 10px; }
.me-invoice-pilot .invoice-home-area-grid.is-list .invoice-home-area { padding: 14px 16px; box-shadow: none; }
.me-invoice-pilot .invoice-home-area ul { display: flex; flex-wrap: wrap; gap: 2px 16px; margin-top: 6px; }
.me-invoice-pilot .invoice-home-area li { list-style: none; margin: 0; }
.me-invoice-pilot .invoice-home-area li a { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; line-height: 1.4; }
.me-invoice-pilot .invoice-home-area h3 { font-size: 16px; }
.me-invoice-pilot .invoice-home-mobile-filter { display: none; }
.me-invoice-pilot .me-invoice-status-help { margin-top: 10px; }
.me-invoice-pilot :is(.invoice-home-access-badge,.invoice-home-area-title > span) { font-size: 12px; }
.me-invoice-pilot :is(.invoice-home-filters,.colw-filter-row) { gap: 8px; flex-wrap: wrap; }
.me-invoice-pilot :is(.invoice-home-filters,.colw-filter-row) > button { min-height: 34px; }
.me-invoice-pilot :is(.colw-zone-status .is-orange,.is-warm p) { color: #85470a; }
.me-invoice-pilot .colw-zone-status .is-green { color: #17683d; }
.me-invoice-pilot :is(.me-sef-side-card,.me-sef-validation-side-card) p { color: #52647b; }
.me-invoice-pilot :is(.me-sef-layout,.me-sef-validation-layout) { grid-template-columns: minmax(0,1fr) 260px; gap: 16px; }
.me-invoice-pilot :is(.me-sef-filters,.me-sef-validation-filters) { margin-bottom: 12px; }
.me-standard-document-page.me-invoice-pilot .me-sef-filters { grid-template-columns: minmax(170px,1.3fr) minmax(120px,.7fr) minmax(130px,.8fr) auto; gap: 10px; }
.me-standard-document-page.me-invoice-pilot .mud-button-root { text-transform: none; font-size: 13px; border-radius: 6px; box-shadow: none; }
.me-standard-document-page.me-invoice-pilot :is(.me-sef-filters,.me-sef-validation-filters) > .mud-button-root { flex-shrink: 0; min-width: 90px; min-height: 38px; }
.me-invoice-pilot :is(.me-sef-table,.me-sef-validation-table) .mud-table-cell { font-size: 13px; }
.me-invoice-pilot :is(.me-sef-table,.me-sef-validation-table) .mud-table-head .mud-table-cell { background: #f3f6fa; color: #40546e; }
.me-invoice-pilot .me-invoice-filter-notice { grid-column: 1 / -1; width: 100%; padding: 8px 10px; color: #754307; background: #fff8e7; border-radius: 5px; font-size: 13px; }
.me-invoice-pilot .me-invoice-data-scope { color: #52647b; font-size: 12px; margin: 8px 0; }
.me-invoice-pilot .me-invoice-row-select { color: #1955aa; background: transparent; border: 0; text-align: left; min-height: 32px; cursor: pointer; font: inherit; font-weight: 600; }
.me-invoice-pilot .me-invoice-row-select:hover { text-decoration: underline; }
.me-invoice-pilot :is(.invoice-home-knowledge-head p,.me-info-field dt,.me-document-action-bar__context > div > span,.me-document-action-bar__summary > span,.me-sef-drawer-grid dt) { color: #52647b; font-size: 12px; }
.me-invoice-pilot .me-document-action-bar__summary > span { color: #40546e; }
.me-invoice-pilot :is(.me-sef-validation-table,.me-sef-table) .mud-chip-filled .mud-chip-content { color: #fff; }
.me-invoice-pilot :is(a,button,summary,input,select,[tabindex]):focus-visible { outline: 2px solid #245ac0; outline-offset: 3px; }
.me-invoice-pilot :is(.inv-source-links small,.me-ef-muted,.me-efd-muted,.me-line-class-lead) { color: #52647b; font-size: 13px; }
.me-invoice-pilot .inv-source-links { grid-template-columns: minmax(0,1fr); gap: 8px; }
.me-invoice-pilot .inv-source-links a { min-height: 62px; padding: 10px 14px; border-color: #dce4ed; color: #1955aa; }
.me-invoice-pilot .inv-source-links strong { font-size: 15px; }
.me-invoice-pilot .inv-source-panel { padding: 16px; box-shadow: none; border-color: #dce4ed; }
.me-invoice-pilot :is(.invin-content-grid,.liq-content-grid,.perbill-layout,.me-ef-layout,.me-efd-layout) { grid-template-columns: minmax(0,1fr) 260px; gap: 16px; }
.me-invoice-pilot :is(.invin-zone-grid.is-list,.liq-zone-grid.is-list,.perbill-step-grid) { grid-template-columns: minmax(0,1fr); gap: 12px; }
.me-invoice-pilot :is(.invin-zone-card,.liq-zone-card,.perbill-step,.invin-side-card,.liq-side-card,.perbill-panel,.perbill-side-card,.me-ef-panel,.me-efd-panel) { padding: 14px; box-shadow: none; border-color: #dce4ed; }
.me-invoice-pilot :is(.invin-zone-head,.liq-zone-head) { min-height: 0; margin-bottom: 8px; }
.me-invoice-pilot :is(.invin-zone-head,.liq-zone-head,.perbill-panel-head,.perbill-step-head) p { color: #52647b; font-size: 13px; }
.me-invoice-pilot :is(.invin-link-list,.liq-link-list,.perbill-step ul) a { min-height: 36px; font-size: 14px; }
.me-invoice-pilot :is(.invin-filter-row,.liq-filter-row) { flex-wrap: wrap; gap: 8px; }
.me-invoice-pilot :is(.invin-filter-row,.liq-filter-row) button { min-height: 34px; }
.me-invoice-pilot :is(.invin-zone-status,.liq-zone-status,.perbill-step-status,.perbill-flow-line) { color: #52647b; font-size: 13px; }
.me-invoice-pilot :is(.invin-zone-status,.liq-zone-status) .is-green { color: #17683d; }
.me-invoice-pilot :is(.invin-zone-status,.liq-zone-status) .is-orange { color: #85470a; }
.me-invoice-pilot :is(.invin-zone-status,.liq-zone-status) .is-red { color: #b42332; }
.me-invoice-pilot :is(.invin-badge,.liq-badge,.perbill-step em) { font-size: 12px; }
.me-invoice-pilot .me-finance-inline-editor .me-bp-editor-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 16px; }
.me-invoice-pilot .me-finance-inline-editor .me-bp-editor-form > :is(.mud-input-control:has(textarea),.mud-alert) { grid-column: 1 / -1; }
.me-invoice-pilot fieldset.me-invoice-editor-fields { border: 0; min-width: 0; padding: 0; margin: 0; }
.me-invoice-pilot .me-sef-environment-select { min-width: 180px; max-width: 260px; }
.me-invoice-pilot .me-ef-total-row { flex-wrap: wrap; font-variant-numeric: tabular-nums; }
.me-invoice-pilot .me-picker-header h1 { white-space: normal; }
@media (max-width: 1100px) {
    .me-invoice-pilot :is(.invin-content-grid,.liq-content-grid,.perbill-layout,.me-ef-layout,.me-efd-layout) { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 600px) {
    .me-invoice-pilot .me-finance-inline-editor .me-bp-editor-form { grid-template-columns: minmax(0,1fr); }
    .me-invoice-pilot :is(.invin-toolbar,.liq-toolbar) { flex-direction: column; align-items: stretch; }
    .me-invoice-pilot :is(.invin-search,.liq-search) { min-width: 0; width: 100%; }
    .me-invoice-pilot :is(.me-ef-form-grid,.me-efd-meta-grid,.perbill-flow-line) { grid-template-columns: minmax(0,1fr); }
    .me-invoice-pilot .me-sef-environment-select { max-width: none; width: 100%; }
}
@media (max-width: 1100px) {
    .me-invoice-pilot :is(.invoice-home-layout,.me-sef-layout,.me-sef-validation-layout) { grid-template-columns: minmax(0,1fr); }
    .me-invoice-pilot :is(.invoice-home-side,.me-sef-side,.me-sef-validation-side) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
}
@media (max-width: 600px) {
    .me-standard-document-page.me-invoice-pilot { padding: 12px 10px 24px; }
    .me-invoice-pilot .me-finance-page-header .me-finance-title-row h1 { font-size: 23px; }
    .me-invoice-pilot .me-finance-title-row { flex-basis: 100%; }
    .me-invoice-pilot .me-finance-page-description { margin-left: 0; }
    .me-invoice-pilot :is(.invoice-home-side,.me-sef-side,.me-sef-validation-side) { grid-template-columns: minmax(0,1fr); }
    .me-invoice-pilot .invoice-home-area ul { display: block; }
    .me-invoice-pilot .invoice-home-area li a { min-height: 36px; }
    .me-invoice-pilot .invoice-home-area-grid.is-list .invoice-home-area { padding: 12px; }
    .me-invoice-pilot .invoice-home-filters { display: none; }
    .me-invoice-pilot .invoice-home-mobile-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 12px 0; color: #40546e; font-size: 13px; }
    .me-invoice-pilot .invoice-home-mobile-filter select { min-height: 38px; flex: 1; min-width: 130px; padding: 6px 10px; border: 1px solid #bbc8d9; border-radius: 6px; background: white; color: #21344d; }
    .me-invoice-pilot .invoice-home-section-head > div > p { display: none; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-document-action-bar__context { display: none; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-document-action-bar { flex-direction: row; flex-wrap: wrap; gap: 8px; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-document-action-bar__summary { width: auto; flex: 1 1 auto; gap: 8px; padding: 0; border: 0; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-document-action-bar__actions { width: auto; flex: 0 0 auto; margin: 0; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-document-action-bar__actions .mud-button-root { width: auto; padding-inline: 8px; }
    .me-invoice-pilot[data-invoice-page="outgoing-entry"] .me-page-section__title-group > p { display: none; }
    .me-invoice-pilot :is(.me-sef-filters,.me-sef-validation-filters) { display: flex; flex-direction: column; align-items: stretch; }
    .me-invoice-pilot .me-sef-table .mud-table-root { min-width: 840px; }
}

/* Final adjustments verified against the full invoice module. */
.me-invoice-pilot .liq-deadline-list .is-green { color: #17683d; }
.me-invoice-pilot :is(.me-line-class-table-head span,.me-line-class-side a span) { color: #52647b; }
.me-invoice-pilot[data-invoice-page="incoming-invoice-line-classifications"] .mud-chip-color-default { color: #40546e; background: #eef2f7; }
.me-invoice-pilot .me-invoice-extra-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; }
.me-invoice-pilot .me-invoice-extra-actions .mud-input-control { flex: 1 1 180px; min-width: 160px; }
.me-invoice-pilot[data-invoice-page="invoices-sef-inbox"] > .mud-alert-filled-warning { background: #fff7e6; color: #754307; border: 1px solid #dfcda6; }
.me-invoice-pilot[data-invoice-page="invoices-sef-inbox"] > .mud-alert-filled-warning .mud-icon-root { color: #85470a; }
.me-invoice-pilot[data-invoice-page="invoices-sef-inbox"] > .mud-alert-filled-warning a { color: #684003 !important; text-decoration: underline; }
.me-invoice-pilot .me-line-class-card a span { color: #52647b; }
.me-invoice-pilot .me-bp-saved-views { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.me-invoice-pilot .me-bp-saved-views > span { color: #52647b; font-size: 12px; margin-right: 4px; }
.me-invoice-pilot .me-bp-saved-views button { min-height: 34px; padding: 5px 12px; border: 1px solid #c9d5e5; border-radius: 6px; background: #fff; color: #345271; font-size: 13px; cursor: pointer; }
.me-invoice-pilot .me-bp-saved-views button:hover { background: #f0f5fc; }
.me-invoice-pilot .me-bp-saved-views button.is-active { background: #eaf1fd; border-color: #245ac0; color: #174b9c; font-weight: 600; }
.me-invoice-pilot[data-invoice-page="liquidation-checklist-templates"] .mud-paper ul { padding-left: 22px; margin: 12px 0 20px; }
.me-invoice-pilot[data-invoice-page="liquidation-checklist-templates"] .mud-paper li { padding: 5px 0; }
.me-invoice-pilot :is(.me-ef-panel-head,.me-efd-panel-head) { flex-wrap: wrap; gap: 8px; }
.me-invoice-pilot .me-ef-panel-head .mud-chip { max-width: 100%; height: auto; min-height: 24px; }
.me-invoice-pilot .me-ef-panel-head .mud-chip-content { white-space: normal; }

/* Invoice-list workflow revision: visible destinations, contextual commands and separate help. */
[data-invoice-page="outgoing-list"] .me-invoice-workflow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 12px;
    margin: 0 0 12px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #dce4ed;
    border-radius: 7px;
}
[data-invoice-page="outgoing-list"] .me-invoice-workflow nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
}
[data-invoice-page="outgoing-list"] .me-invoice-workflow a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 4px 6px;
    color: #174d91;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
}
[data-invoice-page="outgoing-list"] .me-invoice-workflow a:hover { background: #edf4ff; text-decoration: underline; }
[data-invoice-page="outgoing-list"] .me-invoice-workflow .mud-button-root { color: #40546e; min-height: 36px; }
[data-invoice-page="outgoing-list"] .me-sales-invoice-list-section { overflow: visible; }
[data-invoice-page="outgoing-list"] .me-sales-invoice-list-section > .me-page-section__header {
    position: sticky;
    top: var(--me-sticky-offset, 92px);
    z-index: 6;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 16px;
    background: #fff;
    padding: 10px 12px;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 2px 3px #21344d0a;
}
[data-invoice-page="outgoing-list"] .me-page-section__actions { flex: 1 1 auto; gap: 6px; }
[data-invoice-page="outgoing-list"] .me-page-section__actions .mud-chip { height: auto; min-height: 26px; }
[data-invoice-page="outgoing-list"] .me-page-section__actions .mud-chip-content { white-space: normal; overflow-wrap: anywhere; }
[data-invoice-page="outgoing-list"] .me-invoice-selection-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px 12px;
    flex-basis: 100%;
    padding-top: 8px;
    border-top: 1px solid #dce4ed;
}
[data-invoice-page="outgoing-list"] .me-invoice-selection-tools > span { color: #40546e; font-size: 13px; }
.me-invoice-help-content { color: #21344d; font-size: 14px; line-height: 1.6; }
.me-invoice-help-content h3 { margin: 16px 0 6px; font-size: 16px; color: #19365b; }
.me-invoice-help-content h3:first-child { margin-top: 0; }
.me-invoice-help-content p { margin: 0 0 12px; }
@media (max-width: 700px), (max-height: 550px) {
    /* A tall fixed command area must not cover the working records on a small viewport. */
    [data-invoice-page="outgoing-list"] .me-sales-invoice-list-section > .me-page-section__header { position: static; }
    [data-invoice-page="outgoing-list"] .me-page-section__actions,
    [data-invoice-page="outgoing-list"] .me-invoice-selection-tools { justify-content: flex-start; }
    [data-invoice-page="outgoing-list"] .me-invoice-workflow { padding: 8px; }
    [data-invoice-page="outgoing-list"] .me-invoice-workflow nav { gap: 4px 8px; }
    [data-invoice-page="outgoing-list"] .me-invoice-workflow a,
    [data-invoice-page="outgoing-list"] .me-invoice-workflow .mud-button-root { min-height: 40px; }
    .me-standard-document-page[data-invoice-page="outgoing-list"] .me-document-filter-actions { flex-wrap: wrap; gap: 8px; }
    .me-standard-document-page[data-invoice-page="outgoing-list"] .me-document-filter-actions .mud-button-root { flex: 1 1 100px; min-width: 0; max-width: 100%; width: auto; }
}

/* Finance-approved navigation and work areas; invoice-specific commands remain visible. */
.me-standard-document-page.me-invoice-pilot { padding: 0 0 24px; background: transparent; }
.me-invoice-pilot .me-finance-page-description { margin-left: 0; }
.me-invoice-pilot .me-finance-page-header .me-finance-title-row h1 { color: var(--finance-text, #19365b); }
.me-finance-workspace .me-finance-page-tools { flex: 0 0 auto; }
:is(.me-finance-collection-activities-page,.me-finance-reminder-channel-settings-page,.me-finance-reminder-outbox-page,.me-finance-reminder-templates-page,.me-finance-document-types-page,.me-finance-landed-cost-page) > .me-bp-layout,
.me-invoice-pilot > .me-bp-layout:not(:has(> aside)) { grid-template-columns: minmax(0,1fr); }
.me-finance-workspace :is(.perbill-layout,.digip-layout,.me-sef-validation-layout,.me-efd-layout):not(:has(> aside)) { grid-template-columns: minmax(0,1fr); }
.me-invoice-pilot.me-finance-workspace :is(.perbill-step-grid,.digip-step-grid) { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); }
.me-finance-page-tools .me-entry-mini-link { display:inline-flex; align-items:center; gap:8px; width:auto; min-height:36px; padding:6px 10px; font-size:12px; }
.me-finance-page-tools .me-entry-mini-link[aria-disabled=true],.me-finance-page-tools .me-entry-mini-link:disabled { opacity:.55; cursor:default; }
.me-finance-page-tools .me-entry-chip-count { display:none; }
.me-finance-page-tools :is(.me-sef-validation-side-card,.me-efd-side-card) { padding:0; border:0; box-shadow:none; background:transparent; }
.me-finance-document-types-page .me-bp-main > .me-bp-editor-card { position:relative; inset:auto; width:auto; max-width:none; max-height:none; overflow:visible; margin-inline:0; }
.me-finance-document-types-page .me-bp-editor-card .me-entry-form-actions { position:static !important; inset:auto !important; margin:8px 0 16px; box-shadow:none; }
.me-finance-document-types-page .me-bp-editor-expanded .me-bp-editor-form { grid-template-columns:minmax(0,1fr); }
.me-finance-document-types-page .me-bp-editor-expanded .me-bp-editor-form textarea { min-height:10rem; }
@media(max-width:760px){
 .me-standard-document-page.me-invoice-pilot { padding-inline:0; }
 .me-finance-workspace .me-finance-tools-row { gap:6px 12px; }
 .me-finance-page-tools .me-entry-mini-link { flex:1 1 100%; justify-content:flex-start; }
}