.portfolio-tools,.portfolio-path,.portfolio-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.portfolio-tools label{display:flex;gap:6px;align-items:center}.portfolio-tools input{width:auto}.portfolio-tree{list-style:none;padding:0;margin:0}.portfolio-tree ul{list-style:none;padding-left:22px;border-left:1px solid var(--line);margin:0 0 0 15px}.portfolio-row{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.portfolio-toggle{width:32px;flex:0 0 32px;padding:5px}.portfolio-label{flex:1;min-width:0}.portfolio-label button,.portfolio-path button{border:0;background:none;color:var(--accent);text-align:left;padding:0;font-weight:600;overflow-wrap:anywhere}.portfolio-meta{display:block;font-size:12px;color:var(--muted);margin-top:5px}.portfolio-status{display:flex;gap:5px;flex-wrap:wrap}.portfolio-domain{padding:13px 16px;background:#f8fafc;font-size:15px;margin:0}.portfolio-node{background:#edf1f6;color:var(--ink);border:1px solid var(--line);padding:12px;width:245px;min-height:105px;text-align:left;border-radius:4px;white-space:normal;overflow-wrap:anywhere}.portfolio-node.task{border-radius:16px}.portfolio-node.idea{border-radius:40px}.portfolio-node .portfolio-meta{color:inherit}.portfolio-node.tone-blue{background:#e4efff}.portfolio-node.tone-green{background:#e4f4ed}.portfolio-node.tone-red{background:#fae7e8}.portfolio-node.tone-yellow{background:#fff1d8}.portfolio-node.tone-purple{background:#eeeafa}.portfolio-node.context{opacity:.65}.portfolio-node button{background:none;border:0;color:inherit;text-align:left;padding:0;font-weight:600;overflow-wrap:anywhere}.portfolio-origin{border-left:2px dashed #827396!important}.portfolio-origin .portfolio-meta{font-style:italic}.portfolio-legend span{padding:5px 8px;border-radius:4px;font-size:12px}.tone-blue{background:#e4efff}.tone-green{background:#e4f4ed}.tone-red{background:#fae7e8}.tone-yellow{background:#fff1d8}.tone-purple{background:#eeeafa}.tone-grey{background:#edf1f6}.portfolio-map{overflow:auto;max-height:68vh;min-height:260px;position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;touch-action:pan-x pan-y}.portfolio-canvas{position:relative;transform-origin:0 0}.portfolio-canvas>svg{position:absolute;inset:0;pointer-events:none}.portfolio-canvas>div{position:absolute;width:245px}.portfolio-map .portfolio-node{height:120px;overflow:auto}.portfolio-map .portfolio-node button{display:block}.portfolio-group{margin-bottom:16px}.portfolio-warning{padding:12px;background:#fff1d8;margin-bottom:15px;overflow-wrap:anywhere}.portfolio-warning summary{cursor:pointer;font-weight:600}.portfolio-inline{margin-bottom:20px}.portfolio-context{color:var(--muted);font-size:12px}.portfolio-tools .button[aria-pressed=true]{background:var(--accent);color:white}.portfolio-tools .map-only{display:flex;gap:7px}.portfolio-row>span:first-child{width:32px;flex:0 0 32px}.portfolio-row .portfolio-status{max-width:180px}.portfolio-detail-link{margin-top:8px!important;font-size:12px}
.portfolio-map .portfolio-node{height:170px}
@media(max-width:780px){.portfolio-tree ul{padding-left:10px;margin-left:8px}.portfolio-row{gap:5px;padding:10px 8px;flex-wrap:wrap}.portfolio-row .portfolio-status{margin-left:37px;max-width:none}.portfolio-tools{gap:10px}.portfolio-node{width:230px}.portfolio-domain{font-size:14px}.portfolio-path{font-size:12px}}