.wf-legend{display:flex;gap:18px;flex-wrap:wrap;color:#577788;font-size:12px;margin:14px 0}.wf-legend span:first-child{color:#267654}.wf-legend span:nth-child(2){color:#086c83}.workflow-route.wf-chart{display:flex;gap:30px;list-style:none;padding:12px 4px 24px;margin:0;overflow-x:auto;align-items:stretch;max-width:100%;scrollbar-color:#93b9c7 #edf4f6}.workflow-route.wf-chart .wf-node{position:relative;flex:0 0 225px;box-sizing:border-box;background:#f8fafc;border:1px solid #d1e0e8;border-radius:14px;padding:16px;margin:0;min-height:180px}.wf-node:not(:last-child):after{content:'←';position:absolute;left:-28px;top:70px;font-size:24px;color:#8da6b1}.wf-node-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.wf-number{display:flex;width:30px;height:30px;background:#e5eef3;border-radius:50%;justify-content:center;align-items:center;color:#415f71;font-weight:700}.wf-status{font-size:11px;color:#6b8594}.wf-node h4{font-size:14px;margin:14px 0 9px}.wf-node p{font-size:11px;line-height:1.9;color:#45687c;overflow-wrap:anywhere}.workflow-route.wf-chart .wf-done{background:#edf8f2;border-color:#b7dfc9}.wf-done .wf-number{background:#2a8160;color:white}.workflow-route.wf-chart .wf-active{background:#eaf5f9;border:2px solid #0b728a;box-shadow:0 5px 18px #0b728a13}.wf-active .wf-number{background:#0b728a;color:white}.wf-active .wf-status{color:#076177;font-weight:700}.workflow-route.wf-chart .wf-hold{background:#fff6e7;border-color:#e9c27e}.wf-note{display:block;font-size:10px;color:#a37536;margin:8px 0}.wf-caption{font-size:11px;color:#6a8494;line-height:1.8}.dev-card{max-width:800px}.dev-note{background:#fff6e6;border:1px solid #efd19b;padding:14px;border-radius:10px;line-height:1.9}.dev-result{color:#196e52;font-weight:600;margin-top:16px}@media(max-width:600px){.workflow-route.wf-chart{display:flex;flex-direction:column;overflow:visible;gap:30px}.workflow-route.wf-chart .wf-node{flex:auto;min-height:130px;width:100%}.wf-node:not(:last-child):after{content:'↓';left:50%;top:auto;bottom:-32px}.wf-legend{gap:10px}}

.workflow-route.wf-chart{flex-wrap:wrap;gap:18px;overflow:visible;padding:12px 3px 20px}
.workflow-route.wf-chart .wf-node{flex:1 1 205px;min-height:150px;border-radius:8px;border-top:4px solid #d3e0e8}
.workflow-route.wf-chart .wf-done{background:#f0faf7;border:1px solid #cee5df;border-top:4px solid #138a76}
.workflow-route.wf-chart .wf-active{background:#fff9ed;border:1px solid #efdcb4;border-top:4px solid #e5aa32;box-shadow:none}
.wf-active .wf-number{background:#e5aa32;color:#332300}.wf-active .wf-status{color:#9d6907}
.workflow-route.wf-chart .wf-overdue{background:#fff1f1;border:1px solid #ebc6c6;border-top:4px solid #c74343}
.wf-overdue .wf-number{background:#c74343;color:white}.wf-overdue .wf-status{color:#b02a2a;font-weight:700}
.wf-node:not(:last-child):after{left:-18px;font-size:18px}.wf-time{font-size:10px;color:#78664b}.wf-person{margin-bottom:10px}
.wf-legend span:nth-child(2){color:#ae780b}.wf-legend span:nth-child(3){color:#ba3737}
#project-reset-button{position:fixed;left:20px;bottom:20px;z-index:210;background:#173e51;color:white;border:1px solid #608599;box-shadow:0 4px 15px #0002;border-radius:12px;padding:12px 18px;font-size:12px}
#project-reset-dialog{border:1px solid #cadce5;border-radius:16px;width:min(440px,calc(100vw - 40px));padding:24px;color:#173e51}#project-reset-dialog::backdrop{background:#09293c66}#project-reset-dialog label{display:block;margin:14px 0}#project-reset-dialog input,#project-reset-dialog select{width:100%;padding:10px;box-sizing:border-box}#project-reset-message{line-height:1.8;margin:12px 0}.reset-actions{display:flex;gap:12px}
@media(max-width:600px){.workflow-route.wf-chart .wf-node{flex:auto}.wf-node:not(:last-child):after{left:50%;font-size:24px;bottom:-25px}#project-reset-button{left:8px;bottom:12px;padding:10px;font-size:10px}}

.wf-node,.wf-node h4,.wf-node p,.wf-node small,.wf-node b,.wf-node .wf-person,.wf-node .wf-time,.wf-node .wf-note,.wf-node .wf-status,.wf-node .wf-number,.wf-node .edited-history{color:#000!important}
.edit-request-reason{white-space:pre-wrap;overflow-wrap:anywhere;color:#173e51;font-size:15px}.copy-request-code{direction:ltr;unicode-bidi:isolate;font-weight:700;margin:4px 0}
.formgrid>*{min-width:0}
#hq-lines{min-width:0;max-width:100%;width:100%}
#hq-lines .tablewrap{max-width:100%;overflow-x:auto}
#hq-form .check{display:flex!important;align-items:center;gap:8px;position:relative;clear:both}
#hq-form .check input[type=checkbox]{position:static!important;flex:0 0 auto;width:18px!important;min-width:18px!important;height:18px;margin:0!important;padding:0!important}

#unified-movement-form .wide{grid-column:1/-1}#unified-movement-form .sign{display:flex;align-items:center;gap:8px}#unified-movement-form input[type=checkbox]{width:auto;flex:0 0 auto}#unified-movement-form table input{min-width:100px}#unified-movement-form select[multiple]{min-height:110px}.request-batch{margin:14px 0;padding:12px;border:1px solid #d5e3e9;border-radius:10px}.request-occupancy{display:block;padding:10px;color:#115a64}
@media(max-width:760px){#unified-movement-form input,#unified-movement-form select,#unified-movement-form textarea{font-size:16px!important}}