.collaborator-timeline-page{display:grid;gap:15px}.timeline-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(170px,.45fr) auto;gap:12px;align-items:end;padding:15px}.timeline-controls label{display:grid;gap:6px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.timeline-own{display:grid;gap:5px;align-self:center}.timeline-own small{color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.8px}.timeline-own b{font:18px Georgia,serif}.timeline-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;background:linear-gradient(135deg,#fff,#fff6fa 58%,#f3f7ff)}.timeline-summary>div:first-child{display:flex;align-items:center;gap:13px}.timeline-summary>div:first-child>i{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:linear-gradient(145deg,#ffdce9,#fff0c8);font-size:24px;font-style:normal;box-shadow:0 8px 20px #bc6d8d1c}.timeline-summary small{color:var(--rose);font-size:7px;font-weight:900;letter-spacing:1px}.timeline-summary h2{margin:3px 0;font:20px Georgia,serif}.timeline-summary p{margin:0;color:var(--muted);font-size:8px}.timeline-summary-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.timeline-summary-chips span{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;font-size:8px;font-weight:800}.timeline-summary-chips .done{background:#e8f7ed;color:#277341}.timeline-summary-chips .progress{background:#ebf2ff;color:#3769ae}.timeline-summary-chips .pending{background:#fff2d9;color:#94600c}.timeline-list{position:relative;display:grid;gap:11px;padding-left:28px}.timeline-list:before{content:'';position:absolute;left:48px;top:28px;bottom:28px;width:2px;background:linear-gradient(#58b36d,#4d8fe0,#efaa38,#e85c99)}.timeline-event{position:relative;display:grid;grid-template-columns:52px 45px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:94px;padding:13px 15px 13px 0;border:1px solid #eadbe2;border-radius:17px;background:#fff;box-shadow:0 8px 24px #6842540b;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.timeline-event:hover,.timeline-event:focus-visible{transform:translateY(-2px);border-color:#dda4be;box-shadow:0 13px 30px #68425416;outline:none}.timeline-connector{position:relative;z-index:1;display:grid;place-items:center}.timeline-connector b{display:grid;place-items:center;width:32px;height:32px;border:4px solid #fff;border-radius:50%;background:#e9a7c6;color:#fff;font-size:10px;box-shadow:0 3px 10px #7b405d25}.timeline-event.done .timeline-connector b{background:#4eb269}.timeline-event.progress .timeline-connector b{background:#4c8edb}.timeline-event.pending .timeline-connector b{background:#efa63a}.timeline-event.cancelled .timeline-connector b{background:#9a8b92}.timeline-event-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff0f6;font-size:21px;font-style:normal}.timeline-event.done .timeline-event-icon{background:#eaf8ef}.timeline-event.progress .timeline-event-icon{background:#edf3ff}.timeline-event.pending .timeline-event-icon{background:#fff5e2}.timeline-event-copy{display:grid;gap:7px;min-width:0}.timeline-event-copy>div{display:flex;align-items:baseline;gap:10px}.timeline-event h3{margin:0;font:17px Georgia,serif}.timeline-event time{color:var(--muted);font-size:7px}.timeline-event p{overflow:hidden;margin:0;color:#6e5c66;font-size:8px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.timeline-status{padding:7px 9px;border-radius:999px;font-size:7px;font-weight:900;white-space:nowrap}.timeline-status.done{background:#e6f6eb;color:#247143}.timeline-status.progress{background:#eaf1ff;color:#3869ad}.timeline-status.pending{background:#fff0d2;color:#925d09}.timeline-status.cancelled{background:#f0edef;color:#705e67}.timeline-open{color:#dd7aa8;font-size:22px}.timeline-loading{min-height:160px;display:grid;place-items:center;color:var(--muted)}@media(max-width:820px){.timeline-summary{grid-template-columns:1fr}.timeline-summary-chips{justify-content:flex-start}.timeline-event{grid-template-columns:48px 42px minmax(0,1fr) 16px}.timeline-status{grid-column:3;justify-self:start}.timeline-open{grid-column:4;grid-row:1/3}.timeline-list{padding-left:8px}.timeline-list:before{left:31px}}@media(max-width:620px){.timeline-controls{grid-template-columns:1fr 1fr;padding:13px}.timeline-controls button{grid-column:1/-1;width:100%}.timeline-summary{padding:15px}.timeline-summary h2{font-size:18px}.timeline-summary>div:first-child>i{width:43px;height:43px}.timeline-summary-chips{display:grid;grid-template-columns:repeat(3,1fr)}.timeline-summary-chips span{justify-content:center;padding:7px 5px;text-align:center}.timeline-list{gap:9px}.timeline-list:before{left:28px}.timeline-event{grid-template-columns:42px 38px minmax(0,1fr) 13px;gap:8px;min-height:104px;padding:12px 10px 12px 0}.timeline-connector b{width:29px;height:29px}.timeline-event-icon{width:38px;height:38px;border-radius:12px;font-size:18px}.timeline-event-copy>div{display:grid;gap:3px}.timeline-event h3{font-size:15px}.timeline-event p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.timeline-status{padding:6px 8px;white-space:normal}.timeline-open{font-size:18px}}