.process-intro{display:flex;align-items:center;gap:20px;margin:12px 0 24px;padding:22px 26px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.process-intro>div{flex:1}.process-intro strong{font-size:20px}.process-intro p{margin:8px 0 0;color:#777;font-size:13px;line-height:1.7}.process-intro>span{font-size:12px;color:#777;white-space:nowrap}.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.process-card{background:white;border:1px solid #e1e4e8;border-radius:18px;padding:26px;box-shadow:0 5px 20px #17223405}.process-card-top{display:flex;align-items:center;gap:14px}.process-card h2{font-size:19px;margin:0 0 8px}.process-icon{display:flex;align-items:center;justify-content:center;background:#f2f3f5;width:48px;height:48px;border-radius:13px}.process-icon img{width:24px;height:24px}.process-badge{font-size:12px;border-radius:6px;padding:4px 8px;background:#f1f2f4;color:#69707b}.process-badge.on{background:#eaf5ef;color:#2b694b}.process-toggle{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:13px;background:#f1f2f4;border:1px solid #d8dce0;border-radius:30px;padding:9px 13px;white-space:nowrap}.process-toggle span{width:12px;height:12px;border-radius:50%;background:#91959d}.process-toggle.on{background:#20242a;color:white;border-color:#20242a}.process-toggle.on span{background:#8fd5ac}.process-description{color:#7a818b;font-size:13px;line-height:1.7;min-height:44px;margin:20px 0 12px}.process-runtime{display:flex;justify-content:space-between;border-top:1px solid #eee;padding-top:14px;font-size:13px}.process-runtime span{color:#777}.process-counts{display:flex;flex-wrap:wrap;gap:28px;margin-top:20px}.process-counts div{display:flex;flex-direction:column;gap:6px}.process-counts b{font-size:24px;font-weight:600}.process-counts span{font-size:12px;color:#858c95}.process-details{background:#f8f9fb;border-radius:10px;padding:12px 16px;margin-top:22px;font-size:13px;color:#58616c}.process-details p{margin:5px 0;line-height:1.6}.process-warning{color:#a45b1f;font-size:13px}.process-footnote{font-size:12px;color:#8a9099;margin-top:22px}.nav[data-tab="processes"]::before{content:"";width:20px;height:20px;background:currentColor;mask:url('/static/material-symbols/tune.svg') center/contain no-repeat;-webkit-mask:url('/static/material-symbols/tune.svg') center/contain no-repeat}
@media(max-width:1000px){.process-grid{grid-template-columns:1fr}.process-intro{flex-wrap:wrap}.process-intro>div{flex-basis:100%}}
#articleActivityDock.activity-dock{position:fixed;inset:auto 22px 22px auto;width:410px;max-width:calc(100vw - 24px);height:auto;max-height:62vh;padding:0;background:#fff;color:#25303a;border:1px solid #dfe3e8;border-radius:15px;box-shadow:0 12px 45px #18233229;z-index:8;overflow:hidden;display:block}#articleActivityDock.hidden{display:none!important}#articleActivityDock.minimized{width:245px}#articleActivityDock>header{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:#20242a;color:#fff;margin:0;min-height:58px}#articleActivityDock>header div{display:flex;flex-direction:column;gap:4px}#articleActivityDock>header strong{font-size:14px}#articleActivityDock>header small{font-size:10px;color:#b8bec7}#articleActivityDock>header button{background:#363b43;color:#fff;border:0;padding:5px 11px;border-radius:6px}.activity-content{max-height:calc(62vh - 60px);overflow:auto;padding:12px 16px}.activity-lane{padding:0 0 12px;border-bottom:1px solid #edf0f3;margin-bottom:12px}.activity-lane h3{display:flex;justify-content:space-between;font-size:14px;margin:2px 0 9px}.activity-lane h3 span{font-size:11px;font-weight:400;color:#637285}.activity-job{display:block;width:100%;text-align:left;border:1px solid #e5e9ee;background:#f7f9fb;padding:10px;border-radius:8px;margin:6px 0;white-space:normal}.activity-job b,.activity-job span,.activity-job em{display:block;font-size:12px;line-height:1.6}.activity-job span{font-weight:400;color:#607381}.activity-job em,.activity-error{color:#a35c35;font-size:12px;font-style:normal}.activity-idle,.activity-note{font-size:12px;line-height:1.7;color:#78818c;margin:8px 0}.activity-note{font-size:10px}.activity-events summary{font-size:12px;cursor:pointer;color:#5c6775}.activity-events>div{padding:10px 0;border-bottom:1px solid #eee}.activity-events time,.activity-events b,.activity-events span{display:block;font-size:11px;line-height:1.6}.activity-events time{color:#969da6}.activity-events p{font-size:11px;line-height:1.6;color:#737e89;margin:3px 0;overflow-wrap:anywhere}@media(max-width:760px){#articleActivityDock.activity-dock{right:12px;bottom:12px;max-height:50vh}.activity-content{max-height:calc(50vh - 60px)}}

/* The header is the drag handle; log content retains normal scrolling and selection. */
#articleActivityDock>header{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
#articleActivityDock.dragging,#articleActivityDock.dragging>header{cursor:grabbing}
#articleActivityDock>header:focus-visible{outline:2px solid #7eb69b;outline-offset:-3px}
#articleActivityDock>header button{cursor:pointer}