/* Project delivery and customer care, using the shared business portal theme. */
.logo.brand-logo{background:transparent;border-radius:0;width:44px;height:46px;overflow:hidden}
.company-logo{width:44px;height:44px;display:block}
.portal-mode .logo.brand-logo{width:39px;height:42px}.portal-mode .company-logo{width:39px;height:39px}
.nav-count{font-size:8px;background:#31435f;color:#d4dfee;padding:2px 5px;border-radius:4px;float:right;margin-left:8px}.active .nav-count{background:#e3a435;color:#594322}
.workflow-overview-link{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px 23px;margin-top:22px}
.workflow-overview-link>div{flex:1}.workflow-overview-link strong{display:block;font-size:13px;color:#526784}.workflow-overview-link small{display:block;font-size:11px;color:#62748c;margin-top:7px;line-height:1.6}
.workflow-filter-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}.workflow-filter-grid label{font-size:11px;font-weight:600;color:#62748c}.workflow-filter-grid input,.workflow-filter-grid select{margin-top:8px;background:#fafbfd}
.workflow-table-scroll{overflow-x:auto}.workflow-project-table{min-width:810px}.workflow-project-table td{vertical-align:top;white-space:normal}.workflow-project-table td:first-child{min-width:170px}.workflow-project-table td:nth-child(3){min-width:175px}.workflow-project-table .cell-sub{font-size:11px}.workflow-queue{margin-bottom:24px}
.project-progress{height:6px;border-radius:4px;background:#e8edf3;overflow:hidden;margin:18px 0 25px}.project-progress>span{display:block;height:100%;background:linear-gradient(90deg,#69a488,#91bfaa);border-radius:4px;transition:width .3s}.project-progress.mini{height:4px;width:130px;margin:9px 0}.project-mini-count{font-size:11px;color:#6f8099}
.register-scroll{max-height:calc(100dvh - 365px);min-height:240px;overflow:auto;position:relative}.register-table{font-size:11px;min-width:5600px}.register-table th{position:sticky;top:0;z-index:1;white-space:nowrap;padding:14px 12px}.register-table td{padding:17px 12px;font-size:11px;max-width:270px;white-space:normal;min-width:100px}.register-table th:nth-child(6),.register-table td:nth-child(6){position:sticky;left:0;min-width:195px;background:#fff;box-shadow:4px 0 7px #18263b05;z-index:2}.register-table th:nth-child(6){z-index:3;background:#f6f8fb}.register-table .text-link{font-size:11px;line-height:1.5;text-align:left;white-space:normal;color:#4c6e92}
.project-summary-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 24px;color:#62748c;font-size:11px}.project-summary-bar>span{border-right:1px solid #e0e5ed;padding-right:13px;line-height:1.8}.project-summary-bar>span:last-child{border:0}.project-summary-bar .pill{margin-left:4px}
.workflow-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid #e0e6ef;margin:0 0 25px;padding-bottom:0}.workflow-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#8796ab;font-size:12px;padding:12px 15px;white-space:nowrap;line-height:1.5;transition:color .15s,border-color .15s}.workflow-tabs button.active{color:#9f7c35;border-color:#e8b758;font-weight:600}.workflow-tabs button:hover{color:#536e93}
.project-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 30px}.project-intro h3{font-size:23px;font-weight:550;margin:12px 0;color:#2f4564}.project-intro p{font-size:13px;max-width:650px;margin-bottom:0}.project-intro .kicker{color:#7fa28b;font-size:9px;letter-spacing:1.5px}.project-intro-stat{font-size:43px;color:#4b7e67;line-height:1.2;font-weight:500;letter-spacing:-1.5px;flex-shrink:0}.project-intro-stat>span{font-size:23px;color:#afbdca;letter-spacing:-1px;margin-left:6px}.project-intro-stat small{display:block;font-size:10px;letter-spacing:.5px;color:#97a8bc;margin-top:9px}
.milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.milestone-card{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 19px;min-width:0}.milestone-number{width:29px;height:29px;border:1px solid #e4e9f1;border-radius:8px;background:#f8f9fc;color:#a9b5c6;display:flex;align-items:center;justify-content:center;font-size:10px;flex:0 0 29px}.milestone-number .ui-icon{width:16px;height:16px}.milestone-card h4{font-size:12px;color:#637895;line-height:1.5;margin:0 0 12px;font-weight:600}.milestone-card small{font-size:10px;color:#62748c;display:block;margin-top:11px}.milestone-card.complete{border-color:#dbe9df}.milestone-card.complete .milestone-number{background:#eaf5ef;color:#64a180;border-color:#dfede5}.milestone-card.blocked{border-color:#eddbd4}.milestone-card.blocked .milestone-number{background:#fff4ee;color:#b8876d;border-color:#f2e3db}
.project-info-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#62748c;font-size:10px;margin:15px 0 25px}.project-info-footer .text-link{font-size:10px}
.workflow-form-head h3{font-size:20px;margin-bottom:10px;font-weight:550}.workflow-form-head p{max-width:650px;font-size:12px}.milestone-fieldset{border:0;padding:23px 0 10px;border-top:1px solid var(--line);margin:24px 0}.milestone-fieldset legend{font-size:13px;color:#607793;font-weight:600;padding-right:15px}.milestone-form-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;align-items:center;margin-bottom:14px}.milestone-form-row>label{font-size:12px;color:#62748c}.milestone-form-row input,.milestone-form-row select{font-size:12px;background:#fbfcfe}.milestone-form-row select{min-height:42px}
.workflow-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.workflow-detail-layout>form>h3{font-size:18px;font-weight:550}.customer-link-panel{position:sticky;top:100px}.customer-link-panel h3{font-size:15px;margin:18px 0 12px}.customer-link-panel .fine{font-size:11px}.customer-link-panel form label{font-size:11px;color:#62748c}.customer-link-panel select{margin:10px 0 20px;font-size:11px}.customer-link-panel .text-link{margin-top:22px;font-size:10px}
.project-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-finance-metrics .metric-card strong{font-size:28px}.project-payment-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.project-payment-head h3{margin:0}.invoice-list{margin-top:18px}.invoice-item{display:flex;align-items:center;gap:13px;padding:18px;width:100%;text-align:left;background:#fafbfd;border:1px solid #e3e9f1;border-radius:9px;color:#7c94b3;margin-bottom:12px}.invoice-item>span:nth-child(2){flex:1;min-width:0}.invoice-item strong{font-size:12px;font-weight:600;display:block;overflow-wrap:anywhere}.invoice-item small{font-size:10px;color:#62748c;display:block;margin-top:7px}.invoice-item>.ui-icon{width:16px;height:16px}.invoice-upload{border-top:1px solid var(--line);margin-top:24px;padding-top:25px}.invoice-upload>label{font-size:12px;color:#7b8da8;display:block}.invoice-upload input{display:block;max-width:450px;margin-top:12px}.invoice-upload .fine{font-size:11px}
.customer-projects{display:grid;gap:23px;margin-bottom:25px}.customer-project-card{border:1px solid #e0e6ee;background:#fff;border-radius:14px;padding:28px}.customer-project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.customer-project-top .kicker{color:#ab8c50;font-size:9px}.customer-project-top h3{font-weight:550;color:#455b7a;font-size:23px;margin:11px 0}.customer-project-top p{font-size:12px;color:#62748c;margin:0}.project-progress-label{display:flex;justify-content:space-between;margin-top:27px;font-size:11px;color:#62748c}.project-progress-label strong{font-size:12px;color:#7f9d8b;font-weight:600}.customer-project-card .project-progress{margin:11px 0 22px}.customer-project-next{display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-project-next>span{display:flex;align-items:center;gap:8px;color:#62748c;font-size:12px}.customer-project-next .ui-icon{width:16px;height:16px}.customer-project-funds{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:25px;padding-top:20px;gap:20px}.customer-project-funds>span{color:#62748c;font-size:11px;line-height:1.5}.customer-project-funds b{font-weight:550;font-size:20px;color:#6f839f;display:block;margin-top:9px}
.workflow-update-list{padding:6px 20px}.workflow-update-item{background:transparent;border:0;border-bottom:1px solid #edf1f7;display:flex;align-items:center;gap:14px;padding:19px 0;text-align:left;width:100%;color:#62748c}.workflow-update-item:last-child{border:0}.workflow-update-item>span:nth-child(2){flex:1;min-width:0}.workflow-update-item strong{display:block;color:#6c83a1;font-size:12px;line-height:1.5;font-weight:600}.workflow-update-item>span>span{font-size:11px;color:#62748c;line-height:1.7;display:block;margin-top:5px;overflow-wrap:anywhere}.workflow-update-item small{display:block;font-size:10px;color:#62748c;margin-top:8px}.workflow-update-item>.ui-icon{width:14px;height:14px}.update-indicator{display:block;width:6px;height:6px;border-radius:100%;flex:0 0 6px;background:#dbe3ee}.workflow-update-item.unread .update-indicator{background:#e8b967}.workflow-updates{padding:4px 25px}
.workflow-history-event{position:relative;display:flex;gap:18px;border-left:1px solid #e3e9f2;margin-left:5px;padding:0 0 28px 20px}.workflow-history-event:last-child{border-left-color:transparent}.history-dot{position:absolute;top:6px;left:-4px;width:7px;height:7px;border-radius:100%;background:#e7ba70}.workflow-history-event>div{min-width:0}.workflow-history-event strong{font-size:13px;font-weight:550;color:#6a81a1;line-height:1.7}.workflow-history-event small{display:block;font-size:10px;color:#62748c;margin-top:5px}.workflow-history-event p{font-size:12px;color:#62748c;line-height:1.7;margin:11px 0}.workflow-history-event .internal-note{background:#f6f8fc;padding:12px 15px;border-radius:6px;color:#62748c}.workflow-history-event summary{font-size:11px;color:#a28d68;cursor:pointer}.workflow-history-event pre{font-family:inherit;font-size:10px;color:#62748c;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:12px;background:#f9fbfe;border-radius:7px}
.service-ticket-table{min-width:760px}.service-ticket-table td{vertical-align:top;white-space:normal}.service-ticket-table td:first-child{min-width:230px}.ticket-detail-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}.ticket-description{font-size:13px;color:#62748c;line-height:1.8;white-space:pre-wrap;background:#f8fafd;border:1px solid #e8edf5;border-radius:9px;padding:18px 20px}.service-manage-form{margin:25px 0}.visit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.visit-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px;min-width:0}.visit-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.visit-card h4{font-size:14px;color:#6e86a6;line-height:1.6;margin:0 0 8px;font-weight:600}.visit-card>p{font-size:11px;color:#62748c;line-height:1.7}.visit-date{font-size:15px;line-height:1.6;color:#7c96b6;margin:20px 0 10px;font-weight:500}.visit-date small{display:block;font-size:10px;color:#62748c;font-weight:400}.visit-card .fine{font-size:10px}.visit-card .form-actions{margin-top:20px}.visit-card .visit-outcome{font-size:12px;background:#f4f9f6;color:#80a38f;padding:12px;border-radius:7px}.workflow-reminder-panel{margin-bottom:25px}.workflow-reminder-panel>.visit-grid{padding:20px}.workflow-reminder-panel .visit-card{background:#fcfdff}
.workflow-empty{padding:70px 30px;text-align:center;border:1px dashed #dce5f1;border-radius:13px;background:#ffffff70}.workflow-empty>.ui-icon{width:32px;height:32px;color:#b6c5d9;margin-bottom:10px}.workflow-empty h4{font-size:16px;font-weight:500;color:#8fa2bd;line-height:1.7;margin-bottom:12px}.workflow-empty p{font-size:12px;line-height:1.7;color:#62748c}.project-row-link{display:block;margin-top:12px;font-size:10px;white-space:nowrap}
@media(max-width:1200px){.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-detail-layout{grid-template-columns:1fr}.customer-link-panel{position:static}.customer-link-panel form{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.customer-link-panel form label{flex:1}.customer-link-panel select{margin-bottom:0}.customer-link-panel .btn{margin-bottom:0}.visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-finance-metrics .metric-card strong{font-size:24px}}
@media(max-width:850px){.workflow-overview-link{align-items:flex-start;padding:20px;gap:12px}.workflow-overview-link .text-link{line-height:1.7;white-space:normal;max-width:95px;text-align:right;align-items:flex-start}.workflow-overview-link strong{font-size:12px}.workflow-overview-link small{font-size:10px}.milestone-card{padding:20px 17px}.project-intro{padding:24px}.workflow-filter-grid{grid-template-columns:1.4fr 1fr}.workflow-filter-grid>label:last-child{grid-column:1/-1}.customer-project-card{padding:23px}.register-scroll{max-height:550px}.project-info-footer{font-size:9px}.portal-mode .logo.brand-logo{width:33px;height:35px}.portal-mode .company-logo{width:33px;height:33px}}
@media(max-width:580px){.workflow-filter-grid{grid-template-columns:1fr}.workflow-filter-grid>label:last-child{grid-column:auto}.workflow-tabs button{font-size:11px;padding:10px 12px}.project-intro{padding:22px;gap:15px}.project-intro h3{font-size:19px}.project-intro p{font-size:12px}.project-intro-stat{font-size:34px}.project-intro-stat>span{font-size:18px}.milestone-grid{grid-template-columns:1fr;gap:11px}.milestone-card{padding:18px;align-items:center}.milestone-card>div{flex:1}.milestone-card h4{margin-bottom:9px;font-size:13px}.milestone-card small{font-size:11px;display:inline-block;margin:0 0 0 10px}.milestone-card .pill{font-size:10px}.milestone-number{width:33px;height:33px;flex-basis:33px}.project-summary-bar{gap:8px;font-size:10px}.project-summary-bar>span{padding-right:9px}.milestone-form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.milestone-form-row>label{grid-column:1/-1;font-size:13px}.milestone-form-row select,.milestone-form-row input{min-width:0;font-size:12px}.milestone-fieldset legend{font-size:13px}.workflow-detail-layout{gap:18px}.customer-link-panel form{display:block}.customer-link-panel select{margin-bottom:15px}.customer-project-top h3{font-size:21px}.customer-project-next{align-items:flex-start;flex-direction:column}.customer-project-next>span{font-size:12px}.customer-project-funds{grid-template-columns:1fr;gap:16px}.customer-project-funds>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.customer-project-funds b{margin:0;font-size:18px}.visit-grid{grid-template-columns:1fr}.visit-card{padding:21px}.visit-date{font-size:16px}.visit-card h4{font-size:14px}.workflow-reminder-panel>.visit-grid{padding:15px}.project-payment-head{align-items:flex-start}.project-payment-head h3{line-height:1.6}.project-finance-metrics .metric-card strong{font-size:20px}.project-finance-metrics .metric-card small{font-size:10px}.project-finance-metrics .metric-card{padding:18px 16px}.project-finance-metrics .metric-top{font-size:10px}.invoice-upload input{max-width:100%}.workflow-updates{padding:3px 20px}.workflow-update-item strong{font-size:13px}.workflow-update-item>span>span{font-size:12px}.project-info-footer{align-items:flex-start;font-size:9px}.workflow-history-event strong{font-size:12px}.workflow-history-event p{font-size:12px}.workflow-empty{padding:45px 22px}.workflow-overview-link{flex-wrap:wrap}.workflow-overview-link .text-link{max-width:none;margin-left:42px;text-align:left}.workflow-overview-link small{font-size:11px}}