.client-sheet{--client-blue:#245cb9;--client-muted:#62728b;display:grid;gap:22px;min-width:0}.client-back{font-size:13px;font-weight:700;text-decoration:none;color:var(--client-blue);width:max-content}.client-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #c9dbf6;border-radius:18px;background:linear-gradient(115deg,#e8f0ff,#f8fbff 65%,#e9f6f6);box-shadow:0 5px 18px #233c6708}.client-hero-main{display:flex;gap:18px;align-items:center;min-width:0}.client-hero-main>div{min-width:0}.client-hero-symbol{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:18px;color:#245cb9;background:#fff;box-shadow:0 4px 12px #245cb914}.client-hero-symbol .ui-icon{width:32px;height:32px}.client-eyebrow{font-size:11px;letter-spacing:.13em;color:#42689c;font-weight:800}.client-hero h1{margin:5px 0 10px;font-size:clamp(23px,2.3vw,32px);line-height:1.18;color:#19345c;overflow-wrap:anywhere}.client-hero-meta{display:flex;gap:8px;flex-wrap:wrap}.client-hero-meta span{font-size:12px;font-weight:650;color:#496484;background:#ffffffbd;border:1px solid #d5e2f2;border-radius:20px;padding:4px 10px}.client-hero>.actions{justify-content:flex-end;max-width:40%;flex-shrink:0}.client-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.client-shortcut{display:flex;align-items:center;gap:12px;position:relative;min-height:86px;border-radius:13px;border:1px solid var(--ct-line);padding:15px;text-align:left;color:var(--ct-ink);background:var(--ct-bg);cursor:pointer;transition:box-shadow .15s,transform .15s}.client-shortcut:hover{transform:translateY(-2px);box-shadow:0 5px 14px #29416614}.client-shortcut:focus-visible,.client-back:focus-visible{outline:3px solid #245cb9;outline-offset:3px}.client-shortcut-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffffffba;flex-shrink:0}.client-shortcut-icon .ui-icon{width:21px;height:21px}.client-shortcut>span:nth-child(2){display:grid;gap:3px}.client-shortcut strong{font-size:23px;line-height:1;font-weight:800}.client-shortcut>span:nth-child(2)>span{font-size:12px;font-weight:750}.client-shortcut-arrow{margin-left:auto;font-size:18px;opacity:.7}.client-overview{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.7fr);gap:22px;align-items:start}.client-sheet .panel{margin:0;min-width:0;border:1px solid #dee5ef;border-radius:15px;box-shadow:0 3px 10px #20314c05;padding:22px}.client-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px}.client-section-heading h2{font-size:17px;letter-spacing:-.015em;margin:0 0 5px;color:#233b5a}.client-section-heading h2:focus-visible{outline:2px solid #245cb9;outline-offset:5px}.client-section-heading p{font-size:12px;line-height:1.5;color:var(--client-muted);margin:0}.client-section-heading .actions{flex-shrink:0}.client-details{display:grid;gap:17px;margin:0}.client-details>div{display:grid;gap:5px;min-width:0}.client-details dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:750;color:#708098}.client-details dd{margin:0;font-size:13px;color:#233b5a;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}.client-sheet a:not(.job-card):not(.btn):not(.client-site){text-underline-offset:3px}.client-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}.client-person{min-width:0;overflow:hidden;border:1px solid #e0e7f0;border-radius:12px;background:#fff;box-shadow:0 2px 5px #263e5e05}.client-person-heading{display:flex;gap:11px;align-items:center;padding:17px 17px 12px}.client-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#e9effb;color:#325eaa;font-size:14px;font-weight:800}.client-person:nth-child(even) .client-avatar{background:#e5f4f1;color:#157168}.client-person h3{font-size:14px;margin:0 0 4px;color:#243b5c;overflow-wrap:anywhere}.client-person-heading p{font-size:12px;margin:0;color:var(--client-muted);overflow-wrap:anywhere}.client-person-links{display:grid;gap:7px;padding:0 17px 17px;font-size:12px;overflow-wrap:anywhere}.client-person-links .muted{font-size:11px}.client-person-receives{padding:13px 17px 16px;background:#f8fafd;border-top:1px solid #eaf0f6}.client-person-receives>span{display:block;color:#62738c;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:750;margin-bottom:9px}.client-type-tags{display:flex;gap:5px;flex-wrap:wrap}.client-type-tag{font-size:10px;font-weight:750;border-radius:5px;padding:4px 6px;color:var(--ct-ink);background:var(--ct-bg);border:1px solid var(--ct-line)}.client-type-tags>.muted{font-size:11px}.client-sheet-note{color:#62728b;font-size:12px;line-height:1.6;margin:16px 0 0}.client-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.client-site{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #cbe4e2;border-radius:12px;background:#f2f9f8;color:#245b61;text-decoration:none;min-width:0}.client-site:hover{border-color:#4c9696;background:#e8f5f2}.client-site-symbol{display:grid;place-items:center;background:#deefec;border-radius:10px;width:39px;height:39px;flex-shrink:0}.client-site>div{min-width:0}.client-site h3{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}.client-site p,.client-site>div>span{font-size:12px;margin:0;line-height:1.6;overflow-wrap:anywhere}.client-site>div>span{color:#677e82}.client-site-open{margin-left:auto}.client-sheet-section{scroll-margin-top:88px}.client-sheet-section>.search{margin-bottom:12px}.client-contact-editor{min-width:0}.client-contact-intro{padding:18px;border-radius:12px;background:#edf3ff;border:1px solid #cfdef5;margin-bottom:18px}.client-contact-intro h3{font-size:15px;color:#24519b;margin:0 0 7px}.client-contact-intro p,.client-contact-legacy,.client-contact-empty{font-size:13px;line-height:1.6;margin:0;color:#536b8c}.client-contact-legacy{margin:0 0 16px}.client-contact-empty{border:1px dashed #ccd8e9;border-radius:10px;padding:22px;margin-bottom:16px}.client-contact-edit{border:1px solid #dbe3ee;border-radius:12px;margin-bottom:16px;background:#fff;overflow:hidden}.client-contact-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f4f7fc;border-bottom:1px solid #e5ebf4}.client-contact-edit-heading strong{font-size:14px;color:#29466f;overflow-wrap:anywhere}.client-contact-edit-heading .btn{color:#9c3646;border-color:#e7cad0;background:white}.client-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.client-contact-preferences{margin:0 18px 18px;padding:12px 0 0;border:0;border-top:1px solid #e6edf5;min-width:0}.client-contact-preferences legend{font-size:12px;font-weight:750;color:#536b89;padding:0 8px 0 0}.client-contact-preferences>div{display:flex;gap:8px;flex-wrap:wrap}.client-type-choice{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dce3ec;border-radius:8px;font-size:12px;font-weight:650;background:#fff;color:#66758a;cursor:pointer}.client-type-choice:has(input:checked){background:var(--ct-bg);border-color:var(--ct-line);color:var(--ct-ink)}.client-type-choice input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--ct-ink);box-shadow:none}.client-contact-preferences>small{display:block;margin-top:11px;color:#697e98;font-size:11px}.client-tone-blue,.client-tone-quote{--ct-bg:#e9f0ff;--ct-ink:#245cb9;--ct-line:#c2d4f7}.client-tone-teal,.client-tone-delivery{--ct-bg:#e2f3f1;--ct-ink:#08777b;--ct-line:#b8dfd9}.client-tone-ochre,.client-tone-job{--ct-bg:#fff1db;--ct-ink:#925b13;--ct-line:#ebd1a4}.client-tone-violet,.client-tone-invoice{--ct-bg:#f2eafb;--ct-ink:#7c42a9;--ct-line:#dbc2ed}.client-tone-green,.client-tone-credit{--ct-bg:#e7f4e9;--ct-ink:#277442;--ct-line:#c3e2cb}.client-tone-order{--ct-bg:#edebff;--ct-ink:#5946b3;--ct-line:#cec8f0}
@media(min-width:1500px){.client-overview{grid-template-columns:minmax(280px,.7fr) minmax(0,2fr)}}
@media(max-width:1050px){.client-hero{align-items:flex-start;flex-direction:column}.client-hero>.actions{max-width:none;justify-content:flex-start}.client-overview{grid-template-columns:1fr}.client-details{grid-template-columns:1fr 1fr}.client-shortcuts{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.client-section-heading{flex-wrap:wrap}}
@media(max-width:560px){.client-sheet{gap:16px}.client-hero{padding:20px;gap:18px}.client-hero-main{gap:12px;align-items:flex-start}.client-hero-symbol{width:45px;height:45px;border-radius:13px}.client-hero-symbol .ui-icon{width:25px;height:25px}.client-shortcuts{grid-template-columns:1fr 1fr;gap:9px}.client-shortcut{min-height:73px;padding:12px;gap:9px}.client-shortcut strong{font-size:21px}.client-sheet .panel{padding:17px}.client-details{grid-template-columns:1fr}.client-contact-fields{grid-template-columns:1fr;padding:15px}.client-contact-preferences{margin:0 15px 15px}.client-type-choice{font-size:11px}.client-hero .actions .btn{font-size:12px}.client-overview{gap:16px}}
@media(prefers-reduced-motion:reduce){.client-shortcut{transition:none}}