#ccPortfolioNav{margin-top:7px}.cc-portfolio-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:14px}.cc-port-grid,.cc-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cc-port-card,.cc-template-card{border:1px solid var(--line);border-radius:var(--cc-radius,14px);background:var(--panel2);padding:15px;min-width:0}.cc-port-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cc-port-head strong,.cc-template-card strong{display:block;font-size:14px}.cc-port-head span:not(.badge),.cc-template-card>div>span{display:block;color:var(--muted);font-size:10px;margin-top:4px;direction:ltr}.cc-port-card p,.cc-template-card p{color:var(--muted);font-size:12px;line-height:1.6;min-height:38px}.cc-port-metrics{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px;color:var(--muted);font-size:11px}.cc-port-metrics b{color:var(--text)}.cc-port-card>a{display:inline-block;color:var(--green);font-size:11px;margin-top:10px}.cc-mission-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:9px 0;text-align:start;font-size:11px}.cc-template-card>.btn{margin-top:12px;width:100%}.cc-port-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.68);display:none;place-items:center;z-index:100;padding:18px}.cc-port-modal-bg.open{display:grid}.cc-port-modal{width:min(650px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line2);border-radius:18px;background:var(--panel);padding:22px;box-shadow:var(--shadow)}.cc-port-modal h2{font-size:20px;margin:0 0 15px}.cc-port-form{display:grid;gap:12px}.cc-port-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.cc-port-form textarea{min-height:100px}.cc-port-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-port-form-actions{display:flex;gap:8px;margin-top:5px}.cc-runs-panel{margin:0 0 13px}.cc-runs-list{display:grid;gap:8px}.cc-run-row{display:grid;grid-template-columns:36px minmax(180px,1fr) auto minmax(220px,.8fr);gap:11px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:10px 12px}.cc-run-no{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--panel3);border:1px solid var(--line2);font-size:11px;font-weight:800}.cc-run-row strong{font-size:12px}.cc-run-row small{display:block;color:var(--muted);font-size:9px;direction:ltr;margin-top:3px}.cc-run-time{display:grid;gap:2px;color:var(--muted);font-size:9px}.top-actions a.btn{text-decoration:none;display:inline-flex;align-items:center}
@media(max-width:1150px){.cc-port-grid,.cc-template-grid{grid-template-columns:repeat(2,1fr)}.cc-run-row{grid-template-columns:36px 1fr auto}.cc-run-time{grid-column:2/4}}
@media(max-width:760px){.cc-port-grid,.cc-template-grid{grid-template-columns:1fr}.cc-port-form-grid{grid-template-columns:1fr}.cc-run-row{grid-template-columns:32px 1fr}.cc-run-row>.badge{grid-column:2}.cc-run-time{grid-column:2}.cc-portfolio-actions{justify-content:stretch}.cc-portfolio-actions .btn{flex:1}}