/* HENDAR v0.96.2 — shared responsive contracts and counterparty payables */

html,body{max-width:100%;overflow-x:clip}
body *,body *::before,body *::after{box-sizing:border-box}
#notificationDrawer:not(.open){display:none!important}
#notificationDrawer.open{display:flex!important}
#appShell,.app-shell,.main-content,.view,.project-workspace-shell,.project-workspace-content,#projectWorkspaceContent{min-width:0;max-width:100%}
:where(.panel,.card,.table-card,.modal,.dialog,.form-grid,.toolbar,.filter-bar,.project-page-heading,.project-workspace-page)>*{min-width:0}
:where(h1,h2,h3,h4,p,span,strong,small,label,button,th,td){overflow-wrap:anywhere}
:where(input,select,textarea,button){max-width:100%}

/* The header has three invariant zones: title, primary controls, and overflow. */
.topbar{min-width:0;max-width:100%;gap:clamp(8px,1.6vw,20px);padding-inline:clamp(10px,2vw,24px)}
.topbar-title{min-width:0;flex:1 1 auto;overflow:hidden}
.topbar-title>div:last-child{min-width:0;overflow:hidden}
.topbar-title h1,.topbar-title .breadcrumb{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{position:relative;display:flex!important;align-items:center;justify-content:flex-end;flex:0 0 auto;min-width:0;gap:6px}
.topbar-primary-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.topbar-primary-actions .top-action,.topbar-more-menu>summary{inline-size:clamp(38px,4vw,44px);block-size:clamp(38px,4vw,44px);min-inline-size:38px;display:grid;place-items:center;padding:0}
.topbar-more-menu{position:relative;flex:0 0 auto}
.topbar-more-menu>summary{list-style:none;cursor:pointer;border:1px solid var(--ds-border,#d4dde4);border-radius:11px;background:var(--ds-surface,#fff);color:var(--ds-text,#173042);font-size:25px;line-height:1}
.topbar-more-menu>summary::-webkit-details-marker{display:none}
.topbar-more-panel{align-items:center;gap:6px;min-width:0}
.topbar-more-panel>.button{min-height:38px;white-space:nowrap}
.topbar-more-panel>.hidden{display:none!important}

@media (min-width:1051px){
  .topbar-more-menu>summary{display:none!important}
  .topbar-more-menu:not([open])>.topbar-more-panel,.topbar-more-menu>.topbar-more-panel{display:flex!important;position:static}
}

@media (max-width:1050px){
  .topbar{align-items:center}
  .topbar-more-menu:not([open])>.topbar-more-panel{display:none!important}
  .topbar-more-menu[open]>.topbar-more-panel{position:absolute;z-index:1300;inset-block-start:calc(100% + 9px);inset-inline-end:0;display:grid!important;grid-template-columns:minmax(0,1fr);inline-size:min(320px,calc(100vw - 20px));max-block-size:min(72dvh,560px);overflow:auto;padding:10px;border:1px solid var(--ds-border,#d4dde4);border-radius:14px;background:var(--ds-surface,#fff);box-shadow:0 18px 55px rgba(6,28,43,.22)}
  .topbar-more-panel>.button,.topbar-more-panel>#requestDraftCenterButtonV0948{inline-size:100%;justify-content:flex-start;min-block-size:44px}
  .topbar-more-panel .date-chip{inline-size:100%;justify-content:center;margin:0}
}

@media (max-width:1180px){
  /* Avoid stacking the global rail, project rail, and data workspace on tablets. */
  .project-workspace-layout{grid-template-columns:minmax(0,1fr)!important}
  .project-workspace-menu{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%}
  .project-financial-nav-group.workspace{grid-column:1/-1}
  .project-financial-nav-group.workspace>.project-financial-nav-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approval-status-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px;max-width:100%;overflow:visible!important}
  .approval-status-tab,.approval-status-tab.all{grid-column:auto!important;min-width:0!important;width:100%;max-width:100%;white-space:normal}
}

@media (max-width:980px){
  /* A closed off-canvas rail must not participate in the document scroll area. */
  #sidebar:not(.open){display:none!important}
  #sidebar.open{display:flex!important;visibility:visible!important;pointer-events:auto}
}

@media (max-width:700px){
  .topbar{min-height:62px;padding-inline:8px;gap:5px}
  .topbar-title{gap:4px}
  .topbar-title h1{font-size:clamp(.82rem,3.7vw,1rem)}
  .topbar-title .breadcrumb{display:none}
  .topbar-title .navigation-project-home{display:none!important}
  .topbar-primary-actions{gap:3px}
  .topbar-primary-actions .top-action,.topbar-more-menu>summary{inline-size:38px;block-size:38px}
  .navigation-back-button,#openSidebar{inline-size:38px;min-inline-size:38px;block-size:38px;padding:0}
}

@media (max-width:390px){
  .topbar-title h1{max-width:28vw}
  .topbar-primary-actions .top-action,.topbar-more-menu>summary,.navigation-back-button,#openSidebar{inline-size:36px;min-inline-size:36px;block-size:36px}
}

/* Tables own their horizontal scroll; the document never does. */
:where(.table-card,.project-wide-table,.boq-sheet-scroll,.boq-spreadsheet-shell,.advance-sheet-wrap,.gantt-sheet-scroll,.gantt-unified-shell,.reports-table-wrap,.cpay-table-scroll){max-width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
:where(.table-card,.project-wide-table,.boq-spreadsheet-shell,.advance-sheet-wrap,.gantt-unified-shell)>table{max-width:none}
:where(.gantt-spreadsheet-workspace,.gantt-unified-stage,.boq-easy-layout,.boq-easy-sheet-panel,.advance-workspace,.reports-analytics-view){min-width:0;max-width:100%}
.gantt-sheet-scroll{overflow:auto!important}

/* Shared toolbars, filters, tabs, forms, cards and dialogs. */
:where(.toolbar,.boq-action-cluster,.advance-page-actions,.advance-export-actions,.form-actions,.project-page-heading,.project-page-heading>div:last-child,.gantt-spreadsheet-toolbar,.report-actions,.filter-actions,.row-actions){min-width:0;max-width:100%;flex-wrap:wrap}
:where(.tabs,.project-workspace-tabs,.report-tabs,.cpay-tabs){max-width:100%;flex-wrap:wrap;overflow:visible}
:where(.tabs,.project-workspace-tabs,.report-tabs)>button{min-width:0;max-width:100%;white-space:normal}
:where(.form-grid,.filter-grid){grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));min-width:0;max-width:100%}
:where(.form-grid,.filter-grid)>label,:where(.form-grid,.filter-grid)>.wide{min-width:0;max-width:100%}
:where(.form-grid,.filter-grid) input,:where(.form-grid,.filter-grid) select,:where(.form-grid,.filter-grid) textarea{width:100%;min-width:0}
.modal-backdrop{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:auto}
.modal{inline-size:min(var(--modal-width,760px),calc(100vw - 16px));max-inline-size:calc(100vw - 16px);max-block-size:calc(100dvh - 16px);overflow:auto}
.modal-header{min-width:0;gap:10px}.modal-header>div{min-width:0}.modal-header h2,.modal-header p{max-width:100%}

@media (max-width:700px){
  :where(.button,.row-action,button){min-block-size:40px}
  :where(.toolbar,.boq-action-cluster,.advance-page-actions,.advance-export-actions,.form-actions,.gantt-spreadsheet-toolbar,.report-actions,.filter-actions){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  :where(.toolbar,.boq-action-cluster,.advance-page-actions,.advance-export-actions,.form-actions,.gantt-spreadsheet-toolbar,.report-actions,.filter-actions)>.button{inline-size:100%;white-space:normal;justify-content:center}
  :where(.tabs,.project-workspace-tabs,.report-tabs){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .project-page-heading{align-items:flex-start;gap:10px}
  .modal{inline-size:calc(100vw - 12px);max-inline-size:calc(100vw - 12px);max-block-size:calc(100dvh - 12px);border-radius:14px}
  .modal-header{position:sticky;inset-block-start:0;z-index:5;background:var(--ds-surface,#fff)}
  :where(.form-grid,.filter-grid){grid-template-columns:minmax(0,1fr)!important}
  :where(.form-actions)>*{min-width:0}
}

@media (max-width:420px){
  :where(.toolbar,.boq-action-cluster,.advance-page-actions,.advance-export-actions,.form-actions,.gantt-spreadsheet-toolbar,.report-actions,.filter-actions){grid-template-columns:minmax(0,1fr)}
}

@media (max-width:520px){
  .approval-status-tabs{grid-template-columns:minmax(0,1fr)!important}
}

/* BOQ hierarchy: visual indentation and accent replace numbered level circles. */
.boq-title-level-badge{display:none!important}
.boq-title-hierarchy-mark{display:block;flex:0 0 7px;inline-size:7px;block-size:24px;border-radius:999px;background:var(--boq-title-accent,#0d466f);box-shadow:0 0 0 3px color-mix(in srgb,var(--boq-title-accent,#0d466f) 14%,transparent)}
.boq-title-row:not(.boq-title-level-1) .boq-title-hierarchy-mark{block-size:18px;opacity:.82}
.boq-title-row-content{min-width:0}.boq-title-row-content strong,.boq-title-row-content small{min-width:0}
@media (max-width:700px){
  .boq-title-row:not(.boq-title-level-1) .boq-title-row-content{padding-inline-start:clamp(12px,calc(8px + var(--title-indent,18px)),46vw)}
  .boq-title-row-content{gap:6px}.boq-title-row-content small{display:none}.boq-title-hierarchy-mark{flex-basis:5px;inline-size:5px}
}

/* Advance column/formula manager: every checkbox remains attached to its label. */
.advance-column-manager-layout,.advance-column-layout-panel,.advance-columns-list,.advance-column-config-row,.advance-column-config-copy,.advance-column-visibility,.advance-column-config-actions{min-width:0;max-width:100%}
.advance-column-config-row{grid-template-columns:auto minmax(0,1fr) minmax(210px,auto) auto;align-items:center;height:auto;min-height:58px;overflow:hidden}
.advance-column-config-copy{overflow:hidden}
.advance-column-config-copy strong,.advance-column-config-copy small,.advance-column-config-copy code{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.advance-column-visibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.advance-column-visibility label{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:42px;margin:0;padding:7px;border:1px solid color-mix(in srgb,var(--ds-border,#d4dde4) 85%,transparent);border-radius:9px;white-space:normal;cursor:pointer}
.advance-column-visibility label input{inline-size:20px;block-size:20px;min-inline-size:20px;margin:0}
.advance-column-visibility label span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.advance-column-config-order{display:flex;gap:5px;align-items:center}
.advance-column-move{inline-size:40px;block-size:40px;min-inline-size:40px;padding:0}

@media (max-width:760px){
  #advanceColumnsModal{overflow-x:hidden!important}
  .advance-column-manager-layout{grid-template-columns:minmax(0,1fr)!important;overflow-x:hidden}
  .advance-column-config-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"order copy" "visibility visibility" "actions actions";gap:9px;padding:11px;overflow:hidden}
  .advance-column-config-order{grid-area:order;align-self:start;flex-direction:column}
  .advance-column-config-copy{grid-area:copy}
  .advance-column-visibility{grid-area:visibility;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .advance-column-config-actions,.advance-core-lock{grid-area:actions;justify-self:stretch;min-width:0}
  .advance-column-config-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .advance-column-config-actions button{width:100%}
}

@media (max-width:430px){
  .advance-column-visibility{grid-template-columns:minmax(0,1fr)}
  .advance-column-visibility label{min-height:46px}
}

/* Counterparty payables workspace. */
.cpay-workspace{--cpay-accent:#0d6b7c;--cpay-success:#12805c;--cpay-danger:#b73535;display:grid;gap:14px;min-width:0;max-width:100%;color:var(--ds-text,#183142)}
.cpay-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--cpay-accent) 24%,var(--ds-border,#d4dde4));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--cpay-accent) 10%,var(--ds-surface,#fff)),var(--ds-surface,#fff));overflow:hidden}
.cpay-heading>div{min-width:0}.cpay-heading>div:first-child>span{display:block;color:var(--cpay-accent);font-size:.72rem;font-weight:900;letter-spacing:.04em}.cpay-heading h3{margin:5px 0 7px;font-size:clamp(1.15rem,2vw,1.65rem)}.cpay-heading p{margin:0;max-width:850px;color:var(--ds-muted,#607482);font-size:.82rem;line-height:1.8}
.cpay-integrations{display:flex;align-content:center;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.cpay-integrations span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--cpay-accent) 22%,var(--ds-border,#d4dde4));border-radius:999px;background:var(--ds-surface,#fff);font-size:.68rem;font-weight:800;white-space:nowrap}
.cpay-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:10px;min-width:0}
.cpay-summary-card{min-width:0;padding:13px;border:1px solid var(--ds-border,#d4dde4);border-radius:14px;background:var(--ds-surface,#fff)}
.cpay-summary-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.cpay-summary-card header strong{color:var(--cpay-accent)}.cpay-summary-card header span{font-size:.7rem;color:var(--ds-muted,#607482)}
.cpay-summary-card>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cpay-summary-card>div>span{display:grid;gap:4px;min-width:0;padding:8px;border-radius:9px;background:color-mix(in srgb,var(--cpay-accent) 5%,var(--ds-surface,#fff));font-size:.64rem;color:var(--ds-muted,#607482)}.cpay-summary-card b{font-size:.77rem;color:var(--ds-text,#183142)}.cpay-summary-card .danger b{color:var(--cpay-danger)}
.cpay-summary-empty{padding:14px;border:1px dashed var(--ds-border,#d4dde4);border-radius:12px;color:var(--ds-muted,#607482)}
.cpay-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;padding:10px;border:1px solid var(--ds-border,#d4dde4);border-radius:14px;background:var(--ds-surface,#fff)}
.cpay-actions .button{display:block;flex:0 1 auto;min-width:0;max-width:100%;min-height:40px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center}
.cpay-actions .button>span{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.cpay-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:6px;border:1px solid var(--ds-border,#d4dde4);border-radius:14px;background:var(--ds-surface,#fff)}
.cpay-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:43px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--ds-muted,#607482);font:inherit;font-size:.76rem;font-weight:850;cursor:pointer;white-space:normal}
.cpay-tabs button b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--ds-muted,#607482) 12%,transparent);font-size:.66rem}.cpay-tabs button.active{background:var(--cpay-accent);color:#fff}.cpay-tabs button.active b{background:rgba(255,255,255,.2)}
.cpay-tab-panel{min-width:0;max-width:100%}
.cpay-table-scroll{border:1px solid var(--ds-border,#d4dde4);border-radius:14px;background:var(--ds-surface,#fff)}
.cpay-table{width:max(100%,1280px);border-collapse:separate;border-spacing:0;font-size:.72rem}
.cpay-table th{position:sticky;inset-block-start:0;z-index:2;padding:10px;background:color-mix(in srgb,var(--cpay-accent) 9%,var(--ds-surface,#fff));color:var(--ds-text,#183142);white-space:nowrap;text-align:start}
.cpay-table td{max-width:240px;padding:10px;border-block-start:1px solid var(--ds-border,#d4dde4);vertical-align:top;text-align:start}
.cpay-table td strong,.cpay-table td small{display:block}.cpay-table td small{margin-top:4px;color:var(--ds-muted,#607482);font-size:.65rem;line-height:1.5}
.cpay-table tr.status-overdue td{background:color-mix(in srgb,#ef4444 5%,var(--ds-surface,#fff))}.cpay-table tr.is-cancelled{opacity:.66;text-decoration-color:#b73535}
.cpay-status{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:999px;background:#edf2f5;color:#415968;font-size:.66rem;font-weight:900;white-space:normal}
.cpay-status.approved,.cpay-status.paid,.cpay-status.posted{background:#e5f7ef;color:#0b6848}.cpay-status.partially-paid,.cpay-status.partially-approved{background:#fff4da;color:#8c5b00}.cpay-status.overdue,.cpay-status.rejected,.cpay-status.cancelled{background:#fde9e9;color:#a52d2d}.cpay-status.under-review,.cpay-status.submitted-for-audit{background:#e5f1fb;color:#175f91}.cpay-status.disputed,.cpay-status.suspended{background:#f3eafd;color:#713a99}
.cpay-row-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:150px}.cpay-row-actions button{min-height:34px;padding:5px 7px;border:1px solid var(--ds-border,#d4dde4);border-radius:8px;background:var(--ds-surface,#fff);color:var(--ds-text,#183142);font:inherit;font-size:.64rem;font-weight:800;cursor:pointer;white-space:normal}.cpay-row-actions button.primary{border-color:var(--cpay-accent);color:var(--cpay-accent)}.cpay-row-actions button.success{border-color:var(--cpay-success);color:var(--cpay-success)}.cpay-row-actions button.danger{border-color:var(--cpay-danger);color:var(--cpay-danger)}
.cpay-redacted{font-size:.68rem;color:var(--ds-muted,#607482);font-weight:800}
.cpay-governance{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--cpay-accent) 6%,var(--ds-surface,#fff));color:var(--ds-muted,#607482);font-size:.67rem}

/* Controlled dialog used by the module, with no page-level overflow. */
.cpay-dialog-layer{position:fixed;z-index:14000;inset:0;display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(5,23,36,.62);overflow:hidden}
.cpay-dialog{display:flex;flex-direction:column;inline-size:min(720px,calc(100vw - 16px));max-inline-size:calc(100vw - 16px);max-block-size:calc(100dvh - 16px);overflow:hidden;border:1px solid var(--ds-border,#d4dde4);border-radius:18px;background:var(--ds-surface,#fff);box-shadow:0 28px 90px rgba(0,0,0,.28)}
.cpay-dialog.wide{inline-size:min(1120px,calc(100vw - 16px))}
.cpay-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:0 0 auto;padding:15px 17px;border-block-end:1px solid var(--ds-border,#d4dde4);background:color-mix(in srgb,var(--cpay-accent) 7%,var(--ds-surface,#fff))}.cpay-dialog>header>div{min-width:0}.cpay-dialog>header span{display:block;color:var(--cpay-accent);font-size:.65rem;font-weight:900}.cpay-dialog>header h3{margin:4px 0 0;font-size:1.05rem}.cpay-dialog-close{flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--ds-border,#d4dde4);border-radius:10px;background:var(--ds-surface,#fff);font-size:24px;cursor:pointer}
.cpay-dialog-body{min-width:0;overflow:auto;overscroll-behavior:contain;padding:16px}
.cpay-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0}.cpay-form>*{min-width:0}.cpay-form>.wide,.cpay-form>fieldset,.cpay-form>footer{grid-column:1/-1}.cpay-form label{display:grid;align-content:start;gap:5px;min-width:0;font-size:.73rem;font-weight:750}.cpay-form input,.cpay-form select,.cpay-form textarea{width:100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--ds-border,#d4dde4);border-radius:9px;background:var(--ds-surface,#fff);color:var(--ds-text,#183142);font:inherit}.cpay-form textarea{height:auto;resize:vertical}.cpay-form label small{color:var(--ds-muted,#607482);font-size:.64rem;line-height:1.5}.cpay-form-note{grid-column:1/-1;margin:0;padding:10px;border-inline-start:4px solid var(--cpay-accent);border-radius:8px;background:color-mix(in srgb,var(--cpay-accent) 6%,var(--ds-surface,#fff));font-size:.72rem;line-height:1.7}.cpay-form footer,.cpay-statement footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-block-start:8px}
.cpay-select-lines,.cpay-adjustment-grid{min-width:0;margin:0;padding:10px;border:1px solid var(--ds-border,#d4dde4);border-radius:12px}.cpay-select-lines legend,.cpay-adjustment-grid legend{padding-inline:6px;color:var(--cpay-accent);font-size:.72rem;font-weight:900}.cpay-line-list{display:grid;gap:6px;max-height:300px;overflow:auto;overscroll-behavior:contain;padding:2px}.cpay-line-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) minmax(120px,170px);align-items:center;gap:8px;min-width:0;min-height:48px;padding:7px;border:1px solid color-mix(in srgb,var(--ds-border,#d4dde4) 80%,transparent);border-radius:9px;background:color-mix(in srgb,var(--cpay-accent) 2%,var(--ds-surface,#fff));cursor:pointer}.cpay-line-row>input[type="checkbox"]{width:20px!important;height:20px;min-width:20px;padding:0}.cpay-line-row>span{min-width:0}.cpay-line-row strong,.cpay-line-row small{display:block;white-space:normal;overflow-wrap:anywhere}.cpay-line-row small{margin-top:3px;color:var(--ds-muted,#607482);font-size:.63rem}.cpay-line-row>input[type="number"]{min-width:0}
.cpay-adjustment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cpay-adjustment-grid label{min-width:0}
.cpay-statement{min-width:0}.cpay-statement h4{margin:18px 0 8px}.cpay-statement-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;align-items:center;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--cpay-accent) 7%,var(--ds-surface,#fff))}.cpay-statement-identity strong{grid-row:1/3;padding:8px;border-radius:8px;background:var(--cpay-accent);color:#fff}.cpay-statement-identity small{grid-column:2;color:var(--ds-muted,#607482)}
.cpay-audit-list{display:grid;gap:6px;max-height:260px;overflow:auto;margin:0;padding:0;list-style:none}.cpay-audit-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px;border:1px solid var(--ds-border,#d4dde4);border-radius:9px;font-size:.7rem}.cpay-audit-list small{grid-column:1/-1;color:var(--ds-muted,#607482)}

@media (max-width:820px){
  .cpay-heading{grid-template-columns:minmax(0,1fr);padding:14px}.cpay-integrations{justify-content:flex-start}
  .cpay-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cpay-tabs button:last-child{grid-column:1/-1}
  .cpay-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cpay-actions .button{width:100%}
  .cpay-summary-card>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cpay-form{grid-template-columns:minmax(0,1fr)}.cpay-form>.wide,.cpay-form>fieldset,.cpay-form>footer{grid-column:1}
  .cpay-adjustment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:520px){
  .cpay-heading h3{font-size:1.08rem}.cpay-integrations span{white-space:normal}
  .cpay-actions{grid-template-columns:minmax(0,1fr)}
  .cpay-dialog-layer{padding:0}.cpay-dialog,.cpay-dialog.wide{inline-size:100vw;max-inline-size:100vw;max-block-size:100dvh;height:100dvh;border:0;border-radius:0}.cpay-dialog-body{padding:11px}.cpay-dialog>header{padding:11px;position:sticky;top:0;z-index:3}
  .cpay-line-row{grid-template-columns:22px minmax(0,1fr);grid-template-areas:"check copy" "input input"}.cpay-line-row>input[type="checkbox"]{grid-area:check}.cpay-line-row>span{grid-area:copy}.cpay-line-row>input[type="number"]{grid-area:input;width:100%}
  .cpay-adjustment-grid{grid-template-columns:minmax(0,1fr)}
  .cpay-form footer,.cpay-statement footer{display:grid;grid-template-columns:minmax(0,1fr)}.cpay-form footer .button,.cpay-statement footer .button{width:100%}
}

@media (orientation:landscape) and (max-height:520px){
  .cpay-dialog,.cpay-dialog.wide{max-block-size:100dvh;border-radius:0}.cpay-dialog-body{padding-block:8px}.cpay-line-list{max-height:170px}
}

@media print{
  .topbar,.sidebar,.cpay-actions,.cpay-tabs,.cpay-row-actions,.cpay-dialog-layer{display:none!important}
  .cpay-table-scroll{overflow:visible;border:0}.cpay-table{width:100%;font-size:8pt}.cpay-table th{position:static}
}