.portfolio-shell{display:grid;gap:10px;min-width:0}.portfolio-views,.portfolio-counts,.portfolio-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.portfolio-views button,.portfolio-counts button,.portfolio-controls select,.portfolio-controls input,.portfolio-detail button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card);padding:7px 10px}.portfolio-controls [data-pq]{flex:1 1 260px}.portfolio-counts>span{font-weight:900}.portfolio-counts>*{padding:6px 9px;border-radius:9px;background:#eee5d9}.portfolio-snapshot{margin:0;color:var(--muted);font-size:12px}.portfolio-list{display:grid;gap:5px}.portfolio-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(190px,1.2fr) minmax(110px,.8fr) 100px auto;align-items:center;gap:10px;width:100%;min-height:52px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:inherit;text-align:left;cursor:pointer}.portfolio-row strong,.portfolio-row small{display:block}.portfolio-row small{color:var(--muted)}.portfolio-badge{padding:3px 7px;border-radius:999px;background:#eee5d9;font-size:12px}.status-blocked{background:#f5d6d1}.status-waiting{background:#f4e5ba}.status-closable{background:#dcebdc}.portfolio-detail{position:fixed;z-index:20;top:var(--maruko-appbar-h,64px);right:0;width:min(580px,100%);height:calc(100vh - var(--maruko-appbar-h,64px));padding:18px;overflow:auto;border:1px solid var(--line);background:var(--card);box-shadow:-12px 0 35px rgba(45,35,25,.2)}.portfolio-detail-head{display:flex;justify-content:space-between;gap:12px}.portfolio-detail h2,.portfolio-detail p{margin-top:0}.portfolio-warning{color:#8a4b25}.portfolio-empty{padding:28px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}@media(max-width:900px){.portfolio-row{grid-template-columns:minmax(0,1fr) auto}.portfolio-row>span:nth-child(2),.portfolio-row>span:nth-child(3),.portfolio-row>span:nth-child(4){grid-column:1/-1}}@media(max-width:720px){.portfolio-controls{display:grid;grid-template-columns:1fr 1fr}.portfolio-controls [data-pq]{grid-column:1/-1}.portfolio-row{grid-template-columns:minmax(0,1fr);min-height:44px}.portfolio-row>*{grid-column:1!important}.portfolio-detail{top:0;height:100vh}}
.portfolio-row-head{min-height:auto;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:default}.portfolio-row-head:hover{transform:none}@media(max-width:900px){.portfolio-row-head{display:none}}
.portfolio-technical{max-width:100%;color:var(--muted);font-size:12px}.portfolio-technical summary{cursor:pointer}.portfolio-technical code{display:block;max-width:100%;padding-top:5px;overflow-wrap:anywhere;word-break:break-all}
.portfolio-reasons{display:flex!important;flex-wrap:wrap;gap:4px;margin-top:4px}.portfolio-reasons span{padding:2px 6px;border-radius:999px;background:#eee5d9;color:var(--ink);font-size:11px}.portfolio-decisions{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px}.portfolio-decisions h2,.portfolio-decisions p{margin:0}.portfolio-decisions article{display:grid;gap:3px;padding-top:6px;border-top:1px solid var(--line)}.portfolio-decisions article small{display:block;color:var(--muted)}
.portfolio-shell{width:100%;gap:6px}.portfolio-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.portfolio-top .portfolio-snapshot{margin-left:auto}.portfolio-controls{row-gap:5px}.portfolio-controls select,.portfolio-controls input{min-height:34px;padding:5px 8px}.portfolio-counts{gap:5px}.portfolio-counts>*{padding:4px 7px}.portfolio-list{container-type:inline-size;gap:3px}.portfolio-row{height:52px;min-height:52px;padding:3px 8px}.portfolio-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-row>span:first-child{display:grid;gap:0}.portfolio-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-row small:empty{display:none}.portfolio-reasons{flex-wrap:nowrap;margin-top:0;overflow:hidden;line-height:1.15}.portfolio-reasons span{flex:0 0 auto;padding:1px 5px}.portfolio-decisions{display:block}.portfolio-decisions>summary{padding:7px 9px;border-radius:8px;background:#eee5d9;font-weight:800;cursor:pointer}.portfolio-decisions[open]>summary{margin-bottom:6px}
.portfolio-top{justify-content:flex-start}.portfolio-top .portfolio-counts{margin-left:auto}.portfolio-metadata{display:flex;align-items:center;gap:10px;min-height:24px;color:var(--muted);font-size:11px}.portfolio-metadata .portfolio-snapshot{flex:0 0 auto}.portfolio-metadata .portfolio-technical{flex:0 0 auto}.portfolio-metadata .portfolio-technical summary{white-space:nowrap}.portfolio-metadata .portfolio-decisions{min-width:0;margin-left:auto;padding:0;border:0}.portfolio-metadata .portfolio-decisions>summary{padding:3px 7px;white-space:nowrap}.portfolio-metadata .portfolio-decisions[open]{position:relative}.portfolio-metadata .portfolio-decisions[open]>:not(summary){position:relative;z-index:2;background:var(--card)}.portfolio-row-head{height:24px;min-height:24px;padding-block:0}
@container(max-width:740px){.portfolio-row{height:auto;grid-template-columns:minmax(0,1fr) auto}.portfolio-row>span:nth-child(2),.portfolio-row>span:nth-child(3),.portfolio-row>span:nth-child(4){grid-column:1/-1}.portfolio-row-head{display:none}}
@media(max-width:720px){.portfolio-shell,.portfolio-top,.portfolio-counts,.portfolio-controls,.portfolio-metadata{min-width:0;max-width:100%}.portfolio-top,.portfolio-metadata{align-items:stretch;flex-direction:column}.portfolio-top .portfolio-counts,.portfolio-metadata .portfolio-decisions{width:100%;margin-left:0}.portfolio-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portfolio-controls>*{min-width:0;max-width:100%}.portfolio-controls [data-pq]{grid-column:1/-1;width:100%}.portfolio-controls select{width:100%}.portfolio-metadata .portfolio-snapshot,.portfolio-metadata .portfolio-technical{flex:1 1 auto;min-width:0}.portfolio-metadata .portfolio-decisions>summary,.portfolio-metadata .portfolio-technical summary{white-space:normal;overflow-wrap:anywhere}.portfolio-row{height:auto;min-height:52px;grid-template-columns:minmax(0,1fr);padding:8px}.portfolio-row>span{white-space:normal;overflow-wrap:anywhere}.portfolio-row strong{white-space:normal;overflow-wrap:anywhere}.portfolio-reasons{flex-wrap:wrap;overflow:visible}.portfolio-row-head{display:none}.portfolio-detail{z-index:1001;inset:0;width:100vw;max-width:100vw;height:100dvh;box-sizing:border-box}.portfolio-detail-head{position:sticky;z-index:2;top:-18px;padding-top:18px;background:var(--card)}.portfolio-detail-head [data-close-detail]{flex:0 0 auto;min-width:44px;min-height:44px}}
.content:has(.portfolio-shell){container-type:normal}.portfolio-detail{right:0;max-height:none;overflow:auto;box-sizing:border-box}.portfolio-detail-head{align-items:flex-start}.portfolio-detail-head>div{min-width:0;flex:1}.portfolio-detail-head h2,.portfolio-detail-head p{overflow-wrap:anywhere}.portfolio-detail-head [data-close-detail]{width:44px;height:44px;flex:none}

@media(min-width:1100px){.portfolio-shell{gap:4px}.portfolio-top{flex-wrap:nowrap;gap:8px}.portfolio-views{flex:none;gap:4px}.portfolio-counts{gap:4px;flex:1;justify-content:flex-end}.portfolio-top button,.portfolio-counts>span{font-size:13px;min-height:32px;padding:5px 7px;white-space:nowrap}.portfolio-controls input,.portfolio-controls select{min-height:32px;padding:5px 8px;font-size:14px}.portfolio-controls label{font-size:13px}}
/* Read-only live version comparison, scoped to the portfolio tab. */
.portfolio-live{min-width:0;max-width:100%}
.portfolio-live-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:8px}
.portfolio-live-head h2{margin:0;font-size:16px}
.portfolio-live-head time{font-size:12px;white-space:nowrap}
.portfolio-live .portfolio-controls{display:flex;flex-wrap:wrap;min-width:0;gap:7px}
.portfolio-live .portfolio-controls>*{min-width:0;max-width:100%}
.portfolio-live [data-live-q]{flex:0 1 320px;width:100%;box-sizing:border-box}
.portfolio-live-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.portfolio-live-table th,.portfolio-live-table td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.portfolio-live-table th{position:sticky;top:var(--maruko-appbar-h,64px);z-index:1;background:var(--card)}
.portfolio-live-table th:nth-child(1){width:170px}
.portfolio-live-table th:nth-child(3){width:80px}
.portfolio-live-table th:nth-child(4){width:170px}
.portfolio-live-table time{white-space:nowrap;font-size:11px}
.portfolio-live-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.portfolio-live-table small{color:var(--muted)}
.portfolio-live-commits ul{padding-left:18px}
.portfolio-live-commits li{margin:6px 0}
.portfolio-live-commits summary{cursor:pointer}
@media(max-width:1000px){.portfolio-live-table thead{display:none}.portfolio-live-table,.portfolio-live-table tbody{display:block}.portfolio-live-table tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));border-bottom:1px solid var(--line);padding:8px 0}.portfolio-live-table td{display:block;min-width:0;border:0;padding:4px}.portfolio-live-table td:nth-child(2){grid-column:1/-1}.portfolio-live .portfolio-technical{overflow-wrap:anywhere}}
.portfolio-shell:has(.portfolio-live)>.portfolio-views{flex-wrap:wrap;min-width:0}
.portfolio-top:has([data-pview="live"]){flex-wrap:wrap}
/* Dated reconciliation lens: compact controls and readable state labels. */
.reconciliation-next { grid-column:1/-1; font-size:14px; line-height:1.5; }
.reconciliation-next strong { font-size:13px; }
.reconciliation-action-note { margin:0; font-size:13px; color:var(--muted); }
.portfolio-next-action { border-bottom:1px solid var(--border,#ccc); margin-bottom:12px; }
.portfolio-next-action details { font-size:12px; }
.reconciliation-head,.reconciliation-head .portfolio-views { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.reconciliation-shell .portfolio-controls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.reconciliation-shell .portfolio-controls input:not([type=checkbox]) { width:min(280px,100%); flex:0 1 280px; min-width:0; }
.reconciliation-shell .portfolio-controls select { width:auto; max-width:280px; flex:0 1 auto; min-width:0; }
.reconciliation-shell button,.reconciliation-shell select,.reconciliation-shell input { min-height:44px; }
.reconciliation-checkpoint { font-size:12px; overflow-wrap:anywhere; margin:6px 0; }
.reconciliation-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; width:100%; text-align:left; padding:10px; border:0; border-bottom:1px solid var(--border,#ccc); background:transparent; color:inherit; }
.reconciliation-row > span { min-width:0; overflow-wrap:anywhere; }
.reconciliation-row small,.reconciliation-queue small,.reconciliation-shell .portfolio-detail small { display:block; overflow-wrap:anywhere; font-size:12px; }
.reconciliation-row .portfolio-badge { white-space:normal; align-self:start; }
.reconciliation-reason { grid-column:1/-1; font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.reconciliation-queue { border-bottom:1px solid var(--border,#ccc); padding:10px; overflow-wrap:anywhere; }
.reconciliation-shell .portfolio-detail { overflow-wrap:anywhere; }
@media(min-width:1024px){.reconciliation-shell .portfolio-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr)); align-items:start; }.reconciliation-shell .portfolio-empty { grid-column:1/-1; }}
@media(max-width:600px){.reconciliation-head .portfolio-views { flex-wrap:nowrap; overflow-x:auto; width:100%; }.reconciliation-head .portfolio-views button { flex:none; }.reconciliation-shell .portfolio-controls input:not([type=checkbox]) { flex:1 1 100%; }.reconciliation-row { grid-template-columns:minmax(0,1fr); }.reconciliation-row .portfolio-badge { justify-self:start; }}