.customer-activity{--usage-bg:#fff;--usage-ink:#172820;--usage-muted:#50625a;--usage-line:#c6d2ca;--usage-selected:#e1eee5;background:var(--usage-bg);color:var(--usage-ink);padding:16px;max-width:1500px;margin:auto}
.customer-activity header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.customer-activity h1{font-size:1.15rem;margin:0}.customer-activity h2{font-size:1.05rem;overflow-wrap:anywhere}.customer-activity a{color:var(--usage-ink)}.customer-activity button,.customer-activity input{font:inherit;color:var(--usage-ink);background:var(--usage-bg);border:1px solid var(--usage-line);border-radius:5px;padding:6px}.customer-activity button:disabled{background:var(--usage-selected);color:var(--usage-muted)}.usage-muted{color:var(--usage-muted);font-size:.85rem}
.usage-metrics{display:flex;flex-wrap:wrap;border-block:1px solid var(--usage-line);gap:24px;padding:12px 0}.usage-metrics>div{display:grid;gap:3px}.usage-metrics strong{font-size:1.4rem}.usage-metrics span{font-size:.8rem;color:var(--usage-muted)}
.usage-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:24px}.usage-index,.customer-activity [data-detail]{min-width:0}.usage-index label{display:grid;gap:5px}.usage-index input{min-width:0;width:100%;font-size:16px}.usage-session{display:grid;gap:4px;padding:10px 8px;border-bottom:1px solid var(--usage-line);text-decoration:none;overflow-wrap:anywhere}.usage-session strong{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.usage-session span,.usage-session small{font-size:.78rem;color:var(--usage-muted)}.usage-session[aria-current=true]{background:var(--usage-selected);color:var(--usage-ink)}
.customer-activity [data-detail]>label{display:grid;gap:6px;margin:18px 0}.customer-activity input[type=range]{width:100%;padding:0}.customer-activity output{font-size:.8rem;color:var(--usage-muted)}.usage-transcript .message{position:static!important;margin:12px 0;padding:14px;max-width:none;background:var(--usage-bg);color:var(--usage-ink);border:1px solid var(--usage-line);border-radius:7px}.usage-transcript .message.user{background:var(--usage-selected)}.usage-transcript .message-meta{color:var(--usage-muted);font-size:.75rem}.usage-transcript .message a{color:var(--usage-ink);text-decoration:underline}.customer-activity details{margin-top:18px}.customer-activity summary{cursor:pointer}.customer-activity details ol{padding-left:24px;font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.customer-activity [data-members]{overflow:auto;margin:14px 0}.customer-activity table{color:var(--usage-ink);background:var(--usage-bg);border-collapse:collapse;font-size:.8rem}.customer-activity td,.customer-activity th{padding:7px;border-bottom:1px solid var(--usage-line);text-align:left}.customer-activity :focus-visible{outline:2px solid var(--usage-ink);outline-offset:3px}
:where(html[data-theme="dark"]) .customer-activity{--usage-bg:#17231d;--usage-ink:#e5efe8;--usage-muted:#b6c9bd;--usage-line:#506759;--usage-selected:#2b4233}
@media(max-width:760px){.customer-activity{padding:12px}.usage-layout{grid-template-columns:1fr}.usage-metrics{gap:14px}.usage-index [data-sessions]{max-height:290px;overflow:auto}.usage-transcript .message{padding:10px}}
.customer-activity [data-members] table{width:100%;white-space:nowrap}.usage-journey{padding-left:22px;border-left:2px solid var(--usage-line)}.usage-journey li{padding:6px}.usage-journey small{display:block;color:var(--usage-muted)}
.customer-activity [data-members] td>div{margin-bottom:6px}.customer-activity [data-members] details{max-width:32ch;white-space:normal}.customer-activity [data-members] details p{overflow-wrap:anywhere}