#dataFlowPanel[hidden]{display:none!important}#dataFlowPanel{position:fixed;inset:0;z-index:7000;display:flex;flex-direction:column;background:#f7f8f3;color:#173d34;font-family:inherit;overflow:hidden}#dataFlowPanel *{box-sizing:border-box}.flowHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(20px,calc((100vw - 1180px)/2));background:#163d34;color:#fff}.flowHeader h2{font-size:25px;margin:3px 0}.flowHeader small{color:#d6c29b}.flowHeader p{margin:5px 0 0;font-size:13px;color:#dceae4}.flowHeader .btn{background:#fff;color:#173d34;flex-shrink:0}.flowBody{width:100%;max-width:1220px;margin:0 auto;padding:24px;overflow:auto;flex:1;overscroll-behavior:contain}.flowTop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}.flowTop [data-status]{margin-inline-end:auto}.flowTop label{display:flex;gap:7px;align-items:center}.flowNotice{background:#edf3ee;border:1px solid #d2e1d7;border-radius:12px;padding:13px 16px;line-height:1.8;font-size:13px;margin:12px 0 18px}.flowStats{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.flowStat{border:1px solid #dbe3d9;background:#fff;border-radius:16px;padding:16px 10px;text-align:right;color:inherit;cursor:pointer;font-family:inherit;min-width:0}.flowStat span{display:block;font-size:12px;line-height:1.6;min-height:38px}.flowStat b{display:block;font-size:30px}.flowStat small{color:#6c8075}.flowStat.attention{background:#fff1ed;border-color:#edc4b6;color:#9c3423}.flowStat.proposal{background:#fff8e9;color:#80601e}.flowStat[aria-pressed=true]{outline:2px solid #1f6350;outline-offset:2px}.flowFilters{display:flex;align-items:end;gap:12px;margin:24px 0 16px;flex-wrap:wrap}.flowFilters label{font-size:13px;display:grid;gap:8px}.flowFilters select,.flowFilters input{border:1px solid #d4ded6;border-radius:12px;background:#fff;padding:12px;font:inherit;color:#173d34;min-height:45px}.flowSearch{flex:1;min-width:230px}.flowTabs{display:flex;gap:7px;overflow:auto;padding:4px 0 10px}.flowTabs button{flex:none;border:1px solid #d8e2d9;background:#fff;color:inherit;border-radius:30px;padding:9px 13px;font:inherit;font-size:12px;cursor:pointer}.flowTabs button[aria-pressed=true]{background:#194d3f;color:#fff}.flowCount{font-size:13px;color:#6c8075;margin:12px 0}.flowList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.flowRecord{background:#fff;border:1px solid #dce3d9;border-radius:17px;padding:18px;border-inline-start:4px solid #c9d6cd;min-width:0}.flowRecord.attention{border-inline-start-color:#c55a42}.flowRecord.done{border-inline-start-color:#3d916b}.flowRecordTop{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.flowRecordTop time{color:#72867a;margin-inline-end:auto}.flowChannel{font-weight:700}.flowBadge{padding:4px 9px;background:#eef2ee;border-radius:20px;font-size:11px;line-height:1.6}.flowBadge.done,.flowBadge.saved{background:#e8f5eb;color:#266843}.flowBadge.running{background:#e9f0fb;color:#345c94}.flowBadge.waiting,.flowBadge.proposal{background:#fff4da;color:#816223}.flowBadge.attention{background:#fdece6;color:#9b3526}.flowRecord h3{font-size:17px;margin:13px 0 5px}.flowPerson{font-size:13px;color:#6f8277;margin:0 0 13px;overflow-wrap:anywhere}.flowRoute{display:flex;gap:9px;align-items:center;background:#f3f6f0;border-radius:10px;padding:10px 12px;font-size:12px;flex-wrap:wrap}.flowExplanation{font-size:13px;line-height:1.85;margin:12px 0}.flowRecord summary{font-size:12px;cursor:pointer;color:#235e4b;font-weight:700;padding:8px 0}.flowRecord dl{margin:8px 0;font-size:12px;line-height:1.8}.flowRecord dl div{border-top:1px solid #ecf0e9;padding:9px 0}.flowRecord dt{color:#73867b}.flowRecord dd{margin:2px 0;white-space:pre-wrap;overflow-wrap:anywhere}.flowRecord details .btn{font-size:12px;padding:9px 12px}.flowPaging{display:flex;gap:16px;align-items:center;justify-content:center;margin:24px 0}.flowHelp{border-top:1px solid #d9e3d8;font-size:13px;line-height:1.9;padding:15px 0;color:#5d7768}.flowHelp summary{cursor:pointer;font-weight:700}.flowEmpty{grid-column:1/-1;text-align:center;padding:40px 20px;background:#fff;border-radius:15px}.flowEmpty h3{font-size:18px}.flowError{color:#a13723;font-weight:700}#dataFlowPanel button:focus-visible,#dataFlowPanel summary:focus-visible,#dataFlowPanel input:focus-visible,#dataFlowPanel select:focus-visible{outline:3px solid #b9904f;outline-offset:3px}@media(max-width:950px){.flowStats{grid-template-columns:repeat(4,1fr)}.flowList{grid-template-columns:1fr}}@media(max-width:600px){.flowHeader{padding:14px}.flowHeader h2{font-size:19px}.flowHeader p{font-size:12px}.flowHeader .btn{font-size:12px;padding:10px}.flowBody{padding:16px}.flowStats{grid-template-columns:repeat(2,1fr)}.flowStat span{min-height:0}.flowStat b{font-size:26px}.flowFilters label{flex:1;min-width:120px}.flowSearch{flex-basis:100%!important}.flowFilters button{width:100%}.flowRecord{padding:15px}.flowTop label{order:3;width:100%}}


#dataFlowPanel .btn{width:auto;white-space:nowrap;min-width:0}#dataFlowPanel .flowHeader>div{flex:1;min-width:0}#dataFlowPanel .flowHeader>.btn{flex:none}#dataFlowPanel .flowTop>[data-refresh]{flex:none}@media(max-width:600px){#dataFlowPanel .flowFilters>.btn{width:100%}}