.history-card,.client-timeline{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:20px}
.history-card h2,.client-timeline h3{margin:0 0 18px}
.history-event{display:grid;grid-template-columns:12px minmax(0,1fr);gap:16px;padding:0 0 24px;position:relative}
.history-event:not(:last-child):before{content:"";position:absolute;left:5px;top:15px;bottom:0;border-left:1px solid var(--line)}
.history-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);margin-top:7px}
.history-event p{margin:0 0 7px;overflow-wrap:anywhere}.history-record{color:var(--ink)}
.history-event time{color:var(--muted);font-size:.82rem;margin-right:14px}
.history-event details{margin-top:12px}.history-event summary{cursor:pointer;color:var(--muted);font-size:.85rem}
.history-changes{display:grid;gap:8px;margin:12px 0}.history-changes div{border-left:2px solid var(--line);padding-left:12px}
.history-changes dt{font-size:.8rem;color:var(--muted)}.history-changes dd{margin:4px 0;display:flex;flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}
.trash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trash-record{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.trash-record:last-child{border-bottom:0}
.trash-record h3{margin:0 0 10px;overflow-wrap:anywhere}.trash-record p{font-size:.84rem;margin:5px 0}.trash-record button{flex-shrink:0}
.client-timeline .timeline-heading{margin-top:0}.history-card button[data-history-more]{margin-top:12px}
#client-timeline-more[hidden],[data-history-more][hidden]{display:none}
.workspace .sidebar nav{min-height:0;overflow-y:auto;flex:0 1 auto}.workspace .sidebar nav .nav-item{flex-shrink:0}.workspace .sidebar-heading,.workspace .sidebar-bottom{flex-shrink:0}
.trash-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.trash-record .trash-state{color:var(--warning);font-weight:600}
.danger-card .confirm-icon{background:color-mix(in srgb,var(--error) 12%,var(--surface));color:var(--error)}
.confirm-check{justify-content:center;white-space:normal;margin-top:16px;font-size:.875rem;color:var(--ink)}
.danger-card [data-empty-confirm]:disabled{cursor:not-allowed}
@media(max-width:900px){.trash-grid{grid-template-columns:1fr}}
@media(max-width:600px){.history-card,.client-timeline{padding:16px}.trash-record{align-items:flex-start;flex-direction:column}.history-event{gap:10px}}
