/* app.css — minimal additions on top of design-system.css.
   The design system already covers layout, tables, badges, modals, states.
   Only a few app-only bits live here. */

/* The shell/login screens are toggled via the [hidden] attribute, but
   .login-screen/.app-shell set `display: grid`, which overrides the UA
   `[hidden]{display:none}` rule — so the hidden screen stayed visible
   (login overlay never disappeared after a successful sign-in). Force it. */
[hidden] { display: none !important; }

.login-error {
  margin: 0 0 14px;
  padding: 9px 12px;
  border: 1px solid var(--red-bd);
  background: var(--red-bg);
  color: var(--red);
  border-radius: 9px;
  font-size: 12.5px;
}

/* modal-root holds dynamically injected .modal nodes */
#modal-root:empty { display: none; }

/* clickable rows get a pointer */
.data-table__row.is-clickable { cursor: pointer; }

/* small inline form gap inside settings product_map editor */
.pm-add-row { display: flex; gap: 8px; align-items: flex-end; }
.pm-add-row .form-field { margin-bottom: 0; }