.change-orders-panel{padding:0!important}.change-orders-hero{display:flex;align-items:center;justify-content:space-between;padding:25px 27px;border-radius:20px;background:linear-gradient(120deg,#183f36,#116955 58%,#238a77);color:#fff;overflow:hidden;position:relative}.change-orders-hero:after{content:"⇄";position:absolute;left:28px;top:-28px;font-size:150px;color:#fff1;line-height:1}.change-orders-hero>div{position:relative;z-index:1}.change-orders-hero small{color:#8ee2cd;font-size:9px}.change-orders-hero h2{font-size:27px;margin:3px 0}.change-orders-hero p{margin:0;color:#d5e9e3;font-size:10px}.change-orders-hero button,.co-empty button{position:relative;z-index:1;border:0;border-radius:12px;background:#fff;color:#165343;padding:12px 17px;font:800 10px inherit}.change-order-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.change-order-kpis article{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dfe8e5;border-radius:15px;padding:15px}.change-order-kpis article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#e8f5f1;color:#176a56;font-weight:900}.change-order-kpis article:nth-child(2)>span{background:#fff2df;color:#a1691c}.change-order-kpis article:nth-child(3)>span{background:#e9f0fb;color:#315f93}.change-order-kpis article:nth-child(4)>span{background:#eeeafa;color:#5b4690;font-size:8px}.change-order-kpis article div{display:grid}.change-order-kpis small{font-size:8px;color:#778680}.change-order-kpis b{font-size:18px}.change-order-kpis em{font-style:normal;color:#84918d;font-size:8px}.change-order-register{background:#fff;border:1px solid #dfe8e5;border-radius:18px;overflow:hidden}.change-order-register>header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #e6ecea}.change-order-register>header small{font-size:8px;color:#198169}.change-order-register h3{margin:2px 0;font-size:18px}.change-order-register>header>div:last-child{display:flex;gap:6px}.change-order-register>header>div:last-child span{background:#f0f4f3;padding:5px 8px;border-radius:99px;font-size:7px;color:#687a74}.change-order-card{margin:13px;border:1px solid #dce6e3;border-radius:16px;overflow:hidden}.change-order-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;background:#f8fbfa;border-bottom:1px solid #e6ecea}.change-order-card>header>div{display:grid;gap:4px}.change-order-card>header span{font-weight:900;color:#30296f;font-size:10px}.change-order-card>header em{font-style:normal;font-size:7px;width:max-content;padding:4px 7px;border-radius:99px;background:#fff0d9;color:#93601a}.change-order-card.approved>header em,.change-order-card.completed>header em{background:#e5f5ef;color:#19705a}.change-order-card.final>header em{background:#eeeafb;color:#5c4691}.change-order-card.rejected>header em{background:#fbe7e5;color:#a14e45}.change-order-card>header>b{font-size:13px}.change-order-card>header>strong{font-size:17px;color:#185d4c;text-align:left}.change-order-card>header>strong small{font-size:8px;margin-right:4px}.change-order-card-meta{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 15px;gap:10px}.change-order-card-meta span{display:grid;gap:4px;border-left:1px solid #e9efed;padding-left:9px}.change-order-card-meta span:last-child{border-left:0}.change-order-card-meta small{font-size:7px;color:#7a8984}.change-order-card-meta b{font-size:9px}.co-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 15px;padding:13px 0;border-top:1px dashed #d9e3df}.co-workflow span{position:relative;display:flex;align-items:center;gap:7px;color:#84918d;font-size:8px}.co-workflow span:not(:last-child):after{content:"";position:absolute;right:25px;left:-2px;top:11px;height:2px;background:#dfe7e4}.co-workflow i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#edf2f0;font-style:normal;position:relative;z-index:1}.co-workflow .done{color:#176b55}.co-workflow .done i{background:#176b55;color:#fff}.co-workflow .done:not(:last-child):after{background:#49a891}.change-order-card>footer{display:flex;align-items:center;gap:7px;padding:11px 15px;background:#fbfdfc;border-top:1px solid #edf1ef}.change-order-card>footer button{border:1px solid #cfddd8;background:#fff;color:#185e4d;border-radius:9px;padding:7px 10px;font:800 8px inherit}.change-order-card>footer button.primary{background:#176650;color:#fff}.change-order-card>footer>span{margin-right:auto;font-size:8px;color:#74847e}.co-empty{text-align:center;padding:45px;color:#73827d}.co-empty>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:20px;background:#e8f4f0;color:#176a55;font-size:26px}.co-empty b{display:block;color:#24473e;margin:11px 0 4px}.co-empty p{font-size:9px;margin-bottom:14px}.co-duration-extra{display:inline-block!important;background:#e8f4f0;color:#176750;padding:3px 7px;border-radius:99px;font-size:7px!important}.co-project-stop{display:flex;align-items:center;gap:12px;background:#fff5e8;border:1px solid #e9ca94;border-radius:15px;padding:13px 16px;margin-bottom:14px}.co-project-stop>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#b17725;color:#fff;font-size:18px}.co-project-stop div{display:grid}.co-project-stop small{font-size:8px;color:#9a6d2b}.co-project-stop b{font-size:12px}.co-project-stop p{font-size:8px;margin:2px 0;color:#765f3c}.co-project-stop button{margin-right:auto;border:0;border-radius:9px;background:#3a306f;color:#fff;padding:8px 12px;font:800 8px inherit}
.change-order-overlay{position:fixed;inset:0;z-index:120;background:#102d2799;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.change-order-overlay.hidden{display:none}.change-order-modal{width:min(820px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 80px #102c2666}.change-order-modal>header{display:flex;align-items:center;gap:13px;padding:21px 24px;border-bottom:1px solid #e4ebe8}.change-order-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#342b76,#1a8c77);color:#fff;font-size:24px}.change-order-modal header div:nth-child(2){display:grid}.change-order-modal header small{font-size:8px;color:#18816a}.change-order-modal header h2{margin:2px 0;font-size:22px}.change-order-modal header p{margin:0;color:#778680;font-size:9px}.change-order-modal header>button{margin-right:auto;border:0;background:#eef3f1;border-radius:10px;width:35px;height:35px;font-size:20px}.change-order-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 24px;border-bottom:1px solid #e7edeb}.change-order-steps span{display:flex;align-items:center;gap:7px;color:#84918d;font-size:9px;font-weight:700;position:relative}.change-order-steps span:not(:last-child):after{content:"";height:2px;background:#dfe7e4;position:absolute;right:28px;left:7px;top:14px}.change-order-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf2f0;position:relative;z-index:1}.change-order-steps .active{color:#185f4e}.change-order-steps .active b{background:#185f4e;color:#fff}.change-order-steps .done b{background:#49a58e;color:#fff}.change-order-steps .done:not(:last-child):after{background:#49a58e}#changeOrderStep{padding:20px 24px}.co-form-intro{display:flex;align-items:center;gap:12px;margin-bottom:17px}.co-form-intro>span{font:900 24px/1 Arial;color:#2d2671}.co-form-intro h3{margin:0;font-size:18px}.co-form-intro p{margin:3px 0 0;color:#778680;font-size:9px}.co-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.co-form-grid label{display:grid;gap:6px;font-size:9px;font-weight:800}.co-form-grid .wide{grid-column:1/-1}.co-form-grid input,.co-form-grid select,.co-form-grid textarea{border:1px solid #d9e4e0;border-radius:11px;padding:11px;font:inherit;background:#fff;outline:0}.co-form-grid input:focus,.co-form-grid select:focus,.co-form-grid textarea:focus{border-color:#58a48f;box-shadow:0 0 0 3px #23866b14}.co-form-grid label>small{font-weight:500;color:#7d8b86}.co-legal-note{padding:13px 15px;border:1px solid #e6d1a9;background:#fff9ec;border-radius:13px;color:#705526}.co-legal-note b{font-size:10px}.co-legal-note p{margin:4px 0;font-size:9px;line-height:1.8}.co-legal-note span{font-size:7px}.co-impact-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.co-impact-board article{padding:13px;border-radius:13px;background:#f1f6f4;display:grid}.co-impact-board small{font-size:8px;color:#74837e}.co-impact-board b{font-size:16px}.co-impact-board em{font-style:normal;font-size:7px;color:#88948f}.co-after-impact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;background:linear-gradient(105deg,#302771,#187963);border-radius:14px;padding:14px;color:#fff}.co-after-impact span{display:grid}.co-after-impact small{font-size:8px;color:#d4e8e2}.co-after-impact b{font-size:16px}.co-review{border:1px solid #dce6e3;border-radius:15px;overflow:hidden}.co-review header{display:flex;justify-content:space-between;background:#f3f7f6;padding:11px 14px}.co-review header span{font-weight:900;color:#312a72}.co-review header em{font-style:normal;font-size:8px;color:#788782}.co-review>h3{padding:13px 14px 0;margin:0;font-size:16px}.co-review>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px 14px}.co-review>div span{display:grid}.co-review small{font-size:7px;color:#7d8b86}.co-review b{font-size:9px}.co-review>p{margin:0;padding:13px 14px;background:#fbfdfc;font-size:9px;line-height:1.8}.co-confirm{display:flex;gap:9px;align-items:flex-start;border:1px solid #cde1da;background:#f1faf7;border-radius:13px;padding:12px 14px;margin-top:12px}.co-confirm input{margin-top:3px}.co-confirm span{display:grid}.co-confirm b{font-size:9px}.co-confirm small{font-size:8px;color:#70827b}.co-disclaimer{font-size:7px;color:#7c8985;padding:10px 3px}.change-order-modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid #e5ece9;position:sticky;bottom:0;background:#fff}.change-order-modal>footer button{border:1px solid #d5e0dc;border-radius:10px;background:#fff;padding:9px 14px;font:800 9px inherit}.change-order-modal>footer .primary{background:#176650;color:#fff;border-color:#176650}.change-order-modal>footer .hidden{display:none}
.approval-card.type-change{border-color:#d8d1ea}.approval-card.type-change .approval-code span{color:#483b86}.employee-change-list{display:grid;gap:12px}.employee-change-card{background:#fff;border:1px solid #e0e8e5;border-radius:17px;overflow:hidden}.employee-change-card>header{display:flex;gap:10px;align-items:center;padding:14px;background:#f7faf9}.employee-change-card>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e9e6f5;color:#42377e;font-size:19px}.employee-change-card header div{display:grid}.employee-change-card header small{font-size:10px;color:#74827e}.employee-change-card h3{font-size:14px;margin:1px 0}.employee-change-card header em{margin-right:auto;font-style:normal;font-size:10px;color:#176a55}.employee-change-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.employee-change-card>div span{display:grid;padding:8px;background:#f7faf9;border-radius:9px}.employee-change-card>div small{font-size:9px;color:#788782}.employee-change-card>div b{font-size:11px}.employee-change-card>footer{display:flex;gap:8px;padding:11px 14px;border-top:1px solid #ebefee}.employee-change-card>footer button{flex:1;border:1px solid #cad9d4;background:#fff;border-radius:10px;padding:10px;color:#185e4d;font-weight:800}.employee-change-card>footer button.primary{background:#176650;color:#fff}.employee-change-upload{display:grid;gap:12px}.employee-change-upload label{display:grid;place-items:center;gap:8px;text-align:center;padding:28px 15px;border:2px dashed #b9cec7;border-radius:15px;background:#f5faf8}.employee-change-upload label span{font-size:30px}.employee-change-upload label input{display:none}.employee-change-upload p{font-size:11px;color:#687a74;text-align:center}.employee-change-upload button{border:0;border-radius:11px;background:#176650;color:#fff;padding:12px;font-weight:800}.employee-bottom-nav:has([data-employee-tab="changes"]){grid-template-columns:repeat(7,1fr)}
.co-signed-overlay{position:fixed;inset:0;z-index:145;display:grid;place-items:center;padding:18px;background:#102d27a8;backdrop-filter:blur(9px)}.co-signed-overlay.hidden{display:none}.co-signed-modal{width:min(650px,96vw);max-height:94vh;overflow:auto;border-radius:23px;background:#fff;box-shadow:0 28px 85px #0b231e75}.co-signed-modal>header{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #e3ebe8}.co-signed-modal>header>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,#342b76,#178673);color:#fff;font-size:22px}.co-signed-modal>header>div{display:grid}.co-signed-modal>header small{color:#17816a;font-size:8px}.co-signed-modal>header h2{margin:2px 0;font-size:20px}.co-signed-modal>header p{margin:0;color:#788782;font-size:8px}.co-signed-modal>header button{margin-right:auto;width:34px;height:34px;border:0;border-radius:10px;background:#eef3f1;font-size:19px}.co-signed-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 22px;border-bottom:1px solid #e7edeb}.co-signed-flow span{position:relative;display:flex;align-items:center;gap:6px;color:#84928d;font-size:8px;font-weight:800}.co-signed-flow span:not(:last-child):after{content:"";position:absolute;right:25px;left:4px;top:10px;height:2px;background:#dfe7e4}.co-signed-flow i{position:relative;z-index:1;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf2f0;font-style:normal}.co-signed-flow .done{color:#176b55}.co-signed-flow .done i{background:#176b55;color:#fff}.co-signed-flow .done:not(:last-child):after{background:#56ad96}.co-signed-flow .active{color:#4e4282}.co-signed-flow .active i{background:#4e4282;color:#fff}.co-signed-modal>main{display:grid;gap:13px;padding:19px 22px}.co-signed-modal>main>aside{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dce7e3;border-radius:13px;background:#f7faf9}.co-signed-modal>main>aside>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e9e6f5;color:#4d4181;font-size:16px}.co-signed-modal>main>aside div{display:grid}.co-signed-modal>main>aside b{font-size:10px}.co-signed-modal>main>aside p{margin:3px 0 0;color:#73837d;font-size:8px;line-height:1.6}.co-signed-drop{display:grid;place-items:center;gap:5px;padding:27px 15px;border:2px dashed #b8cdc6;border-radius:16px;background:linear-gradient(145deg,#f5faf8,#fff);cursor:pointer;text-align:center}.co-signed-drop:hover{border-color:#4f9f8a;background:#f0f8f5}.co-signed-drop input{display:none}.co-signed-drop>span{color:#176b57;font-size:28px}.co-signed-drop b{font-size:11px}.co-signed-drop small{color:#798984;font-size:7px}.co-signed-drop em{margin-top:4px;padding:5px 9px;border-radius:99px;background:#e7f3ef;color:#176c57;font-size:7px;font-style:normal;font-weight:800}.co-signed-drop em.invalid{background:#fae8e5;color:#a54e42}.co-signed-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.co-signed-assurance span{padding:9px;border-radius:9px;background:#f4f7f6;color:#5e716a;font-size:7px;line-height:1.5}.co-signed-modal>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 22px;border-top:1px solid #e5ece9}.co-signed-modal>footer button{border:1px solid #d5e0dc;border-radius:10px;background:#fff;padding:9px 13px;font:800 8px inherit}.co-signed-modal>footer .primary{border-color:#176650;background:#176650;color:#fff}.co-signed-modal>footer .primary:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.change-order-kpis{grid-template-columns:1fr 1fr}.change-order-card-meta{grid-template-columns:1fr 1fr}.employee-bottom-nav:has([data-employee-tab="changes"]){overflow-x:auto;display:flex}.employee-bottom-nav:has([data-employee-tab="changes"]) button{min-width:74px}}
@media(max-width:700px){.change-orders-hero{align-items:flex-start;padding:19px;gap:10px}.change-orders-hero h2{font-size:21px}.change-orders-hero p{max-width:220px}.change-orders-hero button{padding:10px;font-size:8px}.change-order-kpis{grid-template-columns:1fr 1fr}.change-order-kpis article{padding:11px}.change-order-card>header{grid-template-columns:1fr auto}.change-order-card>header>div{grid-column:1/-1}.change-order-card-meta{grid-template-columns:1fr 1fr}.co-workflow{overflow-x:auto}.co-workflow span{min-width:105px}.change-order-card>footer{flex-wrap:wrap}.change-order-card>footer>span{width:100%;margin:4px 0 0}.change-order-modal{width:100%;max-height:96vh;border-radius:21px}.change-order-modal>header,#changeOrderStep,.change-order-modal>footer{padding-right:16px;padding-left:16px}.change-order-steps{padding-right:14px;padding-left:14px}.change-order-steps span{font-size:0}.change-order-steps span b{font-size:10px}.co-form-grid,.co-impact-board,.co-after-impact{grid-template-columns:1fr}.co-form-grid .wide{grid-column:auto}.co-review>div{grid-template-columns:1fr 1fr}.change-order-register>header>div:last-child{display:none}.co-signed-overlay{padding:0}.co-signed-modal{width:100vw;max-height:100vh;border-radius:0}.co-signed-flow{padding-right:12px;padding-left:12px}.co-signed-flow span{font-size:0}.co-signed-flow i{font-size:8px}.co-signed-assurance{grid-template-columns:1fr}.co-signed-modal>main,.co-signed-modal>header,.co-signed-modal>footer{padding-right:16px;padding-left:16px}}
.co-completion-track{margin:0 15px 12px;border:1px solid #d8e7e2;border-radius:13px;background:linear-gradient(135deg,#f3faf7,#fff);overflow:hidden}.co-completion-track>header{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid #e1ebe7}.co-completion-track>header>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#17715b;color:#fff}.co-completion-track>header>div{display:grid}.co-completion-track>header small{font-size:7px;color:#18816a}.co-completion-track>header b{font-size:9px}.co-completion-track .co-workflow{margin:0 12px;border-top:0}.co-completion-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.co-completion-form>label{display:grid;gap:6px;font-size:9px;font-weight:800}.co-completion-form .wide{grid-column:1/-1}.co-completion-form input,.co-completion-form textarea{border:1px solid #d8e4e0;border-radius:11px;padding:10px;font:inherit;outline:0}.co-completion-form input:focus,.co-completion-form textarea:focus{border-color:#4c9c87;box-shadow:0 0 0 3px #21836b17}.co-completion-form .co-confirm{display:flex}.co-completion-modal{width:min(720px,96vw)}
@media(max-width:700px){.co-completion-form{grid-template-columns:1fr}.co-completion-form .wide{grid-column:auto}}