/* NEXT presentation only: full tables scroll inside a fixed reachable header. */ /* WB33: native saved-choice confirmation; safe focus and a separate result state. */ #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation){width:min(600px,calc(100vw - 48px));color-scheme:dark;} #modal.ctms-modern-modal .bpay-next-clear-confirmation{display:flex;flex-direction:column;gap:16px;max-height:65vh;overflow:auto;overscroll-behavior:contain;font-size:14px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-clear-confirmation h2{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;} #modal.ctms-modern-modal .bpay-next-clear-confirmation p{margin:0;} #modal.ctms-modern-modal .bpay-next-clear-list{display:flex;flex-direction:column;gap:12px;} #modal.ctms-modern-modal .bpay-next-clear-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;} #modal.ctms-modern-modal .bpay-next-clear-row>div{min-width:0;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-clear-row>div:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-clear-row small{display:block;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal .bpay-next-clear-linked{display:flex;align-items:center;gap:9px;min-height:28px;font-size:12px;} #modal.ctms-modern-modal .bpay-next-clear-linked input{width:18px;height:18px;accent-color:var(--ctms-modal-accent-bright);margin:0;} #modal.ctms-modern-modal .bpay-next-clear-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;} #modal.ctms-modern-modal .bpay-next-clear-footer .btn-warn{order:-1;margin-right:auto;} #modal.ctms-modern-modal :is(.bpay-next-clear-confirmation,.bpay-next-clear-footer) [hidden]{display:none;} #modal.ctms-modern-modal .bpay-next-clear-confirmation.is-stale .bpay-next-clear-list{opacity:.6;} @media(max-width:700px){ #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation){width:calc(100vw - 16px);} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) #btnCloseModal,#modal.ctms-modern-modal .bpay-next-clear-footer .btn{min-width:44px;min-height:44px;} #modal.ctms-modern-modal .bpay-next-clear-linked{min-height:44px;} #modal.ctms-modern-modal .bpay-next-clear-confirmation{max-height:60vh;} #modal.ctms-modern-modal .bpay-next-clear-footer{flex-wrap:wrap;} } /* WB31: the original Office frame, one component and one footer action. */ #modal.ctms-modern-modal:has(div.bpay-next-component-choice){width:min(600px,calc(100vw - 48px));color-scheme:dark;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #modalDrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #modalTitle{grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) [data-next-window-header-detail]{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #btnCloseModal{grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #modalDrag>.spacer{display:none;} #modal.ctms-modern-modal div.bpay-next-component-choice{display:block;cursor:default;max-height:65vh;width:100%;overflow:auto;overscroll-behavior:contain;font-size:13px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-component-subject{padding:14px;border:1px solid var(--ctms-modal-line);border-radius:13px;background:var(--ctms-modal-panel-raised);margin-bottom:16px;} #modal.ctms-modern-modal .bpay-next-component-subject p{margin:5px 0 0;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal div.bpay-next-component-choice fieldset{border:0;background:transparent;border-radius:0;padding:0;margin:16px 0;} #modal.ctms-modern-modal div.bpay-next-component-choice legend{font-size:12px;margin-bottom:8px;} #modal.ctms-modern-modal .bpay-next-component-mode{display:grid;grid-template-columns:18px auto minmax(0,1fr);column-gap:9px;align-items:center;min-height:28px;margin:0;} #modal.ctms-modern-modal .bpay-next-component-mode small{grid-column:3;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal .bpay-next-component-mode:has(input:disabled){color:var(--ctms-modal-sub);} #modal.ctms-modern-modal :is(.bpay-next-component-mode,.bpay-next-component-linked) input{width:18px;height:18px;accent-color:var(--ctms-modal-accent-bright);margin:0;} #modal.ctms-modern-modal .bpay-next-component-field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:16px 0;} #modal.ctms-modern-modal .bpay-next-component-field :is(input,textarea){width:100%;box-sizing:border-box;min-height:38px;padding:10px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:8px;font:inherit;} #modal.ctms-modern-modal .bpay-next-component-field input{text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-component-money-input{position:relative;display:block;} #modal.ctms-modern-modal .bpay-next-component-money-input>span{position:absolute;left:12px;top:10px;pointer-events:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read div.bpay-next-component-choice .bpay-next-component-field .bpay-next-component-money-input input{padding-left:28px;text-align:left;} #modal.ctms-modern-modal .bpay-next-component-field [aria-invalid=true]{border-color:var(--ctms-modal-danger);} #modal.ctms-modern-modal .bpay-next-component-linked{display:flex;align-items:center;gap:9px;min-height:44px;margin:16px 0;} #modal.ctms-modern-modal .bpay-next-component-facts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;border:0;padding:0;margin:16px 0;} #modal.ctms-modern-modal .bpay-next-component-facts dt{color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-component-facts dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-component-saved{padding:12px 14px;border-left:4px solid var(--ctms-modal-accent-bright);background:var(--ctms-modal-panel-raised);border-radius:8px;} #modal.ctms-modern-modal .bpay-next-component-saved span{display:block;margin-top:4px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-component-excluded{font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-component-success{padding:12px 14px;border:1px solid var(--ctms-modal-success);border-left:4px solid var(--ctms-modal-success);border-radius:10px;background:color-mix(in srgb,var(--ctms-modal-success) 14%,var(--ctms-modal-panel));} #modal.ctms-modern-modal div.bpay-next-component-choice p .candidate-office-badge{margin-left:10px;} #modal.ctms-modern-modal .bpay-next-component-footer{display:flex;align-items:center;gap:12px;justify-content:flex-end;width:100%;} #modal.ctms-modern-modal .bpay-next-component-footer p{margin:0 auto 0 0;font-size:12px;line-height:1.5;} #modal.ctms-modern-modal :is(div.bpay-next-component-choice,.bpay-next-component-footer) [hidden]{display:none;} #modal.ctms-modern-modal .bpay-next-component-confirmation{display:flex;flex-direction:column;gap:16px;} #modal.ctms-modern-modal .bpay-next-component-confirmation h2{display:flex;align-items:center;gap:12px;font-size:15px;margin:0;} #modal.ctms-modern-modal .bpay-next-component-confirmation p{margin:0;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-component-confirmation p span{display:block;margin-top:4px;} #modal.ctms-modern-modal .bpay-next-component-question{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--ctms-modal-accent-bright);border-radius:50%;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-component-question-danger{color:var(--ctms-modal-danger);border-color:var(--ctms-modal-danger);background:color-mix(in srgb,var(--ctms-modal-danger) 12%,var(--ctms-modal-panel));} #modal.ctms-modern-modal:has(.bpay-next-component-confirmation) .bpay-next-confirmation-footer{display:flex;justify-content:flex-end;gap:8px;width:100%;} #modal.ctms-modern-modal:has(.bpay-next-component-confirmation) .bpay-next-confirmation-footer .btn-warn{order:-1;margin-right:auto;} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #modalActions:has([data-next-window-footer][hidden]):not(:has([data-next-window-footer]:not([hidden]))){display:none;} @media(max-width:700px){ #modal.ctms-modern-modal:has(div.bpay-next-component-choice){width:calc(100vw - 16px);} #modal.ctms-modern-modal:has(div.bpay-next-component-choice) #btnCloseModal{min-width:44px;min-height:44px;} #modal.ctms-modern-modal .bpay-next-component-field :is(input,textarea){min-height:44px;} #modal.ctms-modern-modal .bpay-next-component-mode{grid-template-columns:18px minmax(0,1fr);min-height:44px;} #modal.ctms-modern-modal .bpay-next-component-mode small{grid-column:2;} #modal.ctms-modern-modal :is(div.bpay-next-component-choice,.bpay-next-component-footer,.bpay-next-component-confirmation) .btn,#modal.ctms-modern-modal:has(.bpay-next-component-confirmation) .bpay-next-confirmation-footer .btn{min-width:44px;min-height:44px;} #modal.ctms-modern-modal div.bpay-next-component-choice{max-height:60vh;} } /* WB30: native bucket table and bounded evidence, with one footer action. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-rates){width:min(1360px,calc(100vw - 48px));color-scheme:dark;} #modal.ctms-modern-modal:has(.bpay-next-rates) #modalDrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;} #modal.ctms-modern-modal:has(.bpay-next-rates) #modalTitle{grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-rates) [data-next-window-header-detail]{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;} #modal.ctms-modern-modal:has(.bpay-next-rates) #btnCloseModal{grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(.bpay-next-rates) #modalDrag>.spacer{display:none;} #modal.ctms-modern-modal .bpay-next-rates{min-width:0;} #modal.ctms-modern-modal .bpay-next-rates-scroll{max-height:65vh;overflow:auto;overscroll-behavior:contain;} #modal.ctms-modern-modal .bpay-next-rates-warning{padding:12px 14px;border:1px solid rgba(246,189,82,.48);border-left:4px solid #f6bd52;border-radius:10px;background:var(--ctms-modal-panel-raised);margin:0 0 16px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-rate-table{width:100%;table-layout:fixed;border:1px solid var(--ctms-modal-line);border-radius:13px;border-spacing:0;font-size:12px;} #modal.ctms-modern-modal .bpay-next-rate-table>thead>tr>th{position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);font-size:11px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-rate-table>thead>tr>th:first-child{border-top-left-radius:13px;} #modal.ctms-modern-modal .bpay-next-rate-table>thead>tr>th:last-child{border-top-right-radius:13px;} #modal.ctms-modern-modal .bpay-next-rate-table :is(th,td){padding:12px 10px;vertical-align:middle;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-rate-table :is(th,td):first-child{width:18%;} #modal.ctms-modern-modal .bpay-next-rate-table :is(th,td):nth-child(n+2):nth-child(-n+8){text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-rate-table td small{display:block;color:var(--ctms-modal-sub);margin-top:5px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-rate-name{display:flex;align-items:center;gap:4px;font-weight:730;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rate-caret{display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;min-height:24px;margin:0;padding:0;border:1px solid var(--ctms-modal-line);border-radius:5px;background:transparent;font-size:12px;} #modal.ctms-modern-modal .bpay-next-rate-table input{width:100%;min-height:38px;padding:8px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:8px;font:inherit;text-align:right;box-sizing:border-box;} #modal.ctms-modern-modal .bpay-next-rate-table input[aria-invalid=true]{border-color:var(--ctms-modal-danger);} #modal.ctms-modern-modal .bpay-next-field-error{color:var(--ctms-modal-danger);margin:0 0 6px;line-height:1.5;font-size:12px;} #modal.ctms-modern-modal .bpay-next-rates-linked{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;font-size:13px;} #modal.ctms-modern-modal .bpay-next-rates-linked input{width:18px;height:18px;accent-color:var(--ctms-modal-accent-bright);} #modal.ctms-modern-modal .bpay-next-rates-reason{display:flex;flex-direction:column;gap:8px;margin-top:16px;font-size:12px;} #modal.ctms-modern-modal .bpay-next-rates-reason textarea{width:100%;box-sizing:border-box;padding:10px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:8px;font:inherit;} #modal.ctms-modern-modal :is(.bpay-next-rates,.bpay-next-rates-footer) [hidden]{display:none;} #modal.ctms-modern-modal .bpay-next-rates-exclusions{color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal .bpay-next-rates-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;} #modal.ctms-modern-modal .bpay-next-rates-result{margin:0 auto 0 0;font-size:12px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-rates-evidence{max-height:280px;overflow:auto;overscroll-behavior:contain;} #modal.ctms-modern-modal .bpay-next-rates-evidence table{width:100%;table-layout:auto;font-size:12px;} #modal.ctms-modern-modal .bpay-next-rates-evidence th{position:sticky;top:0;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-rates-evidence :is(th,td):last-child{text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-rate-confirmation{display:flex;flex-direction:column;gap:16px;} #modal.ctms-modern-modal .bpay-next-rate-confirmation h2{display:flex;align-items:center;gap:12px;font-size:15px;margin:0;} #modal.ctms-modern-modal .bpay-next-rate-question-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--ctms-modal-accent-bright);border-radius:50%;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-rate-confirmation p{margin:0;line-height:1.5;} #modal.ctms-modern-modal:has(.bpay-next-rate-confirmation) .bpay-next-confirmation-footer{display:flex;justify-content:flex-end;gap:8px;} #modal.ctms-modern-modal .bpay-next-rate-confirmation table{width:100%;border:1px solid var(--ctms-modal-line);border-radius:10px;font-size:13px;} #modal.ctms-modern-modal .bpay-next-rate-confirmation table :is(th,td){padding:12px;} #modal.ctms-modern-modal .bpay-next-rate-table-host{border:1px solid var(--ctms-modal-line);border-radius:13px;overflow:hidden;} #modal.ctms-modern-modal .bpay-next-rate-table-host table{width:100%;border:0;border-spacing:0;font-size:13px;} #modal.ctms-modern-modal .bpay-next-rates-result-table :is(th,td){padding:12px 14px;} #modal.ctms-modern-modal .bpay-next-rates-result-table th{position:sticky;top:0;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-rate-evidence-message{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-rate-evidence-message p{margin:8px 0;} #modal.ctms-modern-modal .bpay-next-rates .bpay-next-result-line{padding:12px 14px;border:1px solid var(--ctms-modal-success);border-left:4px solid var(--ctms-modal-success);border-radius:10px;background:color-mix(in srgb,var(--ctms-modal-success) 14%,var(--ctms-modal-panel));line-height:1.5;} #modal.ctms-modern-modal:has(.bpay-next-rates) #modalActions:has([data-next-window-footer][hidden]):not(:has([data-next-window-footer]:not([hidden]))){display:none;} #modal.ctms-modern-modal:has(.bpay-next-rate-confirmation) .bpay-next-confirmation-footer:has(.btn-warn){width:100%;} #modal.ctms-modern-modal:has(.bpay-next-rate-confirmation) .bpay-next-confirmation-footer .btn-warn{order:-1;margin-right:auto;} @media(max-width:700px){ #modal.ctms-modern-modal:has(.bpay-next-rate-confirmation) .bpay-next-confirmation-footer .btn{min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rate-table,#modal.ctms-modern-modal .bpay-next-rate-table-host{border:0;border-radius:0;overflow:visible;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rate-table .bpay-next-rate-detail{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0;padding:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rate-table .bpay-next-rate-detail>td{padding:8px 0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rates-evidence table.ctms-universal-table tbody tr{border:0;border-radius:0;box-shadow:none;background:transparent;margin:0;padding:8px 0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rates-evidence table{border:0;border-radius:0;box-shadow:none;background:transparent;} } @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-rates){width:calc(100vw - 12px);} #modal.ctms-modern-modal .bpay-next-rates-scroll{max-height:62vh;} #modal.ctms-modern-modal .bpay-next-rate-table :is(th,td):nth-child(n){width:auto;text-align:left;} #modal.ctms-modern-modal .bpay-next-rate-table td:first-child{display:block;font-size:14px;} #modal.ctms-modern-modal .bpay-next-rate-table td:first-child::before{display:none;} #modal.ctms-modern-modal .bpay-next-rate-table td:nth-child(8){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);} #modal.ctms-modern-modal .bpay-next-rate-table td:nth-child(8) .bpay-next-field-error{grid-column:1 / -1;} #modal.ctms-modern-modal .bpay-next-rate-detail>td{display:block;} #modal.ctms-modern-modal .bpay-next-rate-detail>td::before{display:none;} #modal.ctms-modern-modal:has(.bpay-next-rates) :is(#btnCloseModal,button,input[type=text]){min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-rate-caret{width:44px;height:44px;min-width:44px;min-height:44px;} #modal.ctms-modern-modal .bpay-next-rates-footer{flex-wrap:wrap;} } /* WB32 supplied SCR26/26b/27, original dark Office frame. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-pay-channel){width:min(1360px,calc(100vw - 48px));color-scheme:dark;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) #modalDrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) #modalTitle{grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) [data-next-window-header-detail]{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) #btnCloseModal{grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) #modalDrag>.spacer{display:none;} #modal.ctms-modern-modal .bpay-next-pay-channel-scroll{max-height:65vh;overflow:auto;overscroll-behavior:contain;} #modal.ctms-modern-modal .bpay-next-pay-channel-strip{display:flex;gap:16px;margin-bottom:16px;} #modal.ctms-modern-modal .bpay-next-pay-channel-strip>div{display:flex;flex-direction:column;gap:6px;padding-right:16px;border-right:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-pay-channel-strip>div:last-child{border:0;} #modal.ctms-modern-modal .bpay-next-pay-channel-strip span{text-transform:uppercase;font-size:11px;font-weight:700;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-pay-channel-strip strong{font-size:15px;} #modal.ctms-modern-modal .bpay-next-pay-channel-table-host{border:1px solid var(--ctms-modal-line);border-radius:13px;overflow:hidden;margin-top:16px;} #modal.ctms-modern-modal .bpay-next-pay-channel-table{width:100%;table-layout:fixed;border:0;border-spacing:0;font-size:13px;} #modal.ctms-modern-modal .bpay-next-pay-channel-table :is(th,td){padding:12px 10px;vertical-align:middle;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-pay-channel-table th{position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);font-size:11px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-pay-channel-table :is(th,td):first-child{width:20%;} #modal.ctms-modern-modal .bpay-next-pay-channel-table :is(th,td):nth-child(n+2):nth-child(-n+7){text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-pay-channel-table .bpay-next-pay-channel-group>td{width:auto;text-align:left;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-pay-channel-group>td>div{display:flex;align-items:center;justify-content:space-between;gap:12px;} #modal.ctms-modern-modal .bpay-next-pay-channel-group strong{font-size:11px;text-transform:uppercase;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-pay-channel-table td small{display:block;color:var(--ctms-modal-sub);margin-top:5px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-pay-channel-table td .btn{font-size:11px;} #modal.ctms-modern-modal .bpay-next-pay-channel-table input{width:100%;min-height:40px;padding:8px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:8px;font:inherit;text-align:right;box-sizing:border-box;} #modal.ctms-modern-modal .bpay-next-pay-channel-table input[aria-invalid=true]{border-color:var(--ctms-modal-danger);} #modal.ctms-modern-modal .bpay-next-pay-channel-summary{font-size:12px;color:var(--ctms-modal-sub);margin:10px 0;} #modal.ctms-modern-modal .bpay-next-pay-channel-reason{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:16px 0;} #modal.ctms-modern-modal .bpay-next-pay-channel-reason textarea{width:100%;box-sizing:border-box;padding:10px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:8px;font:inherit;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-card{border:1px solid var(--ctms-modal-line);border-radius:16px;padding:18px;background:var(--ctms-modal-panel-raised);margin-top:16px;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-card>small{font-size:10px;text-transform:uppercase;color:var(--ctms-modal-accent-bright);letter-spacing:.08em;font-weight:750;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-card h2{font-size:15px;margin:6px 0 14px;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:14px;border-top:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns h3{font-size:13px;font-weight:500;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 16px;font-size:12px;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns dt{color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns dd{margin:0;font-weight:700;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-card>.btn{display:block;margin-left:auto;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer>p{margin:0 auto 0 0;font-size:12px;line-height:1.5;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer .bpay-next-channel-clear{border-color:var(--ctms-modal-danger);color:var(--ctms-modal-danger);background:transparent;} #modal.ctms-modern-modal :is(.bpay-next-pay-channel,.bpay-next-pay-channel-footer) [hidden]{display:none;} #modal.ctms-modern-modal .bpay-next-channel-choice-confirm h2{display:flex;align-items:center;gap:12px;font-size:15px;margin:0 0 16px;} #modal.ctms-modern-modal .bpay-next-channel-choice-confirm p{line-height:1.5;} #modal.ctms-modern-modal .bpay-next-channel-choice-confirm p>span{display:block;margin-top:6px;} #modal.ctms-modern-modal:has(.bpay-next-channel-choice-confirm) .bpay-next-confirmation-footer{display:flex;justify-content:flex-end;gap:8px;width:100%;} #modal.ctms-modern-modal:has(.bpay-next-channel-choice-confirm) .bpay-next-confirmation-footer .btn-warn{order:-1;margin-right:auto;} #modal.ctms-modern-modal .bpay-next-pay-channel .bpay-next-result-line{padding:12px;border:1px solid var(--ctms-modal-success);border-left:4px solid var(--ctms-modal-success);border-radius:10px;background:color-mix(in srgb,var(--ctms-modal-success) 14%,var(--ctms-modal-panel));} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-pay-channel){width:calc(100vw - 12px);} #modal.ctms-modern-modal .bpay-next-pay-channel-scroll{max-height:62vh;} #modal.ctms-modern-modal .bpay-next-pay-channel-table-host{border:0;border-radius:0;overflow:visible;} #modal.ctms-modern-modal .bpay-next-pay-channel-table :is(th,td):nth-child(n){width:auto;text-align:left;} #modal.ctms-modern-modal .bpay-next-pay-channel-table .bpay-next-pay-channel-group>td{display:block;padding:0;} #modal.ctms-modern-modal .bpay-next-pay-channel-group>td::before{display:none;} #modal.ctms-modern-modal .bpay-next-pay-channel-group>td>div{flex-wrap:wrap;} #modal.ctms-modern-modal .bpay-next-pay-channel-table td:first-child{display:block;} #modal.ctms-modern-modal .bpay-next-pay-channel-table td:first-child::before{display:none;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-columns{grid-template-columns:1fr;gap:12px;} #modal.ctms-modern-modal .bpay-next-pay-channel-finance-card{padding:14px;} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) :is(button,input[type=text],#btnCloseModal){min-height:44px;min-width:44px;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer{flex-wrap:wrap;} #modal.ctms-modern-modal .bpay-next-pay-channel-strip{gap:10px;} #modal.ctms-modern-modal .bpay-next-pay-channel-strip>div{padding-right:10px;} } /* EX-01 supplied SCR66: one credential step and one native footer action. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth {display:flex;flex-direction:column;gap:16px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-intro {border:1px solid var(--ctms-modal-line);border-radius:13px;background:var(--ctms-modal-panel-raised);padding:12px 14px;line-height:1.5;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-intro p {margin:4px 0 0;color:var(--ctms-modal-sub);font-size:12px;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-field {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-field input {width:100%;min-height:42px;border:1px solid var(--ctms-modal-line);border-radius:10px;background:var(--ctms-modal-panel);color:var(--ctms-modal-text);padding:10px 12px;font:inherit;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-field input[aria-invalid=true] {border-color:var(--ctms-modal-danger);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth :is(.bpay-next-reauth-error,.bpay-next-reauth-result) {margin:0;line-height:1.5;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-error {display:flex;align-items:flex-start;gap:8px;color:#f4b0b8;font-size:12px;font-weight:600;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-error-icon {display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;height:16px;border-radius:50%;background:#532b3a;color:#ffe9ed;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-result {color:var(--ctms-modal-success);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth-result.bpay-next-reauth-checking {color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth>button {align-self:flex-start;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-reauth [hidden] {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-window-actions.bpay-next-reauth-destructive {width:100%;margin-left:0;justify-content:flex-start;} @media(max-width:720px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-reauth) :is(#btnCloseModal,#modalActions button,.bpay-next-reauth button,.bpay-next-reauth input){min-height:44px;min-width:44px;} } /* DR05 uses the native standard window and table tokens. */ #modal.ctms-kind-bpay-next-read .bpay-next-review-tools {display:flex;justify-content:flex-end;margin-bottom:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-worker-review .bpay-next-result-success {border-color:var(--ctms-modal-success);background:color-mix(in srgb,var(--ctms-modal-success) 14%,var(--ctms-modal-panel));color:var(--ctms-modal-text);} #modal.ctms-kind-bpay-next-read .bpay-next-review-results {max-height:min(560px,55vh);overflow:auto;border:1px solid var(--ctms-modal-line);border-radius:10px;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results table {width:100%;border-collapse:collapse;table-layout:fixed;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results th {position:sticky;top:0;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-sub);text-align:left;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td) {padding:12px 14px;border:0;border-bottom:1px solid var(--ctms-modal-line-soft);vertical-align:top;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(1) {width:15%;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(2) {width:15%;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(3) {width:35%;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results .bpay-next-review-money {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results small {display:block;color:var(--ctms-modal-sub);margin-top:6px;line-height:1.5;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results tr[aria-selected=true] {background:var(--ctms-modal-panel-raised);box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results table.ctms-universal-card-table > tbody > tr > td[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions {display:flex;gap:6px;flex-wrap:wrap;} #modal.ctms-kind-bpay-next-read .bpay-next-worker-remove-actions [data-next-destructive] {order:-1;} #modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions .btn {white-space:nowrap;} #modal.ctms-kind-bpay-next-read:has(.bpay-next-worker-confirmation) #modalBody {padding:0;} #modal.ctms-kind-bpay-next-read .bpay-next-worker-confirmation h2 {display:flex;gap:12px;align-items:center;font-size:15px;margin:0;padding:16px 18px;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-kind-bpay-next-read .bpay-next-worker-confirmation p {margin:16px 18px;line-height:1.6;} #modal.ctms-kind-bpay-next-read .bpay-next-worker-confirmation .bpay-next-question-icon {display:inline-flex;flex:0 0 30px;height:30px;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--ctms-modal-accent-bright);color:var(--ctms-modal-text);background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-worker-confirmation.is-remove .bpay-next-question-icon {border-color:var(--ctms-modal-danger);color:var(--ctms-modal-danger);} @media(max-width:700px){ #modal.ctms-kind-bpay-next-read .bpay-next-review-results {border:0;max-height:52vh;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(table,tbody,tr,td) {display:block;width:auto;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results thead {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results tr {border:1px solid var(--ctms-modal-line);border-radius:10px;margin-bottom:10px;padding:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(n) {width:auto;border:0;padding:6px;} #modal.ctms-kind-bpay-next-read .bpay-next-review-results td[data-label="Gross ex VAT"]::before {content:"Gross ex VAT ";color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-review-results .bpay-next-review-money {text-align:left;} #modal.ctms-kind-bpay-next-read .bpay-next-worker-review .btn {min-height:44px;} } .bpay-next-office,#modal.ctms-kind-banking-pay-history { --next-bg:#18202f;--next-text:#f4f6fb;--next-line:#64748b;--next-raised:#263247; --next-input:#101625;--next-button:#654fc0;--next-button-text:#fff;--next-button-line:#ad9bff; --next-focus:#f7cf53;--next-alert:#382c17;--next-alert-text:#ffecbe;--next-alert-line:#efb44e; --next-scheme:dark;color-scheme:var(--next-scheme); } .bpay-next-office { --next-gap:12px;position:fixed;inset:max(var(--next-gap),env(safe-area-inset-top)) max(var(--next-gap),env(safe-area-inset-right)) max(var(--next-gap),env(safe-area-inset-bottom)) max(var(--next-gap),env(safe-area-inset-left)); z-index:100100;color:var(--next-text);background:var(--next-bg);border:1px solid var(--next-line);border-radius:10px;display:flex;flex-direction:column;max-width:1250px;margin:auto; max-height:calc(100dvh - max(var(--next-gap),env(safe-area-inset-top)) - max(var(--next-gap),env(safe-area-inset-bottom)));box-sizing:border-box; } .bpay-next-office header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--next-line);flex:none;min-width:0;} .bpay-next-office h2 {font-size:20px;margin:0;min-width:0;overflow-wrap:anywhere;} .bpay-next-office header button {flex-shrink:0;min-height:44px;} .bpay-next-office .bpay-next-body {overflow:auto;overscroll-behavior:contain;min-height:0;min-width:0;padding:16px 18px;flex:1;} .bpay-next-office button {background:var(--next-button);color:var(--next-button-text);border:1px solid var(--next-button-line);border-radius:5px;padding:8px 12px;margin:3px;cursor:pointer;font:inherit;} .bpay-next-office :disabled,#modal.ctms-kind-banking-pay-history :disabled {opacity:.5;cursor:default;} .bpay-next-office :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible, #modal.ctms-kind-banking-pay-history :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible {outline:3px solid var(--next-focus)!important;outline-offset:2px;} .bpay-next-office label {display:inline-flex;gap:8px;align-items:center;margin:6px;flex-wrap:wrap;max-width:100%;} .bpay-next-office :is(input,select,textarea) {background:var(--next-input);color:var(--next-text);border:1px solid var(--next-line);padding:7px;font:inherit;max-width:100%;box-sizing:border-box;} .bpay-next-office table {border-collapse:collapse;min-width:850px;width:100%;} .bpay-next-office th,.bpay-next-office td {border:1px solid var(--next-line);padding:8px;vertical-align:top;text-align:left;overflow-wrap:anywhere;max-width:260px;} .bpay-next-office th {background:var(--next-raised);} .bpay-next-office input[type=checkbox] {width:20px;height:20px;accent-color:var(--next-button);} .bpay-next-office .bpay-next-alert,#modal.ctms-kind-banking-pay-history [role=alert] {background:var(--next-alert);color:var(--next-alert-text);padding:10px;border:1px solid var(--next-alert-line);} #modal.ctms-modern-modal.ctms-kind-banking-pay-history { --ctms-modal-canvas:var(--next-bg);--ctms-modal-panel:var(--next-bg);--ctms-modal-panel-raised:var(--next-raised);--ctms-modal-panel-soft:var(--next-raised);--ctms-modal-input:var(--next-input); --ctms-modal-line:var(--next-line);--ctms-modal-line-soft:var(--next-line);--ctms-modal-text:var(--next-text);--ctms-modal-sub:var(--next-text); display:flex;flex-direction:column;border-color:var(--next-line);color:var(--next-text);background:var(--next-bg);color-scheme:var(--next-scheme); } #modal.ctms-modern-modal.ctms-kind-banking-pay-history :is(.modal-h,#modalTabs,.actions,.card) {background:var(--next-raised);color:var(--next-text);border-color:var(--next-line);} #modal.ctms-modern-modal.ctms-kind-banking-pay-history .modal-h {flex:none;min-width:0;cursor:default;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history .modal-h .ttl {overflow-wrap:anywhere;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history #btnCloseModal {flex-shrink:0;min-height:44px;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history #modalBody {min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history :is(button,.btn) {background:var(--next-button);color:var(--next-button-text);border-color:var(--next-button-line);} #modal.ctms-modern-modal.ctms-kind-banking-pay-history :is(button,.btn):hover:not(:disabled) {filter:brightness(1.12);} #modal.ctms-kind-banking-pay-history :is(summary,a) {color:var(--next-text);cursor:pointer;} #modal.ctms-kind-banking-pay-history #bpayNextPaymentHistory {color:var(--next-text);overflow-wrap:anywhere;} #modal.ctms-kind-banking-pay-history #bpayNextPaymentHistory dd {margin-inline-start:12px;} @media(max-width:600px) { #modal.ctms-kind-bpay-next-read:has(.bpay-next-job-update) #btnCloseModal,#modal.ctms-kind-bpay-next-read:has(.bpay-next-job-update) [data-next-window-footer] .btn {min-height:44px;min-width:44px;} .bpay-next-office {--next-gap:6px;} .bpay-next-office header {padding:9px;gap:6px;} .bpay-next-office .bpay-next-body {padding:9px;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history[role=dialog] { width:calc(100vw - max(6px,env(safe-area-inset-left)) - max(6px,env(safe-area-inset-right)));max-width:calc(100vw - max(6px,env(safe-area-inset-left)) - max(6px,env(safe-area-inset-right))); max-height:calc(100dvh - max(6px,env(safe-area-inset-top)) - max(6px,env(safe-area-inset-bottom)));min-width:0; } #modal.ctms-modern-modal.ctms-kind-banking-pay-history .modal-h {padding:9px;min-height:0;gap:6px;} #modal.ctms-modern-modal.ctms-kind-banking-pay-history .modal-h .ttl {font-size:18px;} } #modal.ctms-modern-modal.ctms-kind-banking-pay-history #modalTabs button, #modal.ctms-modern-modal.ctms-kind-banking-pay-history #modalTabs button.active, #modal.ctms-modern-modal.ctms-kind-banking-pay-history #modalTabs button:hover:not(.disabled) {color:var(--next-button-text);background:var(--next-button);border-color:var(--next-button-line);} /* WB13 bounded issue-list view, within the existing Office sheet. */ .bpay-next-issue-lists {margin-bottom:20px;border-bottom:1px solid var(--next-line);padding-bottom:12px;} .bpay-next-issue-lists [role=tablist] {display:flex;gap:4px;flex-wrap:wrap;} .bpay-next-issue-lists [aria-selected=true] {outline:2px solid var(--next-focus);outline-offset:-2px;} .bpay-next-issue-table {overflow:auto;max-height:45vh;min-height:120px;overscroll-behavior:contain;} .bpay-next-issue-table table {min-width:750px;} .bpay-next-issue-table small {display:block;} .bpay-next-issue-table tr:focus-visible {outline:3px solid var(--next-focus);outline-offset:-3px;} .bpay-next-issue-lists form {display:flex;gap:8px;flex-wrap:wrap;align-items:center;} .bpay-next-issue-lists [hidden] {display:none!important;} /* WB11 components inside the existing Office modal and its shared tokens. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window {width:min(1320px,calc(100vw - 48px));} #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-small-window {width:min(600px,calc(100vw - 48px));} #modal.ctms-kind-bpay-next-read.bpay-next-confirmation #modalDrag {display:none;} #modal.ctms-kind-bpay-next-read.bpay-next-confirmation .bpay-next-window-actions {gap:8px;} #modal.ctms-kind-bpay-next-read.bpay-next-confirmation .bpay-next-window-actions button {min-height:44px;} #modal.ctms-modern-modal .bpay-next-office-content {--next-line:var(--ctms-modal-line);--next-focus:var(--ctms-modal-accent-bright);color:var(--ctms-modal-text);} #modal.ctms-modern-modal .bpay-next-workbench-shell>.ws-notice[hidden] {display:none;} #modal.ctms-modern-modal .bpay-next-main-tabs {display:flex;gap:6px;padding:8px 0;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-main-tabs [aria-selected=true] {border-color:var(--ctms-modal-accent);box-shadow:0 2px 0 var(--ctms-modal-cyan);} #modal.ctms-modern-modal .bpay-next-tab-count {display:inline-block;border-radius:999px;background:var(--ctms-modal-panel-raised);padding:2px 7px;margin-left:6px;font-size:12px;} #modal.ctms-modern-modal .bpay-next-header-strip {display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0;} #modal.ctms-modern-modal .bpay-next-header-facts {display:flex;flex-wrap:wrap;} #modal.ctms-modern-modal .bpay-next-header-facts>div {border-right:1px solid var(--ctms-modal-line);padding:0 12px;} #modal.ctms-modern-modal .bpay-next-header-facts>div:first-child {padding-left:0;} #modal.ctms-modern-modal .bpay-next-header-facts>div:last-child {border-right:0;} #modal.ctms-modern-modal .bpay-next-header-facts span {display:block;color:var(--ctms-modal-sub);font-size:11px;text-transform:uppercase;font-weight:760;letter-spacing:.055em;} #modal.ctms-modern-modal .bpay-next-header-facts strong {display:block;margin-top:4px;font-size:18px;font-weight:740;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-stale {opacity:.55;} #modal.ctms-modern-modal .bpay-next-header-actions {margin-left:auto;display:flex;gap:6px;} #modal.ctms-modern-modal .bpay-next-workbench-shell .ma-chips {display:flex;gap:8px;flex-wrap:wrap;} #modal.ctms-modern-modal .bpay-next-workbench-shell .ma-chip {border-radius:999px;border:1px solid var(--ctms-modal-line);padding:6px 10px;color:var(--ctms-modal-sub);background:var(--ctms-modal-panel-soft);font-size:12px;font-weight:680;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalBody .bpay-next-filter-content fieldset {border:0;border-radius:0;background:transparent;box-shadow:none;margin:0 0 16px;padding:0;} #modal.ctms-modern-modal .bpay-next-filter-content legend,#modal.ctms-modern-modal .bpay-next-filter-content label {font-size:12px;font-weight:680;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-filter-content label {display:flex;flex-direction:column;gap:8px;margin-bottom:16px;} #modal.ctms-modern-modal .bpay-next-filter-content fieldset label {flex-direction:row;align-items:center;min-height:24px;margin:0;} #modal.ctms-modern-modal .bpay-next-filter-content input[type=radio] {width:18px;height:18px;accent-color:var(--ctms-modal-accent);margin:4px 0;} #modal.ctms-modern-modal .bpay-next-filter-content input[type=search],#modal.ctms-modern-modal .bpay-next-filter-content label>.btn {box-sizing:border-box;width:100%;min-height:44px;text-align:left;} #modal.ctms-modern-modal .bpay-next-filter-count {padding:14px;border:1px solid var(--ctms-modal-line);border-radius:13px;background:var(--ctms-modal-panel-soft);} #modal.ctms-modern-modal .bpay-next-filter-count p {margin:4px 0 0;font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-filter-reset-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;} #modal.ctms-modern-modal .bpay-next-reset-heading {display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;} #modal.ctms-modern-modal .bpay-next-reset-heading p {margin:0;} #modal.ctms-modern-modal:has(:is(.bpay-next-reset-confirm,.bpay-next-clear-consent)) #modalDrag {display:none;} #modal.ctms-modern-modal .bpay-next-channel-question-icon.is-success {color:var(--ctms-modal-success);border-color:var(--ctms-modal-success);} #modal.ctms-modern-modal .bpay-next-clear-row .bpay-next-clear-row-success {color:var(--ctms-modal-success);} #modal.ctms-modern-modal .bpay-next-clear-row .bpay-next-clear-row-refused {color:var(--ctms-modal-danger);} #modal.ctms-modern-modal .bpay-next-clear-result-success,#modal.ctms-modern-modal .bpay-next-reset-result {color:var(--ctms-modal-success);} #modal.ctms-modern-modal .bpay-next-filter-reset-actions .btn {min-height:32px;font-size:13px;} #modal.ctms-modern-modal :is(.bpay-next-reset-confirm,.bpay-next-decisions-clear) p {overflow-wrap:anywhere;} #modal.ctms-modern-modal :is(.bpay-next-reset-confirm,.bpay-next-decisions-clear) .bpay-next-reset-question {font-size:16px;font-weight:700;margin:0 0 8px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal :is(.bpay-next-reset-confirm,.bpay-next-decisions-clear) .bpay-next-reset-scope {margin:0 0 16px;font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-reset-confirm .bpay-next-reset-scope {font-size:14px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal .bpay-next-clear-facts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;} #modal.ctms-modern-modal .bpay-next-clear-facts>div {display:flex;flex-direction:column;gap:4px;} #modal.ctms-modern-modal .bpay-next-clear-facts span {font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-clear-list {max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:16px 0;} #modal.ctms-modern-modal .bpay-next-clear-row {display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ctms-modal-line);padding:12px 0;} #modal.ctms-modern-modal .bpay-next-clear-row>div {display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-clear-row :is(span,small) {font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-clear-money {text-align:right;flex-shrink:0;} #modal.ctms-modern-modal .bpay-next-window-actions .primary.bpay-next-clear-destructive {order:-1;margin-right:auto;background:#5b202a;border-color:#d85667;color:#ffe7ea;box-shadow:none;} @media(max-width:700px){#modal.ctms-modern-modal .bpay-next-filter-reset-actions .btn {min-height:44px;} #modal.ctms-modern-modal .bpay-next-filter-content fieldset label {min-height:44px;} #modal.ctms-modern-modal .bpay-next-clear-facts {gap:12px 8px;} #modal.ctms-modern-modal .bpay-next-clear-row {gap:8px;} #modal.ctms-modern-modal:has(.bpay-next-decisions-clear) :is(#btnCloseModal,.bpay-next-window-actions .btn) {min-height:44px;min-width:44px;}} #modal.ctms-modern-modal .bpay-next-window-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;} #modal.ctms-modern-modal .bpay-next-picker-list {max-height:380px;overflow:auto;overscroll-behavior:contain;} #modal.ctms-modern-modal .bpay-next-picker-list table {min-width:0;} #modal.ctms-modern-modal .bpay-next-picker-list tr[aria-selected=true] {box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-picker-list small {display:block;color:var(--ctms-modal-sub);font-size:12px;margin-top:4px;} #modal.ctms-modern-modal .bpay-next-phone-open {display:none;} @media(max-width:700px) { #modal.ctms-modern-modal:has(.bpay-next-case-list,.bpay-next-case-list-filters,.bpay-next-snooze-window) :is(button,summary,select,#btnCloseModal) { min-height:44px; min-width:44px; height:auto; } #modal.ctms-modern-modal .bpay-next-main-tabs {gap:2px;} #modal.ctms-modern-modal .bpay-next-main-tabs button {padding:8px 6px;font-size:12px;margin:0;} #modal.ctms-modern-modal .bpay-next-header-strip {padding:12px 0;gap:12px;} #modal.ctms-modern-modal .bpay-next-header-actions {margin-left:0;width:100%;} #modal.ctms-modern-modal .bpay-next-header-facts strong {font-size:16px;} #modal.ctms-modern-modal .bpay-next-picker-list td {display:flex;flex-wrap:wrap;gap:6px;align-items:center;} #modal.ctms-modern-modal .bpay-next-picker-list small {width:100%;order:2;} #modal.ctms-modern-modal .bpay-next-phone-open {display:inline-flex;margin-left:auto;align-items:center;min-height:44px;} } /* WB12 Ready list components; existing standard table/cards and tokens. */ #modal.ctms-modern-modal .bpay-next-ready-scroll {max-height:min(600px,56vh);overflow:auto;overscroll-behavior:contain;border:1px solid var(--ctms-modal-line);border-radius:13px;} #modal.ctms-modern-modal .bpay-next-ready-scroll table {min-width:0;width:100%;} #modal.ctms-modern-modal .bpay-next-ready-scroll thead {position:sticky;top:0;z-index:1;} #modal.ctms-modern-modal .bpay-next-ready-scroll th>.btn {border:0;background:transparent;box-shadow:none;color:var(--ctms-modal-table-head-text,var(--ctms-modal-sub));padding:0;font-size:11px;text-transform:uppercase;letter-spacing:.055em;} #modal.ctms-modern-modal .bpay-next-ready-scroll td:first-child {width:36px;} #modal.ctms-modern-modal .bpay-next-ready-scroll input[type=checkbox] {width:18px;height:18px;accent-color:var(--ctms-modal-accent);} #modal.ctms-modern-modal .bpay-next-ready-scroll tr[aria-selected=true] {box-shadow:inset 3px 0 var(--ctms-modal-cyan);background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-ready-scroll tr:focus-visible {outline:2px solid var(--ctms-modal-accent-bright);outline-offset:-2px;} #modal.ctms-modern-modal .bpay-next-ready-scroll small {display:block;margin-top:4px;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal .bpay-next-ready-scroll .candidate-office-badge {margin:2px 5px 2px 0;} #modal.ctms-modern-modal .bpay-next-ready-money {text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-ready-foot {color:var(--ctms-modal-sub);font-size:12px;margin:8px 0 0;} #modal.ctms-modern-modal .bpay-next-ready-empty {padding:24px;font-weight:700;} #modal.ctms-modern-modal .bpay-next-ready-mobile-sort,#modal.ctms-modern-modal .bpay-next-ready-open-cell {display:none;} @media(max-width:700px) { #modal.ctms-modern-modal .bpay-next-ready-mobile-sort {display:flex;align-items:center;gap:8px;margin:8px 0 12px;} #modal.ctms-modern-modal .bpay-next-ready-mobile-sort select {min-height:44px;flex:1;min-width:0;} #modal.ctms-modern-modal .bpay-next-ready-scroll {max-height:52vh;border:0;} #modal.ctms-modern-modal .bpay-next-ready-scroll td:first-child {width:auto;min-height:44px;} #modal.ctms-modern-modal .bpay-next-ready-scroll .bpay-next-ready-open-cell {display:flex;min-height:44px;} #modal.ctms-modern-modal .bpay-next-ready-scroll .bpay-next-ready-open-cell .btn,#modal.ctms-modern-modal .bpay-next-ready-scroll button.candidate-office-badge {min-height:44px;} #modal.ctms-modern-modal .bpay-next-ready-money {text-align:left;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-ready-scroll>table[hidden] {display:none;} @media(max-width:700px) { #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window,#modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-small-window {width:calc(100vw - 12px);} #modal.ctms-modern-modal .bpay-next-ready-scroll table>thead {display:none;} #modal.ctms-modern-modal .bpay-next-ready-scroll a.candidate-office-badge {display:inline-flex;align-items:center;min-height:44px;} } @media(max-width:700px) { #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-ready-list .bpay-next-ready-scroll td[data-label=Candidate] {display:block;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-ready-list .bpay-next-ready-scroll td[data-label=Candidate]::before {content:none;} } /* WB14 reason-driven standard lists and preserved parent/child navigation. */ #modal.ctms-kind-bpay-next-read .bpay-next-issue-lists {border:0;margin:0;padding:0;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table {max-height:min(600px,56vh);min-height:120px;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table table {min-width:0;width:100%;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table th button {background:none;border:0;color:inherit;font:inherit;padding:0;min-height:32px;text-align:left;white-space:nowrap;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table td {vertical-align:top;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table small {display:block;margin-top:4px;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table tr[aria-selected=true] {background:var(--ctms-modal-panel-raised);box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table tr:focus-visible {outline:2px solid var(--ctms-modal-accent-bright);outline-offset:-2px;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-money {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-table>table[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-lists [role=alert] {color:var(--ctms-modal-danger);} #modal.ctms-kind-bpay-next-read .bpay-next-issue-lists form {margin:0 0 12px;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-mobile-sort {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-open {display:none;} @media(max-width:720px) { #modal.ctms-kind-bpay-next-read .bpay-next-issue-mobile-sort {display:flex;align-items:center;gap:8px;margin-bottom:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-mobile-sort select {min-height:44px;max-width:100%;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-open {display:inline-flex;min-height:44px;align-items:center;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table {max-height:56vh;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-lists td[data-label=Candidate] {display:block;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-lists td[data-label=Candidate]::before {content:none;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-money {text-align:left;} #modal.ctms-kind-bpay-next-read .bpay-next-issue-table td[data-label=Actions] {display:flex;flex-wrap:wrap;gap:8px;} } @media(max-width:720px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-lists .bpay-next-issue-table td[data-label=Candidate] {display:block;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-lists .bpay-next-issue-table td[data-label=Candidate]::before {content:none;} } @media(max-width:720px){#modal.ctms-kind-bpay-next-read .bpay-next-issue-record-open {display:none;}} /* WB15 Candidate Banking: current native groups in a retained standard window. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-identity {display:block;margin:4px 0 0;color:var(--ctms-modal-sub);font-size:12px;font-weight:500;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-window .bpay-next-workbench-tabs {display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--ctms-modal-line-soft);border-radius:12px;padding:6px;margin:0 0 12px;width:fit-content;max-width:100%;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-window .bpay-next-workbench-tabs button {background:transparent;border-color:transparent;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-window .bpay-next-workbench-tabs [aria-selected=true] {background:var(--ctms-modal-panel-raised);border-color:var(--ctms-modal-accent);color:var(--ctms-modal-text);box-shadow:inset 0 -2px var(--ctms-modal-accent);} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-strip {display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-strip small {display:block;color:var(--ctms-modal-sub);font-size:11px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-strip strong {display:block;font-size:18px;margin-top:4px;font-variant-numeric:tabular-nums;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll {max-height:min(600px,56vh);min-height:120px;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll table {width:100%;table-layout:fixed;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td {vertical-align:top;overflow-wrap:anywhere;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td small {display:block;margin-top:4px;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll th button {background:none;border:0;color:inherit;font:inherit;padding:0;min-height:32px;text-align:left;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll th {font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.055em;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll th button {font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.055em;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-table th button {font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.055em;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-candidate-identity) {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-candidate-identity) .spacer {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-candidate-identity) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-candidate-identity) #btnCloseModal {grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-identity {grid-column:1;grid-row:2;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll > table.bpay-next-no-selection > thead > tr > th:first-child {width:auto;} @media(max-width:720px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-lists form .btn {min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-open {min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-desktop-open {display:none;} } #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll tr[aria-selected=true] {background:var(--ctms-modal-panel-raised);box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll tr:focus-visible {outline:2px solid var(--ctms-modal-accent-bright);outline-offset:-2px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-money {text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-foot {margin:8px 0 0;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-window [role=alert] {color:var(--ctms-modal-danger);} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-mobile-sort,#modal.ctms-kind-bpay-next-read .bpay-next-candidate-phone-open {display:none;} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read .bpay-next-candidate-mobile-sort {display:flex;align-items:center;gap:8px;margin:0 0 12px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-mobile-sort select {min-height:44px;min-width:0;flex:1;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll table {table-layout:auto;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll thead {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Payment] {display:block;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Payment]::before {content:none;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Actions] {display:flex;gap:8px;flex-wrap:wrap;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-phone-open {display:inline-flex;align-items:center;min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-desktop-open {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-window .btn,#modal.ctms-kind-bpay-next-read:has(.bpay-next-candidate-window) :is(#btnCloseModal,[data-next-window-footer] .btn) {min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-money {text-align:left;} } /* WB16 factual detail remains inside its native Candidate row. */ #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail {padding:12px;border-left:2px solid var(--ctms-modal-accent);background:var(--ctms-modal-panel);} #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail-scroll {max-height:420px;overflow:auto;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table {width:100%;table-layout:auto;border-collapse:collapse;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table th {font-size:12px;color:var(--ctms-modal-sub);text-align:left;white-space:normal;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table td {padding:10px 8px;vertical-align:top;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label=Amount],#modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label=Original],#modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label=Outstanding],#modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label=Due],#modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label="Weekly limit"] {text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-day {background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-detail-shift td:first-child {padding-left:20px;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-section {font-weight:600;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-detail-status {display:block;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-shift-list {max-height:240px;overflow:auto;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-factual-list {max-height:60vh;overflow:auto;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-factual-list small {display:block;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail [role=alert] {color:var(--ctms-modal-danger);} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail {padding:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail-scroll {max-height:55vh;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table thead {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label] {text-align:left;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-day td:empty {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-payment-detail .btn,#modal.ctms-kind-bpay-next-read .bpay-next-factual-list .btn {min-height:44px;} } #modal.ctms-kind-bpay-next-read .bpay-next-shift-list thead {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label=Cap] span {display:block;margin-top:4px;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table thead[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-detail-table td:is([data-label="Original rate"],[data-label="Original charge"],[data-label="Suggested rate"],[data-label="Suggested margin"],[data-label="Units"],[data-label="PAYE"],[data-label="Umbrella"],[data-label="Charge"]) {text-align:right;font-variant-numeric:tabular-nums;} @media(max-width:720px){#modal.ctms-kind-bpay-next-read .bpay-next-detail-table td[data-label] {text-align:left;}} /* WB17: only the existing Timesheet child opened from Banking Pay. */ @media(max-width:700px){ #modal.bpay-next-timesheet-evidence #modalTabs{display:flex;flex-wrap:wrap;overflow:visible;white-space:normal;} #modal.ctms-modern-modal.bpay-next-timesheet-evidence #modalTabs button,#modal.bpay-next-timesheet-evidence #btnCloseModal{min-height:44px;min-width:44px;} } #modal.ctms-kind-bpay-next-read .bpay-next-export h2 {margin:0 0 16px;} #modal.ctms-kind-bpay-next-read .bpay-next-export p[role=alert] {color:var(--ctms-modal-danger);} @media(max-width:720px){#modal.ctms-kind-bpay-next-read .bpay-next-header-actions button,#modal.ctms-kind-bpay-next-read .bpay-next-candidate-strip button{min-height:44px;}} @media(max-width:720px){#modal.ctms-kind-bpay-next-read:has(.bpay-next-export) #btnCloseModal{min-height:44px;min-width:44px;}} /* WB19 uses the native dark modal and factual status rows. */ /* WB23 local global controls; never a page-sized selection operation. */ #modal.ctms-kind-bpay-next-read .bpay-next-ready-global {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;} #modal.ctms-kind-bpay-next-read .bpay-next-ready-global label {display:none;align-items:center;gap:8px;} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read .bpay-next-ready-global label {display:flex;min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-ready-global .btn {min-height:44px;min-width:44px;} } #modal.ctms-kind-bpay-next-read .bpay-next-updated {color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-work-progress {max-height:40vh;overflow:auto;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-work-progress-row {display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--ctms-modal-border);flex-wrap:wrap;} #modal.ctms-kind-bpay-next-read .bpay-next-work-progress-row strong {flex:1;min-width:120px;overflow-wrap:anywhere;} #modal.ctms-kind-bpay-next-read .bpay-next-work-progress-row[aria-selected=true] {background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-workbench-skeleton {display:grid;gap:10px;margin:12px 0;} #modal.ctms-kind-bpay-next-read .bpay-next-workbench-skeleton[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-workbench-skeleton span {display:block;height:32px;border-radius:4px;background:var(--ctms-modal-panel-raised);} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read .bpay-next-work-progress-row .btn,#modal.ctms-kind-bpay-next-read:has(.bpay-next-workbench-shell) #btnCloseModal {min-height:44px;min-width:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-work-progress-row strong {flex-basis:100%;} } /* WB25 native Work and approved-line choices; never separate shift ticks. */ #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll > table > thead > tr > th:first-child {width:52px;} #modal.ctms-kind-bpay-next-read .bpay-next-work-choice, #modal.ctms-kind-bpay-next-read .bpay-next-component-choice {display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;vertical-align:middle;cursor:pointer;} #modal.ctms-kind-bpay-next-read .bpay-next-component-choice {margin-right:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-work-choice input, #modal.ctms-kind-bpay-next-read .bpay-next-component-choice input {width:18px;height:18px;accent-color:var(--ctms-modal-accent);cursor:pointer;} @media (max-width:640px) { #modal.ctms-kind-bpay-next-read .bpay-next-work-choice, #modal.ctms-kind-bpay-next-read .bpay-next-component-choice {min-width:44px;min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Select] {display:flex;justify-content:flex-start;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Select]::before {content:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-single td.bpay-next-detail-empty-status {display:none;} } #modal.ctms-modern-modal .bpay-next-case-paused { opacity: .65; } /* WB24 complete Candidate selection uses the existing checkbox style. */ #modal.ctms-kind-bpay-next-read .bpay-next-candidate-include {gap:8px;justify-content:flex-start;min-height:44px;padding:4px 8px;} /* WB27 explicit estimates use the existing dark Candidate window. */ #modal.ctms-kind-bpay-next-read .bpay-next-estimate-banner {border:1px solid #31445e;border-left:4px solid #38bdf8;border-radius:9px;background:#101d30;padding:12px 16px;margin-bottom:14px;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-banner p {margin:6px 0 0;color:#b8c6d9;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-banner.is-outdated {border-color:rgba(246,189,82,.48);border-left-color:#ffe7b6;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-summary {display:flex;flex-wrap:wrap;gap:20px;border:1px solid #31445e;border-radius:9px;background:#101d30;padding:14px 16px;margin-top:14px;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-summary small, #modal.ctms-kind-bpay-next-read .bpay-next-estimate-summary strong {display:block;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-summary small {color:#b8c6d9;font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-outdated {opacity:.65;} #modal.ctms-kind-bpay-next-read [data-next-focus-key="candidate-export"], #modal.ctms-kind-bpay-next-read [data-next-focus-key="candidate-export"]:hover {border-color:#385576;background:transparent;color:#eef4fc;box-shadow:none;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-banner[hidden], #modal.ctms-kind-bpay-next-read .bpay-next-estimate-summary[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-payment-name {display:flex;align-items:center;gap:6px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-caret {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;font-size:14px;line-height:1;} #modal.ctms-kind-bpay-next-read .bpay-next-row-actions {display:flex;align-items:flex-start;gap:6px;flex-wrap:nowrap;} #modal.ctms-kind-bpay-next-read .bpay-next-row-actions .btn {white-space:nowrap;margin:0;font-size:12px;padding:7px 9px;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more {position:relative;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more summary {list-style:none;cursor:pointer;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more summary::-webkit-details-marker {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more > button {position:absolute;right:0;top:100%;z-index:2;background:#101d30;min-width:110px;} #modal.ctms-kind-bpay-next-read .bpay-next-recovery-facts {display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:0;} #modal.ctms-kind-bpay-next-read .bpay-next-recovery-facts dd {margin:0;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-feedback {display:none;} #modal.ctms-kind-bpay-next-read [data-next-focus-key="candidate-include"][hidden] {display:none;} @media(max-width:720px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-caret {width:44px;height:44px;min-height:44px;min-width:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll td[data-label=Actions]:has(> .bpay-next-row-actions:empty) {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-feedback:not([hidden]) {display:block;flex-basis:100%;margin:0;color:#b8c6d9;font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-estimate-feedback.is-outdated {color:#ffe7b6;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more summary {min-height:44px;display:flex;align-items:center;} } /* WB38 shared native snooze window and inline controls, dark Office only. */ #modal.ctms-kind-bpay-next-read .bpay-next-snooze-window {display:grid;gap:16px;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-window h2, #modal.ctms-kind-bpay-next-read .bpay-next-snooze-window p {margin:0;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-subject {display:grid;gap:5px;padding:14px 16px;border:1px solid #31445e;border-radius:9px;background:#101d30;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-subject span {color:#b8c6d9;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-subject-line {display:flex;align-items:start;justify-content:space-between;gap:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form {display:grid;gap:16px;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form label {display:grid;gap:7px;font-size:13px;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form label:has(input[type=checkbox]), #modal.ctms-kind-bpay-next-read .bpay-next-snooze-warning label {display:flex;align-items:center;gap:8px;min-height:32px;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form label[hidden]:has(input[type=checkbox]) {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form input[type=text], #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form textarea {box-sizing:border-box;width:100%;padding:10px 12px;color:#eef4fc;background:#0b1422;border:1px solid #385576;border-radius:7px;font:inherit;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form small {color:#b8c6d9;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form .bpay-next-snooze-field-error {color:#f5c1bd;} #modal.ctms-kind-bpay-next-read [data-next-destructive].primary {background:#823739;border-color:#b55c60;color:#fff;} #modal.ctms-kind-bpay-next-read .bpay-next-window-actions [data-next-destructive]:not(.primary) {margin-right:auto;border-color:#b55c60;color:#f5c1bd;} #modal.ctms-kind-bpay-next-read .bpay-next-window-actions:has([data-next-destructive]) {width:100%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-snooze-results .bpay-next-snooze-money {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;} #modal.ctms-kind-bpay-next-read #modalActions:has(> .bpay-next-window-actions[hidden]) {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form input[type=checkbox], #modal.ctms-kind-bpay-next-read .bpay-next-snooze-warning input[type=checkbox] {width:18px;height:18px;accent-color:var(--ctms-modal-accent);} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-warning {display:grid;gap:5px;padding:12px 14px;border:1px solid #31445e;border-left:4px solid #ffb300;border-radius:8px;background:#101d30;color:#eef4fc;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-snooze-warning-hint {align-self:center;margin-right:auto;color:#b8c6d9;font-size:12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-snooze-warning-hint[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-partial {border-color:#8e6b35;background:#302819;color:#ffe7b6;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-window [hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-results {max-height:40vh;overflow:auto;} #modal.ctms-kind-bpay-next-read .bpay-next-inline-snooze {display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:10px;} #modal.ctms-kind-bpay-next-read .bpay-next-inline-snooze .btn {font-size:12px;min-height:30px;padding:5px 8px;} #modal.ctms-kind-bpay-next-read .bpay-next-row-menu {position:fixed;inset:auto;margin:0;z-index:4;background:#101d30;border:1px solid #385576;border-radius:7px;min-width:180px;padding:4px;box-shadow:0 8px 24px #0008;} #modal.ctms-kind-bpay-next-read .bpay-next-row-menu .btn {display:block;width:100%;text-align:left;border:0;background:transparent;} #modal.ctms-kind-bpay-next-read .bpay-next-row-more:not([open]) .bpay-next-row-menu {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-success {color:#a9e1bd;} #modal.ctms-kind-bpay-next-read .bpay-next-snooze-failure {color:#f5c1bd;} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read .bpay-next-inline-snooze .btn, #modal.ctms-kind-bpay-next-read .bpay-next-snooze-form label:has(input[type=checkbox]) {min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-inline-snooze {margin-left:0;} } /* FC10 supplied recovery confirmation, within the existing native frame. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-reason {margin:18px;display:grid;gap:8px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-reason label {font-size:12px;font-weight:700;color:#b8c7dc;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-reason textarea {box-sizing:border-box;display:block;min-height:74px;width:100%;padding:10px;border:1px solid #35506e;border-radius:10px;background:#06111f;color:#e8eef8;font:inherit;resize:vertical;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-reason textarea::placeholder {color:#92a6c2;opacity:1;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-reason p {margin:0;padding:0;color:#ffb9c1;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-protection {padding-bottom:16px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-protection:empty {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-pause-open-draft {margin:0 18px;min-height:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-pause .bpay-next-question-icon[hidden] {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-pause [hidden] {display:none;} @media (max-width:600px) { #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-pause) button {min-height:44px;min-width:44px;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-pause) #modalActions:has(> [data-next-window-footer][hidden]) {display:none;} /* DR02 one primary action and the supplied SCR160 confirmation. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalActions button[data-next-secondary], #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalBody button[data-next-secondary] {background:transparent;color:var(--ctms-modal-text);box-shadow:none;border-color:#385576;} #modal.ctms-kind-bpay-next-read:has(.bpay-next-create-confirmation) #modalBody {padding:0;} #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation h2 {display:flex;align-items:center;gap:12px;margin:0;padding:16px 18px;font-size:15px;border-bottom:1px solid #31445e;} #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation .bpay-next-question-icon {display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid #446eaa;border-radius:50%;background:#20395f;color:#cbdcff;} #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation p {padding:0 18px;line-height:1.6;margin:16px 0;} #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation .bpay-next-confirm-values {font-weight:700;} #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation.is-failed .bpay-next-question-icon {background:#59252c;border-color:#a75b63;color:#ffd7da;} #modal.ctms-kind-bpay-next-read .bpay-next-create-reason {align-self:center;color:var(--ctms-modal-sub);margin-right:auto;} @media(max-width:720px){ #modal.ctms-kind-bpay-next-read:has(.bpay-next-workbench-shell) #modalActions button, #modal.ctms-kind-bpay-next-read:has(.bpay-next-choice-submit) :is(#btnCloseModal,#modalActions button), #modal.ctms-kind-bpay-next-read:has(.bpay-next-preparation-started) :is(#btnCloseModal,#modalActions button){min-height:44px;min-width:44px;} } #modal.ctms-kind-bpay-next-read .bpay-next-create-confirmation p.ws-notice--danger { margin:16px 18px;padding:10px 12px;border:1px solid #813f5c;border-radius:7px; background:#342037;color:#f3c8d6;font-size:12px;line-height:1.5; } /* DR02 supplied small sending window: factual status and inline result. */ #modal.ctms-kind-bpay-next-read .bpay-next-choice-submit [hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-sending-status {display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #31445e;border-radius:7px;background:#101d30;} #modal.ctms-kind-bpay-next-read .bpay-next-sending-status p {margin:0;} #modal.ctms-kind-bpay-next-read .bpay-next-sending-spinner {width:16px;height:16px;flex:0 0 16px;border:2px solid #385576;border-top-color:#7dd3fc;border-radius:50%;animation:bpay-next-sending-spin .8s linear infinite;} #modal.ctms-kind-bpay-next-read .bpay-next-choice-submit .ws-notice {padding:10px 12px;border:1px solid #2d6074;border-radius:7px;background:#162e39;color:#bce8f8;} #modal.ctms-kind-bpay-next-read .bpay-next-choice-submit .ws-notice--danger {border-color:#813f5c;background:#342037;color:#f3c8d6;} @keyframes bpay-next-sending-spin {to{transform:rotate(360deg);}} @media(prefers-reduced-motion:reduce){#modal.ctms-kind-bpay-next-read .bpay-next-sending-spinner {animation:none;}} /* DR06 stored preparation facts in the existing medium, dark Office window. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-progress) {width:min(980px,calc(100vw - 48px));} #modal.ctms-kind-bpay-next-read .bpay-next-progress {display:flex;flex-direction:column;gap:14px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention {border:1px solid var(--ctms-modal-line);border-radius:13px;padding:14px;background:var(--ctms-modal-panel);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention h3 {margin:0 0 10px;font-size:15px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table {width:100%;border-collapse:collapse;table-layout:fixed;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table th {position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);text-align:left;color:var(--ctms-modal-sub);font-size:12px;font-weight:600;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table th:nth-child(1) {width:24%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table th:nth-child(2) {width:14%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table th:nth-child(3) {width:34%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table td,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table th {padding:10px 8px;border-bottom:1px solid var(--ctms-modal-line);vertical-align:top;overflow-wrap:anywhere;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-row-result {font-size:12px;margin-top:6px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-sentinel {height:1px;} @media(max-width:600px) { #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention {padding:12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table thead {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table tr {display:block;padding:8px 0;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table td {display:block;border:0;padding:4px 0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table td:first-child {font-weight:600;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table td:nth-child(2) {color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table td:last-child {padding-top:8px;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-progress-attention-table .bpay-next-progress-row-reason {margin-top:6px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress p {margin:0;line-height:1.5;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subtitle,#modal.ctms-kind-bpay-next-read .bpay-next-progress-updated {color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-progress-subtitle) {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;} #modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-progress-subtitle) .spacer {display:none;} #modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-progress-subtitle) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-progress-subtitle) #btnCloseModal {grid-column:2;grid-row:1 / span 2;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subtitle {display:block;grid-column:1;grid-row:2;line-height:1.5;font-weight:500;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subtitle[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-progress .ws-notice {border:1px solid var(--ctms-modal-line);border-left:4px solid var(--ctms-modal-cyan);border-radius:10px;padding:12px 14px;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-text);} #modal.ctms-kind-bpay-next-read .bpay-next-progress .ws-notice p {color:var(--ctms-modal-sub);font-size:12px;margin-top:4px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress .ws-notice--danger {border-left-color:var(--ctms-modal-danger);background:color-mix(in srgb,var(--ctms-modal-danger) 10%,var(--ctms-modal-panel));} #modal.ctms-kind-bpay-next-read .bpay-next-progress .bpay-next-result-success {border-left-color:var(--ctms-modal-success);background:color-mix(in srgb,var(--ctms-modal-success) 12%,var(--ctms-modal-panel));} #modal.ctms-kind-bpay-next-read .bpay-next-office-content .bpay-next-result-success {border-left-color:var(--ctms-modal-success);background:color-mix(in srgb,var(--ctms-modal-success) 12%,var(--ctms-modal-panel));} #modal.ctms-kind-bpay-next-read .bpay-next-progress .ws-notice .btn {margin-top:10px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subject,#modal.ctms-kind-bpay-next-read .bpay-next-progress-totals {border:1px solid var(--ctms-modal-line);border-radius:12px;padding:14px;background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subject h3 {margin:0 0 4px;font-size:14px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-subject p {color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-heading span {color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress progress {appearance:none;display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:var(--ctms-modal-line-soft);} #modal.ctms-kind-bpay-next-read .bpay-next-progress progress::-webkit-progress-bar {background:var(--ctms-modal-line-soft);} #modal.ctms-kind-bpay-next-read .bpay-next-progress progress::-webkit-progress-value {background:linear-gradient(90deg,var(--ctms-modal-accent),var(--ctms-modal-cyan));} #modal.ctms-kind-bpay-next-read .bpay-next-progress progress::-moz-progress-bar {background:linear-gradient(90deg,var(--ctms-modal-accent),var(--ctms-modal-cyan));} #modal.ctms-kind-bpay-next-read .bpay-next-progress-totals {display:flex;gap:24px;margin:14px 0 10px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-totals dt {color:var(--ctms-modal-sub);text-transform:uppercase;font-size:11px;font-weight:700;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-totals dd {margin:4px 0 0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-figures.is-stale {opacity:.55;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more {position:relative;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more summary {display:flex;gap:8px;align-items:center;cursor:pointer;border:1px solid var(--ctms-modal-line);border-radius:10px;padding:10px 14px;background:var(--ctms-modal-panel-raised);font-weight:700;list-style:none;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more summary::after {content:'▾';} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more summary::-webkit-details-marker {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more[open]>.btn {position:absolute;bottom:calc(100% + 8px);right:0;white-space:nowrap;z-index:2;background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more[open]>.bpay-next-progress-more-options {position:absolute;bottom:calc(100% + 8px);right:0;display:flex;flex-direction:column;gap:8px;white-space:nowrap;z-index:2;background:var(--ctms-modal-panel-raised);padding:8px;border:1px solid var(--ctms-modal-line);border-radius:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalActions button[data-next-secondary][data-next-destructive] {margin-right:auto;border-color:#b55c60;color:#f5c1bd;background:transparent;box-shadow:none;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-more summary:focus-visible {outline:2px solid var(--ctms-modal-accent-bright);outline-offset:3px;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-progress) {width:calc(100vw - 12px);} #modal.ctms-kind-bpay-next-read:has(.bpay-next-progress) :is(.btn,summary) {min-height:44px;box-sizing:border-box;} #modal.ctms-kind-bpay-next-read:has(.bpay-next-progress,.bpay-next-worker-review) #btnCloseModal {min-height:44px;min-width:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-progress-totals {gap:18px;} } #modal.ctms-kind-bpay-next-read .bpay-next-progress-footer-hint {align-self:center;margin:0 auto 0 0;font-size:12px;color:var(--ctms-modal-sub);} @media(max-width:700px){#modal.ctms-kind-bpay-next-read .bpay-next-progress-more[open]>.btn {left:0;right:auto;}} @media(max-width:700px){#modal.ctms-kind-bpay-next-read .bpay-next-progress-more[open]>.bpay-next-progress-more-options {left:0;right:auto;}} @media(max-width:700px){#modal.ctms-kind-bpay-next-read:has(.bpay-next-worker-review) #modalActions button {min-height:44px;}} @media(max-width:700px){#modal.ctms-kind-bpay-next-read .bpay-next-workbench-shell :is(.bpay-next-header-actions,.bpay-next-main-tabs) button {min-height:44px;box-sizing:border-box;}} /* DY05 captured Daily detail: the existing native dark window and fixed detail lists. */ #modal.ctms-kind-bpay-next-read:has(.bpay-next-frozen-detail) {width:min(980px,calc(100vw - 48px));} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-detail {display:flex;flex-direction:column;gap:16px;min-width:0;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs {display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--ctms-modal-line);padding-bottom:10px;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs [aria-selected=true] {border-color:var(--ctms-modal-accent);background:color-mix(in srgb,var(--ctms-modal-accent) 20%,var(--ctms-modal-panel));box-shadow:inset 0 -2px var(--ctms-modal-cyan);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-subject {border:1px solid var(--ctms-modal-line);border-radius:12px;padding:12px 14px;background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-detail small {display:block;color:var(--ctms-modal-sub);font-size:12px;margin-top:5px;line-height:1.5;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-caption {margin:0;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll {max-height:min(500px,52vh);overflow:auto;border:1px solid var(--ctms-modal-line);border-radius:12px;overscroll-behavior:contain;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll table {width:100%;border-collapse:collapse;table-layout:fixed;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll th {position:sticky;top:0;text-align:left;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-sub);font-size:11px;text-transform:uppercase;letter-spacing:.02em;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll :is(th,td) {padding:12px;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid var(--ctms-modal-line-soft);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll tr:last-child td {border-bottom:0;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll tr[aria-selected=true] {background:var(--ctms-modal-panel-raised);box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll .btn {white-space:nowrap;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-detail label {color:var(--ctms-modal-sub);display:flex;align-items:center;gap:12px;} @media(max-width:700px){ #modal.ctms-kind-bpay-next-read:has(.bpay-next-frozen-detail) {width:calc(100vw - 12px);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-detail .btn {min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll :is(table,tbody,tr,td) {display:block;width:auto;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll thead {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll td {display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 12px;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll td::before {content:attr(data-label);color:var(--ctms-modal-sub);font-weight:600;flex:0 0 40%;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll tr {padding:10px 0;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-kind-bpay-next-read:has(.bpay-next-frozen-detail) #modalActions .btn {min-height:44px;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-frozen-detail) {width:min(980px,calc(100vw - 48px));} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs button[aria-selected="true"] {border-color:var(--ctms-modal-accent);background:color-mix(in srgb,var(--ctms-modal-accent) 20%,var(--ctms-modal-panel));box-shadow:inset 0 -2px var(--ctms-modal-cyan);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll .bpay-next-frozen-number {text-align:right;font-variant-numeric:tabular-nums;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-frozen-detail) {width:calc(100vw - 12px);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs {flex-wrap:wrap;max-width:100%;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs .btn {flex:0 0 auto;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalBody .bpay-next-frozen-tabs button[aria-selected="true"] {border-color:var(--ctms-modal-accent);background:color-mix(in srgb,var(--ctms-modal-accent) 20%,var(--ctms-modal-panel));box-shadow:inset 0 -2px var(--ctms-modal-cyan);} @media(max-width:700px){ #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs {gap:6px;overflow-x:visible;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-tabs .btn {font-size:13px;padding:10px;min-width:44px;min-height:44px;white-space:nowrap;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-scroll .bpay-next-frozen-number::before {text-align:left;} #modal.ctms-kind-bpay-next-read:has(.bpay-next-frozen-detail) #btnCloseModal {min-height:44px;min-width:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-detail select {min-height:44px;min-width:44px;} } /* DY09: existing scoped Umbrella money, separate from line pages. */ /* DR10: SCR39, in the existing dark Office window. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-guard) {width:min(600px,calc(100vw - 48px));} #modal.ctms-kind-bpay-next-read .bpay-next-paye-guard {display:flex;flex-direction:column;gap:16px;color:var(--ctms-modal-text);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-guard .ws-notice[hidden] {display:none;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-banner {padding:14px 16px;border:1px solid var(--ctms-modal-line);border-left:4px solid #ffb454;border-radius:16px;background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-banner.is-blocked {border-left-color:#ff7383;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-banner strong {font-size:14px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-banner p {margin:6px 0 0;color:var(--ctms-modal-sub);font-size:13px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-subjects {display:flex;flex-direction:column;gap:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-subject {display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--ctms-modal-line);border-radius:16px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-subject span {color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choices {margin:0;padding:0;border:0;min-width:0;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choices legend {font-weight:700;margin-bottom:10px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choice {display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px 10px;padding:10px 0;align-items:center;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choice input {grid-row:span 2;margin:0;accent-color:var(--ctms-modal-accent);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choice span {grid-column:2;font-size:13px;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-reason:not([hidden]) {display:flex;flex-direction:column;gap:8px;font-weight:700;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-reason textarea {width:100%;box-sizing:border-box;min-height:76px;resize:vertical;background:var(--ctms-modal-panel);border:1px solid var(--ctms-modal-line);border-radius:10px;padding:10px 12px;color:inherit;font:inherit;font-weight:400;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-confirm:not([hidden]) {display:flex;gap:10px;align-items:center;font-size:13px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-confirm input {accent-color:var(--ctms-modal-accent);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-hint {margin-right:auto;color:var(--ctms-modal-sub);font-size:12px;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-guard) {width:calc(100vw - 12px);} #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-guard) .btn,#modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-guard) #btnCloseModal {min-height:44px;min-width:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-choice {padding:12px 0;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-confirm:not([hidden]) {min-height:44px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-guard :is(input[type=radio],input[type=checkbox]) {width:20px;height:20px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-hint {flex-basis:100%;} } #modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:14px;border:1px solid var(--ctms-modal-line);border-radius:12px;background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals dt {font-size:11px;text-transform:uppercase;font-weight:700;color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals dd {margin:5px 0 0;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} @media(max-width:700px){#modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals {grid-template-columns:repeat(2,minmax(0,1fr));}} /* DY10: one native Timesheet result line, with an outline action. */ #modal.ctms-modern-modal .bpay-next-daily-notice {display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;} #modal.ctms-modern-modal .bpay-next-daily-notice .btn {min-width:44px;min-height:44px;background:transparent;border:1px solid var(--ctms-modal-line,#476179);color:inherit;} #modal.ctms-modern-modal .bpay-next-daily-status,#modal.ctms-modern-modal .bpay-next-daily-result {overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-daily-amount {font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-daily-result {flex-basis:100%;} #modal.ctms-modern-modal:has([data-daily-processing]) .ctms-tab-intro p {display:none;} #modal.ctms-modern-modal:has([data-daily-processing]) .controls > button {min-height:44px;} @media(max-width:700px){ #modal.ctms-modern-modal:has([data-daily-processing]) #modalTabs {flex-wrap:wrap;overflow-x:visible;white-space:normal;} #modal.ctms-modern-modal:has([data-daily-processing]) #modalTabs button {min-width:44px;min-height:44px;} #modal.ctms-modern-modal:has([data-daily-processing]) #btnCloseModal,#modal.ctms-modern-modal:has([data-daily-processing]) #btnPaymentHistory {min-height:44px;min-width:44px;} #modal.ctms-modern-modal:has([data-daily-processing]) #modalBody button {min-height:44px;min-width:44px;} } .ctms-kind-bpay-next-read .bpay-next-case-preview { margin: 0; padding: 18px; border: 1px solid #273b57; border-radius: 13px; background: linear-gradient(135deg, #101e34, #0a1424); color: #f1f5fb; } .ctms-kind-bpay-next-read .bpay-next-case-eyebrow { color: #999cff; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: 1px; } .ctms-kind-bpay-next-read .bpay-next-case-preview h3 { margin: 6px 0 12px; padding-bottom: 12px; border-bottom: 1px solid #273b57; font-size: 14px; } .ctms-kind-bpay-next-read .bpay-next-case-preview dl { display: grid; grid-template-columns: 1fr 1.35fr; gap: 12px 14px; margin: 0; font-size: 12px; } .ctms-kind-bpay-next-read .bpay-next-case-preview dt { color: #b8c7dc; } .ctms-kind-bpay-next-read .bpay-next-case-preview dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; } .ctms-kind-bpay-next-read .bpay-next-case-warning { margin: 12px 0 0; padding: 12px; border: 1px solid #34445e; border-left: 4px solid #ffb547; border-radius: 9px; font-size: 12px; font-weight: 700; } .ctms-kind-bpay-next-read .bpay-next-case-result { margin: 12px 0 0; color: #c5d2e5; font-size: 13px; } .ctms-kind-bpay-next-read .bpay-next-case-result:empty { display: none; } .ctms-kind-bpay-next-read .bpay-next-case-actions { display: flex; justify-content: flex-end; gap: 8px; } @media (max-width: 480px) { .ctms-kind-bpay-next-read .bpay-next-case-preview { padding: 14px; } .ctms-kind-bpay-next-read .bpay-next-case-preview dl { grid-template-columns: 1fr 1fr; gap: 12px 8px; } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-actions button, #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-actions) #btnCloseModal { min-height: 44px; min-width: 44px; } } /* EX-08 / SCR-74 native medium impact window, supplied B6 design. */ /* FC-04: supplied small form, within the existing native frame. */ #modal.ctms-modern-modal #modalBody .bpay-next-advance-form {display:block;border:0;padding:0;margin:0;min-width:0;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-form,#modal.ctms-modern-modal #modalBody .bpay-next-advance-method {background:transparent;box-shadow:none;} #modal.ctms-modern-modal #modalBody .bpay-next-advance [hidden] {display:none;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-field {display:flex;flex-direction:column;gap:8px;margin:0 0 20px;color:var(--ctms-modal-sub);font-size:12px;font-weight:680;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-field input,#modal.ctms-modern-modal #modalBody .bpay-next-advance-field textarea,#modal.ctms-modern-modal #modalBody .bpay-next-advance-picker {box-sizing:border-box;width:100%;min-height:44px;border:1px solid var(--ctms-modal-line);border-radius:10px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);padding:10px 12px;font-size:13px;text-align:left;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-field textarea {min-height:74px;resize:vertical;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-currency {position:relative;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-currency span {position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--ctms-modal-text);} #modal.ctms-modern-modal #modalBody .bpay-next-advance-currency input {padding-left:22px;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-currency:has(input[name=threshold]:placeholder-shown) span, #modal.ctms-modern-modal #modalBody .bpay-next-advance-currency:has(input[name=floor]:placeholder-shown) span {visibility:hidden;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-field small {font-size:12px;font-weight:400;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-method {border:0;margin:0 0 16px;padding:0;min-width:0;color:var(--ctms-modal-sub);font-size:12px;font-weight:680;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-method legend {margin-bottom:4px;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-method label {display:flex;align-items:center;gap:8px;min-height:44px;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-method input {accent-color:var(--ctms-modal-accent);width:18px;height:18px;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-section {margin:0 0 20px;padding:14px;border:1px solid var(--ctms-modal-line);border-radius:13px;background:var(--ctms-modal-panel-soft);font-size:14px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal #modalBody .bpay-next-advance-error {font-size:13px;color:#ffb8bd;margin:0 0 16px;} #modal.ctms-modern-modal #modalBody .bpay-next-advance-subject {font-size:14px;font-weight:700;margin:0 0 16px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal .bpay-next-case-actions [hidden] {display:none;} #modal.ctms-modern-modal #modalBody .bpay-next-case-empty {display:grid;grid-template-columns:1fr 1.35fr;gap:12px 14px;font-size:12px;color:var(--ctms-modal-sub);margin:0;} #modal.ctms-modern-modal #modalBody .bpay-next-case-empty dd {margin:0;color:var(--ctms-modal-text);font-weight:700;} #modal.ctms-modern-modal #modalBody .bpay-next-advance button:focus-visible,#modal.ctms-modern-modal #modalBody .bpay-next-advance input:focus-visible,#modal.ctms-modern-modal #modalBody .bpay-next-advance textarea:focus-visible {outline:2px solid var(--ctms-modal-accent);outline-offset:3px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-channel-change) {width:min(980px,calc(100vw - 48px));} #modal.ctms-modern-modal .bpay-next-channel-change {font-size:14px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal .bpay-next-channel-company {display:flex;flex-direction:column;gap:7px;margin:0 0 16px;font-size:12px;font-weight:700;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-channel-company select {min-height:40px;width:100%;box-sizing:border-box;} #modal.ctms-modern-modal .bpay-next-channel-subject {margin:4px 0 0;color:var(--ctms-modal-sub);font-size:12px;font-weight:600;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-channel-subject) {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;height:auto;min-height:64px;flex:0 0 auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-channel-subject) .spacer {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-channel-subject) #modalTitle {grid-column:1;grid-row:1;min-width:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-channel-subject {grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-channel-subject) #btnCloseModal {grid-column:2;grid-row:1 / span 2;align-self:center;} #modal.ctms-modern-modal .bpay-next-channel-cards {display:flex;flex-direction:column;gap:16px;} #modal.ctms-modern-modal .bpay-next-channel-card {padding:18px;border:1px solid var(--ctms-modal-line);border-radius:16px;background:var(--ctms-modal-panel-soft);} #modal.ctms-modern-modal .bpay-next-channel-card header {display:flex;flex-direction:column;gap:4px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-channel-card header>span {font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#a7b1ff;} #modal.ctms-modern-modal .bpay-next-channel-card header>strong {font-size:15px;} #modal.ctms-modern-modal .bpay-next-channel-card table {width:100%;table-layout:fixed;border:1px solid var(--ctms-modal-line);border-radius:13px;border-collapse:separate;border-spacing:0;overflow:visible;} #modal.ctms-modern-modal .bpay-next-channel-card th {position:sticky;top:0;z-index:2;background:var(--ctms-modal-panel-raised);text-transform:uppercase;font-size:11px;letter-spacing:.02em;color:#a9ccf1;} #modal.ctms-modern-modal .bpay-next-channel-card th,#modal.ctms-modern-modal .bpay-next-channel-card td {padding:12px;vertical-align:middle;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-channel-card th:first-child {width:46%;text-align:left;border-top-left-radius:13px;} #modal.ctms-modern-modal .bpay-next-channel-card th:nth-child(2) {width:16%;text-align:right;} #modal.ctms-modern-modal .bpay-next-channel-card th:last-child {text-align:left;border-top-right-radius:13px;} #modal.ctms-modern-modal .bpay-next-channel-card tbody tr:last-child td {border-bottom:0;} #modal.ctms-modern-modal .bpay-next-channel-card td small {display:block;margin-top:6px;font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-channel-money {text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-channel-badge {display:inline-block;padding:3px 8px;border:1px solid #426fa8;border-radius:999px;background:#172c4c;color:#c9dcff;font-size:11px;font-weight:700;} #modal.ctms-modern-modal .bpay-next-channel-badge.is-warning {border-color:#a87b23;color:#ffe1a3;background:#332a17;} #modal.ctms-modern-modal .bpay-next-channel-actions {width:100%;align-items:center;} #modal.ctms-modern-modal .bpay-next-channel-hint {margin:0 auto 0 0;max-width:70%;font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-channel-result {margin:0 0 14px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal:has(.bpay-next-channel-change) .bpay-next-channel-company[hidden],#modal.ctms-modern-modal:has(.bpay-next-channel-change) #modalActions button[hidden] {display:none;} #modal.ctms-modern-modal .bpay-next-channel-empty {padding:18px;border:1px solid var(--ctms-modal-line);border-radius:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-channel-sentinel {min-height:1px;color:var(--ctms-modal-sub);font-size:12px;} @media(max-width:640px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-channel-change){width:calc(100vw - 12px);} #modal.ctms-modern-modal .bpay-next-channel-company select,#modal.ctms-modern-modal .bpay-next-channel-actions button{min-height:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-channel-change) :is(#btnCloseModal,#modalActions button){min-height:44px;height:44px;min-width:44px;} #modal.ctms-modern-modal .bpay-next-channel-card{padding:12px;} #modal.ctms-modern-modal .bpay-next-channel-card thead{display:none;} #modal.ctms-modern-modal .bpay-next-channel-card tr,#modal.ctms-modern-modal .bpay-next-channel-card td{display:block;box-sizing:border-box;width:100%;text-align:left;} #modal.ctms-modern-modal .bpay-next-channel-card td{border-bottom:0;padding:8px 10px;} #modal.ctms-modern-modal .bpay-next-channel-card td.bpay-next-channel-money{text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-channel-card td>small{grid-column:2;} #modal.ctms-modern-modal .bpay-next-channel-card tr{border-bottom:1px solid var(--ctms-modal-line);padding:6px 0;} #modal.ctms-modern-modal .bpay-next-channel-hint{max-width:100%;flex-basis:100%;} } #modal.ctms-modern-modal #modalBody .bpay-next-credit .bpay-next-advance-method small {font-size:12px;font-weight:400;} @media(max-width:480px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-advance) :is(#btnCloseModal,#modalActions button){min-height:44px;min-width:44px;} } #modal.ctms-modern-modal #modalBody .bpay-next-debt .bpay-next-advance-method small {font-size:12px;font-weight:400;} #modal.ctms-modern-modal #modalBody .bpay-next-case-edit-facts {display:grid;grid-template-columns:1fr 1.5fr;gap:12px 16px;margin:0 0 24px;font-size:13px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal #modalBody .bpay-next-case-edit-facts dd {margin:0;color:var(--ctms-modal-text);font-weight:600;} #modal.ctms-modern-modal #modalBody .bpay-next-case-edit-blocked {border:1px solid var(--ctms-modal-line);border-radius:10px;padding:12px;background:var(--ctms-modal-panel-soft);color:var(--ctms-modal-text);font-size:13px;} #modal.ctms-modern-modal #modalBody .bpay-next-case-edit-status {justify-self:start;padding:3px 8px;border:1px solid var(--ctms-modal-line);border-radius:999px;background:var(--ctms-modal-panel-soft);color:var(--ctms-modal-sub);font-size:11px;font-weight:700;} #modal.ctms-modern-modal #modalBody .bpay-next-case-edit-facts dd {overflow-wrap:anywhere;white-space:pre-wrap;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-edit-cards:not([hidden])) #modalActions:has(> [data-next-window-footer][hidden]) {display:none;} @media(max-width:480px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-edit-blocked button {min-height:44px;min-width:44px;}} /* FC14 named read-only lists: dark house frame and native cursor scrolling. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance) #modalActions {padding:0 20px 18px;min-height:0;border:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance {font-size:13px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-subtitle {margin:4px 0 0;font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-case-finance-subtitle) {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:3px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-case-finance-subtitle) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h .bpay-next-case-finance-subtitle {grid-column:1;grid-row:2;margin:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-case-finance-subtitle) .spacer {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .modal-h:has(.bpay-next-case-finance-subtitle) #btnCloseModal {grid-column:2;grid-row:1/3;align-self:center;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary {display:flex;gap:0;margin:0 0 14px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary>div {padding:0 16px;border-right:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary>div:first-child {padding-left:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary>div:last-child {border:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary dt {text-transform:uppercase;font-size:11px;font-weight:750;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary dd {margin:4px 0 0;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-controls {display:flex;align-items:center;gap:14px;margin-bottom:8px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-controls>label {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ctms-modal-sub);font-weight:650;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-controls input {accent-color:#7864f7;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-scroll {max-height:60vh;overflow:auto;border:1px solid #26394f;border-radius:13px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance table {width:100%;table-layout:fixed;border-collapse:collapse;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance th {position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);text-align:left;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance th button {padding:0;background:none;border:0;box-shadow:none;min-height:24px;font-size:11px;letter-spacing:.02em;text-transform:uppercase;font-weight:750;color:#c4dbf4;text-align:inherit;width:100%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance th,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td {padding:10px 12px;border-bottom:1px solid var(--ctms-modal-line);vertical-align:middle;overflow-wrap:anywhere;white-space:pre-wrap;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td small {display:block;margin-top:6px;color:var(--ctms-modal-sub);font-size:11px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance tr:last-child td {border-bottom:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance .is-money {text-align:right;font-variant-numeric:tabular-nums;font-weight:650;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance tr.is-highlighted {background:#223450;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-section td {background:var(--ctms-modal-panel-raised);font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:750;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-balances {font-size:11px;margin:8px 0 0;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-balances>div {display:flex;flex-wrap:wrap;gap:6px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-balances dd {margin:0;font-variant-numeric:tabular-nums;color:var(--ctms-modal-text);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-audit {display:block;margin-top:6px;padding:4px 0;background:none;border:0;box-shadow:none;color:#b9cdff;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-foot {font-size:11px;color:var(--ctms-modal-sub);width:100%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-notice {padding:0 0 12px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-notice[role=alert] {color:#ffc4b7;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-notice[role=alert] {display:flex;align-items:center;gap:14px;padding:22px;border:1px solid #78642d;border-radius:13px;background:linear-gradient(110deg,#25231c,#0b1421);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-notice[role=alert] p {margin:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-notice[hidden] {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-error-icon {display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid #a27f22;border-radius:10px;color:#ffdf81;font-size:22px;font-weight:750;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance.is-initial-failure) {max-width:980px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance.is-initial-failure) .bpay-next-case-finance-foot {display:flex;justify-content:flex-end;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-sentinel {font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance :is(.bpay-next-case-finance-phone-sort,.bpay-next-case-finance-phone-open),#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance [hidden] {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance tbody>tr:not(.bpay-next-case-finance-section):nth-child(even) {background:#0a1726;} @media(max-width:640px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance) {width:calc(100vw - 12px);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance) :is(button,select) {min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-finance) :is(#btnCloseModal,button,select) {min-height:44px;min-width:44px;height:auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-controls>label {min-height:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary {flex-direction:column;gap:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-summary>div {padding:0;border:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-controls {align-items:flex-start;flex-direction:column;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance .bpay-next-case-finance-phone-sort {display:flex;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-phone-sort select {max-width:240px;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:6px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-scroll {max-height:55vh;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance thead {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance tr {display:block;border-bottom:1px solid var(--ctms-modal-line);padding:8px 0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td {display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px;width:auto;border:0;box-sizing:border-box;padding:6px 12px;text-align:left;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td:before {content:attr(data-label);font-size:11px;color:var(--ctms-modal-sub);font-weight:650;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td>small,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td>dl {grid-column:2;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance td>button {grid-column:2;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance .bpay-next-case-finance-phone-open {display:block;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance .bpay-next-case-finance-audit {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-section td {display:block;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-section td:before {display:none;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-finance-scroll:focus-visible {outline:2px solid #86b9ed;outline-offset:2px;} /* FC-02 scoped dark Office windows. No global/theme/legacy table selectors. */ #modal.ctms-modern-modal .bpay-next-case-list { color:var(--text,#edf1f7); display:flex; flex-direction:column; gap:14px; min-width:0; } #modal.ctms-modern-modal .bpay-next-case-list-tabs { display:flex; gap:0; border-bottom:1px solid #354156; } #modal.ctms-modern-modal .bpay-next-case-list-tabs .btn { border:0; border-radius:0; background:transparent; min-height:44px; padding:10px 18px; color:#aebbd0; } #modal.ctms-modern-modal .bpay-next-case-list-tabs .btn.selected { border-bottom:3px solid #5c9af8; color:#f1f5fb; } #modal.ctms-modern-modal .bpay-next-case-list-strip { display:flex; flex-direction:column; gap:14px; } #modal.ctms-modern-modal .bpay-next-case-list-counts { display:flex; flex-wrap:wrap; gap:12px 24px; margin:0; } #modal.ctms-modern-modal .bpay-next-case-list-counts > div { min-width:100px; } #modal.ctms-modern-modal .bpay-next-case-list-counts dt { color:#aab8cb; font-size:10px; font-weight:760; text-transform:uppercase; } #modal.ctms-modern-modal .bpay-next-case-list-counts dd { margin:4px 0 0; font-size:14px; font-weight:740; font-variant-numeric:tabular-nums; } #modal.ctms-modern-modal .bpay-next-case-list-tools { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } #modal.ctms-modern-modal .bpay-next-case-list-tools > span { color:#adb9cc; font-size:12px; } #modal.ctms-modern-modal .bpay-next-case-list-tools label { display:flex; align-items:center; gap:6px; } #modal.ctms-modern-modal .bpay-next-case-list-scroll { max-height:600px; overflow:auto; border:1px solid #354156; border-radius:8px; } #modal.ctms-modern-modal .bpay-next-case-list table { width:100%; border-collapse:collapse; font-size:13px; } #modal.ctms-modern-modal .bpay-next-case-list th { background:#1d2838; padding:8px 10px; text-align:left; position:sticky; top:0; z-index:1; } #modal.ctms-modern-modal .bpay-next-case-list th .btn { background:transparent; border:0; padding:0; min-height:32px; text-align:left; font-size:11px; font-weight:760; text-transform:uppercase; white-space:nowrap; } #modal.ctms-modern-modal .bpay-next-case-list td { padding:13px 10px; border-top:1px solid #303c4e; vertical-align:top; } #modal.ctms-modern-modal .bpay-next-case-list td strong { display:block; font-weight:500; } #modal.ctms-modern-modal .bpay-next-case-list td:has(.bpay-next-case-list-money) { text-align:right; } #modal.ctms-modern-modal .bpay-next-case-list-money { text-align:right; font-variant-numeric:tabular-nums; } #modal.ctms-modern-modal .bpay-next-case-list td small { display:block; color:#a5b3c8; margin-top:5px; line-height:1.4; overflow-wrap:anywhere; } #modal.ctms-modern-modal .bpay-next-case-list td:nth-last-child(4), #modal.ctms-modern-modal .bpay-next-case-list td:nth-last-child(3), #modal.ctms-modern-modal .bpay-next-case-list td:nth-last-child(2) { font-variant-numeric:tabular-nums; } #modal.ctms-modern-modal .bpay-next-case-list tr.selected { background:#233b59; } #modal.ctms-modern-modal .bpay-next-case-list tr:focus-visible { outline:2px solid #79b3ff; outline-offset:-2px; } #modal.ctms-modern-modal .bpay-next-case-list-row-actions { display:flex; align-items:center; flex-wrap:nowrap; gap:6px; } #modal.ctms-modern-modal .bpay-next-case-list-row-actions .btn { padding:5px 9px; font-size:13px; font-weight:680; white-space:nowrap; } #modal.ctms-modern-modal .bpay-next-case-list-menu { position:relative; } #modal.ctms-modern-modal .bpay-next-case-list-menu summary { list-style:none; cursor:pointer; } #modal.ctms-modern-modal .bpay-next-case-list-menu-items { position:fixed; inset:auto; margin:0; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow:auto; min-width:210px; z-index:5; display:flex; flex-direction:column; background:#1d293a; padding:8px; border:1px solid #52627a; border-radius:7px; box-shadow:0 8px 22px #0008; } #modal.ctms-modern-modal .bpay-next-case-list-menu-items:not(:popover-open) { display:none; } #modal.ctms-modern-modal .bpay-next-case-list-menu-items .btn { text-align:left; width:100%; } #modal.ctms-modern-modal .bpay-next-case-list-menu-items small { display:block; padding:3px 8px; color:#adb9cb; } #modal.ctms-modern-modal .bpay-next-case-list .ws-notice { margin:0; padding:10px 12px; } #modal.ctms-modern-modal .bpay-next-case-list .ws-notice--danger { border-color:var(--ctms-modal-danger); background:color-mix(in srgb,var(--ctms-modal-danger) 10%,var(--ctms-modal-panel)); color:var(--ctms-modal-text); } #modal.ctms-modern-modal .bpay-next-case-list .ws-notice[hidden] { display:none; } #modal.ctms-modern-modal .bpay-next-case-list .ws-notice .btn { margin-left:12px; } #modal.ctms-modern-modal .bpay-next-case-list .stale { opacity:.55; } #modal.ctms-modern-modal .bpay-next-case-list-total { margin:0; color:#a9b7cb; font-size:12px; } #modal.ctms-modern-modal .bpay-next-case-list-filters { display:flex; flex-direction:column; gap:16px; } #modal.ctms-modern-modal .bpay-next-case-list-filters label, #modal.ctms-modern-modal .bpay-next-case-list-filters > div { display:flex; flex-direction:column; gap:7px; } #modal.ctms-modern-modal .bpay-next-case-list-filters label:has(input[type=checkbox]) { flex-direction:row; align-items:center; min-height:44px; } #modal.ctms-modern-modal .bpay-next-case-list-caret { display:inline-block; margin-right:5px; width:26px; padding:0; border:0; background:transparent; } #modal.ctms-modern-modal .bpay-next-case-list-component { display:flex; gap:24px; padding:13px 22px; background:#172131; border-top:1px solid #334055; } #modal.ctms-modern-modal .bpay-next-case-list-phone-open, #modal.ctms-modern-modal .bpay-next-case-list-phone-sort, #modal.ctms-modern-modal .bpay-next-case-list-tools .bpay-next-case-list-phone-sort { display:none; } @media(max-width:700px) { #modal.ctms-modern-modal .bpay-next-case-list th { display:none; } #modal.ctms-modern-modal .bpay-next-case-list thead { display:none; } #modal.ctms-modern-modal .bpay-next-case-list table, #modal.ctms-modern-modal .bpay-next-case-list tbody, #modal.ctms-modern-modal .bpay-next-case-list tr { display:block; width:100%; } #modal.ctms-modern-modal .bpay-next-case-list tr { border-bottom:1px solid #53617a; padding:10px 0; } #modal.ctms-modern-modal .bpay-next-case-list td { display:flex; gap:12px; width:auto; border:0; padding:6px 12px; overflow-wrap:anywhere; } #modal.ctms-modern-modal .bpay-next-case-list td::before { content:attr(data-label); min-width:100px; width:100px; color:#aab8ce; flex-shrink:0; } #modal.ctms-modern-modal .bpay-next-case-list td:last-child { flex-wrap:wrap; } #modal.ctms-modern-modal .bpay-next-case-list-row-actions { flex-wrap:wrap; } #modal.ctms-modern-modal .bpay-next-case-list .btn, #modal.ctms-modern-modal .bpay-next-case-list select { min-height:44px; } #modal.ctms-modern-modal .bpay-next-case-list-phone-open, #modal.ctms-modern-modal .bpay-next-case-list-phone-sort, #modal.ctms-modern-modal .bpay-next-case-list-tools .bpay-next-case-list-phone-sort { display:flex; } #modal.ctms-modern-modal .bpay-next-case-list-counts { gap:12px; } #modal.ctms-modern-modal .bpay-next-case-list-counts > div { min-width:95px; } #modal.ctms-modern-modal .bpay-next-case-list-component { flex-wrap:wrap; padding:12px; } #modal.ctms-modern-modal .bpay-next-case-list-tools > span { width:100%; } #modal.ctms-modern-modal .bpay-next-case-list-tabs .btn { padding:10px; } } /* DR15 supplied SCR46 and native review: whole-list sort, continuous scrolling. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-omitted-list) {width:min(980px,calc(100vw - 48px));} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-list {display:flex;flex-direction:column;gap:14px;min-width:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-tools {display:flex;justify-content:flex-end;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-information {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--ctms-modal-line);border-radius:13px;background:var(--ctms-modal-panel-raised);line-height:1.5;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll {max-height:min(560px,58vh);overflow:auto;overscroll-behavior:contain;border:1px solid var(--ctms-modal-line);border-radius:13px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll table {width:100%;table-layout:fixed;border-collapse:collapse;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(th,td) {padding:12px 14px;border:0;border-bottom:1px solid var(--ctms-modal-line-soft);text-align:left;vertical-align:top;overflow-wrap:anywhere;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll th {position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(th,td):nth-child(1) {width:24%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(th,td):nth-child(2) {width:22%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(th,td):nth-child(3) {width:34%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read :is(.bpay-next-omitted-scroll,.bpay-next-review-results) th button {border:0;background:transparent;box-shadow:none;padding:0;min-height:28px;color:var(--ctms-modal-sub);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.055em;text-align:left;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read :is(.bpay-next-omitted-scroll,.bpay-next-review-results) small {display:block;color:var(--ctms-modal-sub);margin-top:5px;font-size:12px;line-height:1.5;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll tr[aria-selected=true] {background:var(--ctms-modal-panel-raised);box-shadow:inset 3px 0 var(--ctms-modal-accent-bright);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read :is(.bpay-next-omitted-list,.bpay-next-worker-review) .bpay-next-phone-open {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(1) {width:24%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(2) {width:16%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(3) {width:30%;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-omitted-list) {width:calc(100vw - 12px);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll {border:0;max-height:56vh;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(table,tbody,tr,td) {display:block;width:auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll thead {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll tr {border:1px solid var(--ctms-modal-line);border-radius:13px;padding:8px;margin-bottom:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll :is(th,td):nth-child(n) {width:auto;border:0;padding:6px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read :is(.bpay-next-omitted-list,.bpay-next-worker-review) .bpay-next-phone-open {display:inline-flex;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-list .bpay-next-desktop-open {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-omitted-list) :is(#btnCloseModal,button) {min-height:44px;min-width:44px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-information {align-items:flex-start;flex-direction:column;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-sort {display:none;gap:6px;align-items:center;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-summary {font-size:12px;color:var(--ctms-modal-sub);margin:0;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-sort {display:flex;flex:1;flex-wrap:wrap;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-phone-sort select {min-height:44px;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:10px;padding:8px;max-width:100%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-tools {gap:12px;align-items:center;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-tools:not(:has(button)) {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll th[aria-sort=ascending] button::after,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results th[aria-sort=ascending] button::after {content:' ▲';color:var(--ctms-modal-cyan);font-size:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll th[aria-sort=descending] button::after,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results th[aria-sort=descending] button::after {content:' ▼';color:var(--ctms-modal-cyan);font-size:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions {flex-wrap:nowrap;gap:6px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(1) {width:23%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(2) {width:14%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(3) {width:28%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions button {padding:8px 10px;font-size:12px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions button[data-next-secondary] {background:transparent;box-shadow:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results th:nth-child(2) button {text-align:right;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-tools:not(:has(button)) {display:flex;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-scroll td>small {grid-column:2;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-results :is(th,td):nth-child(n) {width:auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-review-row-actions {flex-wrap:wrap;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-omitted-information {border-left:4px solid var(--ctms-modal-cyan);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worker-review .bpay-next-omitted-information {display:flex;align-items:center;justify-content:space-between;flex-direction:row;text-align:left;gap:12px;} @media(max-width:700px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worker-review .bpay-next-omitted-information {align-items:flex-start;flex-direction:column;}} @media(max-width:700px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worker-review .bpay-next-desktop-open {display:none;}} /* DR14 same native progress host; bounded continuously scrolling waiting rows. */ #modal.ctms-modern-modal .bpay-next-progress-waiting{margin-top:16px}#modal.ctms-modern-modal .bpay-next-waiting-scroll{max-height:260px;overflow:auto}#modal.ctms-modern-modal .bpay-next-progress-waiting-table{width:100%;border-collapse:collapse}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th,#modal.ctms-modern-modal .bpay-next-progress-waiting-table td{text-align:left;padding:10px;border-bottom:1px solid var(--ctms-modal-line,#334155)}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th button{font:inherit}#modal.ctms-modern-modal .bpay-next-review-results td small{display:block} @media(max-width:600px){#modal.ctms-modern-modal .bpay-next-progress-waiting-table thead,#modal.ctms-modern-modal .bpay-next-progress-waiting-table thead tr{display:flex;gap:8px}#modal.ctms-modern-modal .bpay-next-progress-waiting-table thead th{display:block}#modal.ctms-modern-modal .bpay-next-progress-waiting-table,#modal.ctms-modern-modal .bpay-next-progress-waiting-table tbody,#modal.ctms-modern-modal .bpay-next-progress-waiting-table tr,#modal.ctms-modern-modal .bpay-next-progress-waiting-table td{display:block}#modal.ctms-modern-modal .bpay-next-progress-waiting-table tr{padding:8px 0}#modal.ctms-modern-modal .bpay-next-progress-waiting-table td{padding:6px 10px;border:0}#modal.ctms-modern-modal .bpay-next-progress-waiting-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--ctms-modal-sub,#94a3b8)}} #modal.ctms-modern-modal .bpay-next-progress-waiting-table{font-size:13px}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th button{padding:0;background:transparent;border:0;color:var(--ctms-modal-sub,#94a3b8);text-transform:uppercase;font-size:11px;font-weight:760;border-radius:10px}#modal.ctms-modern-modal .bpay-next-waiting-order{font-size:12px;color:var(--ctms-modal-sub,#94a3b8)}#modal.ctms-modern-modal .bpay-next-progress-waiting-table tr[aria-selected=true]{background:rgba(56,189,248,.1)}#modal.ctms-modern-modal .bpay-next-progress-waiting-table tbody tr:focus-visible{outline:2px solid #38bdf8;outline-offset:-2px} #modal.ctms-modern-modal .bpay-next-waiting-phone-sort{display:none}#modal.ctms-modern-modal .bpay-next-waiting-phone-sort select{border-radius:10px;padding:10px;background:var(--ctms-modal-surface,#0b1729);color:var(--ctms-modal-text,#e2e8f0);border:1px solid var(--ctms-modal-border,#334155)} @media(max-width:600px){#modal.ctms-modern-modal .bpay-next-progress-waiting-table thead{display:none}#modal.ctms-modern-modal .bpay-next-waiting-phone-sort{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;color:var(--ctms-modal-sub,#94a3b8)}} #modal.ctms-modern-modal .bpay-next-waiting-scroll{border:1px solid var(--ctms-modal-line);border-radius:13px;overscroll-behavior:contain}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th{background:var(--ctms-modal-panel-raised)} @media(max-width:600px){#modal.ctms-modern-modal .bpay-next-waiting-scroll{border:0}#modal.ctms-modern-modal .bpay-next-progress-waiting-table tbody tr{border:1px solid var(--ctms-modal-line);border-radius:13px;padding:8px;margin-bottom:10px}} #modal.ctms-modern-modal .bpay-next-progress-waiting-table th{position:sticky;top:0;z-index:1}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th[aria-sort=ascending] button::after{content:' ▲';color:var(--ctms-modal-cyan);font-size:10px}#modal.ctms-modern-modal .bpay-next-progress-waiting-table th[aria-sort=descending] button::after{content:' ▼';color:var(--ctms-modal-cyan);font-size:10px} /* DR16 existing Draft review: frozen summary and useful Case details. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals{grid-template-columns:repeat(3,minmax(0,1fr))} #modal.ctms-modern-modal:has(.bpay-next-worker-review){width:min(1320px,calc(100vw - 32px))} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-worker-review) .modal-h{flex:0 0 auto;height:auto} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results :is(th,td):nth-child(n){width:auto} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table{table-layout:fixed;width:100%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(1),#modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>tbody>tr>td:nth-child(1){width:21%;white-space:normal} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(2){width:9%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(3){width:10%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(4){width:9%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(5){width:24%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>thead>tr>th:nth-child(6){width:27%} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results>table>tbody>tr>td{white-space:normal} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results small{white-space:normal} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-row-actions{gap:6px} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-row-actions button{white-space:normal;padding:7px;font-size:12px} #modal.ctms-modern-modal .bpay-next-review-results :is(th,td):is(:nth-child(3),:nth-child(4)){text-align:right} #modal.ctms-modern-modal .bpay-next-review-results :is(th,td):is(:nth-child(3),:nth-child(4)) button{text-align:right} #modal.ctms-modern-modal .bpay-next-review-caret{display:inline-flex;align-items:center;justify-content:center;width:24px;min-height:24px;padding:0;margin-right:8px;border:1px solid var(--ctms-modal-line);border-radius:7px;background:transparent;color:var(--ctms-modal-text);vertical-align:middle} #modal.ctms-modern-modal .bpay-next-review-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap} #modal.ctms-modern-modal .bpay-next-review-counts{display:flex;gap:20px;margin-right:auto} #modal.ctms-modern-modal .bpay-next-review-counts>div{border-right:1px solid var(--ctms-modal-line);padding-right:20px} #modal.ctms-modern-modal .bpay-next-review-counts small{display:block;color:var(--ctms-modal-sub);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px} #modal.ctms-modern-modal .bpay-next-review-counts strong{font-size:14px} #modal.ctms-modern-modal .bpay-next-draft-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px} #modal.ctms-modern-modal .bpay-next-draft-total-card{padding:18px;border:1px solid var(--ctms-modal-line);border-radius:16px;background:var(--ctms-modal-panel-raised)} #modal.ctms-modern-modal .bpay-next-draft-total-card h3{font-size:11px;font-weight:760;letter-spacing:.1em;text-transform:uppercase;color:var(--ctms-modal-accent-bright);margin:0 0 6px} #modal.ctms-modern-modal .bpay-next-draft-total-card>strong{font-size:14px} #modal.ctms-modern-modal .bpay-next-draft-total-card dl{border-top:1px solid var(--ctms-modal-line);margin:12px 0 0;padding-top:12px;font-size:13px} #modal.ctms-modern-modal .bpay-next-draft-total-card dl>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0} #modal.ctms-modern-modal .bpay-next-draft-total-card dt{color:var(--ctms-modal-sub)} #modal.ctms-modern-modal .bpay-next-draft-total-card dd{font-weight:760;text-align:right;margin:0} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results .bpay-next-case-detail-row>td{padding:0;background:var(--ctms-modal-panel-raised)} #modal.ctms-modern-modal .bpay-next-case-review-scroll{max-height:330px;overflow:auto;overscroll-behavior:contain} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results .bpay-next-case-review-scroll :is(th,td):nth-child(n){width:auto} #modal.ctms-modern-modal .bpay-next-case-review-scroll th{position:sticky;top:0;background:var(--ctms-modal-panel-raised);z-index:1} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results .bpay-next-case-review-scroll :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(4)){text-align:right;font-variant-numeric:tabular-nums} #modal.ctms-modern-modal .bpay-next-case-review-scroll th:nth-child(2) button{text-align:right} #modal.ctms-modern-modal .bpay-next-case-review-scroll tr[aria-selected=true]{background:var(--ctms-modal-panel-soft)} #modal.ctms-modern-modal .bpay-next-case-review-scroll :is(th,td):nth-child(5){text-align:left} #modal.ctms-modern-modal .bpay-next-draft-totals.is-stale,#modal.ctms-modern-modal .has-read-error .bpay-next-review-results{opacity:.6} #modal.ctms-modern-modal:has(.bpay-next-worker-review) .bpay-next-window-actions{justify-content:space-between} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-frozen-totals{grid-template-columns:repeat(2,minmax(0,1fr))} #modal.ctms-modern-modal:has(.bpay-next-worker-review){width:calc(100vw - 12px)} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-worker-review) .modal-h .bpay-next-progress-subtitle{white-space:normal;overflow:visible;text-overflow:clip;max-height:none;grid-column:1 / -1;padding-right:0} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-worker-review) .modal-h #btnCloseModal{grid-row:1} #modal.ctms-modern-modal .bpay-next-draft-totals{grid-template-columns:1fr} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results :is(th,td):nth-child(n){width:auto} #modal.ctms-modern-modal .bpay-next-review-counts{width:100%;gap:10px;flex-wrap:wrap} #modal.ctms-modern-modal .bpay-next-review-counts>div{padding-right:10px} #modal.ctms-modern-modal .bpay-next-review-caret{width:44px;min-height:44px} #modal.ctms-modern-modal .bpay-next-case-review-scroll :is(table,tbody,tr,td){display:block} #modal.ctms-modern-modal .bpay-next-case-review-scroll thead{display:none} #modal.ctms-modern-modal .bpay-next-worker-review .bpay-next-review-results .bpay-next-case-review-scroll td:nth-child(n){padding:6px 10px;text-align:left} #modal.ctms-modern-modal .bpay-next-case-review-scroll td::before{content:attr(data-label);display:block;color:var(--ctms-modal-sub);font-size:12px;margin-bottom:3px} #modal.ctms-modern-modal .bpay-next-case-review-scroll tr{border-bottom:1px solid var(--ctms-modal-line);padding:8px} } /* DR13 card-required original source balances, inside the owned deduction cell. */ #modal.ctms-modern-modal .bpay-next-case-review-scroll .bpay-next-case-balance-meta{font-size:11px;margin:10px 0 0;color:var(--ctms-modal-sub)} #modal.ctms-modern-modal .bpay-next-case-balance-meta>div{display:flex;justify-content:space-between;gap:12px;margin:6px 0} #modal.ctms-modern-modal .bpay-next-case-balance-meta dd{margin:0;color:var(--ctms-modal-text);font-variant-numeric:tabular-nums;white-space:nowrap} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worker-review .bpay-next-review-results .bpay-next-case-review-scroll td:nth-child(n){display:block;width:auto} #modal.ctms-modern-modal .bpay-next-case-balance-meta{width:100%} #modal.ctms-modern-modal .bpay-next-case-balance-meta dt{min-width:0;overflow-wrap:normal;word-break:normal} } /* DR17: keep the actual review caret target above the native card button rule. */ @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worker-review table.ctms-universal-card-table .bpay-next-review-caret{width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0} } /* DR18: original confirmation question and factual one/two-channel result. */ /* DR07: notices above the existing totals, with bounded continuous scrolling. */ #modal.ctms-modern-modal .bpay-next-preparation-banner-scroll{max-height:220px;overflow:auto;overscroll-behavior:contain} #modal.ctms-modern-modal .bpay-next-preparation-banners [hidden]{display:none} #modal.ctms-modern-modal .bpay-next-preparation-banners:not([hidden]){margin-top:20px} #modal.ctms-modern-modal .bpay-next-preparation-banner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:16px;margin:0 0 8px;background:var(--ctms-modal-panel-raised)} #modal.ctms-modern-modal .bpay-next-preparation-banner>strong{min-width:0;overflow-wrap:anywhere} #modal.ctms-modern-modal .bpay-next-preparation-banner .btn{flex-shrink:0;white-space:nowrap} @media(max-width:700px){ #modal.ctms-modern-modal .bpay-next-preparation-banner{align-items:flex-start;flex-wrap:wrap;gap:10px} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-preparation-banners button{min-height:44px} } #modal.ctms-modern-modal .bpay-next-draft-confirm h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:17px} #modal.ctms-modern-modal .bpay-next-draft-confirm .bpay-next-question-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;border:1px solid var(--ctms-modal-accent-bright);border-radius:50%;color:var(--ctms-modal-accent-bright)} #modal.ctms-modern-modal .bpay-next-draft-confirm-summary{font-weight:700;line-height:1.55} #modal.ctms-modern-modal .bpay-next-draft-created table{width:100%} #modal.ctms-modern-modal .bpay-next-draft-created [hidden]{display:none} #modal.ctms-modern-modal .bpay-next-draft-created td small{display:block;margin-top:4px;color:var(--ctms-modal-muted)} @media(min-width:701px){ #modal.ctms-modern-modal .bpay-next-draft-created-table{border:1px solid var(--ctms-modal-line);border-radius:13px;overflow:hidden} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-draft-created table :is(th,td):is(:nth-child(2),:nth-child(3)){text-align:right;font-variant-numeric:tabular-nums} } @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-draft-created) button{min-height:44px} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-draft-confirm) button{min-height:44px} } /* DR21: native dark worksheet, fixed captured values and cursor scrolling. */ #modal.ctms-modern-modal .bpay-next-worksheet-toolbar{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ctms-modal-muted)} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar input{min-width:280px;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:10px;padding:10px 12px} #modal.ctms-modern-modal .bpay-next-worksheet-scroll{max-height:60vh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--ctms-modal-line);border-radius:13px} #modal.ctms-modern-modal .bpay-next-worksheet-scroll table{width:100%;table-layout:fixed} #modal.ctms-modern-modal .bpay-next-worksheet-scroll th:first-child{width:22%} #modal.ctms-modern-modal .bpay-next-worksheet-scroll :is(th,td){overflow-wrap:anywhere;vertical-align:top} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet .bpay-next-worksheet-sort{border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:inherit;padding:0;min-height:0;cursor:pointer} #modal.ctms-modern-modal .bpay-next-worksheet-sort:focus-visible{outline:2px solid var(--ctms-modal-accent-bright);outline-offset:3px} #modal.ctms-modern-modal .bpay-next-worksheet-name{display:flex;align-items:flex-start;gap:7px} #modal.ctms-modern-modal .bpay-next-worksheet :is(td small,.bpay-next-worksheet-name small){display:block;color:var(--ctms-modal-muted);font-size:11px;margin-top:5px} #modal.ctms-modern-modal .bpay-next-worksheet .bpay-next-review-caret{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;min-width:20px;height:22px} #modal.ctms-modern-modal .bpay-next-worksheet-expanded>td{padding:16px;background:var(--ctms-modal-panel-raised)} #modal.ctms-modern-modal .bpay-next-worksheet-workings p{margin:0 0 12px} #modal.ctms-modern-modal .bpay-next-worksheet-workings dl{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 14px} #modal.ctms-modern-modal .bpay-next-worksheet-workings dt{color:var(--ctms-modal-muted);font-size:12px} #modal.ctms-modern-modal .bpay-next-worksheet-workings dd{margin:5px 0 0;font-weight:700;font-variant-numeric:tabular-nums} #modal.ctms-modern-modal .bpay-next-worksheet-line-scroll{max-height:240px;overflow:auto;margin:14px 0} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar .bpay-next-worksheet-phone-sort,#modal.ctms-modern-modal .bpay-next-worksheet-phone-open{display:none} #modal.ctms-modern-modal .bpay-next-worksheet [hidden]{display:none} @media(min-width:701px){#modal.ctms-modern-modal .bpay-next-worksheet-scroll :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)){text-align:right;font-variant-numeric:tabular-nums}} @media(max-width:700px){ #modal.ctms-modern-modal .bpay-next-worksheet-toolbar{flex-wrap:wrap;gap:10px} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar label:first-child{flex:1 1 100%} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar input{min-width:0;width:100%} #modal.ctms-modern-modal .bpay-next-worksheet-toolbar .bpay-next-worksheet-phone-sort{display:flex;flex:1} #modal.ctms-modern-modal .bpay-next-worksheet-phone-open{display:inline-block;margin-top:10px} #modal.ctms-modern-modal .bpay-next-worksheet :is(button,select){min-height:44px} #modal.ctms-modern-modal .bpay-next-worksheet .bpay-next-review-caret{width:44px;height:44px;flex-shrink:0} #modal.ctms-modern-modal .bpay-next-worksheet-scroll table{table-layout:auto} #modal.ctms-modern-modal .bpay-next-worksheet-expanded>td{display:block} #modal.ctms-modern-modal .bpay-next-worksheet-expanded>td:before{display:none} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet .bpay-next-worksheet-sort{font-size:11px;text-transform:uppercase;letter-spacing:.02em} #modal.ctms-modern-modal .bpay-next-worksheet-scroll[data-stale='true'] tbody{opacity:.5} @media(min-width:701px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet-line-scroll :is(th,td):is(:nth-child(5),:nth-child(6),:nth-child(7)){text-align:right;font-variant-numeric:tabular-nums}} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet :is(.bpay-next-worksheet-phone-open,.bpay-next-review-caret){min-height:44px;min-width:44px} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet button.btn,#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet :is(select,input){min-height:44px} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-worksheet-scroll>table>thead{display:none} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-worksheet) #btnCloseModal{min-height:44px;min-width:44px} } #modal.ctms-modern-modal .bpay-next-worksheet .candidate-office-badge{font-size:11px;white-space:normal} #modal.ctms-modern-modal .bpay-next-worksheet-skeleton-row{height:55px;margin-bottom:1px;background:var(--ctms-modal-panel-raised);border-bottom:1px solid var(--ctms-modal-line)} @media(min-width:701px){ #modal.ctms-modern-modal .bpay-next-worksheet-scroll th[aria-sort='ascending'] .bpay-next-worksheet-sort:after{content:' ▲';color:var(--ctms-modal-cyan);font-size:10px} #modal.ctms-modern-modal .bpay-next-worksheet-scroll th[aria-sort='descending'] .bpay-next-worksheet-sort:after{content:' ▼';color:var(--ctms-modal-cyan);font-size:10px} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-worksheet) #modalActions:has([data-next-window-footer][hidden]):not(:has([data-next-window-footer]:not([hidden]))){display:none} /* FC-12 supplied small future repayment arrangement window. */ #modal.ctms-modern-modal .bpay-next-case-restructure {display:flex;flex-direction:column;gap:16px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal .bpay-next-case-restructure p {margin:0;} #modal.ctms-modern-modal .bpay-next-restructure-form {display:flex;flex-direction:column;gap:18px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-restructure-form fieldset {border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;background:transparent;box-shadow:none;} #modal.ctms-modern-modal .bpay-next-restructure-form legend,#modal.ctms-modern-modal .bpay-next-restructure-field>label {font-size:12px;font-weight:680;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-restructure-form fieldset label {display:flex;gap:8px;align-items:center;min-height:28px;font-size:12px;font-weight:680;} #modal.ctms-modern-modal .bpay-next-restructure-field {display:flex;flex-direction:column;gap:8px;} #modal.ctms-modern-modal .bpay-next-restructure-field input,#modal.ctms-modern-modal .bpay-next-restructure-field textarea {width:100%;box-sizing:border-box;min-height:44px;background:var(--ctms-modal-input);color:var(--ctms-modal-text);border:1px solid var(--ctms-modal-line);border-radius:10px;padding:12px;font-size:13px;} #modal.ctms-modern-modal .bpay-next-restructure-field small {font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal .bpay-next-restructure-money {position:relative;} #modal.ctms-modern-modal .bpay-next-restructure-money>span {position:absolute;left:12px;top:13px;color:var(--ctms-modal-text);pointer-events:none;} #modal.ctms-modern-modal .bpay-next-restructure-money input {padding-left:25px;} #modal.ctms-modern-modal .bpay-next-restructure-compare {table-layout:fixed;width:100%;font-size:12px;} #modal.ctms-modern-modal .bpay-next-restructure-compare :is(th,td):not(:first-child) {text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-restructure-compare td:last-child {font-weight:700;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-restructure [hidden],#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-restructure .ctms-money-field:has(>input[hidden]) {display:none;} #modal.ctms-modern-modal:has(.bpay-next-case-restructure) #modalDrag {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;} #modal.ctms-modern-modal:has(.bpay-next-case-restructure) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-case-restructure) #modalDrag>p {grid-column:1;grid-row:2;margin:0;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal:has(.bpay-next-case-restructure) #btnCloseModal {grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(.bpay-next-case-restructure) #modalDrag>.spacer {display:none;} @media(max-width:600px){#modal.ctms-modern-modal .bpay-next-restructure-form fieldset label {min-height:44px;}#modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-restructure) button {min-height:44px;}} /* FC-11 supplied small write-off window, with the native EX-01 child challenge. */ #modal.ctms-modern-modal .bpay-next-write-off {display:flex;flex-direction:column;gap:16px;color:var(--ctms-modal-text,#edf3ff);} #modal.ctms-modern-modal .bpay-next-write-off p {margin:0;} #modal.ctms-modern-modal .bpay-next-write-off-subtitle {color:var(--ctms-modal-sub,#b3bfd1);font-size:13px;} #modal.ctms-modern-modal .bpay-next-write-off-warning {padding:12px 14px;border:1px solid #334459;border-left:4px solid #ffb020;border-radius:10px;background:#101d30;font-weight:700;} #modal.ctms-modern-modal .bpay-next-write-off-facts {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin:0;} #modal.ctms-modern-modal .bpay-next-write-off-facts dt {color:var(--ctms-modal-sub,#b3bfd1);font-size:12px;font-weight:680;} #modal.ctms-modern-modal .bpay-next-write-off-facts dd {margin:0;font-weight:700;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-write-off-form {display:flex;flex-direction:column;gap:10px;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-write-off-form fieldset {border:0;padding:0;margin:0 0 6px;display:flex;flex-direction:column;gap:10px;background:transparent;box-shadow:none;} #modal.ctms-modern-modal .bpay-next-write-off-form legend,#modal.ctms-modern-modal .bpay-next-write-off-form>label {font-size:12px;color:var(--ctms-modal-sub,#b3bfd1);font-weight:680;} #modal.ctms-modern-modal .bpay-next-write-off-form fieldset label {display:flex;align-items:center;gap:8px;min-height:28px;font-size:12px;font-weight:680;} #modal.ctms-modern-modal .bpay-next-write-off-form input:not([type=radio]),#modal.ctms-modern-modal .bpay-next-write-off-form textarea {width:100%;box-sizing:border-box;background:#071220;color:#edf3ff;border:1px solid #3c526e;border-radius:10px;padding:12px;min-height:44px;} #modal.ctms-modern-modal .bpay-next-write-off-auth {padding:12px 14px;border:1px solid #2c405a;border-radius:10px;background:#101d30;font-weight:700;} #modal.ctms-modern-modal .bpay-next-write-off-draft {display:flex;align-items:center;gap:12px;flex-wrap:wrap;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-window-actions .btn.primary.bpay-next-write-off-destructive {background:#5b202a;border:1px solid #d85667;color:#ffe7ea;box-shadow:none;} #modal.ctms-modern-modal:has(.bpay-next-write-off) .bpay-next-window-actions {width:100%;margin-left:0;} #modal.ctms-modern-modal:has(.bpay-next-write-off) .bpay-next-window-actions .bpay-next-write-off-destructive {order:-1;margin-right:auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-write-off [hidden],#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-write-off .ctms-money-field:has(> input[hidden]) {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-write-off .ws-notice.is-success {border-color:#2e725c;border-left:4px solid #43c997;background:#102b24;} #modal.ctms-modern-modal:has(.bpay-next-write-off) #modalDrag {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;} #modal.ctms-modern-modal:has(.bpay-next-write-off) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-write-off) .bpay-next-write-off-subtitle {grid-column:1;grid-row:2;margin:0;} #modal.ctms-modern-modal:has(.bpay-next-write-off) #btnCloseModal {grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(.bpay-next-write-off) #modalDrag>.spacer {display:none;} @media(max-width:600px){#modal.ctms-modern-modal .bpay-next-write-off-form fieldset label {min-height:44px;}#modal.ctms-modern-modal .bpay-next-write-off-facts {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}#modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-write-off) button {min-height:44px;}} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-restructure .bpay-next-restructure-money input{padding-left:28px;text-align:right;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-restructure-compare{font-size:13px;border:1px solid var(--ctms-modal-line);border-radius:10px;border-collapse:separate;border-spacing:0;overflow:hidden;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-restructure-compare th{position:sticky;top:0;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-case-restructure .ws-notice.is-success{border-color:var(--ctms-modal-success);border-left:4px solid var(--ctms-modal-success);background:color-mix(in srgb,var(--ctms-modal-success) 14%,var(--ctms-modal-panel));} #modal.ctms-modern-modal .bpay-next-restructure-preview-hint{margin-right:auto;color:var(--ctms-modal-sub);font-size:12px;} /* FC-13 / SCR-30: supplied arrangement layout within the native Office frame. */ #modal.ctms-modern-modal .bpay-next-case-channel{display:flex;flex-direction:column;gap:20px;color:var(--ctms-modal-text);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-case-channel){width:min(980px,calc(100vw - 48px));} #modal.ctms-modern-modal:has(.bpay-next-case-channel) #modalDrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;flex:0 0 auto;height:auto;} #modal.ctms-modern-modal:has(.bpay-next-case-channel) #modalTitle{grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-case-channel) [data-next-window-header-detail]{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;} #modal.ctms-modern-modal:has(.bpay-next-case-channel) #btnCloseModal{grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal:has(.bpay-next-case-channel) #modalDrag>.spacer{display:none;} #modal.ctms-modern-modal .bpay-next-channel-confirm .bpay-next-channel-kv{grid-template-columns:1fr;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read :is(.bpay-next-case-channel,.bpay-next-channel-confirm) [hidden]{display:none;} #modal.ctms-modern-modal .bpay-next-channel-facts,#modal.ctms-modern-modal .bpay-next-channel-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:16px;background:var(--ctms-modal-panel-raised);border:1px solid var(--ctms-modal-line);border-radius:13px;} #modal.ctms-modern-modal .bpay-next-channel-totals{grid-template-columns:repeat(5,minmax(0,1fr));} #modal.ctms-modern-modal :is(.bpay-next-channel-facts,.bpay-next-channel-totals,.bpay-next-channel-kv) dt{font-size:12px;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal :is(.bpay-next-channel-facts,.bpay-next-channel-totals) dd{margin:6px 0 0;font-size:15px;font-weight:730;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-channel-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:14px 0 0;} #modal.ctms-modern-modal .bpay-next-channel-kv>div{display:flex;justify-content:space-between;gap:12px;} #modal.ctms-modern-modal .bpay-next-channel-kv dd{margin:0;text-align:right;font-size:13px;font-weight:680;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal :is(.bpay-next-case-channel,.bpay-next-channel-confirm) .ctms-section>small{display:block;font-size:10px;font-weight:760;text-transform:uppercase;color:var(--ctms-modal-sub);} #modal.ctms-modern-modal :is(.bpay-next-case-channel,.bpay-next-channel-confirm) h2{margin:8px 0;font-size:15px;font-weight:730;} #modal.ctms-modern-modal .bpay-next-channel-breakdown>.ctms-universal-table-host{max-height:300px;overflow:auto;border-radius:13px;border:1px solid var(--ctms-modal-line);} #modal.ctms-modern-modal .bpay-next-channel-breakdown table{width:100%;border-spacing:0;font-size:13px;} #modal.ctms-modern-modal .bpay-next-channel-breakdown th{position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);font-size:11px;text-transform:uppercase;} #modal.ctms-modern-modal .bpay-next-channel-breakdown :is(td,th):nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-channel-breakdown td small{display:block;color:var(--ctms-modal-sub);font-size:12px;} #modal.ctms-modern-modal .bpay-next-case-channel .bpay-next-restructure-form{gap:16px;} #modal.ctms-modern-modal .bpay-next-case-channel .bpay-next-restructure-money input{padding-left:28px;text-align:right;} #modal.ctms-modern-modal .bpay-next-channel-confirm{display:flex;flex-direction:column;gap:16px;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-case-channel){width:calc(100vw - 12px);} #modal.ctms-modern-modal .bpay-next-channel-facts,#modal.ctms-modern-modal .bpay-next-channel-totals{grid-template-columns:repeat(2,minmax(0,1fr));} #modal.ctms-modern-modal .bpay-next-channel-kv{grid-template-columns:1fr;} #modal.ctms-modern-modal :is(.bpay-next-case-channel,.bpay-next-channel-confirm) button{min-height:44px;} #modal.ctms-modern-modal .bpay-next-case-channel fieldset label{min-height:44px;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-case-restructure) #modalActions:has([data-next-window-footer][hidden]):not(:has([data-next-window-footer]:not([hidden]))){display:none;} /* SCR-30 confirmation and touch targets, scoped to its native window. */ #modal.ctms-modern-modal .bpay-next-channel-question{display:flex;align-items:center;gap:12px;} #modal.ctms-modern-modal .bpay-next-channel-question-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--ctms-modal-accent-bright);border-radius:50%;background:var(--ctms-modal-panel-raised);font-weight:700;} #modal.ctms-modern-modal .bpay-next-channel-confirm-values{font-weight:730;line-height:1.6;} #modal.ctms-modern-modal:has(.bpay-next-channel-confirm) #modalDrag{display:none;} #modal.ctms-modern-modal .bpay-next-channel-confirm p{margin:0;} @media(max-width:700px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(:is(.bpay-next-case-channel,.bpay-next-channel-confirm)) :is(#btnCloseModal,.bpay-next-window-actions .btn){min-height:44px;}} #modal.ctms-modern-modal .bpay-next-channel-question-icon.is-refused{border-color:var(--ctms-modal-danger);color:var(--ctms-modal-danger);} /* FC15 A4: native issue frame, empty reference cell and phone controls. */ @media(min-width:701px){#modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-table{border:1px solid var(--ctms-modal-line);border-radius:13px;}} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-issue-table td.bpay-next-issue-money.is-empty{display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-issue-lists) :is(#btnCloseModal,[data-next-window-footer] .btn){min-height:44px;min-width:44px;} } /* SP04 / SCR139: native finite per-row result, in the supplied medium frame. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-unauthorise-result){width:min(980px,calc(100vw - 32px));color-scheme:dark;} #modal.ctms-modern-modal:has(.bpay-next-unauthorise-result) #modalActions{display:none;} #modal.ctms-modern-modal .bpay-next-unauthorise-result{min-width:0;} #modal.ctms-modern-modal .bpay-next-unauthorise-table{width:100%;border:1px solid var(--ctms-modal-line);border-radius:13px;overflow:hidden;} #modal.ctms-modern-modal .bpay-next-unauthorise-table th{position:sticky;top:0;z-index:1;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-unauthorise-table td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere;} #modal.ctms-modern-modal .bpay-next-unauthorise-table :is(strong,small){display:block;} #modal.ctms-modern-modal .bpay-next-unauthorise-table small{color:var(--ctms-modal-muted);margin-top:5px;line-height:1.45;} #modal.ctms-modern-modal .bpay-next-unauthorise-section td{font-size:11px;text-transform:uppercase;font-weight:750;letter-spacing:.04em;background:var(--ctms-modal-panel-raised);color:var(--ctms-modal-muted);} #modal.ctms-modern-modal .bpay-next-unauthorise-table .btn{margin-top:8px;min-height:44px;} @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read.bpay-next-wide-window:has(.bpay-next-unauthorise-result){width:calc(100vw - 12px);} #modal.ctms-modern-modal:has(.bpay-next-unauthorise-result) #btnCloseModal{min-width:44px;min-height:44px;} #modal.ctms-modern-modal .bpay-next-unauthorise-table td:first-child{display:block;} #modal.ctms-modern-modal .bpay-next-unauthorise-table td:first-child::before{display:none;} #modal.ctms-modern-modal .bpay-next-unauthorise-table td:first-child :is(strong,small){display:block;grid-column:1 / -1;} #modal.ctms-modern-modal .bpay-next-unauthorise-table td:last-child small{grid-column:1 / -1;} } /* WB29: one native payment frame, flat factual rows, and phone value grouping. */ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll {border:1px solid var(--ctms-modal-line);border-radius:13px;overflow:auto;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-detail {padding:0;border:0;background:transparent;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-detail table {border:0;border-radius:0;box-shadow:none;margin:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-day {background:transparent;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-table > tbody > tr:has(.bpay-next-shift-list) > td {padding:0;} @media(min-width:721px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll > table > thead > tr > th:nth-child(2) {width:30%;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-candidate-scroll > table > thead > tr > th:last-child {width:220px;} } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-detail table.ctms-universal-table tbody td {background:transparent;} @media(max-width:720px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-detail {padding:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-payment-detail tr {border:0;border-radius:0;box-shadow:none;margin:0;padding:8px 0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-table > tbody > tr:has(.bpay-next-shift-list) {padding:0;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-day > td[data-label]:not([colspan])::before {content:attr(data-label);} #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-detail-day > td[data-label=Status]:empty {display:none;} #modal.ctms-modern-modal.ctms-kind-bpay-next-read:has(.bpay-next-filter-content) :is(#btnCloseModal,[data-next-window-footer] .btn) {min-height:44px;min-width:44px;height:auto;} } /* WB32 A4: only this native window's secondary, destructive and phone states. */ /* WB34 native changed operands use the existing universal table and modal tokens. */ #modal.ctms-modern-modal .bpay-next-rate-changed-evidence {margin:16px 0;} #modal.ctms-modern-modal .bpay-next-rate-changed-evidence :is(th,td):not(:first-child) {text-align:right;font-variant-numeric:tabular-nums;} #modal.ctms-modern-modal .bpay-next-rate-changed-evidence th {position:sticky;top:0;background:var(--ctms-modal-panel-raised);} #modal.ctms-modern-modal .bpay-next-publication-status {white-space:nowrap;flex-shrink:0;} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) #modalTitle {grid-column:1;grid-row:1;} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) #modalDrag {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) #modalDrag > .spacer {display:none;} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) [data-next-window-header-detail] {grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere;} #modal.ctms-modern-modal:has(.bpay-next-clear-confirmation) #btnCloseModal {grid-column:2;grid-row:1 / span 2;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer .bpay-next-channel-clear{order:-1;} #modal.ctms-modern-modal .bpay-next-pay-channel-footer .bpay-next-channel-clear:first-of-type{margin-right:auto;} #modal.ctms-modern-modal .bpay-next-channel-choice-confirm .is-refused{color:var(--ctms-modal-danger);border-color:var(--ctms-modal-danger);} #modal.ctms-modern-modal:has(.bpay-next-pay-channel) #modalActions:has([data-next-window-footer][hidden]):not(:has([data-next-window-footer]:not([hidden]))){display:none;} #modal.ctms-modern-modal .bpay-next-pay-channel .candidate-office-badge{margin-left:8px;} @media(max-width:700px){#modal.ctms-modern-modal:has(.bpay-next-channel-choice-confirm) :is(button,.bpay-next-confirmation-footer .btn){min-height:44px;min-width:44px;}} #modal.ctms-modern-modal.ctms-kind-bpay-next-read #modalActions .bpay-next-pay-channel-footer button.bpay-next-channel-clear[data-next-destructive]{border-color:var(--ctms-modal-danger);color:#f5c1bd;background:transparent;box-shadow:none;} /* XD01: masked Stored credits use the same native dark list/window. */ /* DR23: native recovery-change question; the card supplies every shown value. */ #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-net-confirm) {width:min(600px,calc(100vw - 48px));color-scheme:dark;} #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-net-confirm) #modalBody {padding:0;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm {background:var(--ctms-modal-panel);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm h2 {background:var(--ctms-modal-panel-raised);} #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-net-confirm) #modalActions {background:var(--ctms-modal-canvas);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-changes {color:var(--ctms-modal-sub);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm h2 {display:flex;gap:12px;align-items:center;font-size:15px;margin:0;padding:16px 18px;border-bottom:1px solid var(--ctms-modal-line);} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm p {margin:16px 18px;line-height:1.6;overflow-wrap:anywhere;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-changes p {margin-bottom:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm .bpay-next-draft-confirm-summary {margin-top:8px;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm .bpay-next-draft-confirm-summary {font-weight:760;} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-confirm .bpay-next-question-icon {display:inline-flex;flex:0 0 30px;height:30px;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--ctms-modal-accent-bright);color:var(--ctms-modal-text);background:color-mix(in srgb,var(--ctms-modal-accent) 16%,var(--ctms-modal-panel-raised));} #modal.ctms-kind-bpay-next-read .bpay-next-paye-net-changes {max-height:45dvh;overflow:auto;overscroll-behavior:contain;} @media(max-width:700px){ #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-net-confirm) {width:calc(100vw - 16px);} #modal.ctms-kind-bpay-next-read:has(.bpay-next-paye-net-confirm) :is(button,.btn) {min-width:44px;min-height:44px;} } #modal.ctms-modern-modal:has(.bpay-next-stored-credits) { max-width:980px; } #modal.ctms-modern-modal .bpay-next-stored-credits > p:first-child { margin:0; color:#a9b7cb; } #modal.ctms-modern-modal .bpay-next-stored-credits td[data-label="Amount"], #modal.ctms-modern-modal .bpay-next-stored-credits th:nth-child(3) { text-align:right; font-variant-numeric:tabular-nums; } #modal.ctms-modern-modal .bpay-next-stored-credits td[data-label="Paid to"] { overflow-wrap:anywhere; } #modal.ctms-modern-modal .bpay-next-stored-credits td[data-label="Actions"] { white-space:nowrap; } #modal.ctms-modern-modal .bpay-next-stored-credits .bpay-next-case-list-scroll { max-height:calc(100dvh - 260px); border-radius:13px; } #modal.ctms-modern-modal .bpay-next-stored-credits td:first-child strong { font-weight:760; } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-stored-credits .bpay-next-stored-credit-adopt { border:0; background:transparent; box-shadow:none; color:var(--ctms-modal-accent-bright); font-weight:760; } #modal.ctms-modern-modal .bpay-next-stored-credit-adopt span { color:var(--ctms-modal-accent-bright); } #modal.ctms-modern-modal .bpay-next-stored-credits th .btn span { color:var(--ctms-modal-table-head-text,#b9c7da); } #modal.ctms-modern-modal .bpay-next-stored-credits th .btn .bpay-next-stored-credit-sort-arrow { color:#38bdf8; } #modal.ctms-modern-modal:has(.bpay-next-stored-credits) #modalActions { display:none; } #modal.ctms-modern-modal .bpay-next-stored-credits table { table-layout:fixed; } #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-stored-credits th .btn { min-height:24px; color:var(--ctms-modal-table-head-text,#b9c7da); } #modal.ctms-modern-modal .bpay-next-stored-credits td[data-label="Amount"] strong { font-weight:760; } #modal.ctms-modern-modal .bpay-next-stored-credit-confirm p { overflow-wrap:anywhere; } #modal.ctms-modern-modal .bpay-next-stored-credits .ws-notice--success { border-color:var(--ctms-modal-success); background:color-mix(in srgb,var(--ctms-modal-success) 10%,var(--ctms-modal-panel)); color:var(--ctms-modal-text); } @media(max-width:700px){ #modal.ctms-modern-modal.ctms-kind-bpay-next-read .bpay-next-stored-credits .bpay-next-stored-credit-adopt { display:none; } #modal.ctms-modern-modal .bpay-next-stored-credits td[data-label="Amount"] { text-align:left; } #modal.ctms-modern-modal:has(.bpay-next-stored-credit-confirm) :is(button,.btn) { min-height:44px; } }