/* A client's page (opens in its own tab). */
.cp-h{display:flex;align-items:flex-start;gap:14px;margin-top:10px}
.cp-h .dt{flex:1;min-width:0}
.cp-h .h1{font-size:22px;letter-spacing:-.03em}
.cp-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#cpage .m{color:var(--muted);font-size:13px;margin-top:3px;overflow-wrap:anywhere}
#cpage h4{font-weight:500;font-size:12px;color:var(--muted);margin-top:24px;padding-bottom:6px;border-bottom:1px solid var(--line)}
#cpage .dbox{max-width:640px}
#cpage .kpis{margin-top:16px}
.cp-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:36px;margin-top:18px;align-items:start}
.cp-cols>div>:first-child{margin-top:0}
#cpage .dchart svg{height:120px}
#cpage .act[data-newct],#cpage .act[data-book]{margin-top:8px}
.tabm{width:18px;height:18px;border-radius:5px;font-size:7.5px}
@container (max-width:820px){.cp-cols{grid-template-columns:minmax(0,1fr);gap:8px}.cp-h{flex-wrap:wrap}.cp-a{justify-content:flex-start;width:100%}}