/* Custom styles beyond the Tailwind CDN (kept intentionally minimal —
   no JS/CSS build step). Mirrors marketing/styles.css so the app FEELS
   like the website. */

html {
  scroll-behavior: smooth;
}

[data-state] { text-transform: capitalize; }

/* Journal-entry tables (same rules as the marketing preview table) */
.je-table th,
.je-table td {
  padding: 0.5rem 0.75rem;
}
.je-table thead th {
  text-align: left;
  font-weight: 600;
}
.je-table td.num,
.je-table th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Accessible focus outline everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
  outline: 2px solid #047857; /* emerald-700 */
  outline-offset: 2px;
}

/* Disclosure ("Choose a different account", checklist instructions):
   emerald +/− marker, matching the marketing FAQ pattern. */
details.disclosure > summary {
  cursor: pointer;
  list-style: none;
}
details.disclosure > summary::-webkit-details-marker {
  display: none;
}
details.disclosure > summary::after {
  content: "+";
  float: right;
  font-weight: 600;
  color: #047857;
}
details.disclosure[open] > summary::after {
  content: "\2212"; /* minus */
}