@import url('./scan.css');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#242c3c;background:#f6f7f9;font-size:18px;font-synthesis:none;--green:#23815b;--mint:#eaf5ee;--muted:#727c8c;--line:#e2e6eb;--navy:#30314d}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid #d8dee6;border-radius:6px;padding:9px 13px;color:inherit;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.35;transition:background .12s}button:hover{background:#f1f5f3;border-color:#b9c9c0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78afe5;outline-offset:2px}a{color:var(--green)}input,textarea,select{border:1px solid #d4dbe3;border-radius:6px;background:#fff;padding:10px 11px;color:inherit;min-width:0;max-width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #23815b15}textarea{resize:vertical}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#176b49;border-color:#176b49}.danger{color:#b64c48;border-color:#e7d1cf}.danger:hover{background:#fff0ee;border-color:#c48c85}.text-btn{border:0;background:transparent;color:var(--green);padding:8px}.icon-button{padding:8px;border-color:transparent;background:transparent}.layout{display:grid;grid-template-columns:216px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;background:#f8f9fb;border-right:1px solid var(--line);padding:21px 12px 15px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 11px;font-size:26px;color:var(--green);font-weight:750;letter-spacing:-.6px}.brand-mark{height:29px;width:29px;border-radius:8px;background:var(--green);color:white;display:grid;place-items:center;font-size:25px;flex-shrink:0}.brand small{display:block;font-size:14px;letter-spacing:2.8px;color:#75857e;margin-top:3px}.org{margin:24px 1px 8px;padding:12px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;display:flex;gap:9px;align-items:center;font-size:18px;font-weight:650}.org-badge{height:31px;width:31px;display:grid;place-items:center;background:#edf1f7;border-radius:6px;color:#606b84;font-size:16px}.org small{display:block;color:var(--muted);font-size:15px;font-weight:400;margin-top:4px}.nav-section{font-size:15px;letter-spacing:1.1px;color:#8a92a0;font-weight:650;padding:20px 10px 9px}.nav{display:flex;justify-content:flex-start;width:100%;gap:9px;border:0;text-align:left;background:transparent;padding:11px 10px;margin:2px 0;font-size:17px;min-height:39px;white-space:nowrap;text-decoration:none}.nav .icon{color:#7b8497;width:17px;height:17px}.nav .count{margin-left:auto;font-size:16px;min-width:19px;text-align:center;color:#727b8e}.nav.active{background:var(--navy);color:white}.nav.active .icon,.nav.active .count{color:#fff}.nav.active .count{background:#ffffff1c;border-radius:4px;padding:2px 4px}.nav-divider{border-top:1px solid var(--line);margin:18px 8px 8px}.side-bottom{margin-top:auto;padding-top:24px}.demo-tag{font-size:15px;color:#7a8591;display:flex;align-items:center;gap:6px;padding:13px 10px 0}.dot{background:#60a87d;width:6px;height:6px;border-radius:50%;display:inline-block}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;min-height:64px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:17px;white-space:nowrap}.breadcrumb>span{color:var(--muted)}.breadcrumb .icon{width:12px;color:#a4acb7}.breadcrumb strong{font-weight:550}.top-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.top-actions button{font-size:17px}.scan-launch{color:var(--green)}.actor{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:15px;margin-left:4px}.actor small{display:block;color:var(--muted);font-size:15px}.actor select{border:0;padding:3px 0;font-size:17px;max-width:125px;background:transparent}.avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:15px;font-weight:650;background:#e6efeb;color:#50735e;flex-shrink:0}.avatar.purple{background:#eee9f8;color:#7d669e}.avatar.gold{background:#f5ecd9;color:#907645}.workspace{display:grid;grid-template-columns:306px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.list-panel{display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid var(--line)}.list-heading{padding:23px 18px 17px;border-bottom:1px solid var(--line)}.list-heading h1{margin:0 0 19px;display:flex;align-items:center;gap:9px;font-size:25px;line-height:1.2;letter-spacing:-.5px;font-weight:650}.list-heading h1 span{font-size:16px;color:#76818d;border-radius:5px;background:#edf0f4;padding:4px 7px;letter-spacing:0}.searchbox{position:relative}.searchbox .icon{position:absolute;left:10px;top:11px;color:#919aa5;width:16px;height:16px}.searchbox input{width:100%;font-size:17px;padding:10px 27px 10px 33px;background:#fafbfc}.searchbox kbd{position:absolute;right:10px;top:10px;font-size:17px;color:#939caa;border:1px solid #e1e5ea;border-radius:3px;padding:0 4px}.list-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.list-filters select{font-size:17px;padding:8px 5px;border-color:var(--line);background:#fff}.request-list{overflow-y:auto;flex:1}.request-card{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;text-align:left;padding:16px 18px;position:relative;min-height:122px}.request-card:hover{background:#f8faf9}.request-card.selected{background:#edf6f0;box-shadow:inset 3px 0 var(--green)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:6px}.request-kind{font-size:14px;letter-spacing:.7px;color:#76828b;font-weight:650}.card-date{font-size:15px;color:#85909a}.card-supplier{font-size:18px;font-weight:650;color:#2f3743;margin-bottom:5px;line-height:1.3}.ref{color:#677487;font-size:16px;line-height:1.4}.ref>span{color:#8a929c}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.card-bottom strong{font-size:19px;letter-spacing:-.25px;font-weight:650}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;font-size:15px;line-height:1.15;background:#edf0f5;color:#738094;font-weight:550;white-space:nowrap}.badge.on-approval{color:#946b1d;background:#fff2d7}.badge.approved{color:#28764e;background:#e4f2e8}.badge.rejected{color:#af4f48;background:#fcebe8}.list-footer{padding:14px 18px;font-size:15px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);background:#fafbfc}.list-footer strong{font-weight:550;color:#5e6a79}.detail{display:flex;flex-direction:column;overflow:hidden;background:#fff;min-width:0;min-height:0}.detail-header{padding:15px 28px 14px;border-bottom:1px solid var(--line);flex-shrink:0;background:#fff}.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.eyebrow{font-size:16px;color:var(--muted);font-weight:500}.slash{margin:0 7px;color:#c2c8d1}.request-pagination{display:flex;align-items:center;gap:2px;color:#798494;font-size:16px}.request-pagination span{margin-right:8px}.request-pagination button{padding:5px}.request-pagination .icon{width:15px;height:15px}.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.detail-title h2{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.6px;margin:0 0 13px;overflow-wrap:anywhere}.submitted{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:16px}.submitted strong{font-weight:500;color:#4e5a6c}.submitted .avatar{width:23px;height:23px;font-size:14px}.submitted .badge{margin-left:4px}.amount{font-size:32px;letter-spacing:-.5px;font-weight:650;text-align:right;white-space:nowrap}.amount small{font-size:15px;font-weight:400;letter-spacing:0;display:block;margin-top:7px;color:var(--muted)}.detail-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.detail-actions>div{display:flex;gap:8px;align-items:center}.detail-actions button{font-size:17px;min-height:35px}.detail-actions .primary{min-width:112px}.waiting{font-size:16px;color:#727f90;display:flex;align-items:center;gap:5px}.detail-tabs{display:flex;align-items:center;gap:25px;padding:0 28px;border-bottom:1px solid var(--line);flex-shrink:0;min-height:49px}.detail-tabs [role=tab]{border:0;border-bottom:2px solid transparent;border-radius:0;padding:15px 0 13px;background:none;color:#778291;font-size:17px;gap:5px}.detail-tabs [role=tab].active{color:var(--green);border-bottom-color:var(--green)}.detail-tabs [role=tab] span{font-size:15px;padding:1px 5px;border-radius:4px;background:#edf0f3;color:#818b98}.detail-tabs .preview-toggle{margin-left:auto;border:0;background:transparent;color:var(--green);font-size:16px;padding:8px 0}.detail-body{display:flex;min-height:0;flex:1;overflow:hidden}.content{padding:25px 28px 30px;min-width:0;flex:1;overflow-y:auto}.overview-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.overview-meta label{font-size:16px;color:var(--muted);display:block;margin-bottom:7px}.overview-meta strong{font-size:18px;font-weight:550;display:block}.note{background:#f7f9fb;border:1px solid #ecf0f3;border-radius:6px;padding:13px 16px;margin-bottom:26px}.note label{font-size:15px;text-transform:uppercase;letter-spacing:.65px;color:#88919d;font-weight:600}.note p{font-size:17px;line-height:1.6;white-space:pre-wrap;margin:7px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 13px}.section-heading h3,.section-label{font-size:18px;font-weight:650;margin:0}.section-heading>span{font-size:15px;color:#88919f}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:17px}th{color:#89929f;font-size:15px;font-weight:550;background:#f8f9fb;border-top:1px solid var(--line);padding:11px 10px}td{padding:16px 10px;border-bottom:1px solid var(--line);line-height:1.5}td:first-child{min-width:150px}td small{display:block;font-size:15px;color:#9099a4;margin-top:4px}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}td strong{font-weight:600}.totals{width:250px;max-width:100%;margin:18px 0 24px auto;font-size:17px}.totals>div{display:flex;justify-content:space-between;padding:6px 2px;color:#828c99}.totals b{color:#455064;font-weight:550}.totals .grand{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;color:#313b4c;font-size:18px;font-weight:600}.totals .grand b{font-size:20px;color:#273346}.match{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:14px;color:#718091;margin:24px 0}.match strong{font-size:17px;color:#4b5869;font-weight:550}.match small{display:block;font-size:16px;margin-top:5px}.match button{margin-left:auto;font-size:16px;white-space:nowrap}.flow{border:1px solid var(--line);border-radius:7px;overflow:hidden}.flow-step{display:flex;gap:13px;padding:16px;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.flow-step.active{background:#f7fbf8}.step-number{height:25px;width:25px;border-radius:50%;border:1px solid #d6dce3;color:#8c97a3;font-size:16px;display:grid;place-items:center;flex-shrink:0;background:#fff}.flow-step.active .step-number,.flow-step.complete .step-number{background:var(--green);color:#fff;border-color:var(--green)}.flow-step h4{font-size:17px;margin:2px 0 6px;font-weight:600;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.live-label{font-size:14px;color:var(--green);font-weight:500;padding:3px 5px;border-radius:3px;background:#e7f3e9}.flow-step p{font-size:15px;color:#819089;margin:0 0 10px}.flow-people{display:flex;flex-wrap:wrap;gap:6px}.person-chip{display:flex;align-items:center;gap:6px;font-size:15px;color:#647181;background:#fff;border:1px solid #e4e8ed;border-radius:20px;padding:3px 8px 3px 3px}.person-chip .avatar{width:20px;height:20px;font-size:12px}.person-chip.decided{color:var(--green)}.document-list{border:1px solid var(--line);border-radius:6px;overflow:hidden}.document-row{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.document-row:last-child{border:0}.file-icon{display:grid;place-items:center;width:33px;height:39px;border:1px solid #dee6e3;border-radius:5px;background:#f4f8f5;color:var(--green);flex-shrink:0}.document-row>div{min-width:0;flex:1}.document-row strong{display:block;font-size:17px;font-weight:550;overflow-wrap:anywhere}.document-row small{display:block;font-size:15px;color:var(--muted);margin-top:5px}.document-row button{font-size:16px}.comment{display:flex;align-items:center;gap:10px;padding:14px 26px;border-top:1px solid var(--line);background:#fff;flex-shrink:0}.comment textarea{flex:1;min-height:39px;max-height:90px;resize:vertical;font-size:17px;padding:10px 12px;background:#fafbfc}.comment button{font-size:17px}.event{display:flex;gap:11px;margin:22px 0}.event-body{flex:1;min-width:0;border-bottom:1px solid #eef0f4;padding-bottom:16px}.event-head{display:flex;justify-content:space-between;gap:15px;font-size:17px}.event-head time{font-size:15px;color:#919ba6;white-space:nowrap}.event p{font-size:17px;line-height:1.6;color:#596678;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.event p strong{font-weight:550}.event-detail{display:block;color:#8b94a0;font-size:16px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#7c8797;padding:50px 24px;flex:1}.empty>.icon{width:30px;height:30px;color:#b0bbc5}.empty h3{font-size:19px;font-weight:550;color:#526075;margin:18px 0 0}.empty p{font-size:17px;line-height:1.7;margin:10px 0 20px}.mobile-back{display:none}
/* The list gives its space to the original document while reviewing an attachment. */
.workspace.preview-open{grid-template-columns:minmax(0,1fr)}.preview-open .list-panel{display:none}.preview-open .detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.95fr)}.document-preview{min-width:0;display:flex;flex-direction:column;background:#e9edf1;border-left:1px solid var(--line);overflow:hidden}.document-preview>header{display:flex;align-items:center;gap:8px;padding:12px 17px;background:#f8fafb;border-bottom:1px solid var(--line);min-height:62px}.document-preview>header>div{flex:1;min-width:0}.document-preview header strong{font-size:17px;font-weight:550;display:block;overflow-wrap:anywhere}.document-preview header small{font-size:15px;color:var(--muted);display:block;margin-top:4px}.document-pages{overflow:auto;flex:1;padding:18px}.document-pages>img{width:100%;display:block;box-shadow:0 1px 5px #1a293615}.preview-page-number{font-size:15px;color:#84909e;text-align:center;padding:7px}.sample-invoice{padding:36px 30px;min-height:510px;background:#fff;box-shadow:0 1px 5px #1a293615;font-family:Georgia,serif;color:#344453}.sample-label{font:9px system-ui;letter-spacing:1.5px;color:#9ca3aa}.sample-invoice h2{font-size:32px;margin:40px 0 12px}.sample-invoice h3{font-size:21px;font-weight:400;margin:0 0 30px;color:#89919b}.sample-meta{display:flex;justify-content:space-between;font:11px system-ui;color:#788592;border-bottom:1px solid #dbe2e7;padding-bottom:20px}.sample-line{font:12px/1.8 system-ui;display:flex;gap:25px;justify-content:space-between;padding:30px 0;border-bottom:1px solid #e5e8ed}.sample-line strong{white-space:nowrap}.sample-total{font:12px system-ui;padding:26px 0;text-align:right}.sample-total strong{font-size:21px;padding-left:20px}.sample-invoice>p{font:10px/1.7 system-ui;color:#9ba4ab;margin-top:60px}
/* Settings, workflow editor and reports. */
.page{padding:32px;overflow:auto;flex:1;min-height:0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title h1{font-size:34px;font-weight:650;letter-spacing:-.6px;margin:8px 0}.page-title p{font-size:18px;color:var(--muted);margin:8px 0}.page-title .eyebrow{font-size:15px;text-transform:uppercase;letter-spacing:1px}.panel{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.panel h3{font-size:19px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);padding:24px;border-radius:7px}.stat label{display:block;font-size:17px;color:var(--muted);margin-bottom:12px}.stat strong{font-size:34px;font-weight:600}.progress{height:5px;background:#edf0f3;border-radius:3px;margin-top:12px;min-width:130px}.progress i{display:block;height:100%;border-radius:3px}.caption,.info{font-size:17px;line-height:1.7;color:var(--muted)}.caption{font-size:16px}.filters-row{margin:0 0 15px}.flow-type{display:flex;gap:8px;margin-bottom:24px}.flow-type button.active{background:var(--mint);border-color:#bdd9c9;color:var(--green)}.workflow-board{display:flex;align-items:flex-start;gap:18px;overflow:auto;padding:2px 2px 24px}.workflow-card{width:274px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:8px;position:relative}.workflow-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 17px;border-bottom:1px solid var(--line);font-size:18px;font-weight:600;background:#f1f6f3;border-radius:8px 8px 0 0}.workflow-card>div{padding:18px}.workflow-card label:not(.check-row){display:block;margin:17px 0 7px;font-size:16px;color:var(--muted)}.workflow-card label:first-child{margin-top:0}.workflow-card input:not([type=checkbox]),.workflow-card select{width:100%;font-size:18px}.workflow-card p{font-size:17px;line-height:1.7;color:var(--muted)}.workflow-card .check-row{display:flex;align-items:center;gap:7px;font-size:17px;margin:12px 0}.check-row .avatar{height:24px;width:24px;font-size:14px}.remove{padding:3px;border:0;background:transparent;color:#91a096}.remove .icon{width:15px;height:15px}.integration{display:flex;align-items:center;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.integration-logo{height:45px;width:45px;border-radius:10px;background:#e8f2ed;color:#39886a;display:grid;place-items:center;font-size:18px;font-weight:650;flex-shrink:0}.integration>div{flex:1}.integration strong{font-size:18px}.integration p{font-size:17px;color:var(--muted);margin:7px 0 0}
/* Dialog actions stay reachable while the form scrolls. */
.modal-backdrop{position:fixed;inset:0;background:#18233766;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}.modal{width:800px;max-width:100%;max-height:calc(100dvh - 48px);border-radius:12px;box-shadow:0 24px 90px #162b4338;background:#fff;display:flex;flex-direction:column;overflow:hidden}.modal.small{width:480px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 25px;border-bottom:1px solid var(--line);flex-shrink:0}.modal h2{font-size:25px;font-weight:650;letter-spacing:-.4px;margin:0}.modal-body{padding:25px;overflow:auto;min-height:0;flex:1}.modal>footer{padding:16px 25px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);background:#fbfcfd;flex-shrink:0}.modal>footer button{font-size:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:17px;font-weight:550;color:#5f6c7c;min-width:0}.field input,.field select,.field textarea{width:100%;font-weight:400;font-size:18px}.full{grid-column:1/-1}.modal .section-label{margin:24px 0 12px}.form-row{display:grid;grid-template-columns:2fr .65fr 1fr .65fr 24px;gap:8px;margin:8px 0}.form-row input{width:100%;padding:10px 8px;font-size:17px}.line-labels{font-size:15px;color:#89939e;margin-top:18px}.modal-total{text-align:right;font-size:25px;font-weight:600;margin:23px 0;color:#394a5d}.upload{background:#f8fafb;padding:18px;border:1px dashed #cdd6dd;border-radius:7px;font-size:17px;color:#788593}.upload>.icon{vertical-align:middle;margin-right:5px}.upload input{display:block;margin:13px 0 0;width:100%;background:#fff;font-size:16px}.upload p{font-size:16px}.upload #file-names{font-size:16px;margin-top:8px;overflow-wrap:anywhere}.error{font-size:17px;color:#b44e45;line-height:1.6}.error:not(:empty){background:#fff0ed;padding:13px;border-radius:5px;margin-top:18px}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#253e33;color:white;border-radius:7px;padding:13px 20px;font-size:18px;box-shadow:0 4px 30px #20372d22;opacity:0;pointer-events:none;z-index:40;transition:all .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.scan-modal{width:1100px}.scan-review{grid-template-columns:1fr 1fr;gap:26px}.scan-source{font-size:15px}.scan-meta{font-size:17px}.scan-field input{font-size:18px}.scan-confirm{font-size:18px}.scan-warnings{font-size:17px}.scan-preview{height:510px}.invoice-drop p{font-size:17px}.invoice-imported{font-size:17px}
@media(min-width:1700px){.workspace{grid-template-columns:340px minmax(0,1fr)}.workspace.preview-open{grid-template-columns:1fr}.content{padding-left:40px;padding-right:40px}.detail-header{padding-left:40px;padding-right:40px}.detail-tabs{padding-left:40px;padding-right:40px}}
@media(max-width:1200px){.layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:8px;padding-right:8px}.nav{font-size:16px;gap:7px}.brand{font-size:21px}.brand small{font-size:12px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.workspace{grid-template-columns:280px minmax(0,1fr)}.content{padding:22px}.detail-header{padding-left:22px;padding-right:22px}.detail-title h2{font-size:26px}.amount{font-size:28px}.detail-tabs{padding:0 22px;gap:20px}.submitted{font-size:15px}.detail-tabs .preview-toggle{font-size:0;gap:0}.detail-tabs .preview-toggle .icon{width:18px}.overview-meta{gap:14px}.overview-meta strong{font-size:17px}.preview-open .detail-body{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.layout{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:20px 8px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav>span,.nav-section,.org,.demo-tag{display:none}.brand{margin-bottom:24px}.nav{justify-content:center;padding:12px 8px}.nav-divider{margin:16px 5px}.side-bottom{padding-top:18px}.workspace{grid-template-columns:270px minmax(0,1fr)}.detail-title{gap:10px}.detail-title h2{font-size:25px}.detail-title .amount{font-size:25px}.detail-title .amount small{font-size:14px}.submitted .badge{margin-left:0}.submitted .avatar{display:none}.detail-actions{gap:5px}.detail-actions>div{gap:4px}.detail-actions button{font-size:16px}.detail-actions .primary{min-width:92px}.match{padding:12px;gap:8px}.match>svg{display:none}.match small{font-size:15px}.section-heading>span{font-size:14px}.stats{grid-template-columns:1fr}.page{padding:24px}.actor .avatar{display:none}.preview-open .detail-body{grid-template-columns:1fr 1fr}.sample-invoice{padding:25px 20px}}
@media(max-width:760px){.layout{grid-template-columns:58px minmax(0,1fr)}.sidebar{padding:18px 6px}.brand-mark{width:28px;height:28px}.topbar{height:64px;min-height:64px;padding:0 12px}.top-actions{gap:7px;width:100%;justify-content:flex-end}.top-actions button{padding:8px;font-size:16px;gap:4px}.top-actions button .icon{width:15px;height:15px}.actor{padding-left:8px;margin-left:0;gap:0}.actor select{font-size:15px;max-width:94px}.actor small{font-size:14px}.workspace{display:block}.list-panel{height:100%;border:0}.detail{display:none;height:100%}.workspace.detail-open .list-panel{display:none}.workspace.detail-open .detail{display:flex}.mobile-back{display:inline-flex;border:0;background:none;color:var(--green);font-size:16px;padding:3px 0;gap:4px}.detail-topline>.eyebrow{display:none}.detail-topline{margin-bottom:14px}.detail-header{padding:12px 18px}.detail-title{display:block}.detail-title h2{font-size:28px;margin-bottom:10px}.detail-title .amount{text-align:left;font-size:30px;display:flex;gap:12px;align-items:center;margin-top:13px}.detail-title .amount small{margin:0;font-size:15px}.submitted{font-size:16px}.submitted .badge{font-size:14px}.detail-actions{margin-top:14px;gap:8px}.detail-actions>div{gap:4px}.detail-actions .text-btn{padding-left:0}.detail-actions .icon-button{display:none}.detail-actions .primary{min-width:94px}.detail-tabs{padding:0 18px;gap:21px}.detail-tabs [role=tab]{font-size:17px}.detail-tabs .preview-toggle{font-size:0}.content{padding:22px 18px 28px}.overview-meta{grid-template-columns:1fr 1fr;gap:20px}.overview-meta>div:last-child{grid-column:1/-1}.section-heading>span{max-width:45%;text-align:right;line-height:1.5;font-size:15px}.match{flex-wrap:wrap}.match button{margin-left:0}.comment{padding:11px 15px;gap:7px}.comment>.avatar,.comment button>span{display:none}.comment textarea{font-size:16px}.comment button{padding:9px}.flow-step{padding:14px 12px;gap:10px}.document-row{padding:12px;gap:8px}.document-row .file-icon{display:none}.document-row strong{font-size:16px}.document-row button{padding:7px;font-size:15px}.event-head{flex-direction:column;gap:5px}.workspace.preview-open .detail-body{display:block;position:relative}.preview-open .detail-body>.content{display:none}.document-preview{height:100%;border-left:0}.document-pages{padding:14px}.sample-invoice{min-height:470px}.page{padding:22px 16px}.page-title{align-items:flex-start;flex-direction:column;gap:10px}.page-title h1{font-size:30px}.panel{padding:16px}.integration{gap:10px;flex-wrap:wrap}.integration .badge{margin-left:55px}.flow-type button{font-size:16px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:10px}.modal>header{padding:11px 13px}.modal h2{font-size:22px}.modal-body{padding:20px 17px}.modal>footer{padding:13px;gap:7px;flex-wrap:wrap}.modal>footer button{font-size:16px;padding:9px}.form-grid{grid-template-columns:1fr;gap:17px}.form-row{grid-template-columns:minmax(0,1.5fr) .5fr .8fr .5fr 20px;gap:4px}.form-row input{font-size:16px;padding:9px 4px}.line-labels{font-size:14px}.scan-review{grid-template-columns:1fr}.scan-preview{height:280px}.scan-modal .form-grid{grid-template-columns:1fr 1fr;gap:13px}.scan-modal .field{font-size:16px}.scan-source{font-size:14px}.scan-meta{font-size:16px;align-items:flex-start}.scan-confirm{font-size:17px}.scan-warnings{font-size:16px}.scan-modal .modal-body{padding:18px 15px}.scan-launch .icon{display:none}}
@media(max-width:370px){.top-actions button{font-size:15px;padding:7px}.top-actions{gap:5px}.actor select{max-width:73px}.detail-tabs{gap:14px}.detail-actions .primary{min-width:85px}.detail-actions button{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.scan-spinner{animation:none}}
.mobile-menu,.nav-scrim{display:none}
@media(max-width:980px){.mobile-menu{display:flex;margin:0 auto 20px;color:var(--green)}.sidebar .brand{display:none}.nav-open .sidebar{position:fixed;inset:0 auto 0 0;width:216px;z-index:12;padding:18px 12px;box-shadow:4px 0 24px #1f304721}.nav-open .mobile-menu{margin:0 0 16px auto}.nav-open .brand{display:flex;justify-content:flex-start;margin-bottom:0}.nav-open .brand>span:last-child,.nav-open .nav>span,.nav-open .nav-section,.nav-open .org,.nav-open .demo-tag{display:revert}.nav-open .org{display:flex}.nav-open .nav{justify-content:flex-start;font-size:17px;gap:9px}.nav-open .nav .count{margin-left:auto}.nav-open .nav-scrim{display:block;position:fixed;inset:0;z-index:11;border:0;border-radius:0;background:#18233755;width:100%;height:100%}.nav-open .side-bottom{margin-top:auto}.nav-open .nav-section{display:block}}
.flow>.info{padding:0 16px}#toast{bottom:82px}body:has(.modal) #toast{display:none}
@media(max-width:760px){.line-item-table table,.line-item-table tbody{display:block}.line-item-table thead{display:none}.line-item-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;margin-bottom:10px;overflow:hidden}.line-item-table td{min-width:0;padding:11px 12px;text-align:left;border:0}.line-item-table td:first-child{grid-column:1/-1;background:#f8f9fb;border-bottom:1px solid var(--line)}.line-item-table td[data-label]::before{content:attr(data-label);display:block;font-size:15px;font-weight:400;color:var(--muted);margin-bottom:4px}.line-item-table td:last-child{grid-column:1/-1;text-align:right;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.line-item-table td:last-child::before{margin:0}}
/* Keep the working surface focused on documents and decisions. */
.topbar{justify-content:flex-end}.org{border:0;background:none;padding:0 11px;margin:24px 0 20px;color:#778291;font-size:17px;font-weight:500}.brand{font-size:26px;letter-spacing:-.5px}.nav-divider{margin:14px 8px 9px}.list-heading{padding-top:20px}.request-card{min-height:110px;padding-top:14px;padding-bottom:14px}.card-bottom{margin-top:10px}.list-heading h1{margin-bottom:16px}.note{border:0;background:none;border-radius:0;padding:0;margin-bottom:22px}.note label{text-transform:none;letter-spacing:0;font-size:16px;font-weight:400;color:var(--muted)}.note p{margin-top:7px}.content{padding-top:22px}.overview-meta{margin-bottom:22px}.section-heading{margin-top:22px}.flow{border:0;border-top:1px solid var(--line);border-radius:0}.flow-step{padding:14px 0;background:none!important}.person-chip{border:0;background:none;padding:0;font-size:16px}.person-chip+.person-chip:before{content:'·';margin-right:5px;color:#a1a9b0}.flow-step p{margin-bottom:8px}.flow-people{gap:7px}.match{padding:12px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.request-menu{position:relative;font-size:17px}.request-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0;color:#6c7888;border-radius:4px}.request-menu summary::-webkit-details-marker{display:none}.request-menu summary .icon{width:12px;height:12px;transform:rotate(90deg)}.request-menu>div{position:absolute;top:100%;left:0;background:white;border:1px solid var(--line);border-radius:6px;min-width:180px;padding:5px;box-shadow:0 6px 20px #1d2e4515;z-index:8}.request-menu button{display:block;text-align:left;width:100%;border:0;white-space:nowrap;font-weight:450}.detail-header{position:relative;z-index:2}.settings-page{max-width:800px;width:100%}.settings-page .page-title h1{margin:0}.settings-actions{display:flex;gap:10px;margin-top:24px}.comment{padding-top:12px;padding-bottom:12px}.workflow-board{padding-top:0}.page-title .eyebrow:empty{display:none}
@media(max-width:980px){.org{margin:20px 0}.nav-open .org{display:block;padding:0 10px}.nav-open .brand{margin-bottom:0}}
@media(max-width:760px){.detail-actions .request-menu{font-size:16px}.settings-actions{flex-wrap:wrap}.flow-step{padding:14px 0}.match{padding:13px 0}.request-card{padding-top:15px;padding-bottom:15px}.comment{padding:11px 15px}}
/* Connected workflow canvas */
.workflow-page{padding:24px;display:flex;flex-direction:column}.workflow-page .page-title{margin-bottom:16px}.workflow-page .page-title h1{margin:0;font-size:30px}.workflow-page .flow-type{margin-bottom:16px}#workflow-editor{display:flex;flex-direction:column;min-height:600px;flex:1}.graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.graph-toolbar>div{display:flex;align-items:center;gap:8px}.graph-toolbar button{font-size:17px}#graph-dirty{font-size:16px;color:#9b793e}#graph-alert:empty{display:none}#graph-alert{background:#fff4e9;border:1px solid #ebd6ba;border-radius:5px;padding:10px 14px;font-size:17px;color:#97602d;margin-bottom:10px}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:420px;flex:1;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.graph-surface{min-width:0;display:flex;flex-direction:column;overflow:hidden}.graph-hint{font-size:16px;padding:11px 15px;color:#7f8995;border-bottom:1px solid #e8ecf0;background:#fcfdfd}.graph-scroll{overflow:auto;flex:1;min-height:360px;background-color:#f7f9fb;background-image:radial-gradient(#d6dfe5 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:contain}.graph-canvas{position:relative;min-width:100%;min-height:100%}.graph-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.graph-edges .edge{fill:none;stroke:#a1aebb;stroke-width:1.8}.graph-edges .edge-no{stroke:#b59462;stroke-dasharray:5 4}.graph-edges .edge.traced{stroke:#23815b;stroke-width:3}.graph-edges .edge.connecting{stroke:#3d8ed5;stroke-width:2;stroke-dasharray:5 4}.graph-node{position:absolute;width:230px;height:150px;background:white;border:1px solid #d7dfe6;border-radius:8px;box-shadow:0 2px 4px #23445a06}.graph-node.selected{border-color:#23815b;box-shadow:0 0 0 2px #23815b17}.graph-node.condition{border-top:3px solid #c39a4c}.graph-node.approval{border-top:3px solid #5b9a78}.graph-node.in-route{box-shadow:0 0 0 3px #23815b22}.node-heading{border:0;border-bottom:1px solid #edf0f3;border-radius:5px 5px 0 0;background:#fff;width:100%;display:flex;justify-content:space-between;padding:11px 13px;font-size:15px;color:#7c8993;cursor:grab;touch-action:none;user-select:none}.node-heading:active{cursor:grabbing}.node-heading:hover{background:#f7faf8}.node-kind{letter-spacing:.2px}.drag-grip{font-size:22px;color:#9ba6b1;line-height:13px}.node-content{display:block;text-align:left;background:none;border:0;padding:13px;width:calc(100% - 44px);font-weight:400}.node-content:hover{background:none}.node-content strong{display:block;font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334153}.node-content small{display:block;font-size:15px;color:#7a8795;line-height:1.5;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-port{position:absolute;border:0;background:none;padding:0;border-radius:0;min-width:24px;min-height:24px;z-index:3;touch-action:none;cursor:crosshair}.graph-port:hover{background:none}.graph-port i{display:block;width:11px;height:11px;background:#fff;border:2px solid #8ba396;border-radius:50%;flex-shrink:0}.graph-port:hover i,.graph-port:focus-visible i{background:#23815b;border-color:#23815b;box-shadow:0 0 0 5px #23815b22}.graph-port.input{left:-12px;top:32px;display:flex;align-items:center;justify-content:center}.graph-port.output{right:-12px;display:flex;gap:6px;align-items:center;justify-content:flex-end}.graph-port.output span{font-size:15px;color:#80918c}.graph-port.port-next{top:93px}.graph-port.port-yes{top:87px}.graph-port.port-no{top:119px}.graph-port.port-no i{border-color:#ba9458}.graph-port.port-no span{color:#a27d42}.graph-terminal{position:absolute;width:95px;height:52px;border:1px solid #d6dfe4;background:#fff;border-radius:26px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:550;color:#6a7984}.graph-terminal .output{top:14px}.graph-terminal .input{top:14px}.graph-inspector{border-left:1px solid var(--line);padding:18px;background:#fff;overflow:auto;max-height:650px}.inspector-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:18px}.inspector-title button{font-size:16px;padding:4px}.graph-inspector>.field{margin-bottom:16px;font-size:16px}.graph-inspector input,.graph-inspector select{font-size:17px;padding:8px;min-width:0}.node-approvers{margin:0 0 18px;padding:0;border:0}.node-approvers legend,.field-label{font-size:16px;color:#6c7989;margin-bottom:9px;display:block}.node-approvers label,.department-picker label{display:flex;align-items:center;gap:7px;font-size:17px;margin:10px 0}.node-approvers input,.department-picker input{margin:0;width:14px;height:14px}.inspector-condition{border-top:1px solid var(--line);padding-top:16px}.amount-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.amount-range .field{font-size:15px;gap:6px}.department-picker{border:1px solid #dce2e7;border-radius:5px;margin-top:12px;font-size:16px}.department-picker summary{padding:10px;cursor:pointer;color:#657588}.department-picker>div{padding:0 10px 4px}.department-picker label{font-size:16px}.field-help{display:block;font-size:15px;line-height:1.6;color:#929ba6;margin:8px 0 15px}.route-selects{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:12px}.route-selects .field{font-size:16px}.graph-inspector #set-entry{font-size:16px;margin-top:14px;padding-left:0}.route-test{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 0;font-size:16px}.route-test strong{font-weight:600;margin-right:4px}.route-test label{display:flex;align-items:center;gap:7px;color:#83909d;font-size:15px}.route-test input{width:105px;font-size:16px;padding:7px}.route-test select{max-width:160px;padding:7px;font-size:16px}.route-test button{font-size:16px;padding:7px 10px}#route-result{flex-basis:100%;font-size:17px;line-height:1.6}#route-result:empty{display:none}.route-ok{color:#23815b}.route-error{color:#b26445}.workflow-footnote{font-size:15px;color:#8f99a4;margin:0;padding:5px 0 0}
@media(max-width:1150px){.workflow-page{padding:20px 16px}.graph-layout{grid-template-columns:minmax(0,1fr) 250px}.graph-inspector{padding:15px}.graph-toolbar button{font-size:16px}.graph-hint{font-size:15px}}
@media(max-width:760px){#workflow-editor{min-height:auto}.graph-layout{display:flex;flex-direction:column;overflow:visible}.graph-scroll{height:360px;min-height:360px}.graph-inspector{border-left:0;border-top:1px solid var(--line);max-height:none;padding:18px}.graph-toolbar{flex-wrap:wrap}.graph-toolbar>div{gap:5px}#graph-dirty{font-size:15px}.graph-toolbar button{padding:8px;font-size:15px}.workflow-page{display:block}.graph-toolbar>div:last-child{margin-left:auto}.route-test{gap:10px}.route-test strong{width:100%}.graph-hint{line-height:1.5}.workflow-footnote{line-height:1.6}}
.graph-node.route-skipped{opacity:.6;border-style:dashed}.graph-toolbar #discard-graph{font-size:16px;border-color:transparent;background:none;color:#7c8794}.graph-toolbar #discard-graph:disabled{display:none}
@media(max-width:760px){.graph-toolbar>div{flex-wrap:wrap}.graph-toolbar>div:last-child{justify-content:flex-end}}
.flow-type{flex-wrap:wrap}.flow-type button{max-width:260px;white-space:normal;overflow-wrap:anywhere}#workflow-form{display:flex;flex-direction:column;gap:18px}[hidden]{display:none!important}

/* Corporation and project lifecycle */
.legacy-nav>summary{padding:14px 12px;font-size:16px;color:var(--muted);cursor:pointer}.business-page{padding:26px;overflow:auto;flex:1;min-height:0}.business-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.business-heading h1{font-size:32px;margin:0;letter-spacing:-.5px}.business-filters{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.business-filters input{flex:1;min-width:170px}.business-filters select{max-width:250px}.business-workspace{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);border:1px solid var(--line);background:white;border-radius:7px;min-height:550px}.business-list{border-right:1px solid var(--line)}.business-card{width:100%;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:18px;text-align:left;display:flex;flex-direction:column;gap:9px;font-weight:400;background:white}.business-card.selected{background:#eff7f3;box-shadow:inset 3px 0 #23815b}.business-card>small,.business-card>span{color:var(--muted);font-size:15px}.business-card>strong{font-size:18px}.business-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.business-card b{font-size:17px}.business-detail{min-width:0}.business-detail-head{padding:25px 24px 12px;display:flex;justify-content:space-between;gap:16px}.business-detail-head h2{font-size:28px;margin:10px 0}.business-detail-head>strong{font-size:26px;white-space:nowrap}.business-detail-head small,.business-detail-head p{font-size:16px;color:var(--muted)}.business-state{display:flex;align-items:center;gap:15px;padding:0 24px;font-size:16px;color:var(--muted)}.business-actions{padding:18px 24px;display:flex;gap:9px;flex-wrap:wrap}.business-actions button{font-size:16px}.business-more{position:relative}.business-more summary{font-size:16px;padding:10px;cursor:pointer}.business-more>div{position:absolute;right:0;top:35px;z-index:10;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 20px #0001;min-width:165px;padding:6px}.business-more button{display:block;border:0;text-align:left;width:100%}.business-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 24px}.business-tabs button{border:0;border-radius:0;padding:13px 0;background:none;color:var(--muted)}.business-tabs button.active{border-bottom:2px solid var(--green);color:var(--green)}.business-content{padding:24px;font-size:17px}.business-content p{white-space:pre-wrap;line-height:1.7}.business-progress{list-style:none;padding:0;margin:0 0 25px;display:flex;flex-wrap:wrap;gap:6px 15px;color:#86928e;font-size:15px}.business-progress li:not(:last-child):after{content:' →';margin-left:10px}.business-progress li.current{color:#23815b;font-weight:650}.business-section{margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px}.business-section h3{font-size:18px;margin:0 0 14px}.business-section h4{font-size:17px}.business-section dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.business-section dt{color:var(--muted)}.business-section dd{margin:0;text-align:right}.business-file{display:block;color:#23815b;padding:7px 0;text-decoration:none;font-size:17px;overflow-wrap:anywhere}.business-file:hover{text-decoration:underline}.muted{color:var(--muted);font-size:16px;line-height:1.6}.quote-summary,.payment-summary{border:1px solid var(--line);padding:15px;border-radius:5px;margin-bottom:12px}.quote-summary{display:grid;grid-template-columns:1fr auto;gap:12px}.quote-summary.chosen{border-color:#85b39b;background:#f8fbf9}.quote-summary>div{grid-column:1/-1}.quote-summary small{display:block;color:var(--muted);margin-top:8px}.payment-summary>div:first-child{display:flex;justify-content:space-between;gap:12px}.business-event{border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:18px}.business-event small{display:block;color:var(--muted);margin:7px 0}.business-form{display:flex;flex-direction:column;gap:18px}.business-form input[type=file]{max-width:100%;font-size:17px}.business-form fieldset{border:1px solid var(--line);border-radius:6px;margin:0 0 20px;padding:18px;display:flex;flex-direction:column;gap:14px}.business-form legend{font-size:18px;font-weight:600}.business-form input[type=radio],.business-form input[type=checkbox]{width:auto;margin-right:7px}.project-list>div{padding:15px 0;border-bottom:1px solid var(--line)}.project-list p{font-size:17px;color:var(--muted)}
@media(max-width:1000px){.business-page{padding:18px}.business-workspace{grid-template-columns:230px minmax(0,1fr)}.business-detail-head{flex-wrap:wrap}.business-content,.business-detail-head{padding:18px}.business-actions,.business-state{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.business-page{padding:14px}.business-workspace{display:flex;flex-direction:column}.business-list{border-right:0;max-height:260px;overflow:auto;border-bottom:1px solid var(--line)}.business-detail-head h2{font-size:25px}.business-heading h1{font-size:28px}.business-heading button{font-size:16px}.business-filters select{max-width:100%;flex:1}.business-content{padding:16px}.business-state{flex-wrap:wrap}.business-card{padding:13px}.business-tabs{gap:16px;padding:0 16px}.business-section dl{grid-template-columns:1fr}.business-section dd{text-align:left}.business-form .form-grid{grid-template-columns:1fr}}

.business-card{align-items:stretch}.business-filters{display:grid;grid-template-columns:minmax(170px,1fr) auto auto}.business-filters select{min-width:160px}.business-filters input:only-child{grid-column:1/-1}@media(max-width:760px){.layout:not(.nav-open) .legacy-nav{display:none}.business-filters{grid-template-columns:1fr 1fr}.business-filters input{grid-column:1/-1;width:100%;min-width:0}.business-filters select{width:100%;min-width:0}.business-filters input+select:last-child{grid-column:1/-1}}

/* Project-first navigation */
.project-count{font-size:18px;font-weight:500;color:var(--muted);margin-left:8px}.project-search{margin-bottom:22px;max-width:420px}.project-search input{width:100%}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.project-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:white;border:1px solid var(--line);border-radius:8px;padding:22px;gap:24px;min-width:0;transition:border-color .15s,box-shadow .15s}.project-card:hover{background:white;border-color:#81ae97;box-shadow:0 3px 14px #193b2410}.project-card:focus-visible{outline:2px solid var(--green);outline-offset:3px}.project-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.project-card-heading h2{font-size:21px;font-weight:600;margin:0;overflow-wrap:anywhere}.project-open{color:var(--muted);font-size:25px;line-height:1}.project-card dl{display:flex;flex-wrap:wrap;gap:25px;margin:0}.project-card dt{font-size:16px;color:var(--muted);font-weight:400;margin-bottom:7px}.project-card dd{margin:0;font-size:17px;font-weight:500}.project-card-footer{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;color:var(--muted);font-weight:400}.project-card-footer span:last-child{color:var(--green)}.project-empty{grid-column:1/-1;min-height:220px}.project-back{display:block;border:0;background:none;padding:0;margin:0 0 14px;color:var(--muted);font-size:17px;font-weight:400}.project-back:hover{background:none;color:var(--green)}@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:12px}.project-card{padding:18px;gap:20px}.project-search{max-width:none}.project-card-heading h2{font-size:20px}}

/* Comfortable type and spacing across the workspace. */
:root{font-size:18px;line-height:1.5;--muted:#647184;--line:#dfe5eb}
button{min-height:42px;padding:10px 15px;border-radius:7px}
input,select,textarea{line-height:1.5;padding:11px 13px}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:44px}
input[type=checkbox],input[type=radio]{width:18px;height:18px}
.layout{grid-template-columns:244px minmax(0,1fr)}
.sidebar{padding:26px 16px 20px}.brand{font-size:28px}.brand-mark{width:34px;height:34px}.org{margin-top:26px}.nav{min-height:46px;padding:12px;gap:12px}.nav .icon{width:20px;height:20px}.nav-divider{margin:22px 8px 12px}.legacy-nav>summary{padding:16px 12px}
.topbar{height:78px;min-height:78px;padding:0 32px}.top-actions{gap:12px}.actor{padding-left:20px}.actor select{max-width:150px;min-height:30px}.avatar{width:34px;height:34px;font-size:14px}
.page,.business-page{padding:32px;width:100%;margin-inline:auto}.business-page{max-width:none}.business-heading{margin-bottom:26px;gap:20px}.business-heading h1,.page-title h1,.workflow-page .page-title h1{font-size:32px;line-height:1.25;letter-spacing:-.6px}.project-count{font-size:19px}.project-search{max-width:480px;margin-bottom:28px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{padding:26px;gap:30px;border-radius:10px;box-shadow:0 2px 6px #223b5010}.project-card-heading h2{font-size:23px;line-height:1.4}.project-card dl{gap:40px}.project-card dt{font-size:16px}.project-card dd{font-size:18px}.project-card-footer{font-size:16px;padding-top:20px;flex-wrap:wrap}.project-back{min-height:30px;font-size:17px;padding:0;margin-bottom:12px}
.business-filters{gap:12px;margin-bottom:22px}.business-filters select{min-width:185px;max-width:300px}.business-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);border-radius:10px;min-height:600px}.business-card{padding:22px;gap:12px;min-height:160px}.business-card>strong{font-size:19px}.business-card>div{flex-wrap:wrap;row-gap:8px}.business-card b{font-size:18px}.badge{padding:5px 9px;font-size:15px;line-height:1.35}.business-detail-head{padding:28px 30px 16px;flex-wrap:wrap}.business-detail-head h2{font-size:30px;line-height:1.35}.business-detail-head>strong{font-size:30px}.business-state{padding:0 30px;flex-wrap:wrap;gap:10px 20px}.business-actions{padding:22px 30px;gap:10px}.business-actions button,.business-tabs button{font-size:17px}.business-more summary{min-height:42px;font-size:17px}.business-more>div{top:44px;min-width:210px}.business-tabs{padding:0 30px;gap:28px}.business-content{padding:28px 30px;font-size:18px}.business-progress{font-size:15px;gap:10px 12px;line-height:1.7}.business-section{margin-bottom:28px;padding-bottom:26px}.business-section h3{font-size:20px;margin-bottom:18px}.business-section h4{font-size:18px}.business-section p{line-height:1.7;overflow-wrap:anywhere}.business-file{font-size:17px;line-height:1.5}.quote-summary,.payment-summary{padding:20px;border-radius:8px}.payment-summary>div:first-child{flex-wrap:wrap}.business-event{padding-bottom:22px;margin-bottom:22px}.muted{font-size:16px;color:var(--muted)}
.workspace{grid-template-columns:340px minmax(0,1fr)}.list-heading{padding:26px 22px 20px}.list-heading h1{line-height:1.3}.request-card{padding:20px 22px}.card-bottom{flex-wrap:wrap}.detail-header{padding:22px 30px 18px}.detail-title{flex-wrap:wrap}.detail-actions{flex-wrap:wrap}.detail-actions>div{flex-wrap:wrap}.detail-tabs{gap:24px}.detail-tabs .preview-toggle{min-width:32px}.content{padding:28px 30px}.section-heading{flex-wrap:wrap}.comment textarea{min-height:44px}.overview-meta{gap:24px}.request-menu summary{min-height:42px;display:flex;align-items:center}.document-row{flex-wrap:wrap}.document-row>div{flex-basis:140px}.document-row button{min-height:38px}.empty h3{font-size:22px}.empty p{font-size:17px;max-width:460px}
.modal{width:880px}.modal.small{width:540px}.modal>header{padding:23px 28px}.modal-body{padding:28px}.modal>footer{padding:18px 28px;flex-wrap:wrap}.modal h2{font-size:27px}.field{font-size:17px;line-height:1.5;gap:9px}.field input,.field select,.field textarea{font-size:18px}.form-grid{gap:24px}.business-form{gap:24px}.business-form fieldset{padding:22px;gap:18px}.business-form legend{font-size:19px}.business-form input[type=file]{font-size:17px}.business-form input::file-selector-button{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:#f5f7f9;margin-right:12px}.scan-modal{width:1180px}.scan-field input{font-size:18px}.scan-meta{flex-wrap:wrap}
.graph-layout{grid-template-columns:minmax(0,1fr) 320px}.graph-inspector{padding:22px}.graph-inspector input,.graph-inspector select{font-size:17px}.graph-inspector>.field,.route-selects .field,.amount-range .field{font-size:16px}.node-heading{min-height:0;font-size:14px}.node-content{min-height:0}.node-content strong{font-size:17px}.node-content small{font-size:14px}.graph-port{min-height:24px;padding:0}.graph-port.output span{font-size:14px}.graph-terminal{font-size:16px}.graph-toolbar{flex-wrap:wrap}.graph-toolbar>div{flex-wrap:wrap}.route-test label{font-size:15px}.route-test input{width:130px}.route-test select{max-width:220px}.graph-inspector input[type=checkbox]{width:18px;height:18px;min-height:0}.graph-hint{line-height:1.6}.graph-inspector .field-help{font-size:15px}
@media(max-width:1150px){.business-page,.page{padding:24px}.business-workspace{grid-template-columns:280px minmax(0,1fr)}.graph-layout{grid-template-columns:minmax(0,1fr) 290px}.business-detail-head,.business-content{padding:24px}.business-state,.business-actions,.business-tabs{padding-left:24px;padding-right:24px}}
@media(max-width:980px){.layout{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:20px 8px}.nav{padding:12px 8px}.nav-open .sidebar{width:260px;padding:22px 14px}.nav-open .nav{font-size:17px;padding:12px}.layout:not(.nav-open) .legacy-nav{display:none}.workspace{grid-template-columns:300px minmax(0,1fr)}.topbar{padding:0 24px}.detail-tabs{gap:16px;padding:0 20px}.detail-tabs [role=tab]{font-size:16px}.detail-tabs .preview-toggle{font-size:0}.business-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){
 .layout{grid-template-columns:58px minmax(0,1fr)}.sidebar{padding:18px 6px}.topbar{height:auto;min-height:114px;padding:12px 14px}.top-actions{flex-wrap:wrap;gap:8px;width:100%}.top-actions>button{flex:1;font-size:16px;padding:10px 8px;white-space:nowrap}.actor{flex-basis:100%;justify-content:flex-end;border:0;margin:0;padding:0}.actor>div{display:flex;align-items:center;gap:10px}.actor small{font-size:14px}.actor select{font-size:16px;max-width:145px;min-height:28px}.actor .avatar{display:none}
 .business-page,.page{padding:22px 16px}.business-heading{gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.business-heading h1,.page-title h1,.workflow-page .page-title h1{font-size:28px}.business-heading button{font-size:16px}.project-grid{grid-template-columns:minmax(0,1fr);gap:16px}.project-card{padding:22px;gap:24px}.project-card-heading h2{font-size:22px}.project-card dl{gap:24px}.project-search{margin-bottom:22px}.business-filters{grid-template-columns:minmax(0,1fr);gap:10px}.business-filters input,.business-filters select{grid-column:1;min-width:0;max-width:none;width:100%;font-size:18px}.business-workspace{display:flex;min-height:450px}.business-list{max-height:300px}.business-card{padding:20px;min-height:145px}.business-detail-head{padding:24px 20px 16px}.business-detail-head h2{font-size:27px}.business-detail-head>strong{font-size:28px}.business-state{padding:0 20px}.business-actions{padding:20px}.business-tabs{padding:0 16px;gap:20px;overflow-x:auto}.business-tabs button{font-size:16px;white-space:nowrap;flex-shrink:0}.business-content{padding:24px 20px}.business-section dl{grid-template-columns:1fr}.quote-summary{grid-template-columns:minmax(0,1fr)}.quote-summary>div{grid-column:1}.quote-summary,.payment-summary{padding:16px}.business-progress{font-size:15px}.business-section h3{font-size:20px}.business-more>div{left:0;right:auto}
 .workspace{display:block}.detail-header{padding:16px 18px}.detail-title h2{font-size:28px}.detail-title .amount{font-size:29px;flex-wrap:wrap}.detail-actions>div{gap:8px}.detail-actions button{font-size:16px}.detail-tabs{padding:0 16px;gap:14px}.detail-tabs [role=tab]{font-size:16px;white-space:nowrap}.detail-tabs .preview-toggle{margin-left:0;min-width:28px}.detail-tabs [role=tab] span{font-size:14px}.content{padding:24px 18px}.comment{padding:12px}.comment textarea{font-size:18px}.document-row strong{font-size:16px}.line-item-table td[data-label]::before{font-size:15px}
 .modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px)}.modal>header{padding:18px}.modal h2{font-size:24px}.modal-body{padding:22px 18px}.modal>footer{padding:14px;gap:8px}.modal>footer button{font-size:16px;min-height:44px;flex:1;padding:10px}.form-grid{grid-template-columns:1fr;gap:22px}.field{font-size:17px}.field input,.field select,.field textarea{font-size:18px}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 28px;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.form-row input:first-child{grid-column:1/-1}.form-row input{font-size:18px;padding:10px 8px}.form-row.line-labels{display:none}.scan-modal .form-grid{grid-template-columns:1fr}.scan-modal .field{font-size:17px}.scan-source{font-size:15px}.scan-modal .modal-body{padding:18px}.scan-preview{height:300px}
 .graph-layout{display:flex;flex-direction:column}.graph-inspector{padding:20px}.graph-toolbar button{font-size:16px}.graph-toolbar>div{gap:8px}.graph-scroll{min-height:360px}.graph-hint{font-size:15px}.route-test select{max-width:100%}.flow-type button{font-size:16px}.business-form fieldset{padding:16px;min-width:0}.business-form input[type=file]{font-size:16px}.business-form input::file-selector-button{display:block;margin-bottom:8px}
}

/* One request entry, two clear choices and short expense forms. */
.request-home{max-width:1080px;padding-top:52px}.request-home-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}.request-home-heading h1{font-size:34px;line-height:1.2;margin:0}.request-launch{min-height:50px;padding:12px 30px;font-size:19px}.home-empty{padding:80px 24px;text-align:center;color:var(--muted)}.home-empty h2{font-size:23px;color:#354154;font-weight:550}.home-empty p{font-size:18px}.home-section{margin-bottom:38px}.home-section h2{font-size:19px;font-weight:600;margin:0 0 16px}.home-section h2 span{color:var(--muted);font-size:16px;margin-left:8px}.home-request{display:flex;width:100%;justify-content:space-between;text-align:left;gap:24px;padding:22px 24px;border:1px solid var(--line);background:#fff;margin-bottom:10px;border-radius:9px}.home-request>span:first-child{min-width:0}.home-request strong{display:block;font-size:18px;overflow-wrap:anywhere}.home-request small{display:block;font-size:16px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:7px}.home-request-amount{font-size:18px;white-space:nowrap}.home-request-amount>span{margin-left:18px;color:var(--green)}.request-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:8px 0}.request-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:14px;padding:30px;min-height:190px;border-radius:10px;border:1px solid var(--line);background:white}.request-choice:hover{border-color:var(--green);background:#f4faf6}.request-choice strong{font-size:25px}.request-choice>span:not(.choice-symbol){font-size:17px;color:var(--muted);font-weight:400}.choice-symbol{font-size:26px;color:var(--green)}.modal:has(.request-choices){width:740px}.modal:has(.request-choices) footer:empty{display:none}.modal:has(.request-choices) .field{margin-bottom:24px}.form-project-name{font-size:18px;color:var(--green);padding-bottom:12px;border-bottom:1px solid var(--line)}.scan-in-form{align-self:flex-start;font-size:16px;min-height:30px;padding:0}.final-payment-fields{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:18px}.final-payment-fields h3{font-size:20px;margin:0}.request-next-step{margin:20px 30px 0;padding:14px 18px;background:#edf7f0;color:#286747;border-radius:6px;font-size:17px}.gate-progress{padding:20px 30px 0;display:flex;flex-wrap:wrap;gap:12px 24px}.gate-progress span{font-size:16px;color:var(--muted)}.gate-progress b{font-weight:550;color:#334b40;margin-left:8px}.main:has(.request-home) .topbar{height:64px;min-height:64px}.main:has(.request-home) .actor{border:0}.business-detail-head>div{min-width:0}.business-detail-head h2{overflow-wrap:anywhere}
@media(max-width:760px){.request-home{padding:30px 18px}.request-home-heading{gap:16px;margin-bottom:28px;flex-wrap:wrap}.request-home-heading h1{font-size:30px}.request-launch{font-size:18px;min-height:46px;padding:10px 22px}.home-empty{padding:50px 12px}.request-choices{grid-template-columns:1fr;gap:14px}.request-choice{min-height:145px;padding:24px}.request-choice strong{font-size:24px}.home-request{padding:18px;flex-wrap:wrap;gap:14px}.home-request-amount{margin-left:auto}.request-next-step{margin:18px 20px 0}.gate-progress{padding:18px 20px 0}.main:has(.request-home) .top-actions{justify-content:flex-end}.main:has(.request-home) .actor{flex-basis:auto}}

.project-kind-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.project-kind-tabs button{min-height:44px;padding:10px 20px;font-size:18px;background:white;color:var(--muted);border:1px solid var(--line);border-radius:6px}.project-kind-tabs button[aria-pressed="true"]{color:var(--green);background:#eaf5ef;border-color:#afd8c2}.project-kind-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:3px}

/* Request ownership and lifecycle status */
.request-ownership{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;gap:12px;margin:4px 30px 20px;align-items:stretch}
.request-ownership>div{padding:12px 14px;border-radius:8px;background:#f6f8fa;min-width:0}
.request-ownership dt{font-size:15px;font-weight:500;line-height:1.4;color:#536278;margin-bottom:4px}
.request-ownership dd{margin:0;font-size:18px;line-height:1.45;font-weight:650;overflow-wrap:anywhere;color:#243247}
.request-ownership .has-assignee{background:#edf4ff;border:1px solid #d8e6fb;padding:11px 13px}
.request-ownership .has-assignee dd{color:#234e88}
.request-status{display:inline-flex;align-items:center;font-size:15px;font-weight:650;padding:6px 10px;border-radius:6px;line-height:1.4;white-space:normal;text-align:left}
.request-status.status-review{background:#e7f0ff;color:#245394}
.request-status.status-director{background:#eee9fc;color:#62429b}
.request-status.status-finance{background:#e0f2f7;color:#176078}
.request-status.status-action{background:#fff1d6;color:#86520b}
.request-status.status-ready{background:#ddf5ed;color:#17664e}
.request-status.status-complete{background:#dff1df;color:#29632f}
.request-status.status-returned{background:#fce5e5;color:#a13333}
.request-status.status-neutral{background:#edf0f4;color:#526071}
@media(max-width:1150px){.request-ownership{margin-inline:24px}}
@media(max-width:760px){.request-ownership{margin:4px 20px 20px;gap:10px}.request-ownership>div{padding:12px}.request-ownership .has-assignee{padding:11px}}

.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px;background:#f4f7f6}.login-card{width:100%;max-width:420px;padding:36px;background:white;border:1px solid #dce5df;border-radius:14px;box-shadow:0 12px 40px #1e423b08}.login-brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;color:var(--green);margin-bottom:36px}.login-card h1{font-size:32px;margin:0 0 10px}.login-card>p{margin:0 0 28px;color:var(--muted);line-height:1.5}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card input{width:100%;font-size:18px;min-height:48px}.login-password{position:relative}.login-password input{padding-right:66px}.login-password button{position:absolute;right:5px;top:4px;border:0;background:none;min-height:40px;padding:8px;color:var(--muted);font-size:16px}.login-submit{width:100%;min-height:48px;font-size:18px}#login-error{color:#a13333;font-size:16px;margin:0;line-height:1.5}#login-error:empty{display:none}.signed-in-user strong{display:block;font-size:18px;line-height:1.5}.signed-in-user .sign-out{margin-left:12px;background:transparent;color:var(--muted);font-size:16px;white-space:nowrap}.import-notice{padding:12px 24px;background:#fff5db;color:#775014;font-size:16px;line-height:1.5}.signed-in-user{min-width:0}.signed-in-user>div{min-width:0}.signed-in-user strong{overflow-wrap:anywhere}@media(max-width:760px){.login-page{padding:20px}.login-card{padding:28px 24px}.login-brand{margin-bottom:28px}.signed-in-user strong{font-size:16px}.signed-in-user .sign-out{padding:8px;margin-left:0;min-height:36px}.topbar .signed-in-user{gap:8px}.topbar .signed-in-user small{font-size:14px}}

.abn-controls{display:flex;gap:16px;align-items:end;margin-top:16px}.abn-controls .field{flex:1;margin:0}.abn-controls button{margin-bottom:1px;white-space:nowrap}/* ABN results use three compact facts; supporting evidence stays expandable. */
.abn-summary{margin:18px 0;border:1px solid #e0e6e2;border-radius:8px;background:#fff;overflow:hidden}
.abn-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e8ede9;font-size:17px}
.abn-result{font-size:13px;font-weight:600;padding:4px 9px;border-radius:5px;white-space:nowrap}
.abn-result.abn-ok{background:#e9f5ed;color:#286045}.abn-result.abn-review{background:#fff2d8;color:#86590f}
.abn-summary .abn-facts{display:block;margin:0;padding:0 18px}
.abn-facts>div{display:grid;grid-template-columns:minmax(130px,25%) minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #edf0ee;align-items:baseline}
.abn-summary .abn-facts dt{font-size:15px;color:#69756e}.abn-summary .abn-facts dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:0;text-align:left;font-size:17px;overflow-wrap:anywhere}
.abn-number{font-size:15px;color:#69756e}.abn-number a{color:#397459;text-decoration:none}.abn-number a:hover{text-decoration:underline}
.overview-list.contract-bank-details{margin:18px 0;border:1px solid #e0e6e2;border-radius:8px;padding:0 18px;background:#fff}.contract-bank-details .overview-row{grid-template-columns:minmax(130px,25%) minmax(0,1fr);gap:18px}.contract-bank-details .overview-row:last-child{border-bottom:0}.contract-bank-details dd{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.abn-facts>div{grid-template-columns:minmax(0,1fr);gap:5px}.abn-heading{padding:12px 14px}.abn-summary .abn-facts{padding:0 14px}.overview-list.contract-bank-details{padding:0 14px}.contract-bank-details .overview-row{grid-template-columns:1fr;gap:5px}}
@media(max-width:600px){.abn-controls{align-items:stretch;flex-direction:column}}

.customer-portal{max-width:1280px;margin:auto;padding:32px 40px 64px}.portal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid var(--line,#dce2eb)}.portal-header strong,.portal-eyebrow{display:block}.portal-eyebrow{font-size:15px;color:#64748b;margin-bottom:6px}.portal-header strong{font-size:24px}.portal-workspace{display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid #dce2eb;border-radius:10px;overflow:hidden;margin-top:20px;min-height:440px}.portal-request-list{border-right:1px solid #dce2eb}.portal-request{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;width:100%;border:0;border-bottom:1px solid #dce2eb;border-radius:0;text-align:left;white-space:normal;background:#fff}.portal-request.selected{background:#edf7f1;box-shadow:inset 3px 0 #17845a}.portal-detail{padding:30px}.portal-detail h2{font-size:26px}.portal-prose{white-space:pre-wrap;line-height:1.7}.portal-budget{display:flex;justify-content:space-between;background:#f5f7fa;padding:18px;border-radius:8px}.portal-budget dd{font-size:25px;font-weight:700;margin:0}.portal-detail h3{margin-top:26px}.portal-decision-record,.portal-completion{margin-top:24px;padding:20px;background:#f0f7f3;border-radius:8px}.portal-decision-record small,.portal-completion small{color:#62716a}.portal-detail form{border-top:1px solid #dce2eb;margin-top:28px;padding-top:10px}.portal-detail form p{line-height:1.6}.customer-list{display:grid;gap:16px}.customer-account{background:white;border:1px solid #dce2eb;border-radius:10px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-account h2{margin:0 0 8px;font-size:23px}.customer-account p{margin:6px 0;color:#61718b}.customer-account-actions{display:flex;gap:10px}.customer-mail-warning{padding:16px 20px;background:#fff8e8;border:1px solid #ebd59e;border-radius:8px;margin-bottom:22px;line-height:1.6}.customer-review-panel{border:1px solid #d7dcef;background:#f5f6fd;border-radius:8px;padding:18px 22px;margin:10px 30px 22px}.customer-review-panel p{margin:8px 0}.project-customer-group{margin:30px 0 16px;font-size:21px}.customer-mail-row{padding:16px 0;border-bottom:1px solid #dce2eb;display:flex;align-items:center;justify-content:space-between;gap:20px}.customer-mail-row small{display:block;margin-top:5px;color:#65738a}.customer-mail-row p{margin:6px 0;font-size:16px;color:#9d3e34}@media(max-width:760px){.customer-portal{padding:20px 16px}.portal-workspace{grid-template-columns:1fr}.portal-request-list{border-right:0;max-height:260px;overflow:auto;border-bottom:1px solid #dce2eb}.portal-detail{padding:20px}.portal-budget{gap:12px;flex-wrap:wrap}.customer-account{align-items:flex-start;flex-direction:column}.customer-review-panel{margin:10px 18px}.customer-mail-row{align-items:flex-start;flex-direction:column}}
.portal-service-list{margin-top:20px;border:1px solid #dce2eb;border-radius:10px;background:#fff;overflow:hidden}.portal-service-list ul{list-style:none;padding:0;margin:0}.portal-service-list li+li{border-top:1px solid #dce2eb}.portal-list-head,.portal-service-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(170px,1fr) 140px minmax(150px,1fr) 24px;align-items:center;gap:20px;padding:18px 24px}.portal-list-head{background:#f8fafb;color:#61718b;font-size:15px;font-weight:600;border-bottom:1px solid #dce2eb}.portal-service-row{width:100%;border:0;border-radius:0;background:#fff;text-align:left;white-space:normal;min-height:88px;color:#263242;font-size:18px}.portal-service-row:hover{background:#f7faf8}.portal-service-row.selected{background:#edf7f1;box-shadow:inset 3px 0 #17845a}.portal-service-row:focus-visible{outline:2px solid #17845a;outline-offset:-3px}.portal-row-title{font-size:19px;line-height:1.45;overflow-wrap:anywhere}.portal-row-amount{text-align:right;font-variant-numeric:tabular-nums}.portal-service-row .portal-row-amount{font-weight:650}.portal-row-progress{font-size:16px;line-height:1.5;color:#61718b}.portal-row-chevron{text-align:center;font-size:24px;color:#17845a}.portal-row-status .request-status{white-space:normal;line-height:1.4;display:inline-block}.portal-service-list .portal-detail{border-top:1px solid #dce2eb;padding:26px 32px 32px}.portal-service-list .portal-detail[hidden]{display:none}@media(max-width:1000px){.portal-row-progress.is-empty{display:none}.portal-list-head{display:none}.portal-service-row{grid-template-columns:minmax(0,1fr) auto 24px;gap:10px 16px;padding:18px 20px}.portal-row-title{grid-column:1;grid-row:1}.portal-row-amount{grid-column:2;grid-row:1}.portal-row-chevron{grid-column:3;grid-row:1}.portal-row-status{grid-column:1 / 3;grid-row:2}.portal-row-progress{grid-column:1 / 3;grid-row:3}.portal-service-list .portal-detail{padding:20px}.portal-row-title{font-size:18px}}@media(max-width:480px){.portal-service-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.portal-row-title{grid-column:1;grid-row:1}.portal-row-chevron{grid-column:2;grid-row:1}.portal-row-amount{grid-column:2;grid-row:2}.portal-row-status{grid-column:1;grid-row:2}.portal-row-progress{grid-column:1 / 3;grid-row:3}}

/* Phone layouts: full-width work area, drawer navigation and request drill-down. */
.login-versions{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#f0f4f2;border-radius:8px;margin-bottom:26px}
.login-versions button{border:0;background:transparent;font-size:16px;min-height:44px;padding:8px}
.login-versions button[aria-pressed=true]{background:white;color:var(--green);box-shadow:0 1px 5px #153d2510}
.mobile-top-menu,.business-mobile-back{display:none}
@media(max-width:760px){
 .layout{display:flex;width:100%;height:100dvh}.main{flex:1;width:100%;min-width:0}.layout>.sidebar{display:none}
 .layout.nav-open>.sidebar{display:flex;width:min(290px,85vw);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
 .mobile-top-menu{display:flex;flex-shrink:0;width:44px;height:44px;min-height:44px}
 .main .topbar,.main:has(.request-home) .topbar{flex-shrink:0;min-height:68px;height:auto;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
 .topbar .top-actions{width:auto;min-width:0;flex:1;flex-wrap:wrap;justify-content:flex-end;gap:6px}
 .topbar .actor{flex-basis:auto;gap:6px}.topbar .actor>div{display:block}.topbar .signed-in-user .sign-out{min-height:44px}
 .topbar .top-actions>button{flex:0 0 auto;min-height:44px;padding:10px 12px}
 .business-page,.page{padding:20px 16px max(28px,env(safe-area-inset-bottom))}.request-home{padding-top:28px}
 .business-workspace{min-height:0;display:block}.business-list{max-height:none;overflow:visible;border:0}
 .business-workspace>.business-detail{display:none}.business-workspace.mobile-detail-open>.business-list{display:none}
 .business-workspace.mobile-detail-open>.business-detail{display:block}.business-mobile-back{display:inline-flex;min-height:44px;margin:10px 12px 0}
 .business-card{min-height:0;padding:18px}.business-card>div{flex-wrap:wrap;gap:10px}.business-detail-head{padding:16px;flex-direction:column;gap:4px}
 .business-detail-head h2{font-size:25px}.business-content{padding:20px 16px}.business-actions{padding:16px;gap:10px}.business-actions>button{min-height:44px}
 .request-ownership{margin:8px 16px 16px}.business-state{padding:0 16px}.request-next-step{margin:16px 16px 0}.gate-progress{padding:16px 16px 0}
 .business-file,.customer-account p,.customer-mail-row strong,.portal-header strong,.portal-detail p,.portal-detail h2{overflow-wrap:anywhere}
 .customer-account-actions{flex-wrap:wrap;width:100%}.customer-account-actions button{min-height:44px;flex:1 1 auto}
 .modal-backdrop{padding:0;align-items:flex-end}.modal,.modal.small{width:100%;max-width:100%;max-height:96dvh;border-radius:16px 16px 0 0}
 .modal>header{padding:16px 20px;flex-shrink:0}.modal>header button{min-width:44px;min-height:44px}.modal>footer{padding-bottom:max(16px,env(safe-area-inset-bottom));flex-shrink:0}
 .modal-body{padding:20px}.business-form,.form-grid{min-width:0}.business-form input,.business-form select,.business-form textarea{width:100%;min-height:44px}
 .business-form input[type=checkbox]{width:18px;min-height:18px}.request-choice{min-height:130px;padding:22px}.request-choice strong{font-size:23px}
 .customer-portal{padding:20px 16px max(32px,env(safe-area-inset-bottom));width:100%}.portal-header{gap:16px;margin-bottom:24px;padding-bottom:20px;align-items:flex-start}
 .portal-header>div{min-width:0}.portal-header strong{font-size:22px}.portal-header button{min-height:44px;flex-shrink:0}
 .project-kind-tabs{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px;margin-inline:-2px;gap:8px}.project-kind-tabs button{flex-shrink:0;font-size:16px;padding:10px 14px}
 .portal-service-row{padding:18px 16px}.portal-service-list .portal-detail{padding:20px 16px}.portal-detail h2{font-size:23px}.portal-detail h3{font-size:20px}
 .portal-detail .field{margin-bottom:18px}.portal-detail form button{width:100%;min-height:48px}.portal-budget{padding:16px;gap:8px}.portal-budget dt{font-size:16px}.portal-budget dd{font-size:23px}
 .portal-completion,.portal-decision-record{padding:16px}.project-card{padding:20px}.project-card-footer{gap:12px;flex-wrap:wrap}
 .login-page{padding:20px 16px;align-items:flex-start}.login-card{margin-top:clamp(12px,7dvh,64px);padding:28px 22px}.login-brand{font-size:25px;margin-bottom:24px}.login-card h1{font-size:29px}
 #toast{max-width:calc(100vw - 32px);bottom:max(20px,env(safe-area-inset-bottom));white-space:normal;text-align:center}
}
@media(max-width:380px){.topbar .signed-in-user strong{max-width:128px;font-size:15px}.topbar .signed-in-user small{font-size:12px}.portal-row-status .request-status{font-size:14px}.portal-row-amount{font-size:16px}.login-card{padding:24px 18px}}
@media(max-width:760px){
 .business-page:has(.mobile-detail-open)>.business-heading,.business-page:has(.mobile-detail-open)>.project-kind-tabs,.business-page:has(.mobile-detail-open)>.business-filters{display:none}
 .business-page:has(.mobile-detail-open){padding-top:16px}
}

/* BOW OA identity */
.bow-logo{display:block;width:32px;height:40px;object-fit:contain;flex-shrink:0}
.brand{font-size:24px;gap:11px;color:#252d39;padding:0 8px;margin:0 0 32px;white-space:nowrap}
.login-brand{color:#252d39;gap:13px}.login-brand .bow-logo{width:36px;height:44px}
.portal-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:22px;font-weight:700}.portal-brand .bow-logo{width:28px;height:34px}
.layout{grid-template-columns:250px minmax(0,1fr)}
@media(max-width:980px){.layout{grid-template-columns:64px minmax(0,1fr)}.nav-open .brand{margin-bottom:28px}.nav-open .nav{font-size:16px}}
@media(max-width:760px){.layout{display:flex}.brand{font-size:24px}.login-brand{font-size:26px}}
.project-header-actions{display:flex;flex-wrap:wrap;gap:10px}
.project-customer-access{padding:16px 20px;background:#f0f5f3;border:1px solid #dce7e0;border-radius:8px;margin:0 0 22px;line-height:1.5}
.project-customer-access strong{font-size:17px}.project-customer-access p{font-size:16px;margin:5px 0;color:#576b60}.project-customer-access small{color:#7b6530;font-size:15px}
.invitation-preview{padding:18px;background:#f6f7f9;border:1px solid var(--line);border-radius:8px;font-size:16px;line-height:1.6}.invitation-preview p{margin:8px 0;overflow-wrap:anywhere}
.share-contract-options label{display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}.share-contract-options input{flex-shrink:0}
.portal-contracts{margin-top:24px;border:1px solid #dfdccd;background:#fcfaf4;padding:20px;border-radius:8px}.portal-contracts h3{margin-top:0}.portal-contracts small{display:block;color:#687567;margin-top:12px}
@media(max-width:760px){.project-header-actions{width:100%}.project-header-actions button{flex:1;min-height:44px}.business-page:has(.mobile-detail-open)>.project-customer-access{display:none}.portal-contracts{padding:16px}}

.request-date-controls{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}.request-date-controls label{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--muted)}.request-date-controls input[type=date]{width:170px;min-width:0}.request-date-controls small{color:var(--muted);font-size:14px}.request-date-controls [role=alert]{color:#ad3434}
@media(max-width:760px){.request-date-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.request-date-controls label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.request-date-controls input[type=date]{width:100%;min-width:0}.request-date-controls small{grid-column:1/-1}}

.customer-confirmation-choice{padding:16px;border:1px solid var(--line);border-radius:8px;background:#f8faf9}.customer-confirmation-choice>label{display:flex;align-items:flex-start;gap:10px;font-weight:600;line-height:1.5}.customer-confirmation-choice input[type=checkbox]{flex:none;min-height:0;width:18px;height:18px;margin:3px 0 0;accent-color:var(--green)}.customer-confirmation-choice p{margin:8px 0 0;font-size:16px}

/* Quiet request detail: one action colour, clear type and ownership. */
.business-workspace{border-color:#e4e6e8;border-radius:12px;grid-template-columns:minmax(250px,300px) minmax(0,1fr)}
.business-list{background:#fafafa;border-color:#e4e6e8}.business-card{background:transparent;padding:22px;gap:10px;min-height:144px;border-color:#e8e9eb}.business-card:hover{background:#f1f3f2}.business-card.selected{background:#f0f2f1;box-shadow:inset 3px 0 #283b32}.business-card>strong{font-size:19px;line-height:1.5}.business-card>span{font-size:14px;color:#777e87}.business-card b{font-size:19px;font-variant-numeric:tabular-nums}
.request-status[class*="status-"]{background:#eef0f2;color:#4a535e;border:0;font-size:14px;font-weight:600;border-radius:5px;padding:5px 8px}.business-card.selected .request-status{background:#e4e8e5;color:#35493b}
.business-detail-head{padding:32px 32px 24px;display:flex;align-items:flex-start;flex-wrap:nowrap;gap:24px}.business-detail-head>div:first-child{flex:1;min-width:0}.request-heading-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px;color:#737a83}.request-stage-label{color:#414c47;font-weight:600}.request-stage-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#7f8983;margin:0 8px 2px 0}.business-detail-head h2{font-size:30px;line-height:1.3;letter-spacing:-.7px;font-weight:650;margin:12px 0 0}.request-total{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.request-total strong{font-size:30px;line-height:1.3;letter-spacing:-.6px;font-variant-numeric:tabular-nums;white-space:nowrap}.request-total>span{font-size:14px;color:#737a83}
.request-ownership{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;gap:24px;margin:0 32px 24px}.request-ownership>div,.request-ownership .has-assignee{background:none;border:0;border-radius:0;padding:0}.request-ownership dt{font-size:15px;color:#737a83;margin:0 0 6px;font-weight:400}.request-ownership dd,.request-ownership .has-assignee dd{font-size:20px;color:#252d29;font-weight:600;line-height:1.5}
.customer-confirmation-summary{margin:0 32px 18px;border-top:1px solid #eceeed;border-bottom:1px solid #eceeed}.customer-confirmation-summary summary{display:flex;gap:16px;align-items:center;padding:14px 0;font-size:16px;cursor:pointer;list-style:none;color:#737a83}.customer-confirmation-summary summary::-webkit-details-marker{display:none}.customer-confirmation-summary summary strong{color:#343e38;font-weight:550;margin-left:auto}.confirmation-expand{font-size:19px;color:#7b827d}.customer-confirmation-summary[open] .confirmation-expand{transform:rotate(180deg)}.customer-confirmation-summary>div{padding:0 0 12px;font-size:16px;line-height:1.6;color:#57605a}.customer-confirmation-summary p{margin:0 0 8px}
.gate-progress{padding:0 32px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px}.gate-progress>span{display:flex;gap:10px}.gate-progress b{font-size:15px;color:#707970;font-weight:500}.request-return-note{margin:0 32px 20px;padding:12px 16px;border-left:2px solid #9a6c43;background:#faf8f5;font-size:16px;line-height:1.6}
.business-actions{padding:4px 32px 24px;gap:10px}.business-actions button{font-size:16px;min-height:42px;padding:10px 16px;border-radius:7px}.business-actions .primary{background:#237654;border-color:#237654}.business-actions .primary:hover{background:#185e41}.business-more summary{font-size:16px;color:#667068}.business-tabs{padding:0 32px;gap:28px;border-color:#e7e9e8}.business-tabs button{font-size:16px;color:#747c77;padding:16px 0;font-weight:500}.business-tabs button.active{border-color:#293c31;color:#293c31;font-weight:600}
.business-content{padding:28px 32px;font-size:18px;line-height:1.65}.business-section h4{font-size:17px;font-weight:600;color:#303a34;margin:0 0 10px}.business-section p{margin:0 0 24px;color:#48524b;line-height:1.75}.business-section dl{padding-top:20px;border-top:1px solid #eff0ef;font-size:16px;gap:10px;margin-top:24px}.business-section dt{color:#747d76}.business-section dd{font-weight:550}.business-section h3{font-size:18px;font-weight:600}.request-record-meta{font-size:15px;color:#747d76;margin-bottom:24px}
@media(min-width:761px) and (max-width:1100px){.business-workspace{grid-template-columns:245px minmax(0,1fr)}.business-detail-head{flex-wrap:wrap}.request-total{align-items:flex-start}.business-detail-head h2{font-size:27px}}
@media(max-width:760px){.business-detail-head{padding:22px 20px;flex-direction:column;gap:16px}.business-detail-head h2{font-size:27px}.request-heading-meta{font-size:14px;gap:10px}.request-total{align-items:flex-start;flex-direction:row;align-items:baseline;gap:9px}.request-total strong{font-size:29px}.request-ownership{margin:0 20px 22px;gap:20px}.request-ownership dd,.request-ownership .has-assignee dd{font-size:19px}.customer-confirmation-summary{margin:0 20px 18px}.customer-confirmation-summary summary{font-size:15px;gap:8px}.gate-progress{padding:0 20px 20px;gap:10px 22px}.business-actions{padding:0 20px 22px}.business-tabs{padding:0 20px;gap:25px}.business-content{padding:24px 20px}.request-return-note{margin:0 20px 20px}.business-card{min-height:135px}}

.business-card{min-height:122px;justify-content:space-between;gap:18px}.project-customer-access{padding:0;margin:-10px 0 24px;background:none;border:0;border-radius:0}.project-customer-access strong{font-size:16px;font-weight:500;color:#68716b}.project-customer-access small:empty{display:none}.request-date-controls:empty{display:none}.project-kind-tabs button[aria-pressed=true]{background:#eef1ef;border-color:#ccd4cf;color:#2e4537}.avatar.purple,.avatar.gold{background:#eef0ee;color:#59645d}

/* Request overview uses aligned, compact field rows. */
.overview-list{margin:0 0 28px;padding:0}.overview-row{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:24px;padding:17px 0;border-bottom:1px solid #eceeed;align-items:start}.overview-row:first-child{padding-top:0}.overview-row dt{margin:0;font-size:16px;font-weight:500;color:#68716b;line-height:1.6}.overview-row dd{margin:0;font-size:18px;color:#303a34;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.overview-row.amount-row dd{font-weight:600;font-variant-numeric:tabular-nums}.overview-row .business-file:first-child{padding-top:0}.overview-row .business-file:last-child{padding-bottom:0}
@media(max-width:760px){.overview-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}.overview-row dt{font-size:15px}.overview-row dd{font-size:18px}}

.request-danger-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:20px 32px 24px;border-top:1px solid #eceeed;margin-top:auto}.request-danger-button{background:#b83b3b;border-color:#b83b3b;color:#fff;font-size:16px;min-height:42px;padding:10px 18px;border-radius:7px}.request-danger-button:hover{background:#9e2929;border-color:#9e2929}.business-detail>.business-content{flex:1}
@media(min-width:761px){.business-detail{display:flex;flex-direction:column}}
@media(max-width:760px){.mobile-detail-open .business-detail{display:flex;flex-direction:column}.request-danger-actions{padding:18px 20px 22px}.request-danger-button{flex:1;min-height:44px}}

/* Consistent initials beside staff names. */
.person-name{display:inline-flex;align-items:center;gap:9px;max-width:100%;vertical-align:middle;white-space:normal}
.person-name>span:last-child{min-width:0;overflow-wrap:anywhere}
.person-initials{display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;aspect-ratio:1;border-radius:50%;background:#edf0ee;color:#58645d;font-size:12px;font-weight:650;line-height:1;letter-spacing:.02em;user-select:none}
.person-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.gate-progress>span{align-items:center;flex-wrap:wrap}
.business-event small .person-initials{flex-basis:24px;width:24px;height:24px;font-size:11px}
.overview-row:has(.person-name){align-items:center}
@media(max-width:760px){.request-ownership{gap:16px}.request-ownership .person-name{gap:7px}.request-ownership .person-initials{flex-basis:28px;width:28px;height:28px}}

/* Current business approval map: independent of the legacy Bill / PO editor. */
.settings-page:has(#approval-settings){max-width:none;padding:28px 32px;overflow:auto}
.approval-settings{margin-bottom:28px}
.approval-settings-title h2{display:flex;align-items:center;gap:12px;font-size:26px;margin:0 0 8px;letter-spacing:-.4px}
.approval-settings-title p,.approval-layout-note{font-size:16px;color:#737d77;margin:0}
.approval-version{font-size:15px;letter-spacing:0;border:1px solid #dce3df;border-radius:6px;padding:4px 9px;color:#355846;background:#f4f7f5;font-weight:600}
.approval-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0 16px}
.approval-kinds{display:flex;gap:6px;flex-wrap:wrap}.approval-kinds button{font-size:16px;border-color:transparent;background:transparent;color:#66716b;padding:10px 14px}
.approval-kinds button[aria-pressed=true]{background:#fff;border-color:#d7dfda;color:#25382c;box-shadow:0 1px 3px #25382c08}
.approval-project{display:flex;align-items:center;gap:10px;font-size:16px;color:#66716b}.approval-project[hidden]{display:none}.approval-project select{max-width:260px;min-height:40px;font-size:16px}
.approval-graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid #dfe5e1;border-radius:12px;background:#fff;overflow:hidden}
.approval-graph-main{min-width:0}.approval-canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e6eae7;padding:12px 16px;background:white}
.approval-canvas-tools>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.approval-canvas-tools button{font-size:15px;min-height:34px;padding:6px 10px}.approval-canvas-tools output{font-size:14px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center;color:#69766d}
#approval-save-status{font-size:14px;color:#66766b}
.approval-canvas-scroll{height:600px;max-height:70vh;min-height:340px;overflow:auto;position:relative;overscroll-behavior:contain;background-color:#fafcfb;background-image:radial-gradient(#dce4de .8px,transparent .8px);background-size:20px 20px;cursor:grab;touch-action:none}
.approval-canvas-scroll.panning{cursor:grabbing}.approval-canvas-space{position:relative}.approval-canvas{position:absolute;top:0;left:0;transform-origin:0 0}.approval-lines{position:absolute;inset:0;overflow:visible;pointer-events:none}.approval-lines path{stroke:#89958e;stroke-width:1.6;fill:none}.approval-lines marker path{fill:#89958e;stroke:none}.approval-lines text{font-size:14px;font-weight:550;fill:#5e6f63;paint-order:stroke;stroke:#fafcfb;stroke-width:6px;stroke-linejoin:round}.approval-lines g.selected path{stroke:#2d7d59;stroke-width:2}
.approval-node{position:absolute;width:240px;height:112px;text-align:left;background:#fff;border:1px solid #d9e1dc;border-radius:10px;padding:13px 16px;display:flex;flex-direction:column;gap:7px;box-shadow:0 2px 5px #20372a06;cursor:grab;touch-action:none;user-select:none;color:#27352d;white-space:normal;min-width:0}
.approval-node:hover{background:#fff;border-color:#96b0a1}.approval-node.selected{border-color:#377f5e;box-shadow:0 0 0 2px #2d7d5914}.approval-node:focus-visible{outline:2px solid #2d7d59;outline-offset:3px}.approval-node:active{cursor:grabbing}.approval-node-top{display:flex;justify-content:space-between;width:100%;font-size:12px;color:#7b877f;font-weight:500}.approval-node strong{font-size:18px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.approval-node-owner{font-size:14px;line-height:1.3;font-weight:400;color:#65756a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.approval-node.condition{border-style:dashed;background:#f5f8f6}.approval-node.start,.approval-node.end{border-radius:20px}
.approval-inspector{border-left:1px solid #e3e8e4;padding:24px 20px;min-width:0}.approval-inspector-kind{font-size:14px;color:#758178}.approval-inspector h3{font-size:22px;line-height:1.35;margin:8px 0 16px;overflow-wrap:anywhere}.approval-inspector p{font-size:16px;line-height:1.7;color:#68776d;margin:12px 0 24px}.approval-inspector p.approval-owner{color:#314c3b;font-weight:600;font-size:17px}.approval-inspector h4{font-size:15px;margin:24px 0 12px}.approval-inspector button{display:block;text-align:left;width:100%;margin:8px 0;font-size:15px;line-height:1.5;border-color:#e5eae6;background:#fafcfb;padding:12px}.approval-inspector button span{display:block;font-size:12px;color:#77867d;margin-bottom:4px}
.approval-exceptions{margin:16px 0;background:white;border:1px solid #e0e6e2;border-radius:9px;padding:16px 20px}.approval-exceptions summary{font-size:16px;font-weight:600;cursor:pointer}.approval-exceptions dl{margin:16px 0 0}.approval-exceptions dl>div{display:grid;grid-template-columns:180px 1fr;gap:24px;border-top:1px solid #edf0ee;padding:16px 0;font-size:16px;line-height:1.6}.approval-exceptions dt{font-weight:600}.approval-exceptions dd{margin:0;color:#65736a}
@media(max-width:1100px){.approval-graph-layout{grid-template-columns:minmax(0,1fr)}.approval-inspector{border-left:0;border-top:1px solid #e3e8e4}.approval-inspector h4{margin-top:12px}.approval-inspector p{margin-bottom:12px}.approval-inspector button{display:inline-block;width:auto;margin-right:8px}}
@media(max-width:760px){.settings-page:has(#approval-settings){padding:22px 16px}.approval-settings-title h2{font-size:24px}.approval-kinds{flex-wrap:nowrap;width:100%;overflow-x:auto}.approval-kinds button{white-space:nowrap;flex-shrink:0;font-size:15px;padding:10px}.approval-controls{margin-top:20px}.approval-project{width:100%;justify-content:space-between}.approval-project select{max-width:75%}.approval-canvas-tools{padding:10px}.approval-canvas-scroll{height:440px}.approval-exceptions dl>div{grid-template-columns:1fr;gap:4px}.approval-layout-note{font-size:14px;line-height:1.6}}

.approval-node{align-items:flex-start}

/* OA ledger: full-width records, linked documents and approval history. */
.oa-ledger-page .business-heading{margin-bottom:18px}
.oa-ledger-page .project-customer-access{margin:0 0 18px;padding:0;background:none;border:0;font-size:16px;color:#68746e}
.oa-ledger-page .project-kind-tabs{border-bottom:1px solid #dfe5e1;gap:24px;margin:0 0 24px}
.oa-ledger-page .project-kind-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:13px 0;color:#6b756f}
.oa-ledger-page .project-kind-tabs button[aria-pressed=true]{background:none;color:#1d4935;border-bottom-color:#21805c}
.oa-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0e5e2;border-radius:10px;background:white;margin:0 0 24px;padding:22px 0}
.oa-totals.request-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
.oa-totals>div{padding:0 26px;border-right:1px solid #e7ebe8;display:flex;flex-direction:column;gap:10px}
.oa-totals>div:last-child{border:0}.oa-totals span,.oa-payment-totals span{font-size:16px;color:#69756e}.oa-totals strong{font-size:27px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:#263a30}
.oa-ledger-page .business-filters{margin-bottom:18px}.oa-ledger-page .business-filters select{min-width:170px}
.oa-workspace.business-workspace{display:block;min-height:0;overflow:hidden;border:1px solid #e0e5e2;border-radius:10px;background:#fff}
.oa-workspace>.business-list{border:0;background:#fff;max-height:none;overflow:visible}
.oa-workspace>.business-detail{display:none}
.oa-workspace.mobile-detail-open>.business-list{display:none}
.oa-workspace.mobile-detail-open>.business-detail{display:flex;flex-direction:column}
.oa-table-wrap{overflow:auto}.oa-ledger{width:100%;border-collapse:collapse;table-layout:auto;text-align:left}
.oa-ledger th{font-size:15px;font-weight:600;color:#6a756e;background:#f7f9f8;padding:15px 20px;border-bottom:1px solid #e5e9e7;white-space:nowrap}
.oa-ledger td{padding:22px 20px;vertical-align:middle;border-bottom:1px solid #edf0ee;font-size:16px;color:#45534a}
.oa-ledger tr:last-child td{border-bottom:0}.oa-ledger tbody tr:hover{background:#fafcfb}
.oa-ledger th:first-child{width:35%}.oa-request-link{padding:0;border:0;background:none;border-radius:2px;text-align:left;white-space:normal;font-size:18px;font-weight:650;color:#283c31;line-height:1.5}
.oa-request-link:hover{background:none;color:#16805a;text-decoration:underline;text-underline-offset:4px}.oa-reference{display:block;font-size:14px;color:#8a948e;margin-top:7px;white-space:nowrap}
.oa-ledger .person-name{font-size:16px;gap:8px;white-space:nowrap}.oa-ledger .person-initials{width:27px;height:27px;min-width:27px;font-size:11px}
.oa-stage{display:block;font-weight:600;color:#354b3d;line-height:1.4}.oa-next{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:10px;color:#45534a}.oa-next .person-initials{width:27px;height:27px;min-width:27px;font-size:11px}.oa-next .person-name{font-size:16px;line-height:1.4}
.oa-ledger .oa-money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.oa-ledger .oa-money strong{font-size:19px;color:#263b30;font-weight:650}.oa-open{width:30px}.oa-open button{border:0;background:transparent;color:#607269;padding:6px;font-size:22px}
.oa-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.oa-ledger-page.detail-is-open>.oa-totals,.oa-ledger-page.detail-is-open>.business-filters,.oa-ledger-page.detail-is-open>.project-kind-tabs,.oa-ledger-page.detail-is-open>.project-customer-access{display:none}
.oa-detail-back{display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid #edf0ee;gap:10px}
.oa-detail-back>.business-mobile-back{display:inline-flex;margin:0;padding:4px 0;color:#52685a;font-size:16px;min-height:30px}
.oa-detail-back>span{font-size:14px;color:#7d8981}
.oa-workspace .business-detail-head{padding:28px 30px 22px}.oa-workspace .business-detail-head h2{font-size:29px}.oa-workspace .request-total>span{font-size:14px}
.oa-workspace .request-ownership{max-width:650px;margin:0 30px 24px;gap:32px}
.oa-workspace .customer-confirmation-summary{margin:0 30px 22px}.oa-workspace .business-actions{padding:0 30px 24px}.oa-workspace .gate-progress{padding:0 30px 20px}
.oa-workspace .business-tabs{padding:0 30px;gap:26px;overflow-x:auto;flex-wrap:nowrap}.oa-workspace .business-tabs button{flex-shrink:0;white-space:nowrap}
.oa-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1}
.oa-detail-body>.business-content{min-width:0;padding:28px 30px}.oa-workspace .overview-list{margin:0}.oa-workspace .overview-row{grid-template-columns:minmax(150px,30%) minmax(0,1fr);gap:22px;padding:20px 0}.oa-workspace .overview-row:first-child{padding-top:0}.oa-workspace .overview-row dt{font-size:16px}.oa-workspace .overview-row dd{font-size:18px}
.oa-approval-record{border-left:1px solid #e8ece9;background:#fcfdfc;padding:28px 22px;min-width:0}
.oa-approval-record h3{font-size:17px;margin:0 0 20px}.oa-current{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #e5ebe7;display:flex;flex-direction:column;gap:9px}.oa-current>span{color:#7b877f;font-size:14px}.oa-current>strong{font-size:18px;color:#2c5740}
.oa-approval-record ol{list-style:none;margin:0;padding:0 0 0 13px;border-left:1px solid #d8e2dc}.oa-approval-record li{position:relative;padding:0 0 24px 6px}.oa-approval-record li:before{content:'';position:absolute;left:-18px;top:5px;width:7px;height:7px;border:1px solid #8ca295;background:#fff;border-radius:50%}.oa-approval-record li>strong{display:block;font-size:15px;line-height:1.5;margin-bottom:9px}.oa-approval-record .person-name{font-size:15px;gap:7px}.oa-approval-record .person-initials{width:23px;height:23px;min-width:23px;font-size:10px}.oa-approval-record time{display:block;font-size:14px;color:#7c8980;margin-top:7px}.oa-approval-record p{font-size:14px;color:#6d7971;line-height:1.6;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:6.4em;overflow:auto}
.oa-payment-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:24px;border-bottom:1px solid #e7ece9}.oa-payment-totals>div{display:flex;flex-direction:column;gap:12px}.oa-payment-totals strong{font-size:25px;color:#2a4133;font-variant-numeric:tabular-nums}.oa-panel-empty{padding:36px 0;color:#7a877e}.oa-panel-empty h3{font-size:19px;color:#415348;margin:0 0 12px}.oa-panel-empty p{line-height:1.6;font-size:16px}
.oa-document-group{margin:0 0 28px}.oa-document-group h3{font-size:17px;margin:0 0 12px}.oa-document-group h3 span{color:#8a968e;font-weight:400;margin-left:8px}.oa-document-group .business-file{display:block;border-bottom:1px solid #edf0ee;padding:15px 0;margin:0;overflow-wrap:anywhere}
.oa-workspace .business-section{margin:0;padding:24px 0;border:0}.oa-workspace .business-section:first-child{padding-top:0}.oa-workspace .quote-summary,.oa-workspace .payment-summary{border:1px solid #e1e7e3;border-radius:8px;background:#fff;padding:20px;margin:16px 0}.oa-workspace .quote-summary.chosen{border-color:#839f8c;background:#f8fbf9}.oa-workspace .payment-summary p{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.oa-workspace .business-event p{white-space:pre-wrap;overflow-wrap:anywhere}.oa-workspace .business-file{white-space:normal}
@media(max-width:1150px){.oa-ledger th,.oa-ledger td{padding:18px 14px}.oa-detail-body{grid-template-columns:minmax(0,1fr) 230px}.oa-totals>div{padding:0 18px}.oa-totals strong{font-size:24px}.oa-ledger .oa-open{display:none}}
@media(max-width:900px){.oa-detail-body{grid-template-columns:minmax(0,1fr)}.oa-approval-record{border-left:0;border-top:1px solid #e8ece9;padding:26px 30px}.oa-approval-record ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border:0;padding:0}.oa-approval-record li{padding:0 0 16px}.oa-approval-record li:before{display:none}.oa-current{padding-bottom:16px}.oa-ledger th:first-child{width:30%}}
@media(max-width:760px){.oa-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:20px 0;margin-bottom:20px}.oa-totals>div:nth-child(2){border:0}.oa-totals span{font-size:14px}.oa-totals strong{font-size:25px}.oa-ledger-page .business-filters select{min-width:0}.oa-ledger-page .project-kind-tabs{gap:22px}.oa-ledger-page .project-kind-tabs button{font-size:16px}.oa-table-wrap{overflow:visible}.oa-ledger,.oa-ledger tbody{display:block}.oa-ledger thead{display:none}.oa-ledger tr{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px;border-bottom:1px solid #e5eae7}.oa-ledger tr:last-child{border:0}.oa-ledger td{display:block;padding:0;border:0;font-size:16px}.oa-ledger td:first-child{grid-column:1/-1}.oa-ledger td:not(:first-child):before{content:attr(data-label);display:block;color:#839087;font-size:14px;margin-bottom:8px;font-weight:400}.oa-ledger td:nth-child(2){display:none}.oa-ledger td:nth-child(4){grid-column:1/-1;grid-row:3}.oa-ledger .oa-open{display:none}.oa-ledger .oa-money{grid-row:2;grid-column:2}.oa-request-link{font-size:19px}.oa-next{margin-top:7px}.oa-detail-back{padding:13px 20px;flex-wrap:wrap}.oa-workspace .business-detail-head{padding:24px 20px}.oa-workspace .business-detail-head h2{font-size:26px}.oa-workspace .request-ownership{margin:0 20px 24px;gap:16px;grid-template-columns:1fr 1fr}.oa-workspace .request-ownership dd{font-size:17px}.oa-workspace .customer-confirmation-summary{margin:0 20px 20px}.oa-workspace .business-actions{padding:0 20px 22px}.oa-workspace .gate-progress{padding:0 20px 20px}.oa-workspace .business-tabs{padding:0 20px;gap:23px}.oa-detail-body>.business-content{padding:24px 20px}.oa-workspace .overview-row{grid-template-columns:1fr;gap:8px;padding:17px 0}.oa-approval-record{padding:24px 20px}.oa-approval-record ol{display:block}.oa-approval-record li{border-bottom:1px solid #e8ece9;margin-bottom:18px}.oa-payment-totals{gap:12px}.oa-payment-totals strong{font-size:23px}.oa-payment-totals span{font-size:14px}}

.oa-mobile-date{display:none}.oa-totals>div{justify-content:space-between}.oa-totals span{font-size:15px}
@media(max-width:760px){
 .oa-ledger-page .business-heading{flex-direction:row;align-items:flex-end;gap:12px;margin-bottom:16px}.oa-ledger-page .business-heading h1{font-size:28px}.oa-ledger-page .project-header-actions{width:auto;flex:none}.oa-ledger-page .project-header-actions button{font-size:14px;padding:9px;min-height:38px}.oa-ledger-page .project-back{font-size:14px;margin-bottom:12px}.oa-ledger-page .project-customer-access{font-size:14px;margin-bottom:12px}.oa-ledger-page .project-kind-tabs{margin-bottom:16px;gap:20px}.oa-ledger-page .project-kind-tabs button{font-size:15px;padding:12px 0}.oa-totals{padding:16px 0;gap:16px 0;margin-bottom:16px}.oa-totals>div{gap:6px;padding:0 16px}.oa-totals span{font-size:12px}.oa-totals strong{font-size:23px}.oa-ledger-page .business-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oa-ledger-page #business-search,.oa-ledger-page .request-date-controls{grid-column:1/-1}.oa-ledger-page .business-filters select{font-size:15px;padding:10px;min-height:42px}.oa-mobile-date{display:inline}.oa-reference{font-size:12px;white-space:normal}
}
@media(max-width:760px){.oa-ledger-page .business-filters select{grid-column:auto}}

/* Stage-specific, readable status badges shared by ledger and detail. */
.oa-stage[data-approval-status]{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;padding:5px 10px;border-radius:6px;font-size:15px;font-weight:650;line-height:1.45;background:var(--stage-bg,#eef1f4);color:var(--stage-text,#475569);white-space:normal;overflow-wrap:anywhere}
.oa-current>.oa-stage[data-approval-status]{font-size:15px;color:var(--stage-text,#475569)}
.oa-stage[data-approval-status="Draft"]{--stage-bg:#f1f3f5;--stage-text:#525e6b}
.oa-stage[data-approval-status="Supervisor review"]{--stage-bg:#eaf1ff;--stage-text:#345aa0}
.oa-stage[data-approval-status="Corporation review"]{--stage-bg:#e0edff;--stage-text:#2153a0}
.oa-stage[data-approval-status="PM review"]{--stage-bg:#e3f3fa;--stage-text:#22617e}
.oa-stage[data-approval-status="Budget review"]{--stage-bg:#eee8fc;--stage-text:#65429c}
.oa-stage[data-approval-status="Director review"]{--stage-bg:#e5e6fc;--stage-text:#4a4899}
.oa-stage[data-approval-status="Finance review"]{--stage-bg:#dff3f0;--stage-text:#1c6960}
.oa-stage[data-approval-status="Supplier review"]{--stage-bg:#e6eff9;--stage-text:#3a5b86}
.oa-stage[data-approval-status="Customer confirmation"]{--stage-bg:#f6e9f7;--stage-text:#87468a}
.oa-stage[data-approval-status="Customer changes"]{--stage-bg:#fce9e2;--stage-text:#984727}
.oa-stage[data-approval-status="Sourcing"]{--stage-bg:#fff1d6;--stage-text:#8a5a12}
.oa-stage[data-approval-status="Payment setup"]{--stage-bg:#f7f0d7;--stage-text:#776019}
.oa-stage[data-approval-status="Payment documents"]{--stage-bg:#ffeadb;--stage-text:#945024}
.oa-stage[data-approval-status="Payment review"]{--stage-bg:#dff1f7;--stage-text:#226278}
.oa-stage[data-approval-status="Final acceptance"]{--stage-bg:#eceaf5;--stage-text:#625080}
.oa-stage[data-approval-status="Ready to pay"]{--stage-bg:#dcf5e9;--stage-text:#166345}
.oa-stage[data-approval-status="Completed"]{--stage-bg:#e1f1db;--stage-text:#356828}
.oa-stage[data-approval-status="Returned"]{--stage-bg:#fce4e5;--stage-text:#a03542}
.oa-stage[data-approval-status="Withdrawn"]{--stage-bg:#ece8e2;--stage-text:#6d5b45}
.oa-stage[data-approval-status="Cancelled"]{--stage-bg:#eee6e7;--stage-text:#77525a}
/* Editable proposal designer; never switches the live approval engine. */
.flow-draft-badge{font-size:14px;background:#fff4d9;color:#805e19;padding:5px 9px;border-radius:5px;letter-spacing:0;font-weight:500}
.flow-design-bar{display:flex;gap:16px;align-items:end;justify-content:space-between;margin:18px 0;flex-wrap:wrap}.flow-design-bar label{display:grid;gap:6px;font-size:14px;color:#607367}.flow-design-bar input{font-size:17px;max-width:220px;padding:9px 12px}.flow-node-tools{display:flex;gap:8px;flex-wrap:wrap}.flow-node-tools button{font-size:15px;padding:9px 12px}
.flow-edit-status{min-height:37px;padding:8px 16px;background:#fafcfb;border-bottom:1px solid #e5ebe6;display:flex;justify-content:space-between;align-items:center;gap:8px}.flow-edit-status button{padding:3px 7px;font-size:14px}.flow-edit-status button[hidden]{display:none}
.flow-node-wrap{position:absolute;width:240px;height:112px}.flow-node-wrap .approval-node{left:0;top:0;overflow:hidden}.flow-node-wrap .approval-node strong{max-height:40px;overflow:hidden}
.flow-port{position:absolute;left:calc(50% - 8px);width:16px;height:16px;min-width:16px;min-height:16px;padding:0;border:2px solid #56866d;border-radius:50%;background:#fff;z-index:3;touch-action:none;cursor:crosshair}.flow-port:hover,.flow-port.connecting{background:#2c8059;border-color:#2c8059;box-shadow:0 0 0 5px #2c805922}.flow-port-in{top:-8px}.flow-port-out{bottom:-8px}.flow-port:focus-visible{outline:3px solid #89bba1;outline-offset:3px}
.approval-lines .flow-edge-hit{stroke:transparent;stroke-width:14px;pointer-events:stroke;cursor:pointer}.approval-lines g.selected .flow-edge-hit{stroke:transparent;stroke-width:14px}.approval-lines text{pointer-events:auto;cursor:pointer}.approval-lines .flow-pending-line{stroke:#22815a;stroke-width:2;stroke-dasharray:6 4;pointer-events:none}
.flow-edit-inspector{max-height:790px;overflow:auto}.flow-edit-inspector h3{font-size:20px;margin:6px 0 18px}.flow-edit-inspector>label,.flow-connect-form>label{display:grid;font-size:14px;color:#62756a;gap:6px;margin:0 0 14px}.flow-edit-inspector input:not([type=checkbox]),.flow-edit-inspector select,.flow-edit-inspector textarea{min-width:0;width:100%;font-size:15px;padding:9px 10px;border:1px solid #d9e2dc;border-radius:6px;color:#263e30;background:#fff}.flow-edit-inspector textarea{resize:vertical;line-height:1.5}
.flow-participants{padding:10px;border:1px solid #dce5df;border-radius:6px;margin:0 0 14px;max-height:190px;overflow:auto}.flow-participants legend{font-size:14px;color:#617469;padding:0 5px}.flow-participants label{display:flex;align-items:center;gap:9px;font-size:15px;padding:5px 0}.flow-participants input{width:15px;height:15px;min-height:0;margin:0;accent-color:#287a54}.flow-edit-inspector button.flow-remove{color:#a33f3f;background:#fff5f4;border-color:#eccbc6;font-size:14px}.flow-connect-form{border-top:1px solid #e2e9e4;padding-top:16px;margin-top:16px}.flow-connections button{width:100%;margin:6px 0;padding:9px}.flow-checks{margin:15px 0;padding:14px 18px;background:white;border:1px solid #e1e7e3;border-radius:8px}.flow-checks summary{font-size:15px;cursor:pointer;font-weight:600}.flow-checks ul{padding-left:20px;color:#78633c;font-size:15px;line-height:1.8}.flow-checks #flow-check-count{font-weight:400;color:#7a847e;margin-left:6px}
@media(min-width:1101px){.approval-graph-layout:has(.flow-edit-inspector){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1100px){.flow-edit-inspector{max-height:560px}.flow-edit-inspector button{display:block;width:100%}.flow-participants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.approval-settings-title h2{flex-wrap:wrap}.flow-design-bar{display:block}.flow-design-bar input{max-width:100%}.flow-node-tools{margin-top:12px}.flow-node-tools button{flex:1;min-width:40%}.flow-port{width:22px;height:22px;left:calc(50% - 11px)}.flow-port-in{top:-11px}.flow-port-out{bottom:-11px}.flow-participants{grid-template-columns:1fr}.flow-edit-status{align-items:flex-start}.flow-edit-inspector{max-height:none}}

/* Task-first workspace: one request inbox, with project-specific records. */
.workspace-tabs{display:flex;align-items:center;gap:26px;border-bottom:1px solid #dfe5e1;margin:0 0 24px;overflow-x:auto}
.workspace-tabs button{display:inline-flex;align-items:center;gap:9px;flex:none;white-space:nowrap;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:14px 0;color:#6b756f;font-size:17px}
.workspace-tabs button[aria-pressed=true]{color:#22553c;border-bottom-color:#21805c}
.workspace-tabs button span{padding:2px 7px;border-radius:5px;background:#edf1ee;font-size:14px;font-variant-numeric:tabular-nums}
.workspace-page .workspace-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:22px}
.workspace-page .workspace-filters:not(:has(#workspace-project)){grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr))}
.workspace-page .workspace-filters input,.workspace-page .workspace-filters select{width:100%;min-width:0;max-width:none}
.workspace-filters .request-date-controls{grid-column:1/-1}
.oa-request-context{display:block;font-size:15px;line-height:1.5;color:#627168;margin-top:6px}
.oa-task-hint{display:block;max-width:270px;color:#57675e;font-size:15px;line-height:1.5;margin-top:7px}
.oa-task-hint+.oa-next{margin-top:8px}
.workspace-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.workspace-panel{padding:26px;background:#fff;border:1px solid #e0e5e2;border-radius:10px;min-width:0;margin-bottom:22px}
.workspace-project-grid .workspace-panel{margin:0}
.workspace-panel h2{font-size:21px;line-height:1.4;margin:0 0 22px;color:#283c31}
.workspace-panel h3{font-size:17px;margin:18px 0 10px}
.workspace-panel p{line-height:1.6;overflow-wrap:anywhere}
.workspace-facts{margin:0;display:grid;gap:18px}
.workspace-facts>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;align-items:center}
.workspace-facts dt{font-size:16px;color:#6c7770}.workspace-facts dd{margin:0;font-size:17px}
.project-progress-values{display:flex;gap:32px;flex-wrap:wrap;margin:8px 0 30px}
.project-progress-values>div{display:flex;flex-direction:column;gap:9px}
.project-progress-values strong{font-size:32px;letter-spacing:-.5px}.project-progress-values span{font-size:16px;color:#6b756f}
.workspace-count{font-size:15px;font-weight:500;color:#6b756f;margin-left:6px}
.workspace-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid #edf0ee;padding:18px 0}
.workspace-item:first-of-type{border-top:0;padding-top:0}.workspace-item:last-child{padding-bottom:0}
.workspace-item>div{min-width:0}.workspace-item>.oa-stage{flex-shrink:0}
.workspace-item p{font-size:16px;margin:5px 0 0;color:#64736a}
.workspace-request-link{text-align:left;font-size:17px;white-space:normal;line-height:1.5;overflow-wrap:anywhere;padding:0;min-height:0;font-weight:600}
.workspace-request-link span{margin-left:4px;color:#829087}
.workspace-event-by{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:15px;color:#6b756f}
.workspace-event-by .person-name{font-size:15px}.workspace-event-by .person-initials{width:24px;height:24px;font-size:10px}
.workspace-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.workspace-section-heading h2{margin:0}.workspace-section-heading>span{font-size:16px;color:#69756e}
.workspace-document-group{border-top:1px solid #e5eae7;padding:22px 0}.workspace-document-group:last-child{padding-bottom:0}
.workspace-document-group header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.workspace-document-group summary{cursor:pointer;padding:12px 0;font-size:16px;color:#5d7064}
.workspace-empty{text-align:center;padding:35px 18px}.workspace-empty h3{font-size:20px;margin:0 0 10px}.workspace-empty p{max-width:540px;margin:0 auto 18px;color:#718077;font-size:17px}
.workspace-payment-totals{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-payment-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(90px,1fr) auto;gap:22px;align-items:center;padding:22px 0;border-top:1px solid #e5eae7;font-size:16px}
.workspace-payment-row p{margin:7px 0 0;color:#6b756f}.workspace-label{display:block;color:#7b887f;font-size:14px;margin-bottom:7px}
.workspace-payment-row small{display:block;color:#6b756f;margin-top:7px}.workspace-payment-amount{text-align:right;font-size:19px;white-space:nowrap}
.workspace-overdue{display:block;color:#a44236;font-size:14px;margin-top:6px}
.workspace-page .business-heading>div:first-child{min-width:0}.workspace-page .business-heading h1{overflow-wrap:anywhere}
@media(max-width:1200px){.workspace-page .workspace-filters,.workspace-page .workspace-filters:not(:has(#workspace-project)){grid-template-columns:repeat(4,minmax(0,1fr))}.workspace-page .workspace-filters input#business-search{grid-column:1/-1}.workspace-project-grid{grid-template-columns:1fr}.workspace-panel{padding:22px}}
@media(max-width:760px){.workspace-tabs{gap:22px;margin-bottom:20px}.workspace-tabs button{font-size:16px}.workspace-page .workspace-filters,.workspace-page .workspace-filters:not(:has(#workspace-project)){grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page .workspace-filters select{grid-column:auto;font-size:16px}.workspace-page .business-heading{align-items:center}.workspace-page .project-header-actions{flex-wrap:wrap;flex:0 1 auto;justify-content:flex-end}.workspace-page .project-header-actions button{font-size:15px;min-height:42px}.workspace-panel{padding:20px}.workspace-facts>div{grid-template-columns:120px minmax(0,1fr);gap:12px}.workspace-item{flex-direction:column;gap:10px}.workspace-payment-row{grid-template-columns:1fr 1fr;gap:18px}.workspace-payment-row>div:first-child{grid-column:1/-1}.workspace-payment-amount{grid-column:1/-1}.workspace-payment-totals{grid-template-columns:1fr}.workspace-payment-totals>div{border:0}.workspace-section-heading{align-items:flex-start;flex-wrap:wrap}.workspace-document-group header{flex-direction:column;gap:10px}.request-home-heading h1{margin:0}.home-request{gap:12px}}
@media(min-width:761px){.workspace-page .oa-ledger td:nth-child(2){white-space:nowrap}}

/* Compact workspace, calm navigation, and reachable request actions. */
.sidebar .nav.active{background:#e7f2eb;color:#216044;box-shadow:none}.sidebar .nav.active .icon{color:#287251}.sidebar .nav:hover{background:#edf3ef}
.workspace-page .workspace-tabs{margin-bottom:18px}.workspace-page .oa-totals{padding:15px 0;margin-bottom:18px;background:#fcfdfc}.workspace-page .oa-totals>div{gap:5px;padding:0 22px}.workspace-page .oa-totals strong{font-size:23px}.workspace-page .oa-totals span{font-size:14px}
.workspace-page .oa-ledger th{padding:12px 18px;font-size:14px}.workspace-page .oa-ledger td{padding:16px 18px}.workspace-page .oa-ledger th:first-child{width:34%}.workspace-page .oa-request-link{font-size:17px}.workspace-page .oa-request-context{font-size:14px;margin-top:4px}.workspace-page .oa-next{margin-top:7px;gap:7px 12px}.workspace-page .oa-next .person-name{font-size:15px}.workspace-page .oa-next .person-initials{width:25px;height:25px;min-width:25px}.workspace-page .oa-task-hint{font-size:14px;line-height:1.45;margin-top:6px}.workspace-page .oa-ledger .oa-money strong{font-size:18px}.workspace-page .oa-ledger tbody tr:focus-within{background:#f3f8f5}
.request-filter-bar{margin-bottom:18px}.request-filter-controls{display:flex;gap:10px;align-items:center}.request-search-field{flex:1;min-width:120px}.request-search-field input{width:100%;height:46px;font-size:16px}.request-filter-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid #d4dbe3;border-radius:7px;padding-left:12px;min-width:0;max-width:300px}.request-filter-field>span{font-size:14px;color:#6b786f;white-space:nowrap}.request-filter-field select{border:0;box-shadow:none;padding:10px 28px 10px 4px;font-size:16px;min-height:44px;max-width:180px;background-color:transparent}.request-filter-field:focus-within{outline:2px solid #aad2ba;outline-offset:1px}.request-filter-toggle{min-height:46px;font-size:16px;white-space:nowrap}.request-filter-toggle>span{font-size:12px;background:#e7f2eb;color:#216044;border-radius:4px;padding:1px 5px}
.request-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.request-filter-chips button{background:#edf2ef;border-color:transparent;color:#40574a;font-size:14px;min-height:30px;padding:5px 9px;max-width:100%;overflow-wrap:anywhere;text-align:left}.request-filter-chips button span{font-size:18px;color:#617d6c;margin-left:3px}.request-filter-chips .clear-all-filters{background:none;color:#6a786f;text-decoration:underline;text-underline-offset:3px}
#request-filters-form{display:grid;gap:22px}#request-filters-form .field{margin:0}#filter-custom-dates[hidden]{display:none}.modal:has(#request-filters-form){width:500px}
.project-team-strip{border:1px solid #e0e5e2;border-radius:10px;padding:20px 24px;background:#fff;margin-bottom:22px}.project-team-strip .workspace-facts{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px 28px}.project-team-strip .workspace-facts>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.project-team-strip .workspace-facts dt{font-size:14px}.project-team-strip .workspace-facts dd{min-height:30px;display:flex;align-items:center;font-size:16px}.project-team-strip .person-name{font-size:16px}.workspace-project-grid .workspace-activity{grid-column:1/-1}.workspace-activity .workspace-item>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) minmax(180px,1fr);align-items:center;gap:20px;width:100%}.workspace-activity .workspace-item p,.workspace-activity .workspace-event-by{margin:0}.workspace-activity .workspace-item>div>strong{font-size:16px}
.home-request-end{display:flex;align-items:flex-end;flex-direction:column;gap:10px;flex-shrink:0}.home-task-action{font-size:15px;font-weight:600;color:#216044;background:#e9f3ed;border-radius:5px;padding:6px 10px}.home-task-open{font-size:14px;color:#718177}.home-request{padding:19px 22px}.home-request:hover{border-color:#b6d1bf;background:#fbfdfb}
.workspace-page.detail-is-open .oa-workspace{overflow:visible}.workspace-page .oa-workspace .request-action-bar{position:sticky;top:0;z-index:15;background:#fff;padding:14px 24px;border-top:1px solid #e8ede9;border-bottom:1px solid #e1e8e3;box-shadow:0 4px 12px #263e2d08;align-items:center;gap:10px;margin-bottom:0;flex-wrap:wrap}.request-action-context{display:flex;flex-direction:column;gap:3px;margin-right:auto;min-width:120px}.request-action-context>span{font-size:12px;color:#7a877e}.request-action-context strong{font-size:15px;color:#43584a}.request-action-bar button{min-height:42px}.request-action-bar .business-more>div{z-index:20}.workspace-page .business-content{scroll-margin-top:90px}
@media(max-width:1150px){.request-filter-controls{flex-wrap:wrap}.request-search-field{flex-basis:100%}.request-filter-field{flex:1;max-width:none}.request-filter-field select{flex:1;max-width:100%}.workspace-activity .workspace-item>div{grid-template-columns:1fr 2fr}.workspace-activity .workspace-event-by{grid-column:2}.request-action-context{display:none}}
@media(max-width:760px){.workspace-page .oa-totals{padding:14px 0;gap:14px 0}.workspace-page .oa-totals>div{padding:0 16px}.workspace-page .oa-totals strong{font-size:22px}.workspace-page .oa-totals span{font-size:12px}.workspace-page .oa-ledger tr{gap:12px;padding:18px}.workspace-page .oa-ledger td{padding:0}.workspace-page .oa-request-link{font-size:18px}.workspace-page .oa-mobile-date{display:block;margin-top:4px;font-size:12px;color:#7c8880}.workspace-page .oa-ledger td:not(:first-child):before{margin-bottom:6px}.request-filter-controls{gap:8px}.request-search-field{flex-basis:100%}.request-filter-field{flex:1 1 calc(50% - 8px);padding:8px 10px 0;display:flex;flex-direction:column;align-items:stretch;gap:0}.request-filter-field select{width:100%;padding:5px 20px 8px 0;min-height:34px;font-size:16px}.request-filter-field>span{font-size:12px}.request-filter-toggle{flex:1;min-height:42px}.request-filter-chips{gap:6px}.request-filter-chips button{min-height:34px}.modal:has(#request-filters-form){align-self:flex-end;border-radius:16px 16px 0 0;max-height:90dvh;margin:0;width:100%}.project-team-strip{padding:18px}.project-team-strip .workspace-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.project-team-strip .person-name{font-size:15px;gap:6px}.project-team-strip .person-initials{width:25px;height:25px}.workspace-activity .workspace-item>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.workspace-activity .workspace-event-by{gap:10px}.home-request-end{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%}.home-task-action{font-size:14px}.workspace-page.detail-is-open:has(.request-action-bar){padding-bottom:190px}.workspace-page .oa-workspace .request-action-bar{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;box-shadow:0 -5px 18px #243b2d12;max-height:30dvh;overflow:auto;z-index:30}.request-action-bar button{flex:1;min-height:44px;font-size:15px}.request-action-bar .business-more{position:static}.request-action-bar .business-more>div{position:static;box-shadow:none;border:0}.request-action-context{display:none}}

/* Request detail: natural content height with a single page scroll. */
.workspace-page .oa-workspace .business-detail-head{padding:18px 24px 10px;gap:24px;align-items:flex-start}
.workspace-page .oa-workspace .business-detail-head h2{font-size:25px;line-height:1.3;margin-top:8px;letter-spacing:-.4px}
.workspace-page .request-heading-meta{font-size:14px;gap:12px}
.workspace-page .request-total strong{font-size:28px;line-height:1.2}
.workspace-page .request-total>span{font-size:13px;margin-top:5px}
.workspace-page .oa-detail-back{padding:6px 24px;min-height:36px}
.request-summary-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:0 24px 18px}
.workspace-page .request-summary-meta .request-ownership{display:flex;flex-wrap:wrap;margin:0;max-width:none;flex:0 1 auto;gap:12px 28px}.workspace-page .request-summary-meta .request-ownership>div{display:flex;align-items:center;gap:10px}.workspace-page .request-summary-meta .request-ownership dd{margin:0}
.workspace-page .request-summary-meta .request-ownership dt{font-size:14px;margin:0;white-space:nowrap}
.workspace-page .request-summary-meta .request-ownership dd{font-size:17px}
.workspace-page .request-summary-meta .person-initials{width:28px;height:28px;min-width:28px;font-size:11px}
.workspace-page .request-summary-meta .customer-confirmation-summary{margin:0;flex:0 1 auto;border:0;background:transparent;padding:0;max-width:100%}.request-summary-meta .customer-confirmation-summary[open]{flex-basis:100%}.request-summary-meta .customer-confirmation-summary summary strong{margin:0;color:#4b6555;font-weight:500}
.request-summary-meta .customer-confirmation-summary summary{font-size:14px;padding:6px 0;gap:8px;flex-wrap:wrap}
.request-summary-meta .customer-confirmation-summary>div{font-size:14px;max-height:none;overflow:visible}
.workspace-page .request-summary-meta .gate-progress{padding:0;flex-basis:100%;font-size:14px}
.request-detail-toolbar{padding:0 24px;background:#fff;border-block:1px solid #e3e9e5}
.workspace-page .oa-workspace .request-detail-toolbar .business-tabs{padding:0;gap:22px;border:0;min-width:0}
.request-detail-toolbar .business-tabs button{font-size:15px;padding:14px 0;min-height:48px}
.workspace-page .oa-workspace .request-detail-toolbar .request-action-bar{position:static;padding:6px 0;border:0;box-shadow:none;background:transparent;gap:8px;margin-left:auto}
.request-detail-toolbar .request-action-bar button{font-size:14px;min-height:38px;padding:8px 12px}
.workspace-page .oa-detail-body{grid-template-columns:minmax(0,1fr) 300px;min-height:0}
.workspace-page .oa-detail-body>.business-content{padding:18px 24px;font-size:17px;line-height:1.55}
.workspace-page .oa-workspace .overview-row{grid-template-columns:minmax(160px,26%) minmax(0,1fr);padding:13px 0;gap:24px}
.workspace-page .oa-workspace .overview-row dt{font-size:15px;line-height:1.5;font-weight:500}
.workspace-page .oa-workspace .overview-row dd{font-size:17px;line-height:1.55}
.workspace-page .oa-approval-record{padding:0 18px;background:#fafcfb;min-height:0;display:flex;flex-direction:column}
.approval-record-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #e4eae6;flex:none}
.workspace-page .approval-record-heading h3{font-size:16px;margin:0;line-height:1.4}
.approval-record-heading .oa-stage[data-approval-status]{font-size:12px;padding:4px 7px}
.workspace-page .oa-approval-record ol{display:block;min-height:0;margin:0;padding:16px 4px 4px 17px;border:0;overflow:visible;max-height:none}
.workspace-page .oa-approval-record li{padding:0 0 20px 12px;margin:0;border:0;border-left:1px solid #d9e2dc}
.workspace-page .oa-approval-record li:last-child{border-left-color:transparent}
.workspace-page .oa-approval-record li:before{display:block;left:-4px;top:6px}
.workspace-page .oa-approval-record li>strong{font-size:14px;margin-bottom:7px}
.approval-event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.workspace-page .oa-approval-record .person-name{font-size:14px}
.workspace-page .oa-approval-record time{font-size:12px;margin:0}
.workspace-page .oa-approval-record p{font-size:13px;line-height:1.5;margin:7px 0 0;max-height:none;overflow:visible}
.workspace-page .request-danger-actions{padding:10px 24px;gap:10px;background:#fff;flex:none}
.workspace-page .request-danger-button{font-size:14px;min-height:36px;padding:7px 13px}
@media(max-width:999px){
 .workspace-page .oa-detail-body{grid-template-columns:minmax(0,1fr)}
 .request-summary-meta{gap:16px}
 .workspace-page .oa-approval-record{border-left:0;border-top:1px solid #e3e9e5}
}
@media(max-width:760px){
 .workspace-page .oa-workspace .business-detail-head{padding:18px 20px 14px}
 .workspace-page .oa-workspace .business-detail-head h2{font-size:23px}
 .workspace-page .oa-detail-back{padding:8px 20px}
 .request-summary-meta{padding:0 20px 16px}
 .request-detail-toolbar{padding:0 20px;display:block}
 .workspace-page .oa-workspace .request-detail-toolbar .business-tabs{gap:20px}
 .workspace-page .oa-workspace .request-detail-toolbar .request-action-bar{position:fixed;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid #e3e9e5;box-shadow:0 -5px 18px #243b2d12}
 .request-detail-toolbar .request-action-bar button{min-height:44px;font-size:15px}
 .workspace-page .oa-detail-body>.business-content{padding:18px 20px}
 .workspace-page .oa-workspace .overview-row{grid-template-columns:1fr;gap:6px}
 .workspace-page .request-danger-actions{padding:14px 20px}
}

/* Customer access: people, customer decisions and explicitly shared files. */
.customer-access-page{max-width:1500px;margin:auto}
.customer-access-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}
.customer-access-heading h2{font-size:24px;margin:0 0 6px}.customer-access-heading p{font-size:15px;color:#6b786f;margin:0}
.customer-access-actions,.customer-person-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-access-actions button,.customer-person-actions button{font-size:14px}
.customer-access-page .workspace-panel{padding:22px 24px;margin-bottom:18px}
.customer-access-page .workspace-section-heading h2{font-size:19px}.customer-access-page .workspace-section-heading{margin-bottom:18px}
.customer-person-row{display:flex;align-items:center;gap:24px 36px;flex-wrap:wrap}.customer-person-identity{display:flex;gap:12px;align-items:center;flex:1;min-width:240px}.customer-person-identity>.person-name>span:last-child{display:none}.customer-person-identity .person-initials{width:42px;height:42px;min-width:42px;font-size:14px}.customer-person-identity>div{display:flex;flex-direction:column;gap:5px}.customer-person-identity strong{font-size:17px}.customer-person-identity a,.customer-person-identity>div>span{font-size:15px;color:#65736b;text-decoration:none}.customer-person-identity a:hover{text-decoration:underline}
.customer-field-label{display:block;color:#69776e;font-size:13px;margin-bottom:7px}.customer-person-row>div>strong{font-size:15px;font-weight:550}
.customer-access-badge{display:inline-flex;align-self:flex-start;align-items:center;padding:5px 10px;border-radius:6px;background:#edf0ee;color:#647268;font-size:13px;font-weight:600;white-space:nowrap;line-height:1.5}
.customer-access-badge[data-confirmation=Pending]{background:#fff0d6;color:#885b18}.customer-access-badge[data-confirmation=Approved]{background:#e5f2e9;color:#286546}.customer-access-badge[data-confirmation="Changes requested"]{background:#fff0e3;color:#925525}.customer-access-badge[data-confirmation=Declined]{background:#f9e7e8;color:#9b3f49}
.customer-invitation-status{font-size:13px;color:#68766c;margin:14px 0 0}.customer-invitation-status:empty{display:none}
.customer-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;padding-top:18px;border-top:1px solid #e6ebe7;font-size:14px;color:#58685d;line-height:1.5}.customer-access-summary b{display:block;font-size:13px;font-weight:500;color:#738078;margin-bottom:5px}
.customer-confirmation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e8ece9}.customer-confirmation-row>div{min-width:0}.customer-confirmation-row .workspace-request-link{font-size:16px}.customer-row-meta{display:block;font-size:14px;color:#758078;margin-top:6px}.customer-confirmation-row p{margin:8px 0 0;font-size:15px;color:#56675b}.customer-empty-inline{font-size:15px;color:#728076;margin:0 0 12px}.customer-resolved{border-top:1px solid #e6ebe7;margin-top:18px}.customer-resolved>summary{cursor:pointer;padding:16px 0 0;font-size:15px;font-weight:550;color:#526859}.customer-resolved>summary span{margin-left:8px;font-size:13px;color:#7b887f}.customer-resolved[open]>summary{padding-bottom:16px}
.customer-access-empty{padding:20px 0 10px}.customer-access-empty h3{font-size:17px;margin:0 0 8px}.customer-access-empty p{font-size:15px;color:#6c7b71;margin:0 0 16px;max-width:650px;line-height:1.6}.customer-access-empty button{font-size:14px}
.customer-shared-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #e8ece9}.customer-shared-row>div{min-width:0}.customer-shared-row>button{flex:none;font-size:14px}.customer-shared-group{margin-top:16px}.customer-shared-group p{font-size:15px}.customer-shared-group .business-file{display:block;margin:7px 0;font-size:15px;overflow-wrap:anywhere}
.customer-setting-check{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.5}.customer-preview-notice{padding:12px 16px;background:#f2f6f3;font-size:14px;border-radius:7px;color:#526a5b}.modal:has(.customer-view-preview){width:880px}.customer-preview-service{border:1px solid #e1e8e3;border-radius:8px;margin-top:14px;padding:16px}.customer-preview-service>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;flex-wrap:wrap;font-size:15px}.customer-preview-service>summary>strong{flex:1}.customer-preview-service>summary>span{color:#627368;font-size:14px}.customer-preview-service dl{display:grid;grid-template-columns:140px 1fr;gap:16px;padding-top:16px;border-top:1px solid #e5ebe7;font-size:15px}.customer-preview-service dt{color:#6b7b70}.customer-preview-service dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-preview-service h3{font-size:16px}.customer-preview-service p,.customer-preview-service a{font-size:15px}
@media(max-width:900px){.customer-access-heading{align-items:flex-start;flex-direction:column}.customer-access-summary{grid-template-columns:1fr;gap:12px}.customer-person-actions{width:100%}.customer-person-identity{flex-basis:100%}.customer-access-page .workspace-panel{padding:20px}.customer-confirmation-row{align-items:flex-start}.customer-shared-row{flex-direction:column}.customer-access-heading h2{font-size:22px}}
@media(max-width:480px){.customer-access-actions{width:100%}.customer-access-actions button{flex:1;min-height:44px}.customer-confirmation-row{flex-direction:column;gap:10px}.customer-preview-service dl{grid-template-columns:1fr;gap:7px}.customer-preview-service dd{margin-bottom:10px}.customer-access-page .workspace-section-heading{gap:10px}.customer-access-page .workspace-section-heading>button{font-size:14px}}
.modal:has(.customer-setting-check){width:660px}.modal:has(.customer-setting-check) .business-form{gap:16px}.modal:has(.customer-setting-check) .field{margin:0}.modal:has(.customer-setting-check) .muted{font-size:14px;line-height:1.5;margin:0}.modal:has(.customer-setting-check) .form-project-name{padding:0 0 12px;margin:0;font-size:16px}.modal:has(.customer-setting-check) .modal-body{padding:22px 26px}

/* Suppliers workspace */
.supplier-page{padding:28px 32px}.supplier-subtitle{font-size:16px;color:#6b786f;margin:8px 0 0}.supplier-page .business-heading{margin-bottom:24px}.supplier-totals{margin-bottom:22px}.supplier-totals>div{padding:0 22px}.supplier-totals strong{font-size:24px}.supplier-totals span{font-size:14px}
.supplier-filters{display:flex;gap:12px;margin-bottom:20px}.supplier-filters input{flex:1;min-width:0;font-size:16px}.supplier-filters select{font-size:16px;min-width:220px}
.supplier-table-wrap{border:1px solid #dfe6e1;border-radius:10px;background:white;overflow:auto}.supplier-table{border-collapse:collapse;width:100%;text-align:left}.supplier-table th{padding:16px 20px;background:#f7f9f8;border-bottom:1px solid #e4eae6;font-size:14px;color:#68796c;font-weight:550;white-space:nowrap}.supplier-table td{padding:20px;border-bottom:1px solid #edf0ee;font-size:16px}.supplier-table tr:last-child td{border:0}.supplier-table tbody tr:hover{background:#fafcfb}.supplier-table th:nth-last-child(-n+2),.supplier-table td:nth-last-child(-n+2){text-align:right}.supplier-name{padding:0;border:0;background:none;display:flex;text-align:left;gap:12px}.supplier-name>span:last-child{display:flex;flex-direction:column;gap:5px}.supplier-name strong{font-size:17px;line-height:1.4}.supplier-name small{font-size:14px;color:#718077;font-weight:400}.supplier-avatar{width:40px;height:40px;min-width:40px;border-radius:10px;background:#edf3ef;color:#427153;display:inline-grid;place-items:center;font-size:14px;font-weight:650}.supplier-badge{display:inline-flex;font-size:13px;font-weight:550;line-height:1.4;padding:5px 9px;border-radius:5px;background:#eef1ef;color:#647168}.supplier-badge.checked{background:#e6f2e9;color:#2d6b44}.supplier-badge.review{background:#fff0d9;color:#875d21}.supplier-money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}
.supplier-empty{padding:50px 28px;text-align:center}.supplier-empty h2{font-size:23px}.supplier-empty p{font-size:16px;max-width:630px;margin:0 auto 24px;color:#6b796f}.supplier-empty-inline{padding:20px 0}.supplier-empty-inline h3{font-size:18px}.supplier-empty-inline p{font-size:16px;color:#6b796f}
.supplier-back{margin-bottom:16px;padding-left:0;font-size:15px}.supplier-profile-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.supplier-identity{display:flex;align-items:center;gap:14px;min-width:0}.supplier-identity .supplier-avatar{width:50px;height:50px;min-width:50px;font-size:17px}.supplier-identity h2{font-size:26px;margin:0 0 6px;overflow-wrap:anywhere}.supplier-identity p{font-size:15px;margin:0;color:#6e7b73}.supplier-profile-actions{display:flex;align-items:center;gap:12px}.supplier-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.supplier-overview-grid .workspace-panel{margin:0}.supplier-linked-projects{grid-column:1/-1}.supplier-page .workspace-panel h2{font-size:21px}.supplier-page .workspace-panel h3{font-size:17px}.supplier-facts{margin:0 0 20px}.supplier-facts>div{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #e8ede9;font-size:16px}.supplier-facts dt{color:#6b7b70;font-size:15px}.supplier-facts dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.supplier-notes{white-space:pre-wrap;font-size:16px;overflow-wrap:anywhere}.supplier-footnote{font-size:14px!important;color:#758177;line-height:1.5;margin:18px 0 0}.supplier-page .abn-summary{font-size:15px}.supplier-page .abn-summary small{font-size:13px}.supplier-page .abn-entity span{font-size:14px}
.supplier-service-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #e6ebe7}.supplier-service-row>div{flex:1;min-width:0}.supplier-service-row p{font-size:14px;color:#748077;margin:6px 0 0}.supplier-page .workspace-request-link{font-size:16px}.supplier-service-row .oa-stage{flex:none}.supplier-linked-projects summary{cursor:pointer;font-size:15px;color:#6c7d71;margin-top:18px}
.supplier-payment-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(140px,1.5fr) auto;align-items:start;gap:22px;padding:22px 0;border-top:1px solid #e5ebe7;font-size:16px}.supplier-payment-row p{margin:7px 0;font-size:14px;color:#6c7a70;overflow-wrap:anywhere}.supplier-payment-row .business-file{display:block;font-size:14px;overflow-wrap:anywhere;white-space:normal}.supplier-documents{padding:20px 0;border-top:1px solid #e6ebe7}.supplier-documents header{display:flex;justify-content:space-between;gap:15px}.supplier-documents header>span{font-size:14px;color:#728075}.supplier-document-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.supplier-document-columns .business-file{display:block;font-size:16px;overflow-wrap:anywhere;margin:10px 0}.supplier-document-columns p{font-size:15px;color:#728075}
#supplier-form{display:grid;gap:20px}#supplier-form .field{margin:0}#supplier-form .supplier-form-name{font-size:16px;margin:0;color:#526e5b}
@media(max-width:1100px){.supplier-overview-grid{grid-template-columns:1fr}.supplier-payment-row{grid-template-columns:1fr 1fr}.supplier-table th,.supplier-table td{padding:15px}.supplier-page{padding:24px}}
@media(max-width:760px){.supplier-page{padding:20px 16px}.supplier-page .business-heading h1{font-size:28px}.supplier-subtitle{font-size:15px}.supplier-totals{gap:16px 0;padding:16px 0}.supplier-totals>div{padding:0 16px}.supplier-totals strong{font-size:22px}.supplier-totals span{font-size:12px}.supplier-filters{flex-direction:column}.supplier-filters select{min-width:0;width:100%}.supplier-table-wrap{overflow:visible}.supplier-table,.supplier-table tbody{display:block}.supplier-table thead{display:none}.supplier-table tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:16px;border-bottom:1px solid #e4eae6}.supplier-table td{display:block;border:0;padding:0!important;text-align:left!important}.supplier-table td:first-child{grid-column:1/-1}.supplier-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:#7a877d;margin-bottom:7px;font-weight:400}.supplier-profile-header{align-items:flex-start;flex-direction:column}.supplier-identity h2{font-size:23px}.supplier-profile-actions{width:100%;justify-content:space-between}.supplier-service-row{flex-wrap:wrap;align-items:flex-start}.supplier-service-row>div{flex-basis:100%}.supplier-facts>div{grid-template-columns:100px minmax(0,1fr)}.supplier-payment-row{gap:16px}.supplier-payment-row>div:first-child{grid-column:1/-1}.supplier-payment-row>strong{grid-column:1/-1}.supplier-document-columns{grid-template-columns:1fr;gap:0}.supplier-documents header{flex-direction:column}.supplier-empty{padding:32px 20px}}

/* Supplier contract preparation and Finance review */
.ai-settings-panel { padding:24px; margin-bottom:22px; }
.ai-settings-panel h2 { font-size:22px; margin:0 0 12px; }
.ai-settings-panel p { margin:10px 0 18px; }
.contract-supplier { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:16px; margin-bottom:20px; background:#f5f7f6; border-radius:10px; }
.contract-supplier strong { font-size:19px; }
.contract-supplier span { color:#637269; }
.contract-ai-tools { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin:22px 0 10px; }
.contract-ai-tools span { color:#637269; font-size:15px; }
.contract-retained-file { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid #e5e9e7; }
.contract-retained-file span { overflow-wrap:anywhere; }
.contract-check { display:flex; align-items:center; gap:10px; margin:18px 0; }
.contract-check input { width:18px; height:18px; }
.contract-ai-report { margin:20px 0; padding:20px; border:1px solid #dee5e0; border-radius:10px; }
.contract-ai-report header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.contract-ai-report h3 { font-size:21px; margin:0; }
.contract-ai-report header span { color:#667269; font-size:14px; }
.contract-ai-report h4,.service-contract-summary h4 { margin:24px 0 12px; font-size:17px; }
.contract-ai-report p,.service-contract-summary p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.contract-ai-report .overview-row { grid-template-columns:minmax(150px,30%) minmax(0,1fr); }
.contract-finding { padding:15px 0; border-bottom:1px solid #e3e9e5; }
.contract-finding small { display:block; color:#637269; font-size:14px; line-height:1.5; white-space:pre-wrap; }
.contract-severity { display:inline-block; padding:3px 8px; margin-right:6px; border-radius:5px; background:#f0f3f1; font-size:13px; }
.contract-severity.high { background:#fce8e6; color:#9c352f; }
.contract-severity.medium { background:#fff3d8; color:#885a16; }
.service-contract-summary { padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #dde4df; }
.service-contract-summary > h3 { font-size:22px; }
.oa-stage[data-approval-status="Contract preparation"] { color:#85580c; background:#fff0ce; }
.oa-stage[data-approval-status="Contract review"] { color:#235b84; background:#e2f0fb; }
@media(max-width:600px){
 .contract-ai-report { padding:14px; }
 .contract-ai-report .overview-row { grid-template-columns:1fr; gap:8px; }
 .contract-supplier,.contract-ai-tools { align-items:flex-start; flex-direction:column; }
 .contract-retained-file { align-items:flex-start; }
}

.admin-delegate-button{border:1px solid #b9cabe;background:#eef5f0;color:#21543b;white-space:nowrap}
@media(max-width:600px){.top-actions:has(.admin-delegate-button){flex-wrap:wrap;gap:8px}.admin-delegate-button{font-size:14px;padding:8px 10px}.topbar:has(.admin-delegate-button){height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}}

/* Primary actions belong to the request summary; tabs only switch content. */
.workspace-page .oa-workspace .request-summary-meta .request-action-bar{position:static;margin:0 0 0 auto;padding:0;border:0;background:transparent;box-shadow:none;gap:8px;flex-wrap:wrap;max-height:none;overflow:visible;z-index:auto}
.request-header-actions>button{min-height:40px;font-size:15px;padding:9px 14px}
.request-header-actions .business-more summary{font-size:15px;padding:9px 10px;min-height:40px}
.request-header-actions .business-more>div{top:100%;min-width:210px;box-shadow:0 8px 24px #243b2d16}
.workspace-page.detail-is-open:has(.request-header-actions){padding-bottom:26px}
@media(max-width:760px){
 .workspace-page .oa-workspace .business-detail-head{flex-wrap:wrap;gap:12px;padding-bottom:14px}
 .workspace-page .request-total{align-items:flex-start;text-align:left}
 .workspace-page .request-summary-meta .request-ownership{width:100%;gap:12px 24px}
 .workspace-page .request-summary-meta .request-ownership>div{flex-wrap:wrap;gap:5px 8px}
 .workspace-page .oa-workspace .request-summary-meta .request-action-bar{margin:2px 0 0;flex-basis:100%;gap:8px}
 .request-header-actions>button{flex:1 1 auto;min-height:44px}
 .request-header-actions .business-more{position:relative}
 .request-header-actions .business-more>div{position:absolute;left:0;right:auto;min-width:210px;border:1px solid #d8dee6;background:#fff;padding:6px;box-shadow:0 8px 24px #243b2d16}
 .workspace-page.detail-is-open:has(.request-header-actions){padding-bottom:20px}
}

/* Task-focused workspace: compact summaries, clear ownership, natural page scrolling. */
.home-task-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
.home-task-tabs button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px;font-size:16px;border-radius:10px;background:#fff;border:1px solid #dce3df;color:#59665e}
.home-task-tabs button strong{font-size:24px;font-variant-numeric:tabular-nums;color:#263b30}
.home-task-tabs button[aria-pressed="true"]{background:#eef5f1;border-color:#8eb69f;color:#185c3d;box-shadow:inset 0 0 0 1px #8eb69f}
.home-assignees{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:15px;color:#53655a}
.home-request-end{gap:10px}.home-request small{font-size:15px;line-height:1.5}.home-request .person-initials{width:26px;height:26px;font-size:10px;flex:0 0 26px}
.review-summary,.review-changes{margin:0 0 26px;border:1px solid #dce4df;border-radius:10px;background:#fff;overflow:hidden}
.review-summary>h3,.review-changes>header{margin:0;padding:18px 20px;background:#f6f8f7;border-bottom:1px solid #e2e8e4;font-size:18px}
.review-summary .overview-list,.review-changes .overview-list{padding:0 20px;margin:0}
.review-summary .overview-row{padding:14px 0}.review-summary .overview-row:last-child{border:0}
.review-changes>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-changes h3{margin:0;font-size:18px}.review-changes header>span{display:flex;gap:10px;align-items:center;font-size:14px;color:#607066}
.review-changes>p{margin:16px 20px}.review-changes del{display:block;color:#7a827d;margin-bottom:7px;font-weight:400;white-space:pre-wrap}.review-changes dd strong{white-space:pre-wrap;font-weight:500}
.review-summary>.request-return-note{margin:16px 20px}
.contract-ai-report>summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;color:#304638}.contract-ai-report[open]>summary{padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid #dfe5e1}
.payment-summary.current-instalment{border-left:3px solid #23805b}.payment-checklist{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:18px 0;color:#7b827e;font-size:15px}.payment-checklist .done{color:#245f42}.payment-checklist li span{font-weight:700}
.oa-stage[data-approval-status="Awaiting Director"]{background:#f1eafb;color:#684391}.oa-stage[data-approval-status="Documents required"]{background:#fff1d6;color:#8b5d14}.oa-stage[data-approval-status="Paid"]{background:#e3f3e9;color:#256141}
.document-register-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e3e8e5}.document-register-row>div{min-width:0}.document-register-row .business-file{margin:0 0 8px;font-size:16px;overflow-wrap:anywhere}.document-register-row>div>span{display:block;color:#6c786f;font-size:14px;line-height:1.5}.document-visibility{font-size:14px;color:#526b5b;white-space:nowrap}.document-history{margin-top:22px}.document-history>summary{font-weight:600;cursor:pointer;padding:12px 0}
.customer-visible-fields{border:1px solid #dce4df;border-radius:8px;padding:16px;margin:20px 0}.customer-visible-fields legend{padding:0 6px;font-weight:600}.portal-pending{margin:24px 0 32px;background:#fff;border:1px solid #dce4df;border-radius:12px;padding:24px}.portal-pending h2{margin-top:0}.portal-pending .home-request{width:100%}
.notification-settings{padding:24px;margin-bottom:22px}.notification-settings h2{margin-top:0}.notification-settings form{max-width:720px}.notification-options{display:grid;gap:14px;margin:20px 0}.notification-options label{display:flex;gap:10px;align-items:center}.notification-options input{width:18px;height:18px}.notification-history{margin-top:24px}.notification-history>summary,.flow-version-history>summary{cursor:pointer;font-weight:600}.flow-version-history{padding:18px 0;border-bottom:1px solid #e1e7e3}.flow-version-history details{padding:14px;border:1px solid #e1e7e3;margin-top:12px;border-radius:8px}.flow-version-history p,.flow-version-history li{font-size:15px;line-height:1.6}.admin-audit{padding:24px;margin-bottom:22px}.admin-audit .workspace-item{gap:20px}
@media(max-width:900px){.home-task-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.home-task-tabs button{padding:14px}.document-register-row{align-items:flex-start}}
@media(max-width:600px){.home-task-tabs{gap:8px}.home-task-tabs button{font-size:14px;gap:8px}.home-task-tabs button strong{font-size:21px}.home-request{gap:12px;align-items:flex-start}.home-request-end{align-items:flex-end}.home-request-end .oa-stage{font-size:12px}.review-summary .overview-list,.review-changes .overview-list{padding:0 14px}.review-summary>h3,.review-changes>header{padding:15px 14px}.review-summary .overview-row{grid-template-columns:1fr;gap:7px}.document-register-row{flex-direction:column;gap:8px}.document-visibility{font-size:13px}.payment-checklist{display:grid;gap:10px}.notification-settings,.admin-audit,.portal-pending{padding:18px}.notification-settings .primary{width:100%}.flow-version-history summary{overflow-wrap:anywhere}}

/* Independent workflow designs and isolated route previews. */
.flow-design-library{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:20px 0 12px}.flow-design-library label{display:grid;gap:6px;min-width:240px;font-size:14px}.flow-design-library select{min-height:42px;max-width:420px}.flow-test{padding:18px;border:1px solid #dce5df;border-radius:8px;background:#fff;margin:16px 0}.flow-test summary{font-weight:700;cursor:pointer}.flow-test p{color:#607367}.flow-test-inputs{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.flow-test-inputs label{display:grid;gap:6px}.flow-test-inputs input[type=number]{max-width:190px}.flow-test-inputs label.flow-test-check{display:flex;align-items:center;gap:8px;padding:12px 0}.flow-test-check input{width:18px;min-height:18px;height:18px}.flow-test-result ol{padding-left:24px}.flow-test-result li{padding:10px 6px;border-bottom:1px solid #e7ece9}.flow-test-result li span{display:block;color:#607367;margin-top:4px}.flow-test-branches{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:760px){.flow-design-library label{width:100%;min-width:0}.flow-design-library select{max-width:100%}.flow-test-inputs{display:grid;grid-template-columns:1fr}.flow-test-inputs input[type=number]{max-width:100%}}

.director-notice-summary{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;padding:14px 0;border-top:1px solid #dce5df}.director-notice-summary>span:last-child{flex-basis:100%;font-size:14px}

/* Optional expense supplier information, kept with the request. */
.expense-supplier-editor{border:1px solid var(--border,#dce3e6);border-radius:6px;padding:16px;margin-top:16px;min-width:0}
.expense-supplier-editor summary{font-weight:650;cursor:pointer}
.expense-supplier-editor[open] summary{margin-bottom:18px}
.expense-supplier-editor textarea{width:100%;resize:vertical;box-sizing:border-box}
.expense-supplier-editor .abn-summary{margin-top:16px}
.expense-supplier-summary{margin:20px 0}
.expense-supplier-summary dd{white-space:pre-wrap;overflow-wrap:anywhere}
.expense-supplier-summary h3{margin:0 0 12px}

.expense-supplier-editor>.field{margin:16px 0}
.expense-supplier-editor textarea{min-height:112px}

.oa-stage[data-approval-status="Project Director sign-off"]{background:#ede7ff;color:#62409c}

.field select[multiple]{min-height:140px; padding:10px;}
.staff-account-list .workspace-item{gap:16px;align-items:center;}
@media(max-width:600px){.staff-account-list .workspace-item{flex-wrap:wrap;} .settings-actions{flex-wrap:wrap;}}

#staff-account-form,#ai-settings-form{display:grid;gap:18px;}