.ops-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line)}
.ops-filter input{flex:1 1 240px;min-width:160px;max-width:460px;margin:0;padding:9px 11px}
.ops-filter select{width:auto;min-width:130px;margin:0;padding:9px 11px}
.ops-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;color:#8390a8;font-size:11px;border-top:1px solid var(--line)}
.ops-pagination>div{display:flex;gap:8px}.ops-service-state{display:flex;align-items:center;gap:12px;font-size:12px;color:#8492aa;margin-bottom:20px}
.ops-todo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ops-todo{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:21px;background:#fff;border:1px solid #dfe7f2;border-radius:12px;text-align:left;color:#63738f}
.ops-todo strong{font-size:29px;color:#263d62;font-variant-numeric:tabular-nums}.ops-todo span{font-size:12px}.ops-todo small{font-size:11px;color:#21865f}.ops-todo:hover{border-color:#a5c9b7;background:#fbfffc}
.ops-todo.active{border-color:#74b494;background:#f1faf5;box-shadow:0 0 0 1px #74b494}
.ops-tasks-page .page-heading{margin-bottom:16px}
.ops-task-summary .ops-todo{padding:12px 18px;gap:4px}.ops-task-summary .ops-todo strong{font-size:26px}
.ops-scope-note{font-size:11px;line-height:1.8;color:#8291a8;margin:10px 0 18px}
.ops-finance-summary{margin-bottom:0}.ops-finance-summary strong{font-size:23px}
.ops-related-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.ops-related-heading h3{margin:0;font-size:13px}.ops-related-heading .text-button{font-size:11px}
.ops-recent-note{white-space:normal;max-width:400px;overflow-wrap:anywhere;line-height:1.6;margin-top:4px}.ops-card-finance{display:flex;justify-content:flex-end;margin:-8px 0 16px;font-size:12px}
.ops-attention p{font-size:13px;color:#6d7f9c;line-height:1.9;margin-bottom:13px}.ops-attention strong{color:#314d76}
.ops-foot-summary{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:22px;color:#7f8ea5;font-size:12px}
.ops-user-stats,.ops-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.ops-user-stats>div,.ops-evidence>div{background:#f7f9fc;border:1px solid #e6edf6;border-radius:8px;padding:13px}
.ops-user-stats span,.ops-evidence span{display:block;color:#8b9ab1;font-size:11px}.ops-user-stats strong,.ops-evidence strong{display:block;color:#334f76;font-size:17px;margin-top:8px;overflow-wrap:anywhere}
.ops-detail-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#8a98b0;font-size:12px}
.ops-feedback{margin-top:17px;background:#f5faf7;border:1px solid #e0eee5;border-radius:9px;padding:15px;color:#586f62;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.ops-feedback strong{color:#2f7151}.ops-feedback p{margin-top:5px}.ops-settle-form{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}
.ops-settings-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ops-settings-tabs a{padding:9px 15px;border:1px solid #e0e7f2;border-radius:8px;background:#fff;color:#75839d;font-size:12px}
.ops-settings-tabs a.active{color:#21865f;background:#edf8f2;border-color:#c9e8d8}.ops-audit-note{max-width:420px;white-space:normal;overflow-wrap:anywhere;color:#8c9ab0;line-height:1.7;margin-top:5px}
.ops-audit-raw{max-width:350px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#8b97ac;margin-top:9px;max-height:220px;overflow:auto}.ops-dialog{width:min(1100px,calc(100vw - 36px))}.ops-dialog .table-wrap{max-height:280px;overflow:auto;margin-top:12px}
.ops-dialog .table-wrap th,.ops-dialog .table-wrap td{padding:10px 12px}.ops-batch-summary{padding:14px 20px;border-bottom:1px solid var(--line);background:#fafcfe;color:#7587a2;font-size:12px;line-height:1.9}.ops-batch-summary .link-row{margin-top:9px}.ops-batch-grid{margin:16px 0}.ops-batch-grid summary{cursor:pointer;color:#596f92;font-size:13px}
@media(max-width:1000px){.ops-todo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ops-filter{padding:12px}.ops-filter input{flex-basis:100%;max-width:none}.ops-todo{padding:16px;gap:9px}.ops-todo small{font-size:10px}.ops-service-state{align-items:flex-start;line-height:1.7}.ops-user-stats>div,.ops-evidence>div{padding:10px}.ops-user-stats strong,.ops-evidence strong{font-size:14px}.ops-settings-tabs a{padding:8px 10px;font-size:11px}.ops-dialog{width:calc(100vw - 20px)}}