.payable-detail-tabs { display:flex; align-items:center; gap:12px; border-bottom:1px solid #dce2e8; min-height:38px; }
.payable-detail-tabs>button,.payable-detail-tabs .finance-toolbar button { border:0; background:white; color:#3280c5; padding:8px 12px; font-size:14px; line-height:20px; cursor:pointer; }
.payable-detail-tabs>button.active { border-bottom:2px solid #5582ed; }
.payable-detail-tabs .finance-toolbar { margin-left:auto; padding:0; }
.payable-detail-tabs[hidden],.payable-detail-tabs [hidden],#payablePlanPanel[hidden] { display:none!important; }
.payable-detail-tabs button:disabled { color:#a5adb5; cursor:default; }
.show-payable-plan>header,.show-payable-plan>.table-scroll,.show-payable-plan>#purchaseFinanceTotals,.show-payable-plan>.finance-payable-modes { display:none; }
.payable-plan-options { display:flex; gap:50px; align-items:center; flex-wrap:wrap; padding:18px 24px; }
.payable-plan-options label { display:flex; align-items:center; gap:8px; }
.payable-plan-options input[readonly] { width:200px; height:28px; border:1px solid #d8dce3; background:#f5f5f5; }
#payablePlanPanel .table-scroll { max-height:340px; min-height:180px; overflow:auto; scrollbar-gutter:stable; }
#payablePlanPanel th { position:sticky; top:0; z-index:2; background:#f5f6f8; }
#payablePlanPanel td input[type=checkbox],#payablePlanPanel th input[type=checkbox] { width:14px; height:14px; padding:0; }
#payablePlanPanel td input[type=number] { text-align:right; }
#payablePlanPanel tr.is-selected td { background:#e9f2ff; }
#payablePlanPanel td.payable-plan-frozen { position:sticky; z-index:1; background:#fff; }
#payablePlanPanel th.payable-plan-frozen { z-index:3; }
#payablePlanPanel [data-plan-total] { padding:10px 18px; background:#fff9e2; color:#d1803a; }
.payable-plan-note { margin:8px 12px; color:#687785; font-size:12px; }
.payable-plan-settings { position:sticky!important; right:0; z-index:5!important; width:36px; min-width:36px!important; max-width:36px; padding:0!important; }
.payable-plan-settings button { border:0; background:transparent; cursor:pointer; }
.payable-plan-settings svg { width:16px; height:16px; }
.finance-lines.payable-plan-fullscreen { position:fixed; inset:var(--workspace-form-top,82px) 0 0; z-index:4000; background:white; padding:12px; overflow:auto; }
.payable-plan-fullscreen #payablePlanPanel .table-scroll { max-height:calc(100vh - 270px); height:calc(100vh - 270px); }
.financial-payable-layout .finance-editor-scroll { flex:1; display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.financial-payable-layout.workspace-form-page>.finance-editor>.modal-header { display:none; }
.financial-payable-layout #purchaseFinanceFields,.financial-payable-layout #purchaseFinanceAttachments,.financial-payable-layout #purchaseFinanceHistory { flex:0 1 48%; min-height:100px; overflow:auto; scrollbar-gutter:stable; padding:10px 20px; }
.financial-payable-layout #purchaseFinanceFields.financial-payable-header-grid { grid-template-columns:repeat(2,minmax(330px,1fr)); align-content:start; gap:9px 40px; }
.financial-payable-layout .financial-payable-extra { grid-column:1/-1; }
.financial-payable-extra summary { color:#4887bc; cursor:pointer; padding:8px; }
.financial-payable-extra>.finance-field-grid { grid-template-columns:repeat(2,minmax(260px,1fr)); }
.financial-payable-layout .finance-field-grid>.finance-checkbox input { width:30px; height:16px; justify-self:start; accent-color:#5582ee; }
.financial-payable-layout .finance-lines { position:relative; display:flex; flex-direction:column; flex:1 1 52%; min-height:180px; padding-top:0; }
.financial-payable-layout .finance-lines>header { flex:0 0 0; height:0; }
.financial-payable-layout .finance-lines>header h3 { display:none; }
.financial-payable-layout .finance-lines>header>.finance-toolbar { position:absolute; top:0; right:0; height:38px; margin:0; padding:0; gap:8px; }
.financial-payable-layout .finance-lines>header .command-button { border:0; background:white; color:#3280c5; min-height:32px; padding:5px 8px; }
.financial-payable-layout .finance-lines>header .command-button svg { display:none; }
.financial-payable-layout .finance-lines>.table-scroll { flex:1; min-height:80px; max-height:none; }
.financial-payable-layout .finance-lines.show-payable-plan>header,.financial-payable-layout .finance-lines.show-payable-plan>.table-scroll { display:none; }
.financial-payable-layout #payablePlanPanel:not([hidden]) { flex:1; min-height:0; display:flex; flex-direction:column; }
.financial-payable-layout #payablePlanPanel>.table-scroll { flex:1; min-height:75px; max-height:none; }
.financial-payable-layout #payablePlanPanel .payable-plan-options { padding:8px 24px; flex:none; }
.financial-payable-layout #payablePlanPanel [data-plan-total] { padding:6px 18px; }
.financial-payable-layout #payablePlanPanel .payable-plan-note { margin:4px 12px; }
.financial-payable-layout #payablePlanPanel .po-range-total { margin:4px 12px; }
.financial-payable-layout #purchaseFinanceTabs .finance-header-fullscreen-toggle { margin-left:auto; padding:6px; }
.finance-header-fullscreen-toggle svg { width:16px; height:16px; }
.finance-whole-discount .transfer-panel { width:450px; max-width:calc(100vw - 24px); height:310px; max-height:calc(100vh - 24px); }
.finance-whole-discount .transfer-content { overflow:auto; padding:20px 32px; }
.finance-whole-discount-note { font-size:12px; line-height:18px; color:#999; margin:0 0 24px; }
.finance-whole-discount-field { display:block; margin-left:30px; font-size:12px; }
.finance-whole-discount-field input { display:block; width:230px; max-width:100%; height:28px; border:1px solid #d9d9d9; margin-top:4px; padding:2px 8px; text-align:right; }
.finance-whole-discount [data-discount-error] { color:#c73535; font-size:12px; margin:8px 0 0 30px; }
.finance-whole-discount footer { justify-content:center; }
.financial-payable-filter { grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); padding:14px!important; border:1px solid #ddd; background:#fafafa; }
.financial-payable-filter>label,.financial-payable-filter>.finance-status-filter { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:center; gap:8px; color:#666; font-size:13px; }
.financial-payable-filter>label[hidden] { display:none!important; }
.financial-payable-filter>label { text-align:right; }
.financial-payable-filter .directory-reference-cell { width:100%; min-width:0; height:30px; border:1px solid #d4dce4; background:white; }
.financial-payable-filter .directory-reference-cell input { width:100%; min-width:0; height:28px; border:0; border-radius:0; }
.finance-status-filter>span { text-align:right; }
.finance-status-filter details { position:relative; min-width:0; }
.finance-status-filter summary { border:1px solid #d4dce4; height:30px; background:white; display:flex; justify-content:space-between; align-items:center; padding:0 8px; cursor:pointer; list-style:none; }
.finance-status-filter summary::-webkit-details-marker { display:none; }
.finance-status-filter summary>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.finance-status-filter summary svg { width:14px; height:14px; flex:none; }
.finance-status-filter details[open]>summary { border-color:#5582ee; }
.finance-scope-options { position:absolute; top:100%; left:0; min-width:300px; width:100%; max-height:230px; overflow:auto; background:white; border:1px solid #ddd; box-shadow:0 3px 10px #0002; z-index:40; padding:6px 0; }
.finance-scope-options button { border:0; background:transparent; text-align:left; color:#333; font-size:12px; min-height:28px; cursor:pointer; white-space:nowrap; }
.finance-scope-options button:hover,.finance-scope-options button[aria-current=true] { background:#eff8ff; color:#5582ee; }
.finance-scope-options button:disabled { color:#aaa; cursor:default; }
.finance-scope-node { display:flex; align-items:center; }
.finance-scope-node>[data-scope-fold] { width:24px; flex:none; text-align:center; }
.finance-scope-node>[data-query-scope] { flex:1; }
.finance-scope-options [data-scope-children] { padding-left:20px; }
.finance-scope-options [data-scope-children][hidden] { display:none; }
.finance-scope-options [data-scope-children]>button { display:block; width:100%; padding-left:24px; }
.finance-status-options { position:absolute; top:100%; left:0; width:100%; z-index:40; background:white; box-shadow:0 3px 10px #0002; border:1px solid #e1e1e1; max-height:220px; overflow:auto; }
.finance-filter .finance-status-options label { display:flex; align-items:center; gap:6px; padding:7px 16px; color:#333; font-size:12px; text-align:left; cursor:pointer; }
.finance-status-options label:hover { background:#f5f5f5; }
.finance-filter .finance-status-options input[type=checkbox] { width:14px; height:14px; padding:0; margin:0; accent-color:#5582ee; }
.finance-status-options footer { border-top:1px solid #ddd; display:flex; align-items:center; color:#999; font-size:12px; }
.finance-status-options footer label { padding-right:6px!important; }
.finance-extra-filters { grid-column:1/-1; font-size:12px; color:#537da8; }
.finance-extra-filters summary { cursor:pointer; }
.finance-extra-filters>div { display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:12px; margin-top:10px; }
.finance-date-options { position:absolute; width:100%; min-width:320px; background:white; box-shadow:0 3px 10px #0002; z-index:40; max-height:340px; overflow:auto; }
.finance-date-options>button { display:flex; align-items:center; justify-content:space-between; width:100%; height:32px; padding:0 12px; border:0; background:white; text-align:left; font-size:13px; cursor:pointer; }
.finance-date-options>button:hover,.finance-date-options>button.active { background:#eff8ff; color:#5582ee; }
.finance-date-options button svg { width:14px; height:14px; }
.finance-date-custom { padding:4px 12px 10px; }
.finance-date-inputs { display:flex; align-items:center; border:1px solid #ddd; height:28px; min-width:0; }
.finance-filter .finance-date-inputs input { width:calc(50% - 22px); min-width:0; height:26px; border:0; border-radius:0; padding:0 6px; font-size:12px; }
.finance-date-inputs>button { border:0; background:white; color:#7896ca; padding:0 5px; cursor:pointer; }
.finance-date-inputs>button svg { width:14px; height:14px; }
.finance-date-custom [data-date-error] { color:#c73535; font-size:12px; margin:4px 0 0; }
.finance-date-calendar { position:absolute; background:white; width:480px; max-width:calc(100vw - 16px); display:flex; flex-wrap:wrap; box-shadow:0 3px 10px #0002; overflow:auto; max-height:340px; z-index:50; }
.finance-date-calendar[hidden],.finance-date-custom[hidden] { display:none!important; }
.finance-date-calendar.single-calendar { width:240px; }
.finance-date-calendar>section { width:240px; min-width:0; flex:1 1 230px; }
.finance-date-calendar header { display:flex; align-items:center; justify-content:space-around; height:38px; border-bottom:1px solid #eee; background:#fafafa; }
.finance-date-calendar button { border:0; background:transparent; cursor:pointer; color:#333; padding:4px; font-size:12px; }
.finance-date-calendar header button { padding:2px; font-weight:600; }
.finance-date-calendar header svg { width:14px; height:14px; color:#999; }
.finance-date-calendar table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; margin:8px 0 20px; font-size:12px; }
.finance-date-calendar th,.finance-date-calendar td { padding:0; height:32px; min-width:0; text-align:center; border:0; }
.finance-date-calendar th { font-weight:400; background:white; }
.finance-date-calendar td button { width:26px; height:26px; position:relative; }
.finance-date-calendar td button.outside { color:#aaa; }
.finance-date-calendar button:hover { background:#eff8ff; }
.finance-date-calendar button.selected { background:#5582ee; color:white; }
.finance-date-calendar button.in-range { background:#eff8ff; }
.finance-date-calendar [aria-current=date]:after { content:''; position:absolute; bottom:0; left:12px; width:3px; height:3px; border-radius:50%; background:#5582ee; }
html:has(#workspaceView:not(.hidden) .finance-page:not(.hidden)) { scrollbar-gutter:stable; }
.finance-command-toolbar { flex-wrap:nowrap; gap:8px; min-width:0; padding:9px 0; }
.finance-command-toolbar>*,.finance-command-toolbar>.finance-split>* { flex-shrink:0; }
.finance-command-toolbar>.command-button,.finance-command-toolbar>.finance-split>.command-button,.finance-command-toolbar>details>summary,.finance-command-toolbar>.finance-split>details>summary { background:#5582ee; color:#fff; border:0; border-radius:0; height:28px; min-height:28px; padding:4px 8px; }
.finance-command-toolbar>.command-button:hover:not(:disabled),.finance-command-toolbar>.finance-split>.command-button:hover:not(:disabled) { background:#4774d9; color:#fff; }
.finance-command-toolbar>.finance-split>details>summary { padding-inline:3px; border-left:1px solid #7ca0f4; }
.finance-command-toolbar>.command-button>svg,.finance-command-toolbar>.finance-split>.command-button>svg { display:none; }
.finance-command-toolbar>[data-list-settings] { margin-left:auto; }
.finance-toolbar-overflow[hidden] { display:none!important; }
.finance-overflow-panel { position:absolute; top:100%; left:0; width:128px; max-height:336px; overflow:auto; padding:5px 0; background:#fff; box-shadow:0 3px 10px #0003; z-index:40; }
.finance-overflow-panel>.command-button,.finance-overflow-panel>details>summary,.finance-overflow-panel>.finance-split>.command-button { width:100%; border:0; border-radius:0; color:#333; min-height:38px; justify-content:flex-start; padding:7px 12px; }
.finance-overflow-panel>.finance-split>.command-button { width:auto; flex:1; }
.finance-overflow-panel>.finance-split>details>summary { border:0; padding:8px 6px; }
.finance-overflow-panel>.command-button>svg,.finance-overflow-panel>.finance-split>.command-button>svg { display:none; }
.finance-overflow-panel>details>summary { justify-content:space-between; }
.finance-overflow-panel>details>summary>svg,.finance-overflow-panel>.finance-split>details>summary>svg { transform:rotate(-90deg); }
.finance-overflow-panel .finance-menu { min-width:220px; }
.financial-payable-filter { position:relative; padding-right:32px!important; }
.financial-payable-filter>.finance-status-filter[hidden] { display:none!important; }
.finance-filter-settings-toggle { position:absolute; top:6px; right:4px; width:24px; height:24px; }
.finance-filter-settings-toggle,.finance-filter-settings-toggle:hover { color:#888; background:transparent; }
.finance-filter-settings-toggle svg { width:16px; height:16px; }
.finance-filter-settings-popup { position:absolute; width:314px; max-height:400px; overflow:auto; box-sizing:border-box; background:white; color:#333; font-size:12px; border:1px solid #ddd; box-shadow:0 2px 10px #0003; z-index:40; }
.finance-filter-settings-popup header { display:flex; align-items:center; gap:10px; padding:10px 12px; border-bottom:1px solid #eee; }
.finance-filter-settings-popup button { border:1px solid #ddd; color:#555; background:white; font:inherit; padding:3px 8px; white-space:nowrap; cursor:pointer; }
.finance-filter-settings-popup [aria-pressed=true] { border-color:#5582ee; color:#5582ee; }
.finance-filter-settings-popup>input { width:calc(100% - 24px); margin:12px; height:30px; border-radius:0; }
.finance-filter-field-list { margin:0 12px 14px; border:1px solid #eee; }
.finance-filter-field-list>div { display:flex; align-items:center; gap:8px; min-height:32px; border-bottom:1px solid #eee; }
.finance-filter-field-list>div[hidden] { display:none; }
.finance-filter-field-list .finance-field-drag { border:0; color:#888; cursor:grab; padding:3px 8px; }
.finance-filter-field-list label { display:flex; align-items:center; gap:10px; }
.finance-filter-field-list input[type=checkbox] { width:14px; height:14px; padding:0; margin:0; accent-color:#5582ee; }
.finance-filter-settings-popup footer { display:flex; justify-content:space-between; gap:6px; padding:10px 12px; border-top:1px solid #ddd; }
.finance-filter-settings-popup footer>button { flex:0 0 auto; width:auto; min-width:48px; height:28px; min-height:28px; padding:3px 8px; border-radius:0; line-height:20px; }
.finance-hidden-criteria { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:6px; }
.finance-hidden-criteria[hidden] { display:none!important; }
.finance-hidden-criteria button { background:#eff8ff; color:#4279ba; border:1px solid #c6daf2; font:inherit; font-size:12px; padding:4px 8px; cursor:pointer; }
.finance-filter-settings-popup .primary-button { color:white; background:#5582ee; border-color:#5582ee; }
.finance-filter-settings-popup [data-filter-settings-error]:empty { display:none; }
.finance-filter-settings-popup [data-filter-settings-error] { padding:0 12px; color:#c73535; }
.finance-flat-header,.finance-flat-choices { display:none; }
.finance-flat-date-line { display:none; }
.finance-applied-criteria { display:flex; align-items:flex-start; gap:8px; color:#999; font-size:12px; flex:1; min-width:160px; }
.finance-applied-criteria[hidden] { display:none!important; }
.finance-applied-criteria>span { flex:none; padding-top:3px; }
.finance-applied-criteria>div { display:flex; flex-wrap:wrap; gap:3px; max-height:76px; overflow:auto; }
.finance-criteria-chip { display:inline-flex; align-items:center; max-width:264px; border:1px solid #ddd; background:white; color:#666; padding:2px 6px; }
.finance-criteria-chip>span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.finance-criteria-chip button { border:0; color:#999; padding:0 0 0 8px; background:none; cursor:pointer; }
.finance-filter-flat .finance-flat-date-line { display:flex; flex-wrap:wrap; gap:8px; align-items:center; grid-column:2; min-width:0; }
.finance-filter-flat .finance-flat-date-line .finance-flat-choices { max-height:none; overflow:visible; }
.finance-filter-flat .finance-flat-date-line .finance-date-custom { padding:0; flex:0 1 344px; min-width:200px; }
.finance-filter-flat .finance-flat-date-line .finance-date-inputs { background:#fff; }
.finance-filter-flat { display:flex; flex-direction:column; gap:0; }
.finance-filter-flat>.finance-status-filter,.finance-filter-flat>label { display:grid; grid-template-columns:110px minmax(0,1fr); padding:9px 0; border-bottom:1px solid #e8e8e8; }
.finance-filter-flat .finance-flat-header { display:flex; justify-content:space-between; color:#5582ee; padding:7px 0; border-bottom:1px solid #ddd; }
.finance-flat-header button { background:none; border:0; color:#777; font:inherit; cursor:pointer; }
.finance-filter-flat .finance-flat-choices { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; grid-column:2; max-height:144px; overflow:auto; }
.finance-flat-choices>button { border:1px solid transparent; color:#666; background:none; padding:3px 10px; font:inherit; cursor:pointer; }
.finance-flat-choices>button[aria-pressed=true] { color:#5582ee; border-color:#5582ee; background:white; }
.finance-flat-choices>button:disabled { color:#aaa; cursor:default; }
.finance-flat-choices>[data-flat-multiple],.finance-flat-choices>[data-flat-org-picker] { margin-left:auto; border-color:#ddd; background:white; }
.finance-filter-flat>.finance-status-filter>details { position:absolute; width:320px; }
.finance-filter-flat>.finance-status-filter>details>summary,.finance-filter-flat>label>.directory-reference-cell { display:none; }
.finance-filter-flat>.finance-extra-filters { padding-top:10px; }
.finance-calendar-zoom>div { display:grid; grid-template-columns:repeat(3,1fr); padding:4px 10px; }
.finance-calendar-zoom>div>button { height:40px; }
@media(max-width:650px){.financial-payable-filter{grid-template-columns:minmax(0,1fr);}.finance-extra-filters>div{grid-template-columns:1fr;}}
.financial-payable-layout #purchaseFinanceFields .finance-payable-header-toggle>.kd-switch { justify-self:start; }
.financial-payable-layout #purchaseFinanceFields .finance-payable-header-toggle input { height:100%; }
.financial-header-fullscreen #purchaseFinanceDocumentToolbar,.financial-header-fullscreen .finance-lines { display:none!important; }
.financial-header-fullscreen #purchaseFinanceFields,.financial-header-fullscreen #purchaseFinanceAttachments,.financial-header-fullscreen #purchaseFinanceHistory { flex:1; max-height:none; }
.financial-payable-layout .finance-lines.payable-plan-fullscreen { display:flex; }
@media(max-height:600px){.financial-payable-layout .finance-editor-scroll{overflow:auto;}.financial-payable-layout #purchaseFinanceFields{max-height:190px;flex-basis:auto;}.financial-payable-layout .finance-lines{min-height:250px;flex:none;}}
