.work-order-timeline-intro{margin:-4px 0 24px;color:#789080;font-size:10px;line-height:1.5}.work-order-timeline-list{position:relative;padding:2px 0 4px 4px}.work-order-timeline-list:before{position:absolute;top:14px;bottom:14px;left:19px;width:1px;background:#dce9df;content:""}.work-order-timeline-item{position:relative;display:flex;gap:12px;padding:0 0 16px}.work-order-timeline-item:last-child{padding-bottom:0}.work-order-timeline-marker{z-index:1;display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:4px solid #fbfdfb;border-radius:50%;background:#dff2e5;color:#28764a;font-size:12px;box-shadow:0 0 0 1px #bcdcc5}.work-order-timeline-content{min-width:0;flex:1;padding:1px 0 0}.work-order-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.work-order-timeline-head>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.work-order-timeline-head strong{color:#294936;font-size:11px;line-height:1.35}.work-order-timeline-head time{flex:0 0 auto;color:#8a9a90;font-size:9px;text-align:right}.work-order-timeline-operation{padding:3px 6px;border-radius:999px;background:#eaf6ee;color:#28764a;font-size:8px;font-weight:800}.work-order-timeline-content p{margin:5px 0;color:#62796b;font-size:10px;line-height:1.45}.work-order-timeline-content small{display:block;color:#829088;font-size:9px}.work-order-timeline-content small i{margin-right:3px;color:#6d9c7b}.work-order-timeline-item.is-completed .work-order-timeline-marker,.work-order-timeline-item.is-work-order-completed .work-order-timeline-marker{background:#28764a;color:#fff;box-shadow:0 0 0 1px #28764a}.work-order-timeline-item.is-paused .work-order-timeline-marker{background:#fff2d9;color:#a26b1f;box-shadow:0 0 0 1px #e6c98d}.work-order-timeline-empty{display:grid;justify-items:center;gap:5px;padding:28px 12px;border:1px dashed #d5e4d9;border-radius:12px;color:#829088;text-align:center}.work-order-timeline-empty i{color:#79a58a;font-size:21px}.work-order-timeline-empty strong{color:#536d5d;font-size:11px}.work-order-timeline-empty span{font-size:10px}html[data-theme="dark"] .work-order-timeline-list:before{background:#385044}html[data-theme="dark"] .work-order-timeline-marker{border-color:#19271f;background:#294235;color:#bce4c9;box-shadow:0 0 0 1px #466351}html[data-theme="dark"] .work-order-timeline-content strong{color:#d7eadc}html[data-theme="dark"] .work-order-timeline-content p,html[data-theme="dark"] .work-order-timeline-content small,html[data-theme="dark"] .work-order-timeline-head time{color:#a9bbae}html[data-theme="dark"] .work-order-timeline-operation{background:#294235;color:#bce4c9}