/* Inbox breakdown: what lands in the back office, drawn segment by segment */
.ib-wrap{position:relative}
.ib-card{position:relative;z-index:1;width:80%;margin-left:auto;margin-top:-58px;background:var(--neutrals-white);border:1px solid var(--border-soft);border-radius:12px;box-shadow:0 1px 2px rgba(1,56,6,.04),0 4px 10px rgba(1,56,6,.05),0 12px 28px rgba(1,56,6,.06),0 28px 64px rgba(1,56,6,.07),0 52px 110px rgba(1,56,6,.06);padding:16px 20px 12px;color:var(--fg1)}
.ib-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.ib-title{font-size:14px;font-weight:600}
.ib-range{font-size:11px;font-weight:400;color:var(--fg2)}
.ib-chart{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;margin-left:10px}
.ib-chart svg{display:block;width:270px;height:270px;transform:rotate(-90deg)}
.ib-seg{fill:none;stroke-width:20;stroke-linecap:butt;stroke-dasharray:0 440;transition:stroke-dasharray 760ms cubic-bezier(.4,0,.2,1)}
.ib-track{fill:none;stroke:rgba(1,56,6,.08);stroke-width:20}
.ib-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.ib-total{font-size:34px;font-weight:600;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.ib-total-lab{margin-top:5px;font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--fg2)}
.ib-legend{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-soft)}
.ib-legend li{display:grid;grid-template-columns:9px minmax(0,1fr) auto 54px;align-items:center;gap:10px;padding:7px 0;font-size:12px;opacity:0;transform:translateY(3px);transition:opacity 300ms ease,transform 300ms cubic-bezier(.4,0,.2,1)}
.ib-legend li.in{opacity:1;transform:none}
.ib-dot{width:9px;height:9px;border-radius:var(--radius-pill)}
.ib-name{min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-val{font-weight:500;font-variant-numeric:tabular-nums;color:var(--fg1)}
.ib-bar{height:3px;border-radius:var(--radius-pill);background:var(--border-soft);overflow:hidden}
.ib-bar span{display:block;height:100%;width:0;transition:width 700ms cubic-bezier(.4,0,.2,1)}
@media (max-width:640px){.ib-chart svg{width:208px;height:208px}.ib-total{font-size:27px}.ib-card{width:92%;margin-top:-38px}}