/* 流程型导航与紧凑工作区，不缩小正文来迁就小屏。 */
/* 入口收敛：长页面局部分区切换，hidden不得被历史布局覆盖。 */
#yx-flow [hidden]{display:none!important}#yx-flow .compact-context-nav{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid #dfe7f2;padding:0 0 10px;margin-bottom:16px}#yx-flow .compact-context-nav button{border:0;background:transparent;color:#657b99;padding:7px 12px}#yx-flow .compact-context-nav button.active{background:#e9f0ff;color:#285bd1;font-weight:600}#yx-flow .compact-section-bar{display:flex;gap:14px;align-items:end;justify-content:space-between;background:#fff;border:1px solid #e0e8f3;border-radius:8px;padding:10px 14px;margin:14px 0 0}#yx-flow .compact-section-bar label{margin:0;max-width:460px;flex:1}#yx-flow .compact-section-bar label>span{font-size:12px;margin-bottom:3px}#yx-flow .compact-section-bar .actions{flex-shrink:0;font-size:13px;color:#798ba3}#yx-flow #compact-main-nav{padding-top:8px}#yx-flow #compact-main-nav button{min-height:43px;margin:5px 0;padding:10px 12px;gap:10px;font-size:14px}#yx-flow .compact-nav-mark{width:20px;text-align:center;font-size:19px;color:#6983a7}#yx-flow #compact-main-nav button.active .compact-nav-mark{color:#3466e8}@media(max-width:600px){#yx-flow .compact-section-bar{align-items:stretch;flex-direction:column}#yx-flow .compact-context-nav{flex-wrap:nowrap;overflow:auto}#yx-flow .compact-context-nav button{white-space:nowrap;flex-shrink:0}}
#yx-flow .top{min-height:76px;padding:10px 18px;gap:12px}#yx-flow .brand{font-size:20px}#yx-flow .logo{width:42px;height:42px}#yx-flow .top .small{margin-left:52px}#yx-flow .layout{grid-template-columns:208px minmax(0,1fr);min-height:calc(100vh - 100px);align-items:start}#yx-flow main{width:100%;max-width:none;margin:0;padding:18px 20px 28px;min-width:0}#yx-flow aside{position:sticky;top:0;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:12px 10px;display:block;scrollbar-width:thin}#yx-flow aside h3{font-size:13px;color:#7d8ba2;letter-spacing:.5px;margin:14px 8px 7px;font-weight:500}#yx-flow aside h4{font-size:13px;color:#5b708c;display:flex;gap:8px;align-items:center;margin:14px 4px 4px;font-weight:600}#yx-flow aside h4 span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #d6e1ef;border-radius:50%;background:white;font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}#yx-flow aside .nav-flow-stage{position:relative;border-left:1px solid #e1e8f3;margin-left:15px;padding-left:12px}#yx-flow aside .nav-flow-stage h4{margin-left:-26px}#yx-flow aside button{width:100%;padding:8px 10px;min-height:36px;margin:2px 0;border-radius:6px;font-size:14px;line-height:1.5;gap:6px}#yx-flow aside button:before{display:none}#yx-flow aside button.active{border-left:3px solid #3466e8;padding-left:7px;background:#eaf1ff}#yx-flow aside .stage-viewing h4{color:#295dd8}#yx-flow aside .stage-viewing h4 span{background:#3466e8;color:#fff;border-color:#3466e8}#yx-flow aside summary{padding:10px 8px;font-size:13px}#yx-flow aside details{margin:8px 0}#yx-flow aside .nav-cross,#yx-flow aside #nav-team{border-top:1px solid #e8edf5;margin-top:15px;padding-top:2px}#yx-flow .panel{padding:16px;margin-top:14px;border-radius:10px}#yx-flow h2{font-size:25px}#yx-flow h3{margin-bottom:12px}#yx-flow .split,#yx-flow .enhance-grid,#yx-flow .retro-grid{gap:14px}#yx-flow .split{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}#yx-flow .metrics{gap:12px;margin:16px 0 4px}#yx-flow .metric{padding:14px 16px}#yx-flow .metric b{font-size:30px}#yx-flow .item{padding:12px 0;gap:12px}#yx-flow .tabs{gap:10px;margin-top:14px}#yx-flow .tabs button{padding:9px 7px}#yx-flow .stepper,#yx-flow .workflow-nav{margin:16px 0;gap:8px}#yx-flow .workflow-nav button{min-height:64px;padding:9px 5px}#yx-flow .data-table td{padding:12px 8px}#yx-flow .footer{padding:10px 18px}#yx-flow #compact-menu-button{display:none}#yx-flow .formgrid>*{min-width:0}#yx-flow input,#yx-flow textarea,#yx-flow select{max-width:100%}#yx-flow .bug-list-panel{padding:14px!important}
@media(max-width:1400px){#yx-flow .layout{grid-template-columns:196px minmax(0,1fr)}#yx-flow main{padding:16px}#yx-flow .panel{padding:14px}#yx-flow .split{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}}
@media(max-width:1150px){#yx-flow .split,#yx-flow .enhance-grid,#yx-flow .retro-grid,#yx-flow .diff-pair{grid-template-columns:minmax(0,1fr)}#yx-flow .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#yx-flow .workflow-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}#yx-flow .workflow-nav button{min-width:128px;flex:1 0 128px;scroll-snap-align:start}#yx-flow .workflow-nav button:after{display:none}#yx-flow .bug-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#yx-flow .layout{display:block}#yx-flow aside{display:none;position:static;width:100%;height:auto;max-height:65dvh;overflow-y:auto;border-bottom:1px solid #dae4f2;padding:12px}#yx-flow.menu-open aside{display:block}#yx-flow #compact-menu-button{display:inline-flex;align-items:center}#yx-flow .top{padding:10px 12px;gap:8px}#yx-flow .top .small{margin-left:0;font-size:12px}#yx-flow .brand{font-size:18px}#yx-flow main{padding:12px}#yx-flow .panel{padding:12px;margin-top:12px}#yx-flow .formgrid,#yx-flow .task-edit{grid-template-columns:minmax(0,1fr)}#yx-flow .tabs{gap:2px}#yx-flow .tabs button{font-size:14px}#yx-flow .item{flex-wrap:wrap}#yx-flow h2{font-size:22px}#yx-flow .notice-popover{top:110px}#yx-flow .navtitle{display:block}}
/* Page selection and business progress are independent states. */
#yx-flow .workflow-nav button.done{border-color:#dfe7f3;color:#344765}
#yx-flow .workflow-nav button.now:not(.viewing){background:#fffaf1;border-color:#e4b777;color:#344765;outline:none;box-shadow:none}
#yx-flow .workflow-nav button.viewing{background:#edf3ff;border-color:#3466e8;color:#2457ce;outline:2px solid #3466e8;outline-offset:-2px}
#yx-flow .workflow-nav button small{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:14px}
#yx-flow .workflow-progress{display:inline-block;padding:1px 6px;border-radius:4px;background:#fff0d6;color:#915000;font-size:14px}
#yx-flow .workflow-view-label{color:#2457ce;font-size:14px}
/* Bounded personnel list and focused capacity editing. */
#yx-flow .load-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}
#yx-flow .load-pagination label{display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
#yx-flow #load-page-size{width:90px}
#yx-flow .load-table-scroll{max-height:48vh;overflow:auto;overscroll-behavior:contain}
#yx-flow .load-table-scroll th{position:sticky;top:0;background:#fff;z-index:1}
#yx-flow .load-table-scroll td{padding:10px 8px}
#yx-flow #load-person-detail{width:min(760px,calc(100vw - 32px));max-height:85dvh;padding:0;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:#192c43;overflow:auto;box-shadow:0 24px 80px #14264133}
#yx-flow #load-person-detail::backdrop{background:#14264166}
#yx-flow .load-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-bottom:1px solid #dce4ed}
#yx-flow .load-dialog-head h3{margin:0}
#yx-flow .load-dialog-body{padding:16px 20px}
#yx-flow #load-form-error{color:#b93843}
#yx-flow #load-form-error:empty{display:none}