/* AX admin skin — build-02 §P4. Imports the single design system, then bends
   Unfold to it. The manager lives here four hours a day. */
@import url("/static/fund/css/ax.e29af33e4cf9.css");

/* content on --bg, both themes (ax.css body rule already sets bg/color/font) */
body { font-size: 14px; }

/* ---- sidebar: --bg-raised, active item = 2px gold rule on its right edge ---- */
#nav-sidebar-inner {
  background: var(--bg-raised) !important;
  border-inline-end: 1px solid var(--rule-soft);
}
#nav-sidebar-inner a.active {
  background: transparent !important;
  border-inline-start: 2px solid var(--gold);
  border-radius: 0;
  color: var(--gold-ink) !important;
}

/* one theme toggle, not two — hide Unfold's own switch (ax-theme.js drives both) */
a[x-on\:click^="switchTheme"] { display: none !important; }

/* build-09 §P5 — table styling now lives ONLY in the .ax-table component
   (ax.css); the changelist <table> carries class "ax-table". */
.paginator { border-color: var(--rule-soft) !important; }

/* every money figure: tabular, LTR digits, left aligned */
td .num, th .num, .num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  direction: ltr;
  text-align: left;
  display: inline-block;
}

/* status badges — nothing financial ever disappears quietly */
.badge { display: inline-block; font-size: 12px; padding: 2px 10px;
  border-radius: 999px; border: 1px solid currentColor; }
.b-wait { color: var(--gold-ink); } .b-ok { color: var(--gain-ink); }
.b-no { color: var(--loss-ink); } .b-done { color: var(--fg-dim); }

/* the missing-rate banner — the loudest thing on the dashboard when it fires */
.ax-rate-banner {
  border: 1px solid var(--seal-ink);
  color: var(--seal-ink);
  background: transparent;
  border-radius: 4px;
  padding: 14px 18px;
  margin-bottom: 16px;
  font-size: 15px;
  width: 100%;
}
.ax-rate-banner a { color: var(--seal-ink); text-decoration: underline; font-weight: 500; }

/* dashboard cards on the tokens (replaces the build-01 inline colours) */
.ax-card { background: var(--bg-raised); border: 1px solid var(--rule-soft);
  border-radius: 8px; padding: 16px 18px; }
.ax-card .ttl { color: var(--gold-ink); font-size: 13px; margin-bottom: 8px; }
.ax-card .val { font-size: 22px; font-weight: 700; color: var(--fg); }
.ax-card .sub { color: var(--fg-dim); font-size: 12px; margin-top: 6px; }
.ax-pending { background: transparent; border: 1px solid var(--gold);
  color: var(--gold-ink); border-radius: 8px; padding: 12px 16px;
  text-decoration: none; display: block; }

/* build-03: ax_button danger variant (colour via tokens, not Tailwind guessing) */
.ax-btn-danger { background: var(--loss-ink) !important; border-color: var(--loss-ink) !important; color: #fff !important; }

/* build-05 §P1.2 — a field with an error is framed in loss-ink, unmissably */
.group.errors input, .group.errors select, .group.errors textarea,
.errors input, .errors select, .errors textarea {
  border-color: var(--loss-ink) !important;
  outline: 1px solid var(--loss-ink);
}

/* build-07 §P6.1 — colour is a map, not decoration. The build-06 selector
   (`#nav-sidebar-inner nav > div`) matched NOTHING — there is no inner <nav>,
   and simplebar rewraps the group divs. ax-sidebar.js therefore tags each group
   by its TITLE with data-ax-group; the colour binds to meaning, not DOM order. */
#nav-sidebar-inner div[data-ax-group] { border-inline-start: 3px solid var(--rule-soft);
  padding-inline-start: 4px; margin-block: 4px; }
#nav-sidebar-inner div[data-ax-group="daily"]   { border-inline-start-color: #C9A14A; }
#nav-sidebar-inner div[data-ax-group="reports"] { border-inline-start-color: #0E7490; }