/* Workload uses the existing Echo shell and typography. All rules are scoped. */
#pageEquipe.echo-workload-open > :not(#workloadPortfolio){display:none!important}
#pageEquipe #workloadPortfolio[hidden]{display:none!important}
#pageEquipe #workloadPortfolio{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;color:#1f211e;background:#fff;font-family:var(--figma-font)}
#workloadPortfolio .echo-analysis-titlebar{border-bottom:1px solid #eeecea}
#workloadPortfolio .wlp-content{overflow:auto;flex:1;min-height:0;padding:16px 32px 32px}
#workloadPortfolio p{font:400 12px/1.6 var(--figma-font);color:#77766f;margin:0 0 12px}
#workloadPortfolio #wlp-period{font-size:11px;color:#8b8981}
#workloadPortfolio .notice{background:#f7f6f2;border-left:2px solid #d4d1c8;padding:10px 12px}
#workloadPortfolio details{border-bottom:1px solid #eeecea;padding:10px 0 14px}
#workloadPortfolio summary{font-size:12px;font-weight:600;cursor:pointer;color:#55564f}
#workloadPortfolio details p{margin-top:12px}
#workloadPortfolio form,#workloadPortfolio .toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}
#workloadPortfolio label{display:grid;gap:6px;font:500 11px/1.3 var(--figma-font);color:#8b8981}
#workloadPortfolio input,#workloadPortfolio select{height:30px;max-width:100%;padding:0 10px;border:1px solid #e2e0db;border-radius:3px;background:#fff;color:#55564f;font:500 12px var(--figma-font);box-shadow:none}
#workloadPortfolio input[type=number]{width:170px}
#workloadPortfolio button{height:30px;padding:0 12px;border:1px solid #1f211e;border-radius:3px;background:#1f211e;color:#fff;font:600 11px var(--figma-font);cursor:pointer}
#workloadPortfolio #wlp-reset{background:#fff;color:#77766f;border-color:#e2e0db}
#workloadPortfolio button:disabled{opacity:.5;cursor:wait}
#workloadPortfolio h2{margin:24px 0 8px;font:700 13px var(--figma-font);color:#1f211e}
#workloadPortfolio .table-wrap{overflow:auto;border:1px solid #eeecea;border-radius:0;background:#fff}
#workloadPortfolio table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:auto}
#workloadPortfolio th{height:36px;padding:0 12px;background:#1f211e;color:#c4c4c0;font:600 10px var(--figma-font);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-align:left;border:0}
#workloadPortfolio td{padding:12px;border:0;border-bottom:1px solid #f0efeb;color:#55564f;font:400 12px/1.4 var(--figma-font);vertical-align:top;text-align:left}
#workloadPortfolio tbody tr:nth-child(even){background:#fafaf8}
#workloadPortfolio tbody tr:hover{background:#f4f3ef}
#workloadPortfolio td:first-child{font-weight:600;color:#1f211e;min-width:180px}
#workloadPortfolio small{display:block;font-size:10px;color:#a09d94;margin-top:4px}
#workloadPortfolio .badge{display:inline-flex;white-space:nowrap;font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;background:#eeede8;color:#77766f}
#workloadPortfolio .dense{background:#eee2d9;color:#8a5435}
#workloadPortfolio .coquille{background:#e5ece6;color:#58745b}
#workloadPortfolio .standard{background:#e7eaed;color:#5a6b79}
#workloadPortfolio :focus-visible{outline:2px solid #757d69;outline-offset:2px}
@media(max-width:800px){#workloadPortfolio .wlp-content{padding:16px}#workloadPortfolio .echo-analysis-titlebar{flex-wrap:wrap;padding:20px 16px}#workloadPortfolio .echo-analysis-heading{flex-wrap:wrap}#workloadPortfolio .echo-analysis-heading h1{white-space:normal}#workloadPortfolio .toolbar label{flex:1;min-width:150px}}
#workloadPortfolio [hidden]{display:none!important}
#workloadPortfolio .wlp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 24px}
#workloadPortfolio .wlp-kpis>div{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#f7f6f2;border:1px solid #eeece6;border-radius:6px}
#workloadPortfolio .wlp-kpis span{font-size:12px;color:#77766f}
#workloadPortfolio .wlp-kpis strong{font-size:25px;font-weight:600}
#workloadPortfolio .wlp-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:24px}
#workloadPortfolio .wlp-search-label{flex:1;min-width:240px}
#workloadPortfolio .wlp-toolbar input,#workloadPortfolio .wlp-toolbar select{height:36px}
#workloadPortfolio .wlp-tabs{display:flex;gap:24px;border-bottom:1px solid #e2e0db;margin-bottom:16px}
#workloadPortfolio .wlp-tabs button{background:none;color:#8b8981;border:0;border-bottom:2px solid transparent;border-radius:0;height:38px;padding:0 0 10px;font-size:13px}
#workloadPortfolio .wlp-tabs button[aria-selected=true]{color:#1f211e;border-bottom-color:#1f211e}
#workloadPortfolio .table-wrap{max-height:560px;border-radius:6px}
#workloadPortfolio table{min-width:1000px}
#workloadPortfolio th{position:sticky;top:0;z-index:1;background:#f4f3ef;color:#77766f;height:44px;text-transform:none;letter-spacing:0}
#workloadPortfolio th button{background:none;border:0;color:inherit;padding:0;font-size:11px;display:flex;gap:8px;align-items:center}
#workloadPortfolio th[aria-sort=ascending],#workloadPortfolio th[aria-sort=descending]{color:#1f211e}
#workloadPortfolio td{vertical-align:middle;padding:12px;font-size:12px}
#workloadPortfolio td:nth-child(n+4):nth-child(-n+7){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#workloadPortfolio th:nth-child(n+4):nth-child(-n+7) button{margin-left:auto}
#workloadPortfolio td:first-child{width:28%}
#workloadPortfolio button.wlp-name{height:auto;min-height:24px;text-align:left;padding:0;border:0;background:none;color:#292b25;font-size:12px;line-height:1.5}
#workloadPortfolio button.wlp-name:hover{text-decoration:underline}
#workloadPortfolio button.wlp-view,#workloadPortfolio #wlp-clear,#workloadPortfolio .wlp-pagination button,#workloadPortfolio .wlp-detail-nav button{background:white;border-color:#e2e0db;color:#55564f;white-space:nowrap}
#workloadPortfolio button:disabled{cursor:default;opacity:.35}
#workloadPortfolio .wlp-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 0 22px;font-size:12px;color:#77766f;flex-wrap:wrap}
#workloadPortfolio .wlp-pagination label{display:flex;align-items:center;margin-right:auto}
#workloadPortfolio #wlp-range{margin-right:12px}
#workloadPortfolio dialog{width:min(620px,calc(100vw - 48px));max-height:85vh;padding:28px;border:1px solid #e2e0db;border-radius:10px;color:#1f211e;background:white;box-shadow:0 20px 80px #0003}
#workloadPortfolio dialog::backdrop{background:#1f211e66}
#workloadPortfolio .wlp-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}
#workloadPortfolio .wlp-detail-heading h2{font-size:20px;margin:0 0 16px}
#workloadPortfolio #wlp-detail-close{background:none;border:0;color:#77766f;font-size:22px}
#workloadPortfolio dl{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:12px;margin:20px 0}
#workloadPortfolio dt,#workloadPortfolio dd{margin:0;padding:12px 0;border-bottom:1px solid #eeecea}
#workloadPortfolio dt{color:#77766f}#workloadPortfolio dd{text-align:right;font-weight:500}
#workloadPortfolio .wlp-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}
@media(max-width:800px){#workloadPortfolio .wlp-kpis{grid-template-columns:repeat(2,1fr)}#workloadPortfolio .wlp-kpis>div{padding:12px}#workloadPortfolio .wlp-toolbar label{flex:1}#workloadPortfolio .wlp-pagination{justify-content:center}#workloadPortfolio .wlp-detail-nav{flex-wrap:wrap}}
/* Compact portfolio summary: keep the table as the primary content. */
#workloadPortfolio .wlp-kpis{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #eeecea}
#workloadPortfolio .wlp-kpis>div{gap:8px;padding:0;background:none;border:0;border-radius:0}
#workloadPortfolio .wlp-kpis strong{font-size:15px}
#workloadPortfolio .wlp-kpis span{font-size:12px}
#workloadPortfolio .wlp-toolbar{margin-bottom:14px;gap:10px}
#workloadPortfolio .wlp-search-label{flex:0 1 360px}
#workloadPortfolio .wlp-tabs{margin-bottom:12px}
#workloadPortfolio #wlp-collaborators-panel table{min-width:680px;table-layout:fixed}
#workloadPortfolio #wlp-collaborators-panel th:first-child{width:30%}
#workloadPortfolio #wlp-collaborators-panel th:last-child{width:23%}
#workloadPortfolio #wlp-collaborators-panel th:not(:first-child),#workloadPortfolio #wlp-collaborators-panel td:not(:first-child){text-align:right}
#workloadPortfolio #wlp-collaborators-panel td{padding:14px 18px}
#workloadPortfolio #wlp-collaborators-panel th{padding:0 18px}
#workloadPortfolio #wlp-collaborators-panel strong{font-weight:600;color:#1f211e}
#workloadPortfolio .wlp-pagination>div{display:flex;align-items:center;gap:6px}
#workloadPortfolio .echo-analysis-heading>span{display:none}
