/* One-line billing and past-session records; graph/data definitions live in the JS modules. */
/* Compact record rows. Secondary facts and editors stay inside the disclosure. */
#view-billing .ops-payment-list { gap: 0; border: 1px solid var(--border-box-purple); border-radius: 10px; overflow: hidden; }
#view-billing .ops-payment-card { padding: 0; border: 0; border-bottom: 1px solid var(--border-box-purple); border-radius: 0; animation: none; }
#view-billing .ops-payment-card:last-child { border-bottom: 0; }
.ops-payment-summary { display: grid; grid-template-columns: 130px 100px minmax(0, 1fr) 52px 70px 95px 16px; align-items: center; gap: 12px; padding: 12px; min-height: 48px; box-sizing: border-box; list-style: none; cursor: pointer; font-size: 13px; }
.ops-payment-summary::-webkit-details-marker { display: none; }
.ops-board-title, .ops-board-member, .ops-board-date { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ops-board-date, .ops-board-member, .ops-board-env { color: var(--text-sub); }
.ops-board-state { white-space: nowrap; font-size: 12px; }
.ops-payment-summary .ops-payment-amount { font-size: 14px; text-align: right; white-space: nowrap; }
.ops-board-arrow { color: var(--neon-cyan); }
.ops-board-row[open] .ops-board-arrow { transform: rotate(180deg); }
.ops-payment-summary:hover { background: color-mix(in srgb, var(--neon-cyan) 5%, var(--bg-card-inner)); }
.ops-board-detail { margin: 0; padding: 16px; border-top: 1px solid var(--border-box-purple); }
#view-space .ops-space-live { border-color: var(--neon-cyan); }
#view-space .ops-section > h4 { margin: 0 0 12px; }
#view-space .ops-session-compact { padding: 0; border-radius: 0; }
#view-space .ops-session-compact > summary { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px; list-style: none; }
#view-space .ops-session-compact > summary::-webkit-details-marker { display: none; }
#view-space .ops-session-compact .ops-session-title { flex: 1; min-width: 0; flex-wrap: nowrap; gap: 8px; }
#view-space .ops-session-compact .ops-session-title > span:nth-child(2) { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; }
#view-space .ops-session-compact .ops-icon-badge { display: none; }
#view-space .ops-session-compact summary::after { content: '⌄'; margin: 0; color: var(--neon-cyan); }
#view-space .ops-session-compact[open] summary::after { content: '⌃'; }
.ops-session-count { flex-shrink: 0; color: var(--text-sub); font-size: 12px; }
.ops-session-expanded { padding-top: 12px; }
@media (max-width: 1000px) {
  .ops-payment-summary { grid-template-columns: minmax(0, 1fr) 65px 82px 16px; gap: 8px; }
  .ops-payment-summary :is(.ops-board-date, .ops-board-member, .ops-board-env) { display: none; }
}
@media (max-width: 480px) {
  .ops-payment-summary { padding: 10px 8px; grid-template-columns: minmax(0, 1fr) 54px 74px 12px; gap: 5px; }
  .ops-payment-summary .ops-payment-amount { font-size: 12px; }
  .ops-board-state { font-size: 11px; }
  #view-space .ops-session-compact .ops-status-chip { display: none; }
  #view-space .ops-session-compact .ops-session-title { font-size: 12px; }
}

.ops-payment-list { display:grid; }
.ops-payment-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ops-payment-fact dt { color:var(--text-muted); font-size:12px; }
.ops-payment-fact dd { margin:4px 0 0; color:var(--text-pure); overflow-wrap:anywhere; }
@media(max-width:600px){.ops-payment-facts{grid-template-columns:minmax(0,1fr)}}