/* Full-size client collaboration workspace — readable, calm, one place for accounts and fees. */
.sc-root .sc-drawer{width:min(860px,calc(100vw - 20px));max-width:860px}
.sc-root .sc-drawer .dialog-main{font-size:15px}
.sc-root .sc-drawer h2{font-size:26px}
.sc-root .sc-drawer h3{font-size:17px}
.sc-root .sc-contact-card{font-size:15px;line-height:1.6}
.cx-open-manager{width:100%;margin-top:13px;min-height:45px;font-size:15px;font-weight:800}
.cx-dialog{width:min(1080px,calc(100vw - 26px));max-width:1080px;max-height:94dvh;overflow:auto;border:1px solid #dae6d3;border-radius:20px;box-shadow:0 24px 80px #12291f36}
.cx-dialog .cx-dialog-head{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #e5ede2;padding:18px 23px}
.cx-dialog .cx-dialog-head h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:5px 0}
.cx-dialog .dialog-main{padding:21px 25px 30px}
.cx-dialog .cx-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f5f8f0;border:1px solid #e1ebda;border-radius:14px;padding:16px 18px;margin-bottom:18px}
.cx-dialog .cx-hero p{font-size:15px;color:#526d58;margin:8px 0 0}
.cx-dialog .cx-hero .btn{min-height:44px;font-size:15px;white-space:nowrap}
.cx-status{display:inline-flex;align-items:center;gap:6px;background:#dcedd3;color:#28523c;border-radius:50px;font-size:14px;padding:6px 10px;font-weight:800}
.cx-status.cx-paused{background:#fff3cf;color:#74520c}
.cx-status.cx-ended{background:#f7dedd;color:#84392f}
.cx-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px;margin-bottom:14px}
.cx-controls>label{display:grid;gap:5px;color:#47634e;font-size:14px;font-weight:750}
.cx-controls input{font:inherit;font-size:16px;background:#fff;border:1px solid #d7e4d0;border-radius:9px;padding:10px 12px;min-height:43px}
.cx-controls>div{display:flex;flex-wrap:wrap;gap:7px}
.cx-controls button{background:#fff;border:1px solid #d9e4d5;border-radius:9px;padding:11px 13px;cursor:pointer;color:#2c5238;font-size:14px;font-weight:700}
.cx-controls button:hover{background:#eff6e9}
.cx-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 25px}
.cx-stat-row>div{display:grid;align-content:center;gap:7px;padding:17px 19px;border-radius:13px;background:#e5f3db;border:1px solid #d9eacd;min-height:95px}
.cx-stat-row>div:nth-child(2){background:#e3effa;border-color:#d5e8f8}
.cx-stat-row>div:nth-child(3){background:#ede7ff;border-color:#e4d9fa}
.cx-stat-row span{font-size:14px;color:#476447}
.cx-stat-row strong{font-size:clamp(20px,2.5vw,28px);color:#203c2c;font-variant-numeric:tabular-nums}
.cx-inline-notice{background:#f0f9df;padding:12px 15px;font-weight:750;color:#436023;border-radius:9px}
.cx-services{margin:20px 0 23px}
.cx-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid #e0e8d9;margin-bottom:4px}
.cx-section-head h3{font-size:20px;margin:0;color:#264231}
.cx-section-head small{font-size:13px;line-height:1.4;color:#6b806b}
.cx-service{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 7px;border-bottom:1px solid #e9eee5}
.cx-service-info{display:grid;gap:5px;min-width:0;flex:1}
.cx-service-info>strong{font-size:17px;font-weight:800;color:#253d2b;overflow-wrap:anywhere}
.cx-service-info>span{font-size:14px;color:#59715e;line-height:1.5}
.cx-service-info p{font-size:14px;color:#738176;margin:2px 0;white-space:pre-wrap}
.cx-service-right{display:flex;align-items:center;gap:13px;flex:0 0 auto}
.cx-service-right>strong{font-size:17px;color:#27432a;min-width:105px;text-align:right;font-variant-numeric:tabular-nums}
.cx-service-right>span{font-size:13px;color:#758379;white-space:nowrap}
.cx-service-right button{min-height:39px;font-size:14px;padding:6px 11px}
.cx-no-services{font-size:15px;padding:15px 0;color:#6c7b6b}
.cx-related{border-top:1px solid #e3e9de;padding-top:19px;margin-top:18px}
.cx-related h3{font-size:20px;margin:0 0 4px}
.cx-related p{font-size:14px;color:#6b776b;margin:0 0 11px}
.cx-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cx-related button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#f7f8f3;border:1px solid #e3e9df;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;color:#34563e;cursor:pointer;line-height:1.4;min-height:45px}
.cx-related button:hover{background:#e9f2e3}
.cx-related button span{font-size:20px}
.cx-stop{margin-top:24px;border:1px solid #e4dcd6;border-radius:13px;overflow:hidden;background:#fdfaf8}
.cx-stop>summary{font-size:15px;font-weight:800;cursor:pointer;padding:15px 18px;color:#834b35}
.cx-stop[open]>summary{border-bottom:1px solid #eaded7}
.cx-stop form{padding:15px 18px}
.cx-stop p{font-size:14px;line-height:1.5;color:#825b4f;margin:0 0 14px}
.cx-stop-fields{display:grid;grid-template-columns:1fr 2fr;gap:13px}
.cx-stop-fields label{display:grid;gap:5px;font-size:14px;font-weight:700;color:#6f554b}
.cx-stop-fields input{padding:10px 12px;min-width:0;width:100%;box-sizing:border-box;font:inherit;font-size:15px;background:#fff;border:1px solid #e5d4c8;border-radius:9px}
.cx-stop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}
.cx-stop-actions button{font-size:14px;min-height:43px}
.cx-paused-alert{border:1px solid #f0c9a8;background:#fff8eb;border-radius:14px;padding:15px 18px;margin-bottom:22px}
.cx-paused-alert strong{color:#7f4f1a;font-size:17px}
.cx-paused-alert p{line-height:1.55;font-size:14px;color:#806242}
.cx-paused-alert button{min-height:42px;font-size:14px}
.cx-add-dialog{width:min(670px,calc(100vw - 24px));max-height:92dvh;overflow:auto}
.cx-add-dialog .dialog-head{position:sticky;top:0;z-index:3;background:#fff}
.cx-add-dialog .dialog-main{padding:18px 23px}
.cx-add-dialog .cc-line-grid{margin:12px 0}
.cx-form-note,.cx-perpetual{font-size:14px;line-height:1.5;color:#61745e;margin:4px 0 14px}
.cx-perpetual{background:#f0f7e9;border-radius:9px;padding:12px 14px;color:#33563c}
.cx-add-dialog #cxUntilWrap[hidden]{display:none!important}
.cc-won-card button.cx-ended{background:#fff6ef}
.cc-won-card button.cx-paused{background:#fffbed}
.cx-loading{padding:40px 10px;text-align:center;font-size:16px;color:#617461}
@media(max-width:770px){
 .sc-root .sc-drawer{width:calc(100vw - 14px);max-width:none}
 .cx-dialog{width:calc(100vw - 12px);max-width:none;max-height:96dvh;border-radius:13px}
 .cx-dialog .dialog-main{padding:15px}
 .cx-dialog .cx-dialog-head{padding:14px 15px}
 .cx-stat-row{gap:7px}
 .cx-stat-row>div{padding:12px 11px;min-height:82px}
 .cx-stat-row span{font-size:12px}
 .cx-stat-row strong{font-size:20px}
 .cx-service-right{flex-wrap:wrap;justify-content:flex-end;max-width:50%}
 .cx-service-right span{display:none}
 .cx-service-right strong{min-width:0}
 .cx-related>div{grid-template-columns:1fr}
 .cx-stop-fields{grid-template-columns:1fr}
}
@media(max-width:490px){
 .cx-dialog .cx-hero{align-items:stretch;flex-direction:column}
 .cx-dialog .cx-hero .btn{width:100%}
 .cx-stat-row{grid-template-columns:1fr 1fr}
 .cx-stat-row>div:last-child{grid-column:1 / -1}
 .cx-service{align-items:flex-start}
 .cx-service-info>strong{font-size:16px}
 .cx-service-right{display:grid;max-width:42%;justify-items:end;gap:7px}
 .cx-service-right>strong{font-size:16px}
 .cx-service-right button{min-width:72px}
 .cx-section-head{flex-direction:column}
 .cx-stop-actions{flex-direction:column}
 .cx-stop-actions button{width:100%}
}

/* Explicit, one-click add actions in each collaboration service group. */
.cx-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.cx-section-actions small{font-size:13px;line-height:1.4;color:#6b806b}
.cx-section-add{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;white-space:nowrap;border:1px solid #bdd5ad;border-radius:10px;background:#e8f4db;color:#254d34;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.cx-section-add:hover{background:#d5ecc4;border-color:#97c286}
.cx-section-add:focus-visible{outline:3px solid #7fb58a;outline-offset:2px}
@media(max-width:770px){.cx-section-actions{gap:8px}.cx-section-add{min-height:42px;padding:9px 14px}}
@media(max-width:490px){.cx-section-head{align-items:stretch}.cx-section-actions{width:100%;justify-content:space-between}.cx-section-actions small{max-width:70%}}