.stock-page {
  --app-accent: #a9d65e;
  --app-accent-rgb: 169, 214, 94;
  --app-accent-ink: #101807;
  --app-bg: #10130d;
  --app-sidebar: #171d11;
  --app-panel: #1c2217;
  --app-panel-strong: #252d1d;
}

.stock-detail {
  align-self: start;
  border-top: 3px solid var(--app-accent);
}

.stock-movement {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
  border: 1px solid var(--app-border);
  border-radius: 7px;
  padding: 16px;
}

.stock-movement legend {
  padding-inline: 6px;
  font-weight: 800;
}

.stock-movement-types {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.stock-movement-types label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.stock-movement-types input {
  accent-color: var(--app-accent);
}

.stock-secondary {
  margin-top: 18px;
}

.stock-task-list {
  display: grid;
  gap: 14px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.stock-task-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  border-top: 1px solid var(--app-border);
  padding-top: 14px;
}

.stock-task-list p {
  margin: 3px 0 0;
  color: var(--app-muted);
}

.stock-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}