.pro-switch{font-size:12px;min-height:32px;border-radius:30px;padding:7px 12px;background:transparent;white-space:nowrap;border-color:#c8d5bf}.pro-switch.enabled{background:#e4eadf}.pro-client-demo{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:8px 5%;background:#f8faf6;font-size:12px;color:#71806e}.pro-settings-links,.pro-workspace-tools{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:22px}.pro-workspace-tools{font-size:13px;border-bottom:1px solid var(--line);padding-bottom:12px}.pro-workspace-tools>span{margin-right:auto}.pro-tag{font-size:11px;border:1px solid #d5dccc;border-radius:4px;padding:2px 5px;margin-left:6px}.pro-assignment{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin:0 0 20px}.pro-assignment label{margin:0}.pro-assignment select{width:auto;max-width:230px;margin:0}.pro-feature-list{display:grid;gap:12px;margin:24px 0}.pro-feature-list button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:5px 14px;padding:18px}.pro-feature-list span{font-weight:400;font-size:14px;color:var(--muted)}.pro-feature-list i{grid-column:2;grid-row:1/3;font-style:normal}.pro-presets{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.pro-presets button{padding:8px 12px}.pro-presets i{width:14px;height:14px;border-radius:50%}.pro-brand-sample{padding:24px;border-radius:12px;margin:20px 0;background:var(--pro-bg);color:var(--pro-on-bg)}.pro-brand-sample h3{color:inherit;margin:12px 0}.pro-brand-sample b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pro-primary);color:var(--pro-on-primary);margin-right:8px}.pro-preview-button{display:block;text-align:center;padding:12px;margin-top:22px;border-radius:7px;background:var(--pro-primary);color:var(--pro-on-primary)}input[type=color]{width:100%;height:44px;padding:4px;cursor:pointer}.pro-team-list{margin:22px 0}.pro-team-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.pro-team-list>div>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.pro-team-list small,.pro-overview-jobs small{display:block;color:var(--muted)}.pro-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.pro-metrics>div{padding:16px;background:var(--mint);border-radius:9px}.pro-metrics b{display:block;font-size:30px;line-height:1.2}.pro-metrics span{font-size:12px}.pro-overview-jobs{display:grid;gap:8px}.pro-overview-jobs button{display:flex;justify-content:space-between;text-align:left;gap:20px}
@media(max-width:800px){.headerinner{flex-wrap:wrap}.headerinner>.pro-switch{margin-left:auto}.headerinner .companymenu{margin-left:0}.pro-client-plan{padding:0}.pro-assignment{justify-content:flex-start;flex-wrap:wrap}.pro-metrics{gap:6px}.pro-metrics>div{padding:12px 8px}.pro-client-demo{gap:8px;flex-wrap:wrap}}
@media print{.pro-client-demo,.pro-switch{display:none}.pro-brand{print-color-adjust:exact}}

/* A single light palette across the whole client page; brand color is an accent. */
.pro-brand,.pro-client-active{--bg:var(--pro-bg);--paper:#fff;--mint:var(--pro-soft);--line:var(--pro-line);--ink:var(--pro-ink);--text:var(--pro-ink);--muted:var(--pro-muted);--green:var(--pro-accent);color:var(--pro-ink)}
.pro-client-active{min-height:100vh;background:var(--pro-bg)}
.pro-client-active .pro-client-demo,.pro-client-active .demobar{background:#fff;color:var(--pro-muted);border-bottom:1px solid var(--pro-line)}
.pro-client-active .pro-client-demo button,.pro-client-active .demobar button{color:var(--pro-accent)}
.pro-client-active .pro-switch.enabled{background:var(--pro-soft);border-color:var(--pro-line)}
.pro-brand .header{background:#fff;border-color:var(--pro-line)}
.pro-brand .businessinfo,.pro-brand .businessinfo b,.pro-brand .companywordmark{color:var(--pro-ink)}
.pro-client-plan{padding:0;border-radius:0;background:transparent}
.pro-brand .clientintro{color:var(--pro-ink)}
.pro-brand :is(h1,h2,h3,h4),.pro-brand .review-content-item h3,.pro-brand .brief-goal,.pro-brand .review-message,.pro-brand .comment-author strong{color:var(--pro-ink)}
.pro-brand :is(.documentlabel,.clientintro>p,.review-content-item p,.review-boundaries h4,.plan-when,.labelhint,.muted,.brief-empty,.contactlinks,.examplecaption,.comment-author span,.client-powered,.brief-feedback-stages span){color:var(--pro-muted)}
.pro-brand :is(.brief-document,.brief-section,.review-thread,.review-attachment,.contactcard,.discussion-panel){border-color:var(--pro-line)}
.pro-brand .brief-document{background:#fff;box-shadow:0 10px 36px #20212704}
.pro-brand .plan-document .brief-section+.brief-section{border-color:var(--pro-line)}
.pro-brand .review-content-item{background:#fff;border:1px solid var(--pro-line);border-radius:10px;box-shadow:none}
.pro-brand .review-content-item:hover{background:var(--pro-soft);border-color:var(--pro-line);box-shadow:none}
.pro-brand .review-content-mark{background:var(--pro-soft);border:0;box-shadow:none;color:var(--pro-accent)}
.pro-brand .review-content-mark svg,.pro-brand .brief-items .vicon,.pro-brand .attachment-icon{color:var(--pro-accent)}
.pro-brand .attachment-icon,.pro-brand .brief-feedback-stages>div,.pro-brand .comment-avatar.initials{background:var(--pro-soft);color:var(--pro-accent)}
.pro-brand .review-boundaries{background:transparent;border-color:var(--pro-line)}
.pro-brand .plan-number{background:var(--pro-soft);color:var(--pro-accent);border-color:var(--pro-line)}
.pro-brand .plan-route>li:not(:last-child):before{background:var(--pro-line)}
.pro-brand .review-attachment>img,.pro-brand .review-cover{background:var(--pro-soft)}
.pro-brand .contactcard,.pro-brand .discussion-panel,.pro-brand .approve,.pro-brand .success{background:#fff;color:var(--pro-ink);border-color:var(--pro-line)}
.pro-brand .approve,.pro-brand .success{border-top:2px solid var(--pro-primary)}
.pro-brand button{background:#fff;border-color:var(--pro-line);color:var(--pro-accent)}
.pro-brand button:hover{background:var(--pro-soft)}
.pro-brand .textbtn{background:transparent;color:var(--pro-accent)}
.pro-brand .primary,.pro-brand .review-fab,.pro-brand .successmark{background:var(--pro-primary);color:var(--pro-on-primary);border-color:var(--pro-primary)}
.pro-brand .primary:hover,.pro-brand .review-fab:hover{background:var(--pro-primary);color:var(--pro-on-primary);filter:brightness(.94)}
.pro-brand .primary:disabled{background:#eeeef0;color:#777980;border-color:#e1e1e5;filter:none}
.pro-brand .review-fab{box-shadow:0 8px 24px #20212720;border:3px solid #fff}
.pro-brand .review-fab>.review-fab-count{background:#fff;color:var(--pro-accent);border-color:var(--pro-line)}
.pro-brand :is(a,.contactlinks a,.attachment-action){color:var(--pro-accent)}
.pro-brand :is(input,textarea,select){accent-color:var(--pro-accent);color:var(--pro-ink);border-color:var(--pro-line);background:#fff}
.pro-brand :is(input,textarea,select):focus{border-color:var(--pro-accent);box-shadow:0 0 0 3px var(--pro-soft)}
.pro-brand label{color:var(--pro-ink)}
.pro-brand :is(button,a):focus-visible{outline-color:var(--pro-accent)}
.pro-brand .review-highlight{outline-color:var(--pro-accent)!important;background:var(--pro-soft)!important;box-shadow:0 0 0 7px var(--pro-soft)}
.pro-brand-sample{border:1px solid var(--pro-line);background:var(--pro-bg);color:var(--pro-ink);padding:24px}
.pro-sample-paper{padding:18px;background:#fff;border:1px solid var(--pro-line);border-radius:9px;margin:18px 0}
.pro-sample-paper h4{margin:0 0 10px;font-size:14px}.pro-sample-paper h4:not(:first-child){margin-top:20px}
.pro-sample-item{font-size:14px;color:var(--pro-ink);display:flex;align-items:center;gap:9px}
.pro-brand-sample .pro-sample-item b{margin:0;background:var(--pro-soft);color:var(--pro-accent);font-size:13px;flex-shrink:0}
.pro-preview-button{background:var(--pro-primary);color:var(--pro-on-primary)}
@media print{.pro-client-active{background:white}.pro-brand .brief-document{box-shadow:none}}
/* Apply the same palette to owner review, client approval and later additions. */
.pro-brand .next-agreed-step{border-color:var(--pro-primary);background:var(--pro-soft);color:var(--pro-ink)}.pro-brand .next-agreed-step :is(p,span){color:var(--pro-muted)}.pro-brand :is(.extra-card,.extra-section,.plan-change-policy,.plan-finish){border-color:var(--pro-line)}.pro-brand .extra-card{background:#fff}.pro-brand .badge.ready{background:var(--pro-soft);color:var(--pro-accent)}.pro-brand .brief-success{background:var(--pro-soft);border-color:var(--pro-line);border-top-color:var(--pro-primary)}.pro-brand .brief-success :is(p,dt,dd){color:var(--pro-ink)}.pro-brand .brief-success>svg{color:var(--pro-accent)}.pro-owner-plan{background:var(--pro-bg);border-radius:12px;padding:24px}.pro-presets button:focus-visible{outline-offset:3px}@media(max-width:650px){.pro-owner-plan{padding:14px}}
