/* The client portal's results view (ops-view.js): /account/operations and the
   owner's client view in /admin (which inlines this file). Neutral on purpose:
   it inherits the page's text colour and font, light or dark. */
.ops-sec{margin:0 0 26px}
.ops-h{font-size:18px;margin:0 0 4px}
.ops-sub{margin:0 0 10px;font-size:14px;opacity:.72}
.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 12px}
.ops-kpi{border:1px solid rgba(128,128,128,.28);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ops-k{font-size:12px;opacity:.7}
.ops-v{font-size:22px;font-variant-numeric:tabular-nums}
.ops-n{font-size:12px;opacity:.65}
.ops-bar{height:8px;border-radius:4px;background:rgba(128,128,128,.22);overflow:hidden;margin:0 0 4px}
.ops-fill{display:block;height:100%;background:#3a8f5c}
.ops-bar:not(.full) .ops-fill{background:#b98a2e}
.ops-fill.w0{width:0%}.ops-fill.w5{width:5%}.ops-fill.w10{width:10%}.ops-fill.w15{width:15%}.ops-fill.w20{width:20%}.ops-fill.w25{width:25%}.ops-fill.w30{width:30%}.ops-fill.w35{width:35%}.ops-fill.w40{width:40%}.ops-fill.w45{width:45%}.ops-fill.w50{width:50%}.ops-fill.w55{width:55%}.ops-fill.w60{width:60%}.ops-fill.w65{width:65%}.ops-fill.w70{width:70%}.ops-fill.w75{width:75%}.ops-fill.w80{width:80%}.ops-fill.w85{width:85%}.ops-fill.w90{width:90%}.ops-fill.w95{width:95%}.ops-fill.w100{width:100%}
.ops-scroll{overflow-x:auto;margin:0 0 10px}
.ops-table{width:100%;border-collapse:collapse;font-size:14px}
.ops-table th,.ops-table td{text-align:left;padding:7px 8px;border-bottom:1px solid rgba(128,128,128,.22);vertical-align:middle}
.ops-table th{font-size:12px;font-weight:600;opacity:.7}
.ops-table td:not(:first-child),.ops-table th:not(:first-child){white-space:nowrap}
.ops-pill{display:inline-block;font-size:12px;line-height:1;padding:4px 7px;border-radius:999px;border:1px solid rgba(128,128,128,.4)}
.ops-pill.ok{color:#2f8a55;border-color:rgba(47,138,85,.5)}
.ops-pill.bad{color:#c4453c;border-color:rgba(196,69,60,.5)}
.ops-g{margin:0 0 6px}
.ops-rec{margin:4px 0 0;font-size:14px}
.ops-runs{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}
.ops-runs li{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid rgba(128,128,128,.18);font-size:14px}
.ops-rn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ops-runs time{font-size:12px;opacity:.7;white-space:nowrap}
.ops-res pre{white-space:pre-wrap;font-size:13px;margin:6px 0 10px}
.ops-report{font-size:13px;white-space:nowrap}
.ops-foot{font-size:13px;opacity:.75}
.ops-card .ops-back{margin:0 0 14px;font-size:14px}
.ops-card .ops-title{font-size:28px;margin:0 0 6px}