.flow-node{width:270px;height:252px;padding:14px 15px;display:flex;flex-direction:column}.flow-node-top{gap:7px;justify-content:initial;margin-bottom:7px;min-height:18px}.flow-state{margin-left:auto}.flow-week-marker{font-size:9px;background:#fff0b7;color:#916800;padding:1px 5px;border-radius:3px;white-space:nowrap;box-shadow:0 0 0 1px #f2dea1}.flow-node-title{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;min-height:21px}.flow-owner{font-size:12px;margin:7px 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.flow-owner a{color:#a52c44;font-weight:600;display:inline-block;padding:2px 0}.flow-owner small{font-size:10px;color:#929ba6}.flow-work{font-size:10px}.flow-work-list{max-height:67px;overflow:hidden;gap:5px}.flow-node-foot{margin-top:auto}.flow-requirement{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:10px;color:#8997a4;line-height:1.7}.flow-deadline{font-size:9px;color:#9d9398;margin:7px 0 4px}.flow-viewport{max-height:900px}.flow-person-link:hover{text-decoration:underline}.flow-panel .flow-legend{padding-bottom:env(safe-area-inset-bottom,0)}.external-stage-label{font-weight:600;color:#986476}
html{scroll-padding-top:16px}body{min-height:100vh;min-height:100dvh}main{padding-bottom:calc(45px + env(safe-area-inset-bottom,0px))}dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}input,select,textarea{scroll-margin-bottom:100px}footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
@media(max-width:650px){.flow-viewport{max-height:650px}.topbar{padding-top:env(safe-area-inset-top,0px);height:calc(66px + env(safe-area-inset-top,0px))}input,select,textarea{font-size:16px}.reply-actions button,.node-links button{min-height:34px}.flow-node{width:270px}main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}

.flow-peer{white-space:nowrap;color:#9b5f70;font-weight:550;flex-shrink:0;padding:3px 0}.flow-work-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#6b7b89;line-height:1.5;padding:3px 0}.flow-work{align-items:flex-start;gap:6px}.flow-work-title:hover,.flow-peer:hover{text-decoration:underline;color:var(--red)}