/* The Stock screen.
 *
 * EVERY COLOUR AND EVERY CORNER COMES FROM A TOKEN (D25), so the whole screen
 * follows the theme without knowing it exists. And every class this screen uses
 * has a rule here -- a class with no rule behind it draws as a bare browser
 * default and no check can see it.
 */

/* What everything is worth, together. Sits under the sentence explaining the
 * screen so it reads as part of the same thought. */
.k-stock__worth {
  margin: 0 0 12px;
  color: var(--text-muted);
}

/* Everything you hold. It comes down while the batches of one row are up, and
 * comes straight back when they are closed. */
.k-stock__list {
  display: block;
  min-width: 0;
}

/* Where the batches behind a row appear -- IN PLACE OF the list they were
 * opened from, which comes down while they are up (his instruction,
 * 2026-09-02). Nothing is drawn when nothing is open, so it collapses on its
 * own. */
.k-stock__lots {
  display: block;
  min-width: 0;
}

.k-stock__panel {
  margin: 0 0 16px;
  padding: 12px;
  background: var(--surface-raised);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  min-width: 0;
}

.k-stock__panel-title {
  margin: 0 0 4px;
  font-size: 1.05rem;
}

/* The way back, and the name of what you are looking at, on one row -- the way
 * out of a panel is the first thing on it, never the last. */
.k-stock__panel-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 10px;
}

.k-stock__panel-top .k-stock__panel-title {
  margin: 0;
}

/* The batches themselves are the shared table now, so they need no rules of
 * their own -- the one thing they do need is room, because the panel they sit
 * in is narrower than the screen. */
.k-stock__batches {
  display: block;
  min-width: 0;
}