/* ops-status.css —— 订单状态 chip（标注 #72：不同状态背景颜色、边框样式不同），2026-09-21
   为什么不写进 styles.css：它已 1630 行 > 800 行棘轮（tools/source-complexity-check.mjs 只许缩小），
   同 rec-editor.css / anno-list.css 的做法：新增职责另起一个文件。
   背景色取自原型快照 558~562 行的 .os-*；用户标注额外要求「边框样式不同」，故每档补一条同色系边框。
   原型还有 .os-failed（支付失败），当前 payStatus 枚举（0 未支付/1 已支付/2 已取消/3 已退款）没有对应档，
   故不引入该死档，改为「已取消」给出中性灰档 .os-cancel。 */
.order-status { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; border: 1px solid transparent; }
.os-success { background: #dcfce7; color: #16a34a; border-color: #86efac; }
.os-pending { background: #fef3c7; color: #d97706; border-color: #fcd34d; }
.os-cancel  { background: #f3f4f6; color: #6b7280; border-color: #d1d5db; }
.os-refund  { background: #e0e7ff; color: #4f46e5; border-color: #a5b4fc; }