.hod-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hod-toolbar label{min-width:170px}.hod-status,.hod-note{font-size:12px;line-height:1.6;color:#506780}.hod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.hod-card{background:linear-gradient(135deg,#f8fcff,#edf5fc);border:1px solid #d6e5f1;border-radius:9px;padding:18px;min-width:0}.hod-card h3{font-size:15px;margin:0;color:#123957}.hod-card small{display:block;font-size:11px;color:#536a7e;line-height:1.5;margin-top:14px}.hod-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.hod-values span{font-size:12px;color:#506780;display:block}.hod-values strong{font-size:19px;color:#075cb7;display:block;margin-top:6px;overflow-wrap:anywhere}.hod-button{background:#0866b6;color:white;border:0;border-radius:6px;padding:9px 13px;cursor:pointer;font-size:12px}.hod-button:focus-visible,.hod-link:focus-visible{outline:3px solid #e8aa26;outline-offset:2px}.hod-link{font-size:12px;color:#075cb7;margin-top:12px}.hod-flow-legend{font-size:12px;color:#37516c;margin-bottom:15px}.hod-flow-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px;align-items:center;margin:15px 0;font-size:12px}.hod-bar{height:28px;margin:5px 0;border-radius:4px;min-width:2px;position:relative}.hod-bar.in{background:#d8f1e7}.hod-bar.out{background:#fbe6e0}.hod-bar span{position:absolute;left:8px;top:6px;color:#183b50;white-space:nowrap;font-weight:600}.hod-detail{width:min(1200px,95vw)}.hod-detail .ho-table-scroll{margin:18px 0}.hod-content .ho-table-scroll{max-width:100%}.hod-content{min-width:0}.hod-content .ho-panel{min-width:0}
@media(max-width:800px){.hod-grid{grid-template-columns:1fr}.hod-values strong{font-size:17px}.hod-flow-row{grid-template-columns:100px minmax(0,1fr)}}