/* Owner dashboard: "Download your data" (Billing panel). Uses --sv-* tokens, so light and dark follow the theme. */
.data-export { margin: 18px 0 6px; padding: 18px 20px; border: 1px solid var(--sv-line, #e1e7e2); border-radius: var(--sv-radius-m, 16px); background: var(--sv-surface, #fff); color: var(--sv-text, #0b1a14); }
.data-export-head span { display: block; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sv-brand-3, #1f6e53); }
.data-export-head h3 { margin: 4px 0 6px; font-size: 1.12rem; color: var(--sv-text, #0b1a14); }
.data-export-head p, .data-export-foot { margin: 0; color: var(--sv-muted, #56665e); font-size: .92rem; max-width: 66ch; }
.data-export-deadline { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--sv-warn-bg, #fdf1d8); color: var(--sv-warn, #8a5a00); font-size: .9rem; font-weight: 600; }
.data-export-list { list-style: none; margin: 14px 0 12px; padding: 0; display: grid; gap: 8px; }
.data-export-site { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--sv-line, #e1e7e2); border-radius: 12px; background: var(--sv-surface-2, #f3f6f4); }
.data-export-site strong { display: block; font-size: .95rem; color: var(--sv-text, #0b1a14); }
.data-export-site small { display: block; color: var(--sv-muted, #56665e); font-size: .82rem; }
.data-export-site .button { white-space: nowrap; }
.data-export-site .button[aria-busy="true"] { opacity: .7; cursor: progress; }
.data-export-empty { color: var(--sv-muted, #56665e); font-size: .9rem; }
.data-export-status { margin: 10px 0 0; min-height: 1.2em; font-size: .9rem; color: var(--sv-muted, #56665e); }
.data-export-status[data-state="error"] { color: var(--sv-bad, #a1261b); }
.data-export-status[data-state="success"] { color: var(--sv-ok, #1d7a4f); }
@media (max-width: 560px) {
  .data-export { padding: 14px; }
  .data-export-site { grid-template-columns: 1fr; }
  .data-export-site .button { width: 100%; justify-content: center; }
}