.crm-stage{font-family:Manrope,Arial,sans-serif!important;color:#30343a}.crm-stage .ss-stage{overflow:hidden;--ss-font:Manrope,Arial,sans-serif;--ss-accent:#d23929}
.crm-background{position:absolute!important;left:45px;top:0;width:650px;height:610px;border:1px solid #dce2e8!important;background:#f8fafc!important;border-radius:12px!important;filter:blur(1.3px);opacity:.48;pointer-events:none}.crm-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;width:460px;background:#fff;border-bottom:1px solid #edf0f3;font-size:12px}.crm-brand{font-size:20px!important;font-weight:700;letter-spacing:-.6px}.crm-brand span{color:#159bc8}.crm-navigation{width:460px;padding:0 24px;background:#f7fafc;border-bottom:1px solid #e6edf1}.crm-navigation .ss-tabs{height:38px;gap:26px}.crm-navigation .ss-tabs__tab{font-size:11px!important}.crm-back-content{padding:24px;width:560px;font-size:18px;font-weight:700}.crm-back-columns{display:flex;gap:15px;margin-top:24px}.crm-back-columns>div{display:grid;gap:16px}.crm-back-columns .ss-card{width:145px;height:65px}
.crm-contact{position:absolute!important;left:16px;top:100px;width:380px;--ss-card-radius:14px;--ss-shadow-satellite:0 12px 38px #27303d12;background:#fff!important;color:#30343a;box-shadow:0 12px 38px #27303d12,inset 0 0 0 1px #e0e4e8!important}
.crm-person-heading{display:grid;gap:5px}.crm-kicker{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#7e8790}.crm-name{font-size:29px!important;font-weight:700;line-height:1.2;letter-spacing:-.6px}.crm-name span{font-size:12px;font-weight:400;color:#7b8289;letter-spacing:0;margin-left:8px}.crm-breed{font-size:11px!important;color:#7b8289}
.crm-metrics{display:grid;grid-template-columns:.85fr .7fr 1.45fr;gap:8px;margin:18px 0 16px;padding:12px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.crm-metrics>div{display:grid;gap:5px}.crm-metrics .ss-text{font-size:10px;color:#79818a;white-space:nowrap}.crm-metrics .crm-number{font-size:22px!important;font-weight:700;letter-spacing:-.7px;color:#30343a}
.crm-person-details{width:250px;display:grid;gap:7px}.crm-person-details p{display:grid;grid-template-columns:94px 1fr;gap:8px;font-size:10.5px!important;line-height:1.4;color:#46505a;margin:0}.crm-person-details b{font-weight:400;color:#929aa2}.crm-person-details span{white-space:nowrap}
.crm-deals{margin-top:18px}.crm-deals-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700}.crm-average{font-size:10px!important;font-weight:400;color:#929aa2}.crm-deal{min-height:47px;border-top:1px solid #edf0f2;--ss-row-gap:10px}.crm-deal-name{display:block;font-size:11px!important;font-weight:700;line-height:1.5}.crm-deal-date{display:block;font-size:10px!important;color:#8a929a;line-height:1.5}.crm-deal-status{font-size:10px;white-space:nowrap;color:#65788a;background:#f0f5f8;padding:5px 8px;border-radius:4px}.crm-deal-status.pending{color:#bd6028;background:#fff4ea}
.crm-next{margin-top:12px!important;--ss-ink-1:#fff3ef;--ss-card-radius:8px;color:#973527}.crm-next-label{font-size:10px!important;color:#b26051}.crm-next-title{font-size:13px!important;font-weight:700}.crm-next-note{font-size:10px!important;color:#936c64}
.crm-dog-figure{position:absolute;right:0;top:230px;width:174px;height:auto;pointer-events:none;filter:drop-shadow(0 10px 12px #49321a12)}
.crm-stage [data-layout=compact] .crm-background{left:20px;top:0;width:500px;height:620px}.crm-stage [data-layout=compact] .crm-toolbar,.crm-stage [data-layout=compact] .crm-navigation{width:338px;padding:0 18px}.crm-stage [data-layout=compact] .crm-contact{left:0;top:96px;width:338px;--ss-card-pad:16px}.crm-stage [data-layout=compact] .crm-kicker{font-size:11px!important}.crm-stage [data-layout=compact] .crm-breed{font-size:11px!important}.crm-stage [data-layout=compact] .crm-metrics .ss-text{font-size:11px}.crm-stage [data-layout=compact] .crm-metrics .crm-number{font-size:21px!important}.crm-stage [data-layout=compact] .crm-person-details{width:210px;gap:8px}.crm-stage [data-layout=compact] .crm-person-details p{grid-template-columns:1fr;gap:1px;font-size:11px!important;line-height:1.3}.crm-stage [data-layout=compact] .crm-person-details b{font-size:10.5px}.crm-stage [data-layout=compact] .crm-dog-figure{right:0;top:270px;width:128px}.crm-stage [data-layout=compact] .crm-deals{margin-top:14px}.crm-stage [data-layout=compact] .crm-average{font-size:10.5px!important}.crm-stage [data-layout=compact] .crm-deal-date,.crm-stage [data-layout=compact] .crm-deal-status{font-size:10.5px!important}.crm-stage [data-layout=compact] .crm-next-label,.crm-stage [data-layout=compact] .crm-next-note{font-size:10.5px!important}

.crm-contact-body{position:relative;width:100%}.crm-person-statuses{position:absolute;right:0;top:0;display:flex;gap:6px}.crm-person-statuses>span{width:28px;height:28px;display:grid;place-items:center;background:#f5f6f7;border:1px solid #e6e8eb;border-radius:50%;color:#77818a}.crm-person-statuses svg{display:block}.crm-deal{min-height:56px}.crm-contact .ss-row{border-radius:0}

.crm-metrics{border:0}

/* Same generated cutout in complementary CSS masks: only the tail moves. */
.crm-dog-figure{right:8px;filter:drop-shadow(0 10px 12px #49321a12)}.crm-dog-figure img{display:block;width:100%;height:auto}.crm-dog{clip-path:polygon(0 0,100% 0,100% 62%,75% 62%,65% 76%,65% 85%,75% 92%,100% 92%,100% 100%,0 100%)}.crm-dog-tail{position:absolute;inset:0;clip-path:polygon(75% 62%,100% 62%,100% 92%,75% 92%,65% 85%,65% 76%);transform-origin:65% 80%;animation:archi-tail-wag .8s ease-in-out infinite alternate}.crm-stage [data-layout=compact] .crm-dog-figure{right:6px}@keyframes archi-tail-wag{from{transform:rotate(-9deg)}to{transform:rotate(10deg)}}@media(prefers-reduced-motion:reduce){.crm-dog-tail{animation:none;transform:none}}
