#projects-page .customer-workspace-tabs{display:flex;align-items:center;gap:24px;margin:0 0 12px;border-bottom:1px solid var(--ui-border)}
#projects-page .customer-workspace-tabs button{position:relative;min-height:42px;padding:8px 2px 11px;border:0;background:transparent;color:#626a78;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
#projects-page .customer-workspace-tabs button.active{color:#30374d;font-weight:760}
#projects-page .customer-workspace-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--ui-purple)}
#projects-page .customer-workspace-tabs button:focus-visible,.business-expand:focus-visible,.business-view:focus-visible,.business-help:focus-visible{outline:3px solid rgba(126,107,209,.24);outline-offset:2px}
#projects-page .customer-legacy-filter{display:none!important}
#projects-page .contract-toolbar>.filter-bar{grid-template-columns:minmax(160px,220px) minmax(180px,1fr)}
#projects-page .contract-toolbar .contract-search-label{grid-column:auto}
#projects-page .project-flow-summary{margin-top:14px!important}
#projects-page .business-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:15px 0;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:rgba(255,255,255,.76);box-shadow:var(--ui-shadow);backdrop-filter:blur(16px) saturate(120%)}
#projects-page .business-summary:has(span:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
#projects-page .business-summary span{display:grid;gap:5px;min-width:0;padding:2px 20px;border-right:1px solid var(--ui-border)}
#projects-page .business-summary span:last-child{border-right:0}
#projects-page .business-summary small{color:var(--ui-muted);font-size:11px}
#projects-page .business-summary b{min-width:0;overflow-wrap:anywhere;color:#243b60;font-size:19px;font-variant-numeric:tabular-nums}
#projects-page .business-summary b.positive,.business-money.positive{color:#2f8568}
#projects-page .business-summary b.negative,.business-money.negative{color:#c65361}
#projects-page .business-scope{margin:9px 2px 15px;color:var(--ui-muted);font-size:11px;line-height:1.55}
#projects-page .business-table{overflow-x:auto;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--ui-shadow);backdrop-filter:blur(16px) saturate(120%)}
#projects-page .business-table-head,#projects-page .business-row{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(98px,.85fr)) minmax(128px,1fr) minmax(114px,.9fr) 38px;align-items:center;column-gap:8px;min-width:860px;padding:0 14px}
#projects-page .business-table.is-supplier .business-table-head,#projects-page .business-table.is-supplier .business-row{grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(145px,1fr)) minmax(155px,1fr) 46px;min-width:930px}
#projects-page .business-table-head{min-height:44px;border-bottom:1px solid var(--ui-border);background:rgba(246,245,250,.72);color:#716f7e;font-size:11px;font-weight:720}
#projects-page .business-table-head span:nth-child(n+2){text-align:right}
#projects-page .business-table-head span:first-child{text-align:left}
#projects-page .business-table-head span:last-child{text-align:right}
#projects-page .business-row{min-height:68px;border-bottom:1px solid rgba(126,107,209,.08);transition:background .16s ease}
#projects-page .business-row:last-child{border-bottom:0}
#projects-page .business-parent{background:rgba(245,244,250,.62)}
#projects-page .business-parent:has(.business-expand.is-open){background:rgba(241,239,248,.78)}
#projects-page .business-parent:not(:first-child){border-top:7px solid rgba(239,238,246,.74)}
#projects-page .business-child{min-height:62px;background:rgba(255,255,255,.46)}
#projects-page .business-child:hover{background:rgba(248,247,251,.82)}
#projects-page .business-identity{display:flex;align-items:center;gap:10px;min-width:0}
#projects-page .business-identity>div{display:grid;gap:4px;min-width:0}
#projects-page .business-identity b{overflow:hidden;color:#293650;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
#projects-page .business-child .business-identity b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
#projects-page .business-parent .business-identity b{font-size:14px}
#projects-page .business-identity small{color:var(--ui-muted);font-size:10px}
#projects-page .business-customer-meta{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap}
#projects-page .business-customer-meta>span+span{padding-left:10px;border-left:1px solid rgba(126,107,209,.14)}
#projects-page .business-customer-meta strong{color:#7a7d89;font-size:10px;font-weight:720;font-variant-numeric:tabular-nums;white-space:nowrap}
#projects-page .business-customer-meta strong.is-cost{color:#c65361}
#projects-page .business-expand{display:grid;place-items:center;flex:none;width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.46);color:#777083;cursor:pointer;transition:background .16s ease,color .16s ease}
#projects-page .business-expand:hover{background:rgba(255,255,255,.88);color:#655b83}
#projects-page .business-expand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .16s}
#projects-page .business-expand.is-open svg{transform:rotate(90deg)}
#projects-page .business-branch{position:relative;flex:none;width:25px;height:30px;margin-left:8px;border-left:1px solid rgba(126,107,209,.28);border-bottom:1px solid rgba(126,107,209,.28);border-bottom-left-radius:5px;transform:translateY(-12px)}
#projects-page .business-cell{display:grid;justify-items:end;gap:3px;min-width:0;text-align:right}
#projects-page .business-cell>small:first-child{display:none}
#projects-page .business-cell small{color:var(--ui-muted);font-size:10px;line-height:1.35;white-space:normal}
#projects-page .business-money{color:#2c3f61;font-size:13px;font-weight:730;font-variant-numeric:tabular-nums;white-space:nowrap}
#projects-page .business-margin{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;max-width:100%;white-space:nowrap}
#projects-page .business-margin small{color:#697581;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
#projects-page .business-outstanding.has-balance{color:#5e6676;font-weight:650;font-variant-numeric:tabular-nums}
#projects-page .business-parent .business-money{font-size:14px}
#projects-page .business-muted{color:#8a929d;font-size:12px}
#projects-page .business-view{justify-self:end;border:0;background:transparent;color:#695ba0;font-size:11px;font-weight:720;cursor:pointer}
#projects-page .business-view:hover{text-decoration:underline;text-underline-offset:3px}
#projects-page .business-progress{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;font-size:11px;font-variant-numeric:tabular-nums}
#projects-page .business-progress b{min-width:47px;text-align:right}
#projects-page .business-track{display:block;flex:none;width:62px;height:7px;overflow:hidden;border-radius:99px;background:rgba(47,133,104,.11)}
#projects-page .business-track i{display:block;height:100%;border-radius:99px;background:#4a9a7d}
#projects-page .business-progress.is-none{color:#858b97}
#projects-page .business-progress.is-none .business-track{background:#e5e7ec}
#projects-page .business-progress.is-partial{color:#9b751e}
#projects-page .business-progress.is-partial .business-track{background:#f1ead8}
#projects-page .business-progress.is-partial .business-track i{background:#c49a42}
#projects-page .business-progress.is-complete{color:#2f8568}
#projects-page .business-help{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border:1px solid rgba(126,107,209,.3);border-radius:50%;background:rgba(255,255,255,.48);color:#6d61a0;font-size:10px;cursor:help}
#projects-page .business-unlinked-note{display:flex;min-width:860px;padding:9px 16px 9px 51px;border-bottom:1px solid rgba(201,138,28,.13);background:rgba(255,246,223,.55)}
#projects-page .business-unlinked-note span{display:flex;align-items:baseline;gap:10px}
#projects-page .business-unlinked-note b{color:#8e6216;font-size:10px}
#projects-page .business-unlinked-note small{color:#9a7c48;font-size:10px}
#projects-page .business-empty,#projects-page .business-empty-children{margin:0;padding:24px;color:#697581;font-size:13px;text-align:center}
#projects-page .business-direction-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px 10px 50px;border-bottom:1px solid rgba(201,138,28,.13);background:rgba(255,246,223,.55);color:#775c34;font-size:11px;line-height:1.5}
#projects-page .business-direction-notice span{min-width:0;overflow-wrap:anywhere}
#projects-page .business-direction-notice button{flex:none;border:0;background:transparent;color:#695ba0;font:inherit;font-weight:700;cursor:pointer}
#projects-page .business-direction-notice button:focus-visible{outline:2px solid var(--ui-purple);outline-offset:2px}
#project-drawer .business-drawer-note{margin:0 0 20px;color:var(--ui-muted);font-size:11px;line-height:1.65}
#project-drawer .business-drawer-breakdown{display:grid;gap:9px;font-size:12px}
#project-drawer .business-drawer-breakdown span,#project-drawer .business-drawer-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e9edf1}
#project-drawer .business-drawer-breakdown b,#project-drawer .business-drawer-line b{color:var(--ui-red);font-variant-numeric:tabular-nums}

@media(max-width:900px){
  #projects-page .contract-toolbar>.filter-bar{grid-template-columns:1fr 1fr}
  #projects-page .business-summary span{padding:2px 12px}
}
@media(max-width:680px){
  #projects-page .customer-workspace-tabs{gap:18px}
  #projects-page .contract-toolbar>.filter-bar{grid-template-columns:1fr}
  #projects-page .contract-toolbar .workspace-action-buttons{flex-wrap:wrap;white-space:normal}
  #projects-page .business-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
  #projects-page .business-summary:has(span:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  #projects-page .business-summary span:nth-child(2){border-right:0}
  #projects-page .business-summary b{font-size:16px}
  #projects-page .business-table{overflow:visible}
  #projects-page .business-table-head{display:none}
  #projects-page .business-row,#projects-page .business-table.is-supplier .business-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;min-width:0;padding:14px}
  #projects-page .business-parent{padding-top:16px;padding-bottom:16px}
  #projects-page .business-identity{grid-column:1/-1}
  #projects-page .business-identity b{white-space:normal;overflow-wrap:anywhere}
  #projects-page .business-cell{justify-items:start;text-align:left}
  #projects-page .business-cell>small:first-child{display:block;font-size:11px}
  #projects-page .business-cell small{font-size:10px}
  #projects-page .business-view{grid-column:2;justify-self:end;align-self:end}
  #projects-page .business-progress{justify-content:flex-start}
  #projects-page .business-margin{justify-content:flex-start}
  #projects-page .business-child .business-branch{margin-left:12px}
  #projects-page .business-customer-meta{align-items:flex-start;gap:3px}
  #projects-page .business-customer-meta>span{width:100%}
  #projects-page .business-customer-meta>span+span{padding-left:0;border-left:0}
  #projects-page .business-unlinked-note{min-width:0;padding:10px 16px}
  #projects-page .business-unlinked-note span{display:grid;gap:3px}
  #projects-page .business-direction-notice{padding:10px 14px}
}

@media(prefers-reduced-transparency:reduce){#projects-page .business-summary,#projects-page .business-table{background:#fff;backdrop-filter:none}}