.pl-mode{background:#f8faff}.pl-mode .pui-main{max-width:1920px;margin:0 auto;padding:28px 32px}.pl-mode .pui-page-head{display:none}.pl-mode .pui-footer{margin-top:28px}.pl-mode .pui-breadcrumb{font-size:13px;gap:10px;min-width:0}.pl-mode .pui-breadcrumb a{color:#667085;text-decoration:none;white-space:nowrap}.pl-mode .pui-breadcrumb b{font-weight:500;white-space:nowrap}.pl-nav a{display:flex;justify-content:space-between}.pl-nav small{font-size:12px;color:#8b97aa}.pl-mode .pui-nav-children{max-height:none}.pl-root{--pl-blue:#2c63ef;--pl-line:#edf1f7;color:#344054;font-size:14px}.pl-root h1,.pl-root h2,.pl-root h3,.pl-dialog h2{color:#1d2939;letter-spacing:-.3px}.pl-root h1{font-size:25px;font-weight:650;line-height:1.4;margin:0}.pl-root h2{font-size:16px;line-height:24px;margin:0}.pl-root h3{font-size:16px;margin:0}.pl-root p{line-height:1.65}.pl-root .btn,.pl-dialog .btn{border-radius:9px;min-height:36px;font-size:13px;gap:7px;white-space:nowrap;box-shadow:none}.pl-root .btn.primary,.pl-dialog .btn.primary{background:#2c63ef;border-color:#2c63ef}.pl-root .btn:hover{background:#f4f7fd}.pl-root .btn.primary:hover{background:#2253d2}.pl-root a:focus-visible,.pl-root button:focus-visible,.pl-dialog button:focus-visible{outline:3px solid #abc5ff;outline-offset:3px}.pl-root .icon,.pl-dialog .icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0}.pl-page-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px;gap:20px}.pl-page-title p:not(.pl-eyebrow){color:#667085;margin:8px 0 0;font-size:14px}.pl-eyebrow{letter-spacing:1.5px;color:#77869f;font-size:12px;font-weight:600;margin:0 0 6px}.pl-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.pl-summary-card{border:1px solid var(--pl-line);border-radius:14px;background:white;padding:21px 20px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}.pl-summary-card:hover{transform:translateY(-2px);border-color:#c8d9ff}.pl-summary-card>span:nth-child(2){flex:1}.pl-icon-box{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f1f6ff;color:#2c63ef;flex-shrink:0}.pl-icon-box .icon{width:23px;height:23px}.pl-summary-card small{display:block;font-size:13px;font-weight:400;color:#667085}.pl-summary-card em{font-size:12px;font-style:normal;margin-left:8px;color:#98a2b3}.pl-summary-card strong{font-size:30px;font-weight:650;color:#1d2939;display:flex;gap:7px;align-items:baseline;line-height:1.45}.pl-summary-card>svg{color:#98a2b3}.pl-card{background:#fff;border:1px solid var(--pl-line);border-radius:14px;overflow:hidden;min-width:0}.pl-card+.pl-card{margin-top:20px}.pl-card-head{padding:20px 24px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #f1f4f9}.pl-card-head p{color:#8290a4;font-size:12px;margin:4px 0 0}.pl-card-body{padding:22px 24px}.pl-project-list>.pl-card-body{padding:0}.pl-tabs{display:flex;padding:0 23px;border-bottom:1px solid var(--pl-line);gap:23px;overflow:auto}.pl-tabs button{background:none;white-space:nowrap;border:none;border-bottom:2px solid transparent;padding:18px 0 15px;color:#667085;font-size:13px;cursor:pointer}.pl-tabs button.active{border-bottom-color:#2c63ef;color:#2c63ef;font-weight:600}.pl-tabs button span{margin-left:6px;font-size:12px;border-radius:5px;background:#f3f5f9;padding:2px 5px}.pl-tabs button.active span{background:#eef4ff}.pl-filter{padding:19px 24px;display:flex;gap:12px;align-items:center}.pl-filter label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#667085}.pl-filter input,.pl-filter select,.pl-role select{height:36px;border:1px solid #e5eaf2;background:#fff;border-radius:8px;padding:0 10px;color:#475467;font:inherit;outline:none}.pl-filter input:focus,.pl-filter select:focus,.pl-role select:focus{border-color:#2c63ef}.pl-filter .pl-search{border:1px solid #e5eaf2;border-radius:8px;flex:1;min-width:180px;padding-left:11px;color:#98a2b3}.pl-search input{border:none;padding-left:0;width:100%;min-width:0}.pl-search:focus-within{border-color:#2c63ef}.pl-table-wrap{overflow:auto;max-width:100%}.pl-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px;text-align:left}.pl-table th{background:#fafbfd;color:#8290a4;font-size:12px;font-weight:500;padding:12px 16px;border-bottom:1px solid #eef2f7}.pl-table th:first-child,.pl-table td:first-child{padding-left:24px}.pl-table td{padding:19px 16px;border-bottom:1px solid #f2f4f8;vertical-align:middle}.pl-table tbody tr:last-child td{border-bottom:none}.pl-table tbody tr:hover{background:#fcfdff}.pl-table td>small{display:block;font-size:12px;color:#8c98ab;margin-top:5px}.pl-table strong{font-weight:500;color:#344054}.pl-project-name{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;color:#344054;text-decoration:none;font-weight:600}.pl-project-name:hover{color:#2c63ef}.pl-table .pl-link{font-size:12px;color:#2c63ef;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.pl-cell-wrap{white-space:normal;min-width:85px;max-width:180px;line-height:1.6;overflow-wrap:anywhere}.pl-number{font-variant-numeric:tabular-nums}.pl-badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;font-size:12px;line-height:24px;padding:0 8px;background:#f2f4f7;color:#667085;white-space:nowrap}.pl-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.pl-badge.blue{color:#2c63ef;background:#eef4ff}.pl-badge.amber{color:#996114;background:#fff7e7}.pl-badge.violet{color:#7950bb;background:#f4effc}.pl-badge.green{color:#0c866b;background:#ebf8f3}.pl-badge.red{color:#bf4547;background:#fff0f1}.pl-progress{height:5px;width:90px;overflow:hidden;background:#eef2f8;border-radius:5px;margin-top:6px}.pl-progress i{display:block;height:100%;background:#6692ff;border-radius:5px}.pl-progress-text{font-size:12px;font-variant-numeric:tabular-nums;color:#667085}.pl-pagination{padding:17px 24px;border-top:1px solid var(--pl-line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8290a4}.pl-pagination>div{display:flex;align-items:center;gap:15px}.pl-list-guide{margin-top:20px;padding:20px 24px;display:flex;align-items:center;gap:14px;border:1px dashed #dfe7f5;border-radius:12px;color:#5e6c80}.pl-list-guide>.icon{width:27px;height:27px;color:#2c63ef}.pl-list-guide strong{font-size:13px;font-weight:500}.pl-list-guide p{margin:4px 0 0;font-size:12px;color:#8290a4}.pl-note{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#f5f8ff;border:1px solid #e9effc;color:#5c6f91;border-radius:9px;font-size:12px;line-height:1.7;margin:0 0 18px}.pl-note strong{font-size:13px}.pl-note p{margin:3px 0 0}.pl-note>.icon{margin-top:3px}.pl-note.pl-danger{background:#fff5f5;border-color:#ffe8e8;color:#ab484a}.pl-project-header{padding:22px 25px 20px;border:1px solid var(--pl-line);border-radius:14px;background:white;margin-bottom:19px}.pl-project-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.pl-back{font-size:12px;color:#7c8da6;text-decoration:none;display:inline-block;margin-bottom:13px}.pl-back:hover{color:#2c63ef}.pl-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pl-project-top h1{font-size:23px}.pl-project-top p{color:#8290a4;font-size:12px;margin:9px 0 0;display:flex;gap:10px}.pl-project-top p i{font-style:normal;color:#b9c3d4}.pl-project-meta{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:20px;margin-top:22px;padding-top:19px;border-top:1px solid #f0f3f8}.pl-project-meta>div{display:flex;gap:7px;flex-direction:column;align-items:flex-start}.pl-project-meta>div+div{border-left:1px solid #f0f3f8;padding-left:22px}.pl-project-meta span,.pl-role label{font-size:12px;color:#8b97aa}.pl-project-meta strong{font-size:13px;font-weight:500;color:#475467}.pl-project-meta .pl-progress{width:130px;margin-top:0}.pl-role select{height:30px;font-size:12px;min-width:140px}.pl-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:22px;align-items:start}.pl-main-column{min-width:0}.pl-side{position:sticky;top:86px}.pl-next{background:linear-gradient(120deg,#f3f7ff,#fff);border:1px solid #e5edfc;border-radius:13px;padding:22px;margin-bottom:19px;position:relative}.pl-next-icon{position:absolute;top:19px;right:18px;display:grid;place-items:center;background:white;border-radius:10px;height:32px;width:32px;color:#2c63ef}.pl-next h3{line-height:1.6;font-size:15px;margin:14px 0 8px;max-width:175px}.pl-next>p:not(.pl-eyebrow){font-size:12px;line-height:1.8;color:#8290a4;margin:0 0 17px}.pl-next .btn{width:100%;justify-content:center;font-size:12px}.pl-next .pl-eyebrow{color:#2c63ef;font-size:12px;letter-spacing:0}.pl-side .pl-card-head{padding:17px 20px}.pl-side .pl-card-body{padding:15px 20px}.pl-side .pl-card-head h2{font-size:13px}.pl-status-flow>div{display:flex;align-items:center;gap:10px;position:relative;padding:12px 0;color:#99a3b5;font-size:12px}.pl-status-flow>div:not(:last-child):after{content:'';position:absolute;left:4px;top:26px;height:25px;width:1px;background:#edf1f7}.pl-status-flow i{width:9px;height:9px;background:#e7ecf5;border-radius:50%;z-index:1}.pl-status-flow b{font-weight:400;font-size:12px;margin-left:auto;color:#2c63ef}.pl-status-flow .current{color:#2c63ef;font-weight:600}.pl-status-flow .current i{background:#2c63ef;box-shadow:0 0 0 4px #edf3ff}.pl-side-help{padding:17px 8px;display:flex;align-items:flex-start;gap:8px;color:#96a1b3}.pl-side-help p{font-size:12px;margin:0}.pl-side-help .icon{width:15px;margin-top:2px}.pl-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.pl-detail-metrics>div{background:#fff;border:1px solid var(--pl-line);border-radius:12px;display:flex;align-items:center;gap:11px;padding:16px 13px}.pl-detail-metrics .pl-icon-box{width:36px;height:36px;border-radius:10px}.pl-detail-metrics .icon{width:20px;height:20px}.pl-detail-metrics small{font-size:12px;color:#8290a4;display:block;white-space:nowrap}.pl-detail-metrics strong{display:block;font-size:24px;color:#344054;margin-top:5px;font-weight:600}.pl-detail-metrics em{font-size:12px;color:#98a2b3;margin-left:5px;font-style:normal;font-weight:400}.pl-definition{margin:0}.pl-definition>div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #f0f3f8;line-height:1.8;font-size:13px}.pl-definition>div:first-child{padding-top:0}.pl-definition>div:last-child{border-bottom:none}.pl-definition dt{color:#8290a4}.pl-definition dd{margin:0;color:#475467;white-space:pre-wrap;overflow-wrap:anywhere}.pl-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-entry-grid>a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:16px;border:1px solid #edf1f7;border-radius:11px;transition:background .15s}.pl-entry-grid>a:hover{background:#f9fbff;border-color:#dae5ff}.pl-entry-grid a>span:nth-child(2){flex:1}.pl-entry-grid strong{display:block;font-size:13px;font-weight:500;color:#475467}.pl-entry-grid small{display:block;font-size:12px;color:#8b97aa;margin-top:5px;line-height:1.6}.pl-entry-grid>a>.icon{color:#9dabc0;width:15px}.pl-history{list-style:none;padding:0;margin:0}.pl-history li{display:flex;gap:14px;position:relative;padding-bottom:22px}.pl-history li:not(:last-child):after{content:'';position:absolute;height:100%;width:1px;background:#edf1f7;left:4px;top:6px}.pl-history li:last-child{padding:0}.pl-history li>span{width:9px;height:9px;background:#afc4f3;border-radius:50%;margin-top:5px;flex-shrink:0;position:relative;z-index:1}.pl-history strong{font-size:13px;font-weight:500}.pl-history small{display:block;font-size:12px;color:#98a2b3;margin-top:5px}.pl-history p{font-size:12px;color:#8290a4;margin:5px 0 0}.pl-nine-card{border:1px solid var(--pl-line);border-radius:13px;background:white;padding:18px 21px;margin-bottom:21px;overflow:hidden}.pl-nine-card>div{display:flex;justify-content:space-between;font-size:12px;color:#8290a4}.pl-nine-card>div strong{font-size:13px;color:#475467;font-weight:500}.pl-nine{display:flex;list-style:none;padding:21px 0 0;margin:0;overflow-x:auto;gap:6px}.pl-nine li{flex:1;min-width:96px;position:relative}.pl-nine li:not(:last-child):after{content:'';height:1px;position:absolute;top:16px;left:64%;width:72%;background:#edf1f7}.pl-nine a{position:relative;z-index:1;text-decoration:none;display:flex;flex-direction:column;align-items:center;padding:0 4px 10px;border-radius:8px}.pl-nine a>span{display:grid;place-items:center;background:#f5f7fa;border:1px solid #eaf0f6;border-radius:10px;color:#a1adbd;width:32px;height:32px;font-size:12px}.pl-nine strong{font-size:12px;font-weight:500;margin-top:11px;color:#94a0b3;white-space:nowrap}.pl-nine small{font-size:12px;color:#a1adbd;margin-top:5px}.pl-nine .done a>span{background:#eef8f3;color:#289e7d;border-color:#eef8f3}.pl-nine .done strong{color:#537c70}.pl-nine .current a>span{background:#2c63ef;color:white;border-color:#2c63ef;box-shadow:0 0 0 4px #eef4ff}.pl-nine .current strong,.pl-nine .selected strong{color:#2c63ef}.pl-nine .selected a{box-shadow:inset 0 -2px #2c63ef}.pl-form-intro{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:24px}.pl-form-intro strong{font-size:13px;font-weight:500}.pl-form-intro p{font-size:12px;color:#8290a4;margin:6px 0 0}.pl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.pl-field{display:flex;flex-direction:column;gap:8px}.pl-field.wide{grid-column:1/-1}.pl-field>span{font-size:13px;color:#475467}.pl-field>span>b{font-weight:400;color:#e25359;margin-right:5px}.pl-field em{font-style:normal;font-size:12px;color:#a0abbb;margin-left:8px}.pl-field input,.pl-field textarea,.pl-field select{width:100%;border:1px solid #e1e8f2;border-radius:8px;padding:10px 12px;font:inherit;font-size:13px;color:#475467;outline:none;background:white;line-height:1.7;transition:border-color .15s}.pl-field textarea{resize:vertical;min-height:98px}.pl-field input:focus,.pl-field textarea:focus,.pl-field select:focus{border-color:#7c9def;box-shadow:0 0 0 3px #f0f5ff}.pl-field input:disabled,.pl-field textarea:disabled,.pl-field select:disabled{background:#fafbfe;border-color:#edf1f7;color:#748298;opacity:1;-webkit-text-fill-color:#748298}.pl-field small{font-size:12px;color:#98a2b3;line-height:1.6}.pl-files{margin-top:25px;border-top:1px solid var(--pl-line);padding-top:21px}.pl-files>div:first-child{display:flex;align-items:center;gap:10px}.pl-files strong{font-size:13px;font-weight:500}.pl-files>div>span{font-size:12px;color:#9ba6b7}.pl-upload{margin-top:12px;border:1px dashed #dce5f4;border-radius:9px;background:#fafcff;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;padding:20px;cursor:pointer;font-size:12px;color:#8090aa}.pl-upload input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.pl-files ul{list-style:none;margin:13px 0 0;padding:0}.pl-files li{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:12px;color:#667085}.pl-files li small{color:#a0abbb;margin-left:auto}.pl-files li .btn{min-height:26px;padding:3px 8px;font-size:12px;border:none}.pl-file-note{font-size:12px;color:#a0abbb;margin:7px 0 0}.pl-form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--pl-line);padding-top:20px;margin-top:22px}.pl-form-footer>span{font-size:12px;color:#9ba6b7}.pl-form-error{color:#c43232;font-size:12px;min-height:16px;margin:12px 0 0}.pl-budget-total{display:flex;justify-content:space-between;background:#f6f9ff;border-radius:8px;padding:17px 20px;margin-top:20px;font-size:13px}.pl-budget-total strong{color:#2c63ef}.pl-table .btn{border:none;color:#2c63ef;background:none;padding:4px;font-size:12px;min-height:28px}.pl-table-total{font-size:12px;color:#98a2b3;margin-top:16px}.pl-empty{text-align:center;padding:32px 20px;white-space:normal}.pl-empty svg{width:140px;height:100px;display:block;margin:0 auto 12px}.pl-empty h3{color:#667085;font-size:15px}.pl-empty p{color:#98a2b3;font-size:12px;margin:8px 0 15px}.pl-budget-lines>div{display:flex;justify-content:space-between;border-bottom:1px solid #f0f3f8;padding:15px 0;font-size:13px;color:#667085}.pl-budget-lines>div:last-child{color:#2c63ef;border:0;font-size:15px;padding-bottom:24px}.pl-budget-lines strong{font-weight:500;font-variant-numeric:tabular-nums}.pl-readiness{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pl-readiness a{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #edf1f7;border-radius:9px;text-decoration:none;font-size:12px;color:#8290a4}.pl-readiness span{flex:1}.pl-readiness b{font-size:12px;color:#ad8647;font-weight:400;white-space:nowrap}.pl-readiness .ready .icon,.pl-readiness .ready b{color:#32a285}.pl-muted{font-size:12px;color:#98a2b3;line-height:1.7}.pl-readiness+.pl-muted{margin-bottom:0}.pl-dialog{max-width:740px;width:calc(100vw - 40px);border-radius:17px}.pl-dialog .dialog-body{max-height:72vh;overflow:auto}.pl-dialog header{padding:22px 26px}.pl-dialog header h2{font-size:19px}.pl-dialog header p{font-size:12px;color:#98a2b3}.pl-dialog footer{gap:10px;flex-wrap:wrap}.pl-loading .skeleton{height:36px;margin:20px 0}.pl-mode .pui-footer>div>a{font-size:12px}
@media(min-width:1700px){.pl-layout{grid-template-columns:minmax(0,1fr) 286px}.pl-summary-card{padding:25px}.pl-root .pl-table td{padding-top:22px;padding-bottom:22px}}
@media(max-width:1350px){.pl-mode .pui-main{padding:24px}.pl-layout{grid-template-columns:minmax(0,1fr) 224px;gap:18px}.pl-project-top{align-items:flex-start}.pl-project-top>.buttons{flex-wrap:wrap;justify-content:flex-end;max-width:190px}.pl-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-card-body{padding:20px}.pl-project-meta{gap:12px}.pl-project-meta>div+div{padding-left:12px}.pl-project-meta strong{font-size:12px}.pl-summary-card{padding:19px 15px;gap:10px}.pl-summary-card em{display:none}.pl-entry-grid{grid-template-columns:1fr}.pl-filter{flex-wrap:wrap}.pl-filter .pl-search{flex-basis:260px}.pl-form-footer{align-items:flex-start;flex-direction:column}.pl-readiness{grid-template-columns:1fr}.pl-mode .pui-tenant{display:none}}
@media(max-width:1050px){.pl-layout{grid-template-columns:minmax(0,1fr)}.pl-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.pl-next{margin-bottom:0}.pl-side-help{grid-column:1/-1}.pl-summary{gap:12px}.pl-summary-card .pl-icon-box{display:none}.pl-project-meta{grid-template-columns:repeat(2,1fr)}.pl-project-meta>div:nth-child(3){border-left:none;padding-left:0}.pl-fields{gap:18px}.pl-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-project-top h1{font-size:22px}}
@media(max-width:700px){.pl-mode .pui-main{padding:18px 14px}.pl-mode .pui-top-tools .pui-global-search{display:none}.pl-mode .pui-breadcrumb{gap:5px;font-size:12px;flex-wrap:wrap}.pl-mode .pui-breadcrumb a:nth-of-type(2){display:none}.pl-mode .pui-breadcrumb i:nth-of-type(2){display:none}.pl-page-title{align-items:flex-start;flex-direction:column}.pl-page-title h1{font-size:23px}.pl-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-summary-card strong{font-size:26px}.pl-summary-card small{font-size:12px}.pl-tabs{gap:20px;padding:0 16px}.pl-filter{padding:16px}.pl-filter .pl-search{flex-basis:100%}.pl-filter label:not(.pl-search){font-size:12px}.pl-filter select{max-width:130px}.pl-pagination{padding:15px;align-items:flex-start;gap:15px;flex-direction:column}.pl-project-header{padding:18px}.pl-project-top{flex-direction:column;align-items:stretch}.pl-project-top>.buttons{max-width:none;justify-content:flex-start;margin-top:5px}.pl-project-top h1{font-size:21px}.pl-project-top p{flex-wrap:wrap;font-size:12px}.pl-project-meta{grid-template-columns:1fr 1fr}.pl-project-meta>div+div{border:0;padding-left:0}.pl-project-meta strong{font-size:12px}.pl-project-meta .pl-progress{width:100px}.pl-role select{min-width:110px}.pl-side{display:block}.pl-next{margin-bottom:18px}.pl-next h3{max-width:none}.pl-next .btn{width:auto}.pl-entry-grid,.pl-fields,.pl-readiness{grid-template-columns:1fr}.pl-card-head{padding:17px;align-items:flex-start;flex-wrap:wrap}.pl-card-body{padding:18px}.pl-definition>div{grid-template-columns:1fr;gap:5px;padding:13px 0}.pl-fields .wide{grid-column:1}.pl-files>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}.pl-files li{flex-wrap:wrap;overflow-wrap:anywhere}.pl-form-footer .buttons{flex-wrap:wrap}.pl-nine-card{padding:16px}.pl-nine{padding-bottom:10px}.pl-list-guide{padding:17px}.pl-dialog{width:calc(100vw - 20px)}.pl-dialog header{padding:18px}.pl-dialog .dialog-body{padding:18px}.pl-dialog footer{padding:16px}.pl-detail-metrics{gap:9px}.pl-detail-metrics>div{padding:13px}.pl-root .pui-chat-heading{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pl-root *{scroll-behavior:auto!important;transition:none!important}}

/* Navigation hierarchy: project context → phase → execution work. */
.pl-root { container: project / inline-size; }
.pl-lifecycle { background:#fff; border:1px solid #edf1f7; border-radius:14px; padding:18px 20px; margin:0 0 16px; }
.pl-flow-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.pl-flow-heading>div { display:flex; align-items:center; gap:16px; }
.pl-root .pl-section-label { color:#253247; font-size:15px; font-weight:650; line-height:24px; margin:0; }
.pl-flow-view { display:inline-flex; align-items:center; gap:7px; color:#7b879b; font-size:12px; border-left:1px solid #e9eef6; padding-left:16px; }
.pl-flow-view>span { color:#4664a1; }
.pl-flow-tools { flex-shrink:0; }
.pl-flow-help { color:#99a5b7; position:relative; display:inline-flex; cursor:help; padding:5px; border-radius:6px; }
.pl-flow-help>.icon { width:16px; height:16px; }
.pl-flow-help>[role=tooltip] { position:absolute; z-index:5; top:32px; right:0; width:245px; padding:12px 14px; border:1px solid #e5ebf5; border-radius:9px; background:white; box-shadow:0 8px 25px #1d293914; font-size:12px; line-height:1.8; color:#667085; display:none; }
.pl-flow-help:hover>[role=tooltip],.pl-flow-help:focus>[role=tooltip] { display:block; }
.pl-overview-tab { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; color:#748298; font-size:12px; border-radius:7px; text-decoration:none; }
.pl-overview-tab.selected,.pl-overview-tab:hover { color:#2c63ef; background:#f4f7fe; }
.pl-lifecycle ol { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:16px 0 0; min-width:0; }
.pl-lifecycle li { position:relative; min-width:0; }
.pl-lifecycle li:not(:last-child)::after { content:''; position:absolute; top:28px; left:100%; width:12px; height:1px; background:#e7ecf4; }
.pl-lifecycle li>a { display:flex; flex-direction:column; align-items:center; position:relative; z-index:1; text-decoration:none; padding:12px 4px 10px; border:1px solid transparent; border-radius:10px; transition:background .15s,border-color .15s; }
.pl-step-dot { width:32px; height:32px; flex-shrink:0; display:grid; place-items:center; border-radius:50%; background:#f1f4f9; border:1px solid #edf1f7; color:#68778e; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; transition:background .15s,color .15s; }
.pl-step-check { display:block; flex-shrink:0; }
.pl-step-copy { text-align:center; margin-top:8px; }
.pl-lifecycle strong { display:block; color:#46546c; font-size:14px; font-weight:600; line-height:21px; white-space:nowrap; }
.pl-lifecycle small { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:3px; color:#778399; font-size:12px; line-height:18px; }
.pl-lifecycle small>i { width:4px; height:4px; border-radius:50%; background:#a6b0c0; }
.pl-lifecycle .future strong { color:#8591a4; font-weight:500; }
.pl-lifecycle .future .pl-step-dot { background:#f8f9fc; color:#929eb0; border-color:#f0f3f8; }
.pl-lifecycle .done .pl-step-dot { color:#2b8a67; background:#eaf6ef; border-color:#eaf6ef; }
.pl-lifecycle .done small { color:#4f806c; }
.pl-lifecycle .done small>i { background:#51a885; }
.pl-lifecycle .active small>i { background:#5b83e8; }
.pl-lifecycle .selected>a { background:#f0f5ff; border-color:#dce6fd; }
.pl-lifecycle .selected:not(.done) .pl-step-dot { color:white; background:#3265e8; border-color:#3265e8; }
.pl-lifecycle .selected strong { color:#2458ce; font-weight:650; }
.pl-lifecycle li>a:hover { background:#f6f8fd; border-color:#e8edf7; }
.pl-lifecycle .selected>a:hover { background:#eaf1ff; border-color:#ceddfb; }
.pl-lifecycle li>a:focus-visible,.pl-nine a:focus-visible,.pl-overview-tab:focus-visible,.pl-flow-help:focus-visible,.pl-flow-toggle:focus-visible { outline:2px solid #3265e8; outline-offset:3px; }
.pl-flow-toggle { display:none; }

.pl-layout.pl-execution-layout { display:block; }
.pl-execution-workspace { background:white; border:1px solid #edf1f7; border-radius:14px; overflow:hidden; }
.pl-workspace-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:22px 26px; border-bottom:1px solid #edf1f7; }
.pl-workspace-heading h2 { font-size:18px; font-weight:600; }
.pl-workspace-heading p { margin:6px 0 0; color:#8793a6; font-size:12px; }
.pl-workspace-heading>span { font-size:12px; color:#8793a6; padding:5px 10px; border:1px solid #edf1f7; border-radius:6px; white-space:nowrap; }
.pl-execution-grid { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:440px; }
.pl-execution-nav { padding:22px 14px; border-right:1px solid #edf1f7; background:#fcfdff; }
.pl-execution-group+.pl-execution-group { margin-top:26px; }
.pl-execution-group>p { font-size:12px; color:#98a2b3; padding:0 14px; margin:0 0 10px; }
.pl-execution-group>div { display:flex; flex-direction:column; gap:4px; }
.pl-execution-nav a { display:flex; align-items:center; gap:10px; position:relative; min-height:42px; padding:10px 13px; border-radius:8px; color:#667085; text-decoration:none; font-size:13px; line-height:20px; }
.pl-execution-nav a>.icon { width:17px; height:17px; color:#8491a7; }
.pl-execution-nav a:hover { background:#f5f8fe; color:#2c63ef; }
.pl-execution-nav a.active { background:#eef4ff; color:#2c63ef; font-weight:600; }
.pl-execution-nav a.active>.icon { color:#2c63ef; }
.pl-execution-nav a.active::before { content:''; position:absolute; left:0; top:14px; width:3px; height:16px; background:#2c63ef; border-radius:3px; }
.pl-execution-nav a>i { display:none; }
.pl-execution-pane { padding:24px 28px 28px; min-width:0; }
.pl-execution-pane>.pl-card { border:0; border-radius:0; }
.pl-execution-pane>.pl-card>.pl-card-head { padding:0 0 18px; }
.pl-execution-pane>.pl-card>.pl-card-head h2 { font-size:16px; }
.pl-execution-pane>.pl-card>.pl-card-body { padding:20px 0 0; }
.pl-execution-pane .pl-table th:first-child,.pl-execution-pane .pl-table td:first-child { padding-left:15px; }
.pl-execution-pane .pl-table th:last-child,.pl-execution-pane .pl-table td:last-child { padding-right:10px; }
.pl-execution-pane .pl-budget-lines>div:first-child { padding-top:0; }
.pl-record-context { display:flex; gap:14px; align-items:center; margin-bottom:20px; font-size:12px; color:#8793a6; }
.pl-record-context>a { color:#2c63ef; text-decoration:none; }
.pl-next.pl-next-inline { display:flex; align-items:center; gap:15px; position:static; padding:20px 26px; margin:0; border:0; border-top:1px solid #edf1f7; border-radius:0; background:#fcfdff; }
.pl-next-inline .pl-next-mark { color:#2c63ef; display:grid; place-items:center; width:36px; height:36px; background:#eef4ff; border-radius:10px; flex-shrink:0; }
.pl-next-inline>div { flex:1; }
.pl-next-inline .pl-next-kicker { color:#98a2b3; font-size:12px; }
.pl-next-inline h3 { display:inline; margin:0 0 0 10px; font-size:13px; line-height:22px; max-width:none; font-weight:500; }
.pl-next-inline p { color:#8c98ab; font-size:12px; margin:4px 0 0; }
.pl-root .pl-next-inline .btn.primary { width:auto; font-size:12px; background:white; color:#2c63ef; border-color:#dce6fb; }
.pl-root .pl-next-inline .btn.primary:hover { background:#eef4ff; color:#2c63ef; }
/* The initiation path is subordinate to the project stage navigation. */
.pl-nine-card { background:#f7f9fc; border:1px solid #edf1f7; border-radius:12px; padding:14px 18px 12px; margin-bottom:20px; overflow:visible; }
.pl-nine-card>.pl-nine-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pl-nine-title,.pl-nine-progress { display:flex; align-items:center; gap:12px; min-width:0; }
.pl-root .pl-nine-title h3 { margin:0; color:#59677e; font-size:13px; line-height:20px; font-weight:600; white-space:nowrap; }
.pl-nine-view { color:#637794; font-size:12px; line-height:20px; padding-left:12px; border-left:1px solid #e1e7f0; }
.pl-nine-progress { color:#748197; font-size:12px; flex-shrink:0; }
.pl-nine-progress b { color:#4e725f; font-weight:600; font-variant-numeric:tabular-nums; }
.pl-nine-meter { display:block; width:64px; height:4px; border-radius:3px; background:#e6ebf2; overflow:hidden; }
.pl-nine-meter>i { display:block; height:100%; border-radius:inherit; background:#75b69c; }
.pl-nine { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:6px; padding:12px 0 0; margin:0; overflow:visible; }
.pl-nine li { min-width:0; }
.pl-nine li:not(:last-child)::after { top:20px; left:calc(50% + 18px); width:calc(100% - 30px); height:1px; background:#e1e7ef; z-index:0; }
.pl-nine .done:not(:last-child)::after { background:#d5e7df; }
.pl-nine a { min-height:62px; padding:8px 2px 6px; border:1px solid transparent; border-radius:8px; gap:6px; transition:background .15s,border-color .15s; }
.pl-nine a>span { width:22px; height:22px; border-radius:50%; background:#f7f9fc; color:#8290a3; border:1px solid #dfe6f0; font-size:11px; font-weight:500; box-shadow:none; }
.pl-nine a .pl-step-check { width:14px; height:14px; }
.pl-nine strong { margin:0; white-space:normal; line-height:18px; text-align:center; font-size:12px; font-weight:400; color:#7d899c; }
.pl-nine .done a>span { color:#388568; background:#e9f3ee; border-color:#e9f3ee; }
.pl-nine .done strong { color:#626f83; }
.pl-nine .current a>span { color:white; background:#577dc7; border-color:#577dc7; box-shadow:none; }
.pl-nine .current strong { color:#4b668d; }
.pl-nine .selected a { background:#fff; border-color:#dbe5f6; box-shadow:0 2px 5px #263f6805; }
.pl-nine .selected strong { color:#2e5db5; font-weight:600; }
.pl-nine a:hover { background:#eef3fb; border-color:#e1e8f4; }
.pl-nine .selected a:hover { background:#fff; border-color:#bfcfec; }
.pl-nine small.pl-step-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

@container project (min-width:1120px) {
  .pl-lifecycle li>a { flex-direction:row; justify-content:center; gap:9px; padding:12px 8px; min-height:70px; }
  .pl-step-copy { text-align:left; margin:0; }
  .pl-lifecycle small { justify-content:flex-start; }
  .pl-lifecycle li:not(:last-child)::after { top:35px; }
}

@container project (max-width: 940px) {
  .pl-execution-grid { grid-template-columns:166px minmax(0,1fr); }
  .pl-execution-nav { padding:20px 10px; }
  .pl-execution-nav a { padding:10px; gap:8px; font-size:12px; }
  .pl-execution-pane { padding:22px; }
  .pl-lifecycle { padding:16px; }
  .pl-lifecycle strong { font-size:13px; }
  .pl-lifecycle ol { gap:8px; }
  .pl-lifecycle li:not(:last-child)::after { width:8px; }
  .pl-nine-view>span { display:none; }
}
@container project (max-width: 720px) {
  .pl-lifecycle { padding:16px; margin-bottom:16px; }
  .pl-flow-view { display:none; }
  .pl-flow-heading { gap:8px; }
  .pl-flow-heading>div { gap:10px; }
  .pl-overview-tab { padding:5px 7px; }
  .pl-flow-toggle { display:flex; justify-content:space-between; align-items:center; width:100%; padding:15px 0 0; margin-top:13px; border:0; border-top:1px solid #edf1f7; background:none; text-align:left; color:#2c63ef; cursor:pointer; }
  .pl-flow-toggle b { font-size:14px; font-weight:500; }
  .pl-flow-toggle small { display:inline; margin-left:12px; color:#98a2b3; font-size:12px; }
  .pl-flow-toggle>.icon { transition:transform .15s; }
  .pl-flow-toggle[aria-expanded=true]>.icon { transform:rotate(180deg); }
  .pl-lifecycle ol { display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:18px; }
  .pl-lifecycle.is-expanded ol { display:grid; }
  .pl-lifecycle li:not(:last-child)::after { display:none; }
  .pl-lifecycle li>a { flex-direction:row; gap:10px; padding:10px; border:1px solid #edf1f7; border-radius:10px; }
  .pl-step-dot { width:28px; height:28px; border-radius:50%; font-size:12px; flex-shrink:0; }
  .pl-step-copy { margin:0; text-align:left; }
  .pl-lifecycle small { margin-top:1px; justify-content:flex-start; }
  .pl-lifecycle .selected>a::after { display:none; }
  .pl-lifecycle .selected>a { border-color:#d9e5ff; }
  .pl-execution-grid { grid-template-columns:minmax(0,1fr); }
  .pl-execution-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px; border-right:0; border-bottom:1px solid #edf1f7; }
  .pl-execution-group+.pl-execution-group { margin-top:0; }
  .pl-execution-group>p { padding-left:10px; }
  .pl-execution-nav a { padding:9px 10px; min-height:40px; }
  .pl-execution-nav a span { white-space:normal; }
  .pl-workspace-heading { padding:18px; }
  .pl-workspace-heading>span { display:none; }
  .pl-execution-pane { padding:20px 18px; }
  .pl-next.pl-next-inline { padding:18px; gap:12px; flex-wrap:wrap; }
  .pl-next-inline .pl-next-mark { display:none; }
  .pl-next-inline>div { flex-basis:100%; }
  .pl-next-inline .btn { margin-top:2px; }
  .pl-nine-card { padding:14px 12px 12px; }
  .pl-nine-heading { flex-wrap:wrap; }
  .pl-nine-title { gap:8px; }
  .pl-nine-view { padding-left:8px; }
  .pl-nine-meter { display:none; }
  .pl-nine { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:8px; }
  .pl-nine li:nth-child(3n)::after { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .pl-lifecycle a,.pl-nine a,.pl-step-dot,.pl-flow-toggle>.icon { transition:none; }
}
@media (max-width:700px) {
  .pl-mode .pui-breadcrumb a:nth-of-type(2),
  .pl-mode .pui-breadcrumb i:nth-of-type(2) { display:inline; }
  .pl-mode .pui-breadcrumb { column-gap:4px; row-gap:1px; line-height:18px; }
}
