.pd-shell{display:grid;gap:17px;max-width:1440px;margin:0 auto;padding-bottom:26px;color:#243042}
.pd-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:26px;border:1px solid #e7e7e7;border-radius:22px;background:linear-gradient(130deg,#fff 50%,#f8f4f1)}
.pd-hero small{display:block;font-size:11px;letter-spacing:1.4px;font-weight:700;color:#a37734;margin-bottom:9px}
.pd-hero h2{margin:0 0 14px;font-size:clamp(22px,3vw,31px);line-height:1.2}
.pd-hero p{margin:12px 0 0;color:#667080;font-size:13px;overflow-wrap:anywhere}
.pd-project-id{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:17px}
.pd-selector{display:grid;gap:6px;font-size:12px;font-weight:700;min-width:220px;max-width:360px}
.pd-selector select{background:#fff;border:1px solid #dadde3;border-radius:10px;padding:11px;max-width:100%;font:inherit;font-size:13px;color:#233044}
.pd-progress{padding:17px 21px;border-radius:17px;border:1px solid #e6e8ee;background:#fff}
.pd-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:11px}
.pd-progress>small{font-size:11px;color:#818894;display:block;margin-top:9px}
.pd-track{height:10px;border-radius:30px;background:#e8ebf0;overflow:hidden}
.pd-track>div{height:100%;background:linear-gradient(90deg,#f29c1e,#f7b44a);border-radius:inherit}
.pd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.pd-stat{background:#fff;border-radius:17px;padding:17px;border:1px solid #e8eaf0;min-width:0;display:grid;gap:7px}
.pd-stat>small{color:#687385;font-size:12px}
.pd-stat>strong{font-size:clamp(21px,2.7vw,29px);font-weight:750;line-height:1.1;overflow-wrap:anywhere}
.pd-stat>span{color:#89919e;font-size:11px;overflow-wrap:anywhere}
.pd-commercial{grid-template-columns:repeat(2,minmax(0,1fr))}
.pd-commercial .pd-stat{background:#fffdfa}
.pd-actions{display:flex;gap:9px;flex-wrap:wrap}
.pd-actions .btn{min-height:37px}
.pd-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.pd-panel{min-width:0;border:1px solid #e7e9ee;border-radius:18px;background:#fff;padding:15px}
.pd-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #edf0f3;padding-bottom:12px;margin-bottom:2px}
.pd-panel-head h3{font-size:15px;margin:0;line-height:1.3}
.pd-row{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:11px;border-bottom:1px solid #f1f2f4}
.pd-row:last-child{border:0}
.pd-row>div{min-width:0;display:grid;gap:5px;flex:1}
.pd-row strong{font-size:13px;overflow-wrap:anywhere}
.pd-row small{font-size:11px;color:#707b8c;line-height:1.45;overflow-wrap:anywhere}
.pd-row .btn{flex-shrink:0}
.pd-empty{font-size:13px;color:#86909f;padding:12px 0 2px}
.pd-risk{font-size:12px;border-bottom:1px solid #f0f1f3;padding:12px 2px;overflow-wrap:anywhere;color:#8a5e22}
.pd-risk:last-child{border:0}
.pd-footnote{font-size:11px;color:#838b9a;line-height:1.6;margin:0}
@media (max-width:900px){.pd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.pd-shell{gap:12px}.pd-hero{padding:18px;flex-direction:column;border-radius:17px}.pd-selector{width:100%;min-width:0;max-width:none}.pd-panels{grid-template-columns:1fr}.pd-panel{padding:13px}.pd-stat{padding:13px;min-height:90px}.pd-row{align-items:flex-start}.pd-row .btn{padding:8px;font-size:11px}.pd-actions .btn{flex:1 1 auto}.pd-hero h2{font-size:23px}}
@media(max-width:360px){.pd-stats{gap:7px}.pd-stat{padding:10px}.pd-stat>strong{font-size:21px}}

.pd-portfolio-actions{grid-column:4;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
@media(max-width:770px){.pd-portfolio-actions{grid-column:2;grid-row:2/4;flex-direction:column;align-items:stretch;max-width:150px}.pd-portfolio-actions .portfolio-open{grid-column:auto;grid-row:auto;min-height:35px}.pd-portfolio-actions>.btn{width:100%}}


/* Project card controls: two actions share one grid cell, including on iPhone. */
.pd-portfolio-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0;grid-column:4}
.pd-portfolio-actions .btn{white-space:nowrap;max-width:100%}
@media(max-width:1180px){.pd-portfolio-actions{grid-column:4}}
@media(max-width:770px){
 .pd-portfolio-actions{grid-column:2;grid-row:2/4;align-self:center;flex-direction:column;align-items:stretch}
 .pd-portfolio-actions .btn{text-align:center}
}
@media(max-width:420px){
 .pd-portfolio-actions{grid-column:2;grid-row:2/4}
 .pd-portfolio-actions .btn{font-size:10px;padding:7px 8px}
 .pd-hero .pd-selector{max-width:100%}
}