.d8op-filter { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px; margin:12px 0; background:#f1f5f9; border:1px solid #cbd5e1; border-radius:6px; color:#24364b; }
.d8op-filter label { font-weight:600; }
.d8op-filter span { flex-basis:100%; font-size:13px; }
.d8op-heading { min-width:120px; white-space:normal!important; color:#334155!important; }
.d8op-number { font-variant-numeric:tabular-nums; }
.d8op-status { min-width:155px; }
.d8op-badge { display:inline-block; padding:5px 8px; border-radius:4px; background:#edf2f7; color:#334155; font-size:12px; }
.d8op-attention { background:#fff3d6; color:#854d0e; }
.d8op-paid { background:#dcfce7; color:#166534; }
.d8op-details summary { cursor:pointer; color:#245b91; margin-top:8px; }
.d8op-details[open] { min-width:330px; max-width:480px; white-space:normal; line-height:1.5; }
.d8op-details p { font-size:12px; color:#475569; }
.d8op-invoice { border-top:1px solid #dce3ec; padding:10px 0; font-size:12px; }