/* All styles stay inside the renderer's mount root. */
.client-project-status{--cps-blue:#0065cf;--cps-text:#303844;--cps-muted:#616d7a;--cps-line:#dce3e9;color-scheme:light;background:#fff;color:var(--cps-text);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px;box-sizing:border-box;min-width:0;max-width:100%}
.client-project-status *{box-sizing:border-box}
.client-project-status h2,.client-project-status h3,.client-project-status p{margin:0;overflow-wrap:anywhere}
.client-project-status h2{font-size:27px;font-weight:500;line-height:1.25}
.client-project-status h3{font-size:16px;font-weight:500}
.client-project-status button,.client-project-status input,.client-project-status select{font:inherit}
.client-project-status button{min-height:44px;border:1px solid var(--cps-line);border-radius:8px;background:#fff;color:var(--cps-text);padding:8px 14px;cursor:pointer;white-space:normal}
.client-project-status button:hover{border-color:var(--cps-blue);color:var(--cps-blue)}
.client-project-status button:disabled{cursor:default;color:#6b737e;background:#f5f6f7;border-color:var(--cps-line)}
.client-project-status input:focus-visible,.client-project-status select:focus-visible,.client-project-status button:focus-visible,.client-project-status [tabindex]:focus-visible{outline:2px solid var(--cps-blue);outline-offset:2px}
.client-project-status .cps-muted{color:var(--cps-muted)}
.client-project-status .cps-small{font-size:12px}
.client-project-status .cps-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.client-project-status .cps-header{margin-bottom:22px}
.client-project-status .cps-header h2{margin-top:6px}
.client-project-status .cps-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:12px;color:var(--cps-muted);font-size:12px}
.client-project-status .cps-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-bottom:1px solid var(--cps-line);padding:16px 0;margin-bottom:16px}
.client-project-status label{display:block;min-width:0;color:var(--cps-muted);font-size:12px}
.client-project-status input,.client-project-status select{display:block;width:100%;min-width:0;min-height:44px;padding:9px 11px;background:#fff;border:1px solid #aeb9c5;border-radius:8px;color:var(--cps-text);font-size:16px;margin-top:5px}
.client-project-status .cps-search{flex:1;min-width:180px}
.client-project-status .cps-segment{display:flex;gap:3px}
.client-project-status .cps-segment button[aria-pressed=true]{color:var(--cps-blue);border-color:var(--cps-blue);background:#f2f8ff}
.client-project-status .cps-error{border:1px solid var(--cps-line);border-left:3px solid #bf3434;border-radius:8px;padding:12px 16px;margin:12px 0;color:#9f2828}
.client-project-status .cps-error button{margin-top:12px}
.client-project-status .cps-loading{padding:24px 0;color:var(--cps-muted)}
.client-project-status .cps-total{font-size:16px;margin:16px 0}
.client-project-status .cps-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px}
.client-project-status .cps-column{min-width:0}
.client-project-status .cps-column-head{border-top:3px solid var(--cps-stage);padding:12px 0;display:flex;justify-content:space-between;gap:8px}
.client-project-status .cps-column-head>span{color:var(--cps-muted);font-size:12px}
.client-project-status .cps-card{border:1px solid var(--cps-line);border-radius:12px;padding:16px;margin-bottom:12px;background:#fff;overflow-wrap:anywhere}
.client-project-status .cps-card h3{margin:9px 0 12px;line-height:1.4}
.client-project-status .cps-card dl{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0}
.client-project-status .cps-card dl>div{min-width:0;border-top:1px solid var(--cps-line);padding-top:8px}
.client-project-status dt{color:var(--cps-muted);font-size:12px}
.client-project-status dd{margin:3px 0 0}
.client-project-status .cps-badge{display:inline-flex;gap:6px;align-items:center}
.client-project-status .cps-dot{width:7px;height:7px;background:var(--cps-dot);border-radius:50%;display:inline-block;flex-shrink:0}
.client-project-status .cps-value{white-space:pre-wrap;overflow-wrap:anywhere}
.client-project-status .cps-long{font-size:13px;line-height:1.4}
.client-project-status .cps-table-wrap{overflow-x:auto;border:1px solid var(--cps-line);border-radius:10px;margin-top:16px;max-width:100%}
.client-project-status table{border-collapse:collapse;width:100%;min-width:2200px;font-size:14px}
.client-project-status th,.client-project-status td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--cps-line);min-width:130px;max-width:200px;overflow-wrap:anywhere;font-weight:400}
.client-project-status thead th{font-weight:500;color:var(--cps-muted);background:#fff;font-size:12px}
.client-project-status th:first-child{position:sticky;left:0;background:#fff;min-width:260px;max-width:280px;border-right:1px solid var(--cps-line);z-index:1}
.client-project-status td.cps-text-cell{min-width:420px;width:420px;max-width:420px}
.client-project-status .cps-empty{padding:40px 16px;text-align:center;border:1px solid var(--cps-line);border-radius:12px;margin-top:16px}
.client-project-status .cps-empty p{margin:8px auto 16px;max-width:500px;color:var(--cps-muted)}
.client-project-status .cps-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.client-project-status .cps-mobile-list{display:none}
@media(max-width:760px){.client-project-status{padding:16px}.client-project-status .cps-table-wrap{display:none}.client-project-status .cps-mobile-list{display:block}}
@media(max-width:600px){.client-project-status h2{font-size:24px}.client-project-status .cps-toolbar>*{flex:1 1 100%;min-width:0}.client-project-status .cps-segment button{flex:1}.client-project-status .cps-header{margin-bottom:16px}}

.client-project-status .cps-value a{color:var(--cps-primary,#0065bd);text-decoration:underline}

.client-project-status .cps-summary{display:flex;justify-content:space-between;align-items:center;gap:16px}
.client-project-status .cps-summary button{flex-shrink:0}
.client-project-status.cps-expanded{position:fixed;inset:0;z-index:2147483647;width:100%;height:100%;max-width:none;margin:0;overflow:auto;overscroll-behavior:contain;border-radius:0}
.client-project-status:fullscreen{width:100%;height:100%;max-width:none;margin:0;overflow:auto;overscroll-behavior:contain;border-radius:0}
.client-project-status:-webkit-full-screen{width:100%;height:100%;max-width:none;margin:0;overflow:auto;overscroll-behavior:contain;border-radius:0}
.client-project-status::backdrop{background:#fff}