/* CSV export controls — a small bar shared by the Expenses, Assets and
   Invoices modules (js/export.js). One set of rules rather than three copies,
   since the markup in each panel is identical apart from which handler it
   calls. */

.qwx-export-bar {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}

.qwx-export-btn {
  background: transparent;
  border: 1px solid var(--glass-border);
  color: var(--amber);
  border-radius: 8px;
  font-family: 'Archivo', sans-serif;
  font-weight: 600;
  font-size: .78rem;
  padding: .5rem .85rem;
  cursor: pointer;
  transition: border-color .2s;
}
.qwx-export-btn:hover { border-color: var(--amber); }
.qwx-export-btn:disabled { opacity: .55; cursor: default; }

/* --amber (#E8A23D) doesn't clear contrast on the white light-theme card;
   #9C5C08 is the same hue pushed down the ramp far enough to. Same fix as
   css/assets.css's .ast-cost and .ast-section-title. */
body.light-theme .qwx-export-btn { color: #9C5C08; }

.qwx-export-status {
  font-size: .74rem;
  color: var(--muted);
}

.qwx-export-status.qwx-export-error { color: #E05A4A; }
body.light-theme .qwx-export-status.qwx-export-error { color: #B03A2E; }

/* Amber, between the muted grey of a clean run and the red of no file at all:
   the file downloaded, but something in it needs saying (event names that
   hadn't loaded, invoices left out). Light theme takes #9C5C08 for the same
   contrast reason as the button above. */
.qwx-export-status.qwx-export-warn { color: var(--amber); }
body.light-theme .qwx-export-status.qwx-export-warn { color: #9C5C08; }