.pd-portfolio-studio{height:100%;overflow:auto;background:var(--pd-surface-bg);padding:12px 18px 24px;font-size:12px}
.pd-portfolio-hero{display:grid;grid-template-columns:1fr 1fr;gap:28px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);margin-bottom:10px}
.pd-portfolio-hero h1{font-size:30px;letter-spacing:-1px;margin:4px 0 8px}.pd-portfolio-hero p{color:var(--muted);margin:6px 0;line-height:1.5}
.pd-portfolio-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:11px}.pd-portfolio-benefits i{color:var(--success);margin-right:4px}
.pd-portfolio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pd-portfolio-metrics article{border:1px solid var(--line);border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:4px}.pd-portfolio-metrics i{font-size:20px;color:var(--accent);margin-bottom:8px}.pd-portfolio-metrics strong{font-size:20px}.pd-portfolio-metrics small{color:var(--muted);font-size:10px}
.pd-portfolio-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px 10px 0 0}.pd-portfolio-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pd-portfolio-filters button{border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:11px;padding:7px 9px;cursor:pointer}.pd-portfolio-filters button.active{background:var(--accent);color:var(--pd-accent-contrast)}.pd-portfolio-filters small{margin-left:6px}.pd-portfolio-filters input{width:170px;min-width:100px;border:1px solid var(--line);border-radius:6px;padding:7px 10px;background:var(--surface);color:var(--text);font-size:11px}
.pd-portfolio-studio .secondary-button,.pd-portfolio-studio .primary-button{font-size:11px;min-height:29px;padding:6px 10px;border-radius:6px}
.pd-portfolio-columns{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px}.pd-portfolio-projects{min-width:0;border:1px solid var(--line);border-radius:0 0 10px 10px;background:var(--surface);padding:0 8px 8px}
.pd-portfolio-table-head,.pd-portfolio-project-row{display:grid;grid-template-columns:25px minmax(190px,1fr) 44px 40px 40px 140px 105px;gap:10px;align-items:center}.pd-portfolio-table-head{color:var(--muted);padding:12px 10px;font-size:10px;font-weight:600}.pd-portfolio-project{border:1px solid transparent;border-bottom-color:var(--line)}.pd-portfolio-project.selected{border-color:var(--accent);border-radius:9px;background:var(--accent-soft)}.pd-portfolio-project-row{padding:10px;font-size:10px}.pd-portfolio-project-name{border:0;background:none;display:flex;gap:10px;text-align:left;align-items:center;color:var(--text);padding:0;cursor:pointer;min-width:0}.pd-portfolio-project-name>.asset-image{width:70px;height:48px;flex:0 0 70px;border-radius:5px;background-size:contain}.pd-portfolio-project-name>i{font-size:27px;color:var(--accent)}.pd-portfolio-project-name>span:last-child{min-width:0}.pd-portfolio-project-name strong{display:block;font-size:11px;line-height:1.4}.pd-portfolio-project-name small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.pd-portfolio-project-name em{display:block;font-style:normal;color:var(--muted);font-size:9px;line-height:1.4;margin-top:3px;max-height:26px;overflow:hidden}
.pd-portfolio-readiness{display:grid;grid-template-columns:1fr 30px;gap:4px}.pd-portfolio-readiness b{grid-column:1/-1;font-size:9px;font-weight:500}.pd-portfolio-readiness .ready{color:var(--success)}.pd-portfolio-readiness progress{width:100%;height:5px;accent-color:var(--accent)}.pd-portfolio-readiness small{font-size:9px}
.pd-portfolio-expanded{padding:8px 10px 12px}.pd-portfolio-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px;flex-wrap:wrap}.pd-portfolio-tabs button{border:0;background:none;padding:8px;color:var(--muted);font-size:11px;cursor:pointer}.pd-portfolio-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:700}
.pd-portfolio-dual{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pd-portfolio-dual .portfolio-stage{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;margin:0;min-width:0}.pd-portfolio-dual .portfolio-stage-head{gap:8px;align-items:start}.pd-portfolio-dual h3{font-size:12px;margin:0 0 4px}.pd-portfolio-dual .portfolio-stage-head p{font-size:10px;line-height:1.5;color:var(--muted);margin:0;max-width:45ch}.pd-portfolio-dual .portfolio-stage-head button{font-size:10px;white-space:normal}.pd-portfolio-dual .portfolio-drop-zone{padding:8px;margin-top:12px;min-height:220px}.pd-portfolio-dual .portfolio-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pd-portfolio-dual .portfolio-image-card{min-width:0;padding:4px;border-radius:6px}.pd-portfolio-dual .portfolio-image-card .asset-image{height:100px;width:100%;background-size:contain!important}.pd-portfolio-dual .portfolio-image-card small{font-size:9px;overflow-wrap:anywhere;white-space:normal}.pd-portfolio-dual .portfolio-card-actions{flex-wrap:wrap;gap:2px}.pd-portfolio-dual .portfolio-card-actions .icon-button{width:23px;height:23px;min-width:23px}.pd-portfolio-dual .portfolio-card-actions .primary-button{font-size:9px;padding:4px}.pd-portfolio-dual .portfolio-drop-empty{font-size:11px;line-height:1.6}
.pd-portfolio-inspector{display:grid;gap:10px;align-content:start;padding-top:0}.pd-portfolio-inspector>section{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:14px;min-width:0}.pd-portfolio-inspector h2{font-size:15px;line-height:1.45;letter-spacing:-.3px;margin:5px 0}.pd-portfolio-inspector h3{font-size:12px;margin:0 0 10px}.pd-portfolio-inspector p{font-size:11px;line-height:1.7;color:var(--muted);max-width:55ch}.pd-portfolio-inspector small{color:var(--muted)}.pd-portfolio-cover{width:100%;height:155px;border-radius:7px;border:0;background-size:contain!important;cursor:pointer}.pd-portfolio-inspector progress{display:block;width:100%;height:7px;margin-top:12px;accent-color:var(--accent)}.pd-portfolio-inspector dl{display:grid;grid-template-columns:100px 1fr;gap:9px;font-size:11px;line-height:1.5}.pd-portfolio-inspector dt{color:var(--muted)}.pd-portfolio-inspector dd{margin:0;overflow-wrap:anywhere}.pd-portfolio-no-results{padding:50px 20px;text-align:center;color:var(--muted)}
@media(max-width:1300px){.pd-portfolio-columns{grid-template-columns:minmax(0,1fr) 280px}.pd-portfolio-dual{gap:12px}.pd-portfolio-dual .portfolio-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-portfolio-project-row,.pd-portfolio-table-head{grid-template-columns:20px minmax(160px,1fr) 35px 30px 30px 100px 85px;gap:6px}}
@media(max-width:1050px){.pd-portfolio-hero{grid-template-columns:1fr}.pd-portfolio-columns{grid-template-columns:1fr}.pd-portfolio-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-portfolio-project-name>.asset-image{width:50px;flex-basis:50px}}
@media(max-width:650px){.pd-portfolio-studio{padding:10px}.pd-portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-portfolio-dual,.pd-portfolio-inspector{grid-template-columns:1fr}.pd-portfolio-table-head{display:none}.pd-portfolio-project-row{grid-template-columns:20px minmax(0,1fr) 80px}.pd-portfolio-project-row>span:nth-child(3),.pd-portfolio-project-row>span:nth-child(4),.pd-portfolio-project-row>span:nth-child(5),.pd-portfolio-readiness{display:none}.pd-portfolio-hero h1{font-size:26px}}