/* Shared task timeline. The component sizes the grid and rail to its visible markers. */
html body .feed-element .onecup-task-timeline {
 --task-timeline-accent:var(--onecup-primary,#1a73e8);
 box-sizing:border-box;display:block;clear:both;width:100%;min-width:0;
 padding:15px;margin:0 0 10px;border:1px solid #dce1e9;border-radius:15px;
 background:#f6f8fb;color:#4b4f56;font-family:inherit;line-height:1.4;
}
html body .onecup-task-timeline .onecup-task-timeline__flow {position:relative;min-width:0;}
html body .onecup-task-timeline .onecup-task-timeline__steps {
 display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;list-style:none;
 margin:0;padding:0;border:0;width:100%;float:none;
}
html body .onecup-task-timeline .onecup-task-timeline__step {
 position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;
 box-sizing:border-box;min-width:0;width:auto;float:none;margin:0;padding:0 3px;
 border:0;background:none;list-style:none;text-align:center;
}
html body .onecup-task-timeline .onecup-task-timeline__dot {
 box-sizing:border-box;position:relative;display:block;flex:0 0 18px;
 width:18px;height:18px;margin:0;border:2px solid #b7c2d2;border-radius:50%;background:#f6f8fb;
}
html body .onecup-task-timeline .onecup-task-timeline__label,
html body .onecup-task-assignment .onecup-task-timeline__label {
 display:block;max-width:100%;margin:0;padding:0;white-space:normal;overflow-wrap:normal;
 font-size:11px;line-height:1.4;font-weight:400;text-transform:none;color:#626d80;
}
html body .onecup-task-timeline .is-active .onecup-task-timeline__dot {
 border-color:var(--task-timeline-accent);background:var(--task-timeline-accent);
 box-shadow:0 0 0 4px var(--onecup-primary-soft,#e0eeff);
}
html body .onecup-task-timeline .is-active .onecup-task-timeline__dot::after {
 content:'';position:absolute;inset:4px;border-radius:50%;background:#fff;
}
html body .onecup-task-timeline .is-active .onecup-task-timeline__label {color:var(--task-timeline-accent);font-weight:600;}
html body .onecup-task-timeline .onecup-task-timeline__rail {
 position:absolute;top:30px;left:0;right:0;height:2px;background:#dce1e9;
}
html body .onecup-task-timeline .onecup-task-timeline__progress {
 display:block;height:100%;margin:0;padding:0;background:var(--onecup-primary,#1a73e8);
 transform:scaleX(0);transform-origin:left center;transition:transform 650ms var(--onecup-motion-easing,cubic-bezier(.2,.8,.2,1));
}
html body .onecup-task-timeline.is-revealed .onecup-task-timeline__progress {transform:scaleX(1);}
html body .onecup-task-timeline .onecup-task-timeline__alternative {
 display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding-top:12px;border-top:1px dashed #dce1e9;
}
html body .onecup-task-timeline .onecup-task-timeline__branch {width:22px;height:9px;border-left:1px solid #b7c2d2;border-bottom:1px solid #b7c2d2;}
html body .onecup-task-timeline.is-rejected {--task-timeline-accent:var(--onecup-accent,#f9424b);}
html body .onecup-task-timeline.is-deleted {--task-timeline-accent:#626d80;}
html body .onecup-task-timeline:is(.is-rejected,.is-deleted) .is-active .onecup-task-timeline__dot {box-shadow:0 0 0 4px #e6eaef;}
@media(max-width:1199px){html body .onecup-task-timeline .onecup-task-timeline__label,html body .onecup-task-assignment .onecup-task-timeline__label{font-size:10px;}}
@media(prefers-reduced-motion:reduce){html body .onecup-task-timeline .onecup-task-timeline__progress{transition:none;}}

html body .onecup-task-assignment .onecup-task-timeline__date,
html body .onecup-task-timeline .onecup-task-timeline__date {
 display:block;flex:0 0 14px;height:14px;max-width:100%;margin:0;padding:0;
 white-space:nowrap;font-size:9px;line-height:14px;font-weight:400;color:#626d80;
}
html body .onecup-task-timeline .onecup-task-timeline__due.has-date .onecup-task-timeline__dot {
 border-color:var(--onecup-primary,#1a73e8);background:var(--onecup-primary,#1a73e8);
}
html body .onecup-task-timeline .onecup-task-timeline__due.is-overdue .onecup-task-timeline__dot {
 border-color:var(--onecup-accent,#f9424b);background:var(--onecup-accent,#f9424b);
}
@media(max-width:1199px){html body .onecup-task-assignment .onecup-task-timeline__date,html body .onecup-task-timeline .onecup-task-timeline__date{font-size:8px;}}
@media(max-width:359px){
 html body .onecup-task-timeline .onecup-task-timeline__step{padding-left:0;padding-right:0;}
}

/* Deadline history keeps previous dates neutral; only the current marker and label are red. */
html body .onecup-task-timeline--deadline.has-times .onecup-task-timeline__date {height:28px;flex-basis:28px;}
html body .onecup-task-timeline--deadline .onecup-task-timeline__time {display:block;font:inherit;line-height:14px;text-decoration:inherit;}
html body .onecup-task-timeline--deadline.has-times .onecup-task-timeline__rail {top:44px;}
html body .onecup-task-timeline--deadline .is-superseded .onecup-task-timeline__date {text-decoration:line-through;}
html body .onecup-task-timeline--deadline .is-active .onecup-task-timeline__date {color:#626d80;font-weight:600;text-decoration:none;}

/* Assignments reuse the opportunity transition card, endpoints and arrow. */
html body .feed-element .onecup-task-assignment {margin:0 0 10px;}
html body .onecup-task-assignment__people {min-width:0;margin:0;padding:0;list-style:none;}
html body .onecup-task-assignment__person {width:auto;margin:0;list-style:none;float:none;align-self:stretch;justify-content:center;}
html body .onecup-task-assignment__connector {display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;float:none;}
html body .onecup-task-assignment__identity {
 box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:5px;width:60%;max-width:60%;min-width:0;
 height:44px;margin:0 0 0 var(--assignment-offset);padding:5px;text-decoration:none;text-transform:none;
 background:#fff;border-radius:15px;border:1px solid #dce1e9;
}
html body a.onecup-task-assignment__identity {cursor:pointer;}
html body a.onecup-task-assignment__identity:focus-visible {outline:2px solid var(--onecup-primary,#1a73e8);outline-offset:2px;}
html body .onecup-task-assignment__avatar {
 display:block;box-sizing:border-box;flex:0 0 32px;width:32px!important;height:32px!important;
 max-width:32px!important;max-height:32px!important;object-fit:cover;border-radius:50%;
 margin:0;padding:0;border:1px solid #dce1e9;background:#fff;
}
html body .onecup-task-assignment .onecup-task-assignment__identity {
 width:100%;max-width:100%;height:auto;min-height:32px;margin:0;padding:0;border:0;border-radius:0;background:none;
}
html body .onecup-task-assignment .onecup-opportunity-status__value.onecup-task-assignment__name {
 max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 color:var(--onecup-primary,#1a73e8);text-transform:none;
}
/* Even dense histories keep their endpoints next to each other in narrow feeds. */
@container(max-width:420px){
 html body .onecup-task-assignment.has-many .onecup-opportunity-status__endpoint {padding:6px;}
 html body .onecup-task-assignment.has-many .onecup-task-assignment__identity {flex-direction:column;align-items:flex-start;}
 html body .onecup-task-assignment.has-many .onecup-task-assignment__avatar {flex:0 1 auto;width:100%!important;height:auto!important;aspect-ratio:1;max-width:24px!important;max-height:24px!important;}
}

/* Reversible Home experiment: the shared renderer displays current execution only. */
html body .onecup-home-task-timeline-trial .task-step-1 {flex:0 0 25px;align-self:flex-start;}
html body .onecup-home-task-timeline-trial .task-step-2 {flex:1 1 0;min-width:0;width:auto;height:auto;}
html body .onecup-home-task-timeline-trial .onecup-task-timeline--compact {
 --task-timeline-accent:var(--onecup-primary,#1a73e8);
 display:block;box-sizing:border-box;width:100%;min-width:0;clear:both;
 padding:5px 0;margin:5px 0;border:0;border-radius:0;background:none;
 font-family:inherit;line-height:1.4;
}
html body .onecup-home-task-timeline-trial .onecup-task-timeline__step {gap:5px;padding:0 2px;}
html body .onecup-home-task-timeline-trial .onecup-task-timeline__dot {width:14px;height:14px;flex-basis:14px;background:#fff;}
html body .onecup-home-task-timeline-trial .is-active .onecup-task-timeline__dot {background:var(--task-timeline-accent);box-shadow:0 0 0 3px var(--onecup-primary-soft,#e0eeff);}
html body .onecup-home-task-timeline-trial .is-active .onecup-task-timeline__dot::after {inset:3px;}
html body .onecup-home-task-timeline-trial .onecup-task-timeline__rail {top:6px;}
html body .onecup-home-task-timeline-trial .onecup-task-timeline__label {font-size:10px;line-height:14px;}
html body .onecup-home-task-timeline-trial .onecup-task-timeline__progress {transition:width 250ms ease-out,transform 650ms var(--onecup-motion-easing,cubic-bezier(.2,.8,.2,1));}
@media(prefers-reduced-motion:reduce){html body .onecup-home-task-timeline-trial .onecup-task-timeline__progress{transition:none;}}
html body .onecup-home-task-timeline-trial .onecup-task-timeline--compact.is-rejected {--task-timeline-accent:var(--onecup-accent,#f9424b);}
html body .onecup-home-task-timeline-trial .onecup-task-timeline--compact.is-deleted {--task-timeline-accent:#626d80;}

/* Home keeps creation, users and assignment response in one line. Names elide first;
   the complete information remains in the tooltip and accessible label. */
html body .onecup-home-task-timeline-trial .task .task-header .task-step .task-step-2 p small {width:95%;}
html body .onecup-home-task-timeline-trial .task .task-header .task-step .task-step-2 p .onecup-task-summary {
 display:flex;align-items:center;gap:0;max-width:95%;min-width:0;white-space:nowrap;overflow:hidden;
 line-height:14px;text-align:left;
}
html body .onecup-task-summary .onecup-task-summary__created {flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:pre;}
html body .onecup-task-summary .onecup-task-user-link {
 display:block;flex:1 100 16ch;min-width:12px;max-width:16ch;width:auto;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;line-height:inherit;
 color:var(--onecup-primary,#1a73e8);cursor:pointer;text-decoration:none;margin:0;padding:0;
}
html body .onecup-task-summary .onecup-task-user-link:hover {text-decoration:underline;}
html body .onecup-task-summary .onecup-task-user-link:focus-visible {outline:1px solid var(--onecup-primary,#1a73e8);outline-offset:-1px;}
html body .onecup-task-summary .onecup-task-summary__separator,
html body .onecup-task-summary .onecup-task-summary__response {flex:0 0 auto;white-space:pre;}

/* A missed deadline remains visible after late completion, including compact Home. */
html body .onecup-task-timeline.is-late .onecup-task-timeline__rail,
html body .onecup-task-timeline.is-late .onecup-task-timeline__progress {background:var(--onecup-accent,#f9424b);}
html body .onecup-task-timeline.is-late .onecup-task-timeline__due .onecup-task-timeline__dot {border-color:var(--onecup-accent,#f9424b);background:var(--onecup-accent,#f9424b);}
html body .onecup-home-task-timeline-trial .onecup-task-timeline--compact.has-due-date .onecup-task-timeline__rail {top:25px;}

/* Current deadline label, shared by execution and deadline-change feed cards. */
html body .onecup-task-timeline .onecup-task-timeline__due .onecup-task-timeline__label,
html body .onecup-task-timeline--deadline .is-active .onecup-task-timeline__label {color:var(--onecup-accent,#f9424b);font-weight:600;}
html body .onecup-task-timeline--deadline .is-active .onecup-task-timeline__dot {
 border-color:var(--onecup-accent,#f9424b);background:var(--onecup-accent,#f9424b);box-shadow:none;
}
html body .onecup-task-timeline--deadline .is-superseded .onecup-task-timeline__date,
html body .onecup-task-timeline--deadline .is-superseded .onecup-task-timeline__label {color:#626d80;}
@media(max-width:359px){
 html body .onecup-task-timeline--deadline .onecup-task-timeline__label {font-size:9px;}
}

/* Keep a single change on one line; dense histories retain readable type on narrow feeds. */
html body .onecup-task-timeline--deadline {container-type:inline-size;}
html body .onecup-task-timeline--deadline .onecup-task-timeline__clock {display:inline;font:inherit;color:inherit;text-decoration:inherit;}
@container(max-width:350px){
 html body .onecup-task-timeline--deadline.has-clock-dates.has-many-deadlines .onecup-task-timeline__date {height:28px;flex-basis:28px;}
 html body .onecup-task-timeline--deadline.has-clock-dates.has-many-deadlines .onecup-task-timeline__clock {display:block;}
 html body .onecup-task-timeline--deadline.has-clock-dates.has-many-deadlines .onecup-task-timeline__rail {top:44px;}
}
/* Response badges share the central connector with the standard transition arrow. */
html body .onecup-task-assignment__response {
 flex:0 0 24px;
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:24px;height:24px;border-radius:50%;background:#33a955;color:#fff;z-index:1;
}
html body .onecup-task-assignment__response.is-decline {background:var(--onecup-accent,#f9424b);}
html body .onecup-task-assignment__response svg {display:block;flex:0 0 12px;width:12px;height:12px;margin:0;padding:0;}

/* Assignment reasons keep their historical context across CRM records. */
html body .onecup-task-assignment .onecup-record-assignment__reason{display:block;width:100%;margin:10px 0 0;padding:0;text-align:center;color:#626d80;font-size:11px;line-height:1.5;overflow-wrap:anywhere}

/* R423 · Approved contact/company creation and relationship identities. */
html body .feed-element .onecup-record-creation{box-sizing:border-box;display:block;width:100%;min-width:0;margin:0 0 10px;padding:15px;border:1px solid #dce1e9;border-radius:15px;background:#f5f6fa;}
html body .onecup-record-creation__identities{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch;min-width:0;}
html body .onecup-record-creation__identities.has-link{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);}
html body .onecup-record-creation__unit{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;gap:3px;}
html body .onecup-record-creation__role,html body .onecup-record-creation__detail{display:block;float:none;width:100%;margin:0;padding:0;text-align:center;color:#626d80;font-weight:400;line-height:1.5;overflow-wrap:anywhere;}
html body .onecup-record-creation__role{font-size:9px;}
html body .onecup-record-creation__detail{font-size:11px;margin-bottom:2px;}
html body .onecup-record-creation .onecup-task-assignment__identity{width:100%;max-width:100%;height:44px;margin:0;flex:none;border-radius:15px!important;}
html body .onecup-record-creation .onecup-task-assignment__name{display:block;min-width:0;max-width:100%;margin:0;padding:0;font-size:11px;line-height:1.4;font-weight:400;text-transform:uppercase;color:#1a73e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body .onecup-record-creation__arrow{display:grid;place-items:center;align-self:end;width:20px;height:44px;margin:0;padding:0;font-size:20px;line-height:1;color:#626d80;}
html body .onecup-record-creation__management{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 5px;min-width:0;margin-top:10px;padding-top:9px;border-top:1px solid #dce1e9;text-align:center;font-size:11px;line-height:1.5;color:#626d80;}
html body .onecup-record-creation__management>a{min-width:0;max-width:100%;color:#1a73e8;}
@media(max-width:520px){html body .feed-element .onecup-record-creation{padding:10px;}html body .onecup-record-creation__identities{gap:6px;}}
html body .onecup-record-creation__context{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11px;line-height:1.5;color:#626d80;text-align:center;overflow-wrap:anywhere;}

/* R443: full task evolution, shared feed markers without the old fixed 40px clipping. */
html body #task-view .side-6.onecup-task-evolution-side,
html body #task-view .onecup-task-evolution-side .ibox,
html body #task-view .onecup-task-evolution-side .ibox-content{height:auto;min-height:0;width:100%;overflow:visible;}
html body #task-view .onecup-task-evolution-side{display:block;visibility:visible;flex:0 0 100%;margin:0 0 15px;padding:0;}
html body .onecup-task-timeline--evolution{--task-timeline-accent:var(--onecup-primary,#1a73e8);box-sizing:border-box;display:block;width:100%;min-width:0;padding:15px;margin:0;border:1px solid #dce1e9;border-radius:15px;background:#f6f8fb;color:#626d80;line-height:1.4;}
html body .onecup-task-timeline--evolution .onecup-task-timeline__date{height:14px;flex-basis:14px;white-space:nowrap;}
html body .onecup-task-timeline--evolution .onecup-task-timeline__rail{top:30px;}
html body .onecup-task-timeline--evolution .onecup-task-timeline__label{overflow-wrap:anywhere;}
html body .onecup-task-timeline--evolution .onecup-task-timeline__dot{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1;}
html body .onecup-task-timeline--evolution .is-accepted{--task-timeline-accent:#33a955;}
html body .onecup-task-timeline--evolution .is-accepted .onecup-task-timeline__dot{background:#33a955;border-color:#33a955;color:#fff;}
html body .onecup-task-timeline--evolution .is-rejected{--task-timeline-accent:var(--onecup-accent,#f9424b);}
html body .onecup-task-timeline--evolution .is-rejected .onecup-task-timeline__dot{background:var(--onecup-accent,#f9424b);border-color:var(--onecup-accent,#f9424b);color:#fff;}
html body .onecup-task-timeline--evolution .is-deleted{--task-timeline-accent:#626d80;}
html body .onecup-task-timeline--evolution .is-deadline-change .onecup-task-timeline__dot{color:#626d80;}
html body .onecup-task-timeline--evolution .onecup-task-evolution__more{display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:44px;border:0;border-radius:3px;background:none;margin:0;padding:0;font:inherit;cursor:pointer;color:var(--onecup-primary,#1a73e8);}
html body .onecup-task-timeline--evolution .onecup-task-evolution__more .onecup-task-timeline__date{display:flex;align-items:center;color:inherit;}
html body .onecup-task-timeline--evolution .onecup-task-evolution__more .onecup-task-timeline__label{color:inherit;}
html body .onecup-task-timeline--evolution .onecup-task-evolution__toggle{display:block;min-height:32px;width:auto;margin:8px auto -5px;padding:5px 8px;font:inherit;font-size:11px;line-height:1.4;color:var(--onecup-primary,#1a73e8);background:none;border:0;border-radius:3px;cursor:pointer;}
html body .onecup-task-timeline--evolution button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px;}
html body .onecup-task-timeline--evolution .onecup-task-evolution__details{list-style:none;display:block;margin:12px 0 0;padding:15px 0 0;border-top:1px solid #dce1e9;}
html body .onecup-task-evolution__details>li{position:relative;display:flex;gap:12px;float:none;width:100%;min-width:0;margin:0;padding:0 0 15px;list-style:none;}
html body .onecup-task-evolution__details>li:last-child{padding-bottom:0;}
html body .onecup-task-evolution__details>li:not(:last-child)::before{content:'';position:absolute;left:8px;top:18px;bottom:0;width:2px;background:#dce1e9;}
html body .onecup-task-evolution__details>li>div{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px;}
html body .onecup-task-timeline--evolution .onecup-task-evolution__details .onecup-task-timeline__date{height:auto;flex-basis:auto;white-space:normal;}
html body .onecup-task-evolution__people,html body .onecup-task-evolution__detail{display:block;font-size:11px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;}
html body .onecup-task-evolution__people a{color:var(--onecup-primary,#1a73e8);}
@media(max-width:520px){html body .onecup-task-timeline--evolution{padding:12px 8px;}html body .onecup-task-timeline--evolution .onecup-task-timeline__step{padding:0 2px;}html body .onecup-task-timeline--evolution .onecup-task-timeline__label{font-size:9px;}html body .onecup-task-timeline--evolution .onecup-task-timeline__date{font-size:8px;}}

/* Task profile: compact due date and centered mobile overdue notice. */
html body #task-view .side-1 .opportunity-status.bg-red{border-radius:10px;}
html body #task-view .side-1 .opportunity-status.bg-red p{font-size:10px;}
html body #task-view .onecup-task-overdue-notice p strong,html body #task-view .onecup-task-overdue-notice p strong span{display:inline;}
@media(max-width:1199px){
 html body #task-view .onecup-task-overdue-notice>.notification-text>p{text-align:center!important;white-space:normal!important;}
}